/* Reset CSS */

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

ul, ol, menu {
  list-style: none
}

input, select, button {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

button {
  cursor: pointer;
}

html, body {
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  font-family: museo-sans, Arial, sans-serif;
  color: #454D58;
  line-height: 28px;
}

@media only screen and (max-width: 2048px) {
  /* When switching from land to port on Android phones, some
			text elements don't auto resize to fit port mode.  Applying
			a transparent BG fixes this bug */
  h1, h2, h3, h4, h5, h6, p, ul, li {
    background: url(../images/transparentimage.png) 0 0 repeat;
  }
}

*:focus-visible {
  outline-color: #0078C8 !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: absolute !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
  z-index: 10000002;
  cursor: pointer;
  background-color: #ffffff;
  padding: 15px;
  font-size: 23px;
  border: 1px solid #000;
  color: #000 !important;
}

.contrastButton {
  position: fixed;
  bottom: 100px;
  left: 0px;
  z-index: 10000;
  padding: 5px 10px 5px 10px;
  background: #f3f3f3;
  font-size: 13px;
  border: 2px solid #353535;
  cursor: pointer;
  width: 60px;
  text-align: center;
  line-height: 0.8em;
}

.contrastButton svg {
  display: inline;
}

.contrastButton svg path {
  transition: fill .2s ease-in-out;
}

.contrastButton .label {
  line-height: 1em;
  font-size: 9px;
}

/* ----------------------------------------------------
		Start Headers
------------------------------------------------------- */
h1 {
  width: 100%;
  margin: 0 auto 5px auto;
  font-weight: 500;
  font-size: 44px;
  line-height: 50px;
  color: #003161;
  text-align: center;
}

h2 {
  width: 100%;
  margin: 0 auto 28px auto;
  font-weight: 500;
  font-size: 32px;
  line-height: 36px;
  color: #003161;
}

h3 {
  width: 100%;
  margin: 0 auto 30px auto;
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  color: #003161;
}

h4 {
  width: 100%;
  margin: 0 auto 16px auto;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  color: #003161;
}

.subHeadLine {
  margin-bottom: 50px;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
}

@media screen and (max-width:767px) {
  h1 {
    font-size: 36px;
    line-height: 40px;
  }

  body {
    line-height: 24px;
  }

  h2 {
    margin-bottom: 25px !important;
    font-size: 32px !important;
    line-height: 36px !important;
  }

  h2.cornerBorder {
    transform: translate(0px, 0) !important;
  }

  h3 {
    margin-bottom: 25px;
    font-size: 20px;
  }
}

/* ----------------------------------------------------
		End Headers
------------------------------------------------------- */

a:link,
a:visited,
a:active {
  color: #0078C8;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a:hover {
  color: #003161;
}

a.disabled {
  cursor: default;
}

strong {
  font-weight: 700;
}

input[type=text],
input[type=date],
input[type=email],
input[type=tel],
input[type=password],
textarea,
select {
  width: 100%;
  max-width: 100%;
  font-family: museo-sans, Arial, sans-serif;
  padding: 2px 0 2px 0;
  color: #454D58;
  font-size: 16px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #A0D5EC;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFF5E2;
  transition: color .3s;
}

input:not([type="submit"]):focus,
input:not([type="button"]):focus {
  color: #0078C8;
}

input[type="submit"]:focus,
input[type="button"]:focus {
  color: #FFF;
  background-color: #003161;
}

textarea {
  width: 100% !important;
  height: 150px;
  max-height: 300px;
  padding-right: 7px;
  line-height: 1.5em;
}

/* Set default select background */
select {
  background: transparent url(../images/form-dd-arrow_v1.jpg) right 6px no-repeat;
}

/* Remove dropdown arrow from IE dropdown versions 10 and up */
select::-ms-expand {
  display: none;
}

input[type=button],
input[type=submit] {
  cursor: pointer;
  font-size: 16px;
  -webkit-appearance: none;
  outline: none;
}

input[type=image] {
  outline: none;
}

textarea {
  height: 150px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #454D58;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #454D58;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #454D58;
}

:-moz-placeholder { /* Firefox 18- */
  color: #454D58;
}

sup,
sub {
  font-size: .55em;
  text-transform: uppercase;
  position: relative;
  left: 0;
}

sup {
  top: -9px;
}

sub {
  top: 6px;
}

a.btn,
.btn {
  display: inline-block;
  padding: 11px 25px 12px 25px;
  position: relative;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  vertical-align: middle;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-radius: 23px;
  background-color: #0078C8;
  border-color: #0078C8;
  color: #FFF;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  line-height: 22px;
  -webkit-appearance: none;
  outline: none;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

.btn a {
  color: #0078C8;
}

.rteCopy .btn:hover a {
  color: #FFF;
}

.btn:focus-visible,
.btn:hover {
  color: #FFF;
  border-color: #003161;
  background-color: #003161;
}

.btn span,
.btn span:hover {
  background-color: transparent !important;
  border: none !important;
}

.btn.slim {
  padding: 6px 20px 7px 20px;
  font-size: 15px;
}

.btn.slim::before,
.btn.slim::after {
  background-size: 6px 10px;
}

.btn.arrow {
  padding-left: 40px;
}

.btn.arrow.slim {
  padding-left: 35px;
}

.btn.arrow::before,
.btn.arrow::after {
  background-image: url(../images/arrow_white.png);
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 14px;
  left: 20px;
  width: 9px;
  height: 14px;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.btn.arrow::after {
  background-image: url(../images/arrow_white.png);
}

@media all and (max-width: 767px) {
  .btn.arrow::before {
    left: auto !important;
    transform: translate(-15px, 0) !important;
  }

  .btn.arrow::after {
    display: none;
  }
}

.btn.arrow.slim::before,
.btn.arrow.slim::after {
  top: 11px;
  left: 20px;
}

.btn.arrow::before {
  opacity: 1;
  transform: translate(0px, 1px);
}

.btn.arrow:focus-visible::before,
.btn:focus-visible .arrow::before,
.btn.arrow:hover::before,
.btn:hover .arrow::before {
  opacity: 0;
  transform: translate(0px, -9px);
}

.btn.arrow::after {
  opacity: 0;
  transform: translate(0px, 9px);
}

.btn.arrow:focus-visible::after,
.btn:focus-visible .arrow::after,
.btn.arrow:hover::after,
.btn:hover .arrow::after {
  opacity: 1;
  transform: translate(0px, 0px);
}

a.btnWhite,
.btnWhite {
  color: #0078C8;
  background-color: #FFF;
}

a.btnWhite.arrow::before,
.btnWhite.arrow::before {
  background-image: url(../images/arrow_0078C8.png);
}

a.btnLightBlue,
.btnLightBlue {
  color: #FFF;
  background-color: #3da3e5;
  border-color: #3da3e5;
  transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}

.btn.btnLightBlue.arrow::before {
  background-image: url(../images/arrow_white.png);
}

.btn.disabled,
.btn.disabled:hover {
  opacity: 0.2;
  color: #FFF;
  border-color: #0078C8;
  background-color: #0078C8;
}

.bodyStopScrolling {
  /*padding-right: 17px;*/
  overflow: hidden;
}

.stickyOnScroll.sticky {
  position: sticky;
  top: 15px;
  left: 0;
}

.widgetTopMargin {
  margin-top: 50px;
}

.widgetBottomMargin {
  margin-bottom: 50px;
}

.videoIframeWrap,
.mceNonEditable.embeditem {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

.videoIframeWrap iframe,
.mceNonEditable.embeditem iframe {
  height: 100% !important;
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.imgScaleOnHover {
  transition: all .2s ease-in-out;
}

.imgScaleOnHover:hover {
  transform: scale(1.03);
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.playBtnWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.playBtnWrap .playButton {
  position: absolute;
  width: 32%;
  max-width: 59px;
}

.radius-left-top {
  border-top-left-radius: 110px;
}

.radius-right-top {
  border-top-right-radius: 110px;
}

.radius-right-bottom {
  border-bottom-right-radius: 110px;
}

.radius-left-bottom {
  border-bottom-left-radius: 110px;
}

a.backToTopBtn {
  position: fixed !important;
  bottom: 10px;
  opacity: 0;
  z-index: 10000;
  left: calc(50% - 80px);
  background-color: #003161;
  border-color: #003161;
}

a.btn.backToTopBtn::before,
a.btn.backToTopBtn::after {
  top: 8px !important;
  left: 20px !important;
  transform: rotate(-90deg) translate(1px, 0px) !important;
}

a.btn.backToTopBtn::after {
  transform: rotate(-90deg) translate(-9px, 0px) !important;
}

a.btn.backToTopBtn:focus-visible::before,
a.btn.backToTopBtn:hover::before {
  transform: rotate(-90deg) translate(9px, 0px) !important;
}

a.btn.backToTopBtn:focus-visible::after,
a.btn.backToTopBtn:hover::after {
  transform: rotate(-90deg) translate(0px, 0px) !important;
}

a.backToTopBtn:focus-visible,
a.backToTopBtn:hover {
  background-color: #0078C8;
  border-color: #0078C8;
}

.contrastOn a.backToTopBtn {
  font-size: 18px;
  text-indent: -9px;
  padding: 15px 25px 15px 20px;
  color: #003161;
  background-color: #FFF;
  border-color: #003161;
}

.contrastOn a.btn.backToTopBtn::before,
.contrastOn a.btn.backToTopBtn::after {
  top: 17px !important;
}
/* ----------------------------------------------------
		Start Round Button Arrow Colors
------------------------------------------------------- */

.roundBtnArrowFFFFFF::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 8px;
  height: 8px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg) translate(-2px, -2px);
  -webkit-transform: rotate(-45deg) translate(-2px, -2px);
  transition: border-color .3s ease-in-out;
}

.roundBtnArrow0078C8::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
  border: solid #0078C8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg) translate(-2px, -2px);
  -webkit-transform: rotate(-45deg) translate(-2px, -2px);
  transition: border-color .3s ease-in-out;
}

.roundBtnArrow0078C8:focus-visible::before,
.roundBtnArrow0078C8:hover::before,
a:hover .roundBtnArrow0078C8::before {
  border-color: #FFF;
}
/* ----------------------------------------------------
		End Round Button Arrow Colors
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Round Buttons
------------------------------------------------------- */
.roundBtn {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  background-color: #E5F7FF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: background-color .3s ease-in-out;
}

.roundBtn:focus-visible,
.roundBtn:hover,
a:hover .roundBtn {
  background-color: #0078C8;
}

.roundBtnArrowRight:before {
  transform: rotate(-45deg);
  border-width: 2px 0 0 2px;
}

/* Dark blue background */
.roundBtnBG0078C8 {
  background-color: #0078C8;
}

/* ----------------------------------------------------
		End Round Buttons
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Round Button Links
------------------------------------------------------- */

.roundBtnLink {
  display: flex;
  padding: 11px 0 0 38px;
  position: relative;
  color: #454D58 !important;
  font-size: 17px;
  font-weight: 700;
  transition: padding .3s ease-in-out, color .3s ease-in-out;
}

.roundBtnLink:hover {
  padding-left: 60px;
  color: #0078C8 !important;
}

.roundBtnLink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  z-index: -1;
  width: 50px;
  height: 50px;
  background-color: #E5F7FF;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: background-color .3s ease-in-out, transform .3s ease-in-out;
}

.roundBtnLink:hover::before {
  background-color: #0078C8;
  transform: scale(.8, .8);
}

.roundBtnLink::after {
  content: "";
  position: absolute;
  top: 52%;
  left: 21px;
  z-index: 10;
  width: 8px;
  height: 8px;
  border: solid #0078C8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transition: border-color .3s ease-in-out;
}

.roundBtnLink:hover::after {
  border-color: #FFF;
}

/* ----------------------------------------------------
		End Round Button Links
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Toggle Switches
------------------------------------------------------- */

.toggleSwitch {
  width: 42px;
  height: 22px;
  padding: 2px;
  position: relative;
  /*position: absolute;
	top: 9px;
	right: 2px;*/
  background-color: #767676;
  border-radius: 14px;
  transition: background-color .1s ease-in-out;
}

.toggleSwitch div {
  width: 18px;
  height: 18px;
  position: relative;
  left: 0;
  background-color: #FFF;
  border-radius: 50%;
  transition: left .1s ease-in-out;
}

.toggleSwitch.selected {
  background-color: #0078C8;
}

.toggleSwitch.selected div {
  left: 20px;
}

/* ----------------------------------------------------
		End Toggle Switches
------------------------------------------------------- */


@media screen and (max-width:767px) {
  .btn:hover {
    background-color: #0078C8;
    border-color: #FFF;
  }

  a.btnWhite:hover,
  .btnWhite:hover {
    background-color: #FFF;
    color: #0078C8;
    border-color: #003161;
  }

  .roundBtn {
    width: 36px;
    height: 36px;
  }

  .roundBtn:before {
    background-size: 16% 26%;
  }
}

.gradWrap {
  position: relative;
  display: flex;
}

.grad {
  width: 75%;
  height: 90%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent linear-gradient(259deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.gradElement {
  width: 100%;
  position: relative;
  z-index: 10;
  margin: 0 0 10px 10px;
}

.arrowLink {
  padding-left: 15px;
  color: #454D58 !important;
  font-size: 17px;
  font-weight: 700;
  background: url(../images/arrow_0078C8.png) 0 9px no-repeat;
  background-size: 7px 11px;
  transition: background-position .3s ease-in-out;
}

.arrowLink:hover {
  background-position: 5px 9px;
}

.arrowLink a {
  color: #454D58 !important;
}

.checkMarkList {
  margin-bottom: 30px;
}

.checkMarkList li {
  padding: 0 0 10px 23px;
  background: url(../images/icon_check_mark.png) 0 5px no-repeat;
}

.buttonList .btn {
  margin: 0 10px 10px 0;
}

@media screen and (max-width:650px) {
  .buttonList .btn {
    width: 100%;
  }
}

.headerTextCornerBorder {
  position: relative;
  padding: 24px 0 0 24px;
  color: #FFF;
  font-size: 32px;
  line-height: 38px;
}

.headerTextCornerBorder:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 2px solid #FFF;
  border-left: 2px solid #FFF;
}

.darkBlueText {
  color: #003161;
}

.lightBlueText {
  color: #0078C8;
}

.cornerBorder {
  position: relative;
  margin-top: 16px !important;
  padding: 16px 0 0 18px;
  transform: translate(-18px, -16px);
}

.cornerBorder:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 2px solid #57C3B5;
  border-left: 2px solid #57C3B5;
}

.rteGradWrap {
  margin-bottom: 21px;
}

.rteGradWrap .grad {
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  background: transparent linear-gradient(37deg, #ACFFFD00 0%, #55BEE6E6 100%) 0% 0% no-repeat;
}

.rteGradWrap .gradElement {
  margin: 10px 10px 0 0;
}

.rteGradWrap .gradElement img {
  border-bottom-left-radius: 75px;
}

.rteGradWrap .caption {
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px;
  max-width: 395px;
}

.arrowLinkList li {
  padding: 0 0 9px 16px;
  font-size: 17px;
  font-weight: 700;
  background: url(../images/arrow_0078C8.png) 0 7px no-repeat;
  background-size: 8px 13px;
  transition: background-position .3s ease-in-out;
}

.arrowLinkList li:hover {
  background-position: 5px 7px;
}

.arrowLinkList li a {
  color: #454D58 !important;
  transition: color .3s ease-in-out;
}

.arrowLinkList li a:hover {
  color: #0078C8 !important;
}

.sectionMargin {
  margin-bottom: 110px !important;
}

@media screen and (max-width:767px) {
  .sectionMargin {
    margin-bottom: 35px !important;
  }
}

.fontSize20 {
  font-size: 20px;
  line-height: 34px;
}

.fontSize32 {
  font-size: 32px;
  line-height: 34px;
}

.noBtmMargin {
  margin-bottom: 0 !important;
}

.linkUnderline {
  background-image: linear-gradient(#FFE074,#FFE074);
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: 100% 98%;
  transition: background 0.2s linear;
}

.linkUnderline:hover {
  background-size: 0 1px;
}

/* ----------------------------------------------------
		Start Modal Styles
------------------------------------------------------- */

.bodyModalOpen {
  width: 100vw;
  overflow: hidden;
  position: fixed;
}

.bodyModalOpen.stickyHeaderSet header {
  height: 80px;
}

.modalWrapper {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  /*display: flex;*/
  align-items: center;
  padding: 0 2%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.3s ease-in-out;
  border: none;
}

.modalWrapper[open] {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.modalWrapper .modalContentWrap {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 35px 30px;
  overflow-y: visible;
  color: #FFF;
  background-color: #FFFFFF;
}

.modalWrapper .modalClose {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100;
  border-bottom: none;
  font-size: 1.5em;
  font-weight: 700;
  padding: 20px;
  color: #454D58;
  background-color: transparent;
  text-decoration: none !important;
}

.modalWrapper .modalClose:focus-visible {
  border: 1px solid #0078C8;
}

.modalWrapper .modalContent a {
  color: #FFF;
  text-decoration: underline;
}

@media all and (max-width: 767px) {

  .modalWrapper {
    align-items: flex-start;
  }

  .modalWrapper .modalContentWrap {
    margin: 15px 0;
    overflow-y: scroll;
    padding: 50px 30px;
  }

  .modalWrapper .modalClose:focus-visible {
    border: none !important;
  }
}

/* ----------------------------------------------------
		End Modal Styles
------------------------------------------------------- */

.sitewidth {
  width: 100%;
  max-width: 1280px;
}

.content770 {
  width: 100%;
  max-width: 770px;
}

@media all and (max-width: 1330px) {
  .sitewidth {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media all and (max-width: 820px) {
  .content770 {
    padding-left: 25px;
    padding-right: 25px;
  }
}

#Wrapper {
  min-height: 100%;
  position: relative;
}

/* ----------------------------------------------------
		Start Header
------------------------------------------------------- */

header {
  width: 100%;
  height: 100px;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 100000;
  background-color: #FFF;
  transition: height .3s;
}

header.stickyHeader {
  height: 80px;
  box-shadow: 0px 0 44px #0000001A;
}

header .afterContent {
  top: 100px;
}

header #SearchPanel {
  box-shadow: 0px 20px 44px -18px #0000001a;
}

header.stickyHeader .afterContent {
  top: 80px;
}

header .content {
  max-width: 1440px;
  padding: 0 25px;
  display: flex;
  flex: 1 1 0;
}

header .logo {
  flex: 0 0 130px;
  display: flex;
  align-items: center;
  margin-right: 40px;
  transition: padding .3s;
}

header .navWrap {
  display: flex;
  justify-content: space-between;
  flex: 1 1 auto;
}

header .navWrap > nav > ul {
  display: flex;
}

header .btnWrap {
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .searchBtn {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background .2s;
}

header .desktopSearchBtn {
  background-color: #55BEE6;
  text-indent: -999999px;
}

header .desktopSearchBtn:focus-visible,
header .desktopSearchBtn:hover {
  background-color: #003161;
}

header .mobileSearchBtn {
  display: none;
}

@media screen and (max-width:640px) {
  header .logo {
    flex: 0 0 96px;
  }
}

/* ----------------------------------------------------
		End Header
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Header Image
------------------------------------------------------- */

.headerImage {
  position: relative;
}

.headerImage .mainImage {
  width: 100%;
}

.headerImage .headerImageCaption {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}

/* ----------------------------------------------------
		End Header Image
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Main Nav Left
------------------------------------------------------- */

#MainNavLeft {
  z-index: 1000;
  font-size: 17px;
}

#MainNavLeft .mainNav {
  width: 100%;
  height: 100%;
  display: flex;
}

#MainNavLeft .mainNav > li {
  display: flex;
  align-items: center;
  padding-right: 40px;
}

#MainNavLeft .mainNav > li > a {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  color: #003161;
  border-bottom: 1px solid #FFF;
  transition: color .3s, border .3s;
}

#MainNavLeft .mainNav > li:hover > a,
#MainNavLeft .mainNav > li > a.current {
  color: #0078C8;
  border-bottom: 1px solid #00A8E2;
}

#MainNavLeft .mainNav .subNav {
  display: flex;
  opacity: 0;
  width: 100%;
  position: absolute;
  left: -999999px;
  z-index: 10000;
  font-size: 17px;
  background-color: #FFF;
  box-shadow: 0px 12px 44px -44px #0000001A;
  border-top: 1px solid #A0D5EC;
  transition: opacity .2s ease-in-out;
}

#MainNavLeft .mainNav > li:focus-within .subNav,
#MainNavLeft .mainNav > li:hover .subNav {
  left: 0;
  opacity: 1;
}

#MainNavLeft .subNav .subNavContent {
  display: flex;
  flex: 0 1 1440px;
  padding: 0 25px;
  margin: 0 auto;
}

#MainNavLeft .subNav .left {
  flex: 1 1 auto;
  padding: 47px 40px 20px 00px;
}

#MainNavLeft .subNav .navSections {
  display: flex;
}

#MainNavLeft .subNav nav {
  display: flex;
}

#MainNavLeft .subNav nav ul {
  padding-right: 55px;
}

#MainNavLeft .header {
  margin-bottom: 19px;
  color: #454D58;
  font-weight: 700;
}

#MainNavLeft .primaryLinks li {
  padding-bottom: 14px;
}

#MainNavLeft .primaryLinks a {
  color: #0078C8;
  transition: color .2s;
}

#MainNavLeft .primaryLinks a:hover {
  color: #003161;
}

#MainNavLeft .secondaryLinks a {
  color: #003161;
  transition: color .3s;
}

#MainNavLeft .secondaryLinks a:hover {
  color: #0078C8;
}

#MainNavLeft .viewAll a {
  color: #454D58;
  transition: color .3s;
}

#MainNavLeft .viewAll a:hover {
  color: #0078C8;
}


#MainNavLeft .secondaryLinks li,
#MainNavLeft .viewAll {
  padding: 0 0 4px 10px;
  font-size: 14px;
  background: url(../images/subnav-arrow.png) left 8px no-repeat;
  background-size: 6px 10px;
  font-weight: 700;
}

#MainNavLeft .subNavProducts .navSections > div {
  padding-right: 60px;
}

#MainNavLeft .viewAll {
  font-size: 17px;
  color: #454D58;
}

#MainNavLeft .subNav .right {
  flex: 0 0 260px;
  display: flex;
  padding: 40px 50px 20px 40px;
  font-size: 15px;
  color: #454D58;
  background-color: #FFF5E2;
}

#MainNavLeft .subNav .right a {
  color: #003161;
  transition: color .3s;
}

#MainNavLeft .subNav .right a:hover {
  color: #0078C8;
}

#MainNavLeft .subNav .right li {
  padding-bottom: 8px;
  font-weight: 700;
}

#MainNavLeft .subNav.subNavResources .navSections > * {
  flex: 1 1 auto;
}

#MainNavLeft .subNav.subNavResources .right li {
  padding-bottom: 25px;
}

#MainNavLeft .subNav.subNavResources .right {
  flex: 0 0 340px;
}

#MainNavLeft .subNavResources .right a > * {
  color: #454D58;
  transition: color .3s ease-in-out;
}

#MainNavLeft .subNavResources .right a:hover > * {
  color: #0078C8;
}

#MainNavLeft .subNavResources .right .header {
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 700;
}

#MainNavLeft .subNavResources .right a .copy {
  font-weight: 500;
  line-height: 1.4em;
}

#MainNavLeft .textVideoCallouts {
  display: flex;
  width: 100%;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #acddee;
}

#MainNavLeft .textVideoCallouts .item {
  display: flex;
  align-items: center;
  width: 50%;
}

#MainNavLeft .textVideoCallouts .img {
  padding-right: 20px;
}

#MainNavLeft .textVideoCallouts .copy {
  max-width: 300px;
  padding-right: 40px;
  color: #0078C8;
  transition: color .3s;
}

#MainNavLeft .item:hover .copy {
  color: #003161;
}

#MainNavLeft .subNavEvents .navSections {
  justify-content: space-between;
}

#MainNavLeft .subNavEvents .navSections > * {
  flex: 0 1 40%;
}

#MainNavLeft .subNavEvents .right {
  flex: 0 1 320px !important;
  flex-direction: column;
}

#MainNavLeft .subNavEvents .right .featuredDropdownEvent > *:not(:last-child) {
  margin-bottom: 12px;
}

#MainNavLeft .subNavEvents .right .featuredDropdownEvent,
#MainNavLeft .subNavEvents .right .featuredDropdownEvent:hover {
  color: #454D58;
}

#MainNavLeft .subNavEvents .right .header {
  color: #003161;
  font-size: 16px;
}

#MainNavLeft .subNavEvents .right .title {
  font-weight: 600;
  font-size: 18px;
}

#MainNavLeft .subNavEvents .right .time {
  line-height: 1.5em;
}

#MainNavLeft .subNavEvents .right .moreLink {
  padding: 0 0 0px 10px;
  font-size: 17px;
  font-weight: 600;
  color: #454D58;
  background: url(../images/subnav-arrow.png) left 9px no-repeat;
  background-size: 6px 10px;
}

#MainNavLeft .subNavAbout .left {
  display: flex;
  padding-bottom: 75px;
}

#MainNavLeft .subNavAbout .left ul a {
  transition: color .3s;
}

#MainNavLeft .subNavAbout .left ul a:hover {
  color: #003161;
}

#MainNavLeft .headerText {
  flex: 0 1 360px;
  font-size: 26px;
  line-height: 37px;
  color: #003161;
}

#MainNavLeft .subNavAbout ul {
  flex: 0 1 275px;
  padding-left: 20px;
  font-size: 17px;
}

#MainNavLeft .subNavAbout ul li {
  padding-bottom: 10px;
}

#MainNavLeft .subNavAbout .textVideoCallouts {
  flex: 0 1 560px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

#MainNavLeft .subNavAbout .textVideoCallouts .item {
  flex: 0 1 230px;
  flex-direction: column;
  align-items: flex-start;
}

#MainNavLeft .subNavAbout .textVideoCallouts .item .img,
#MainNavLeft .subNavAbout .textVideoCallouts .item .img .mainImg {
  width: 100%;
}

@media screen and (max-width:1400px) {
  #MainNavLeft .subNav .navSections {
    justify-content: space-between;
  }

  #MainNavLeft .subNavProducts .navSections > div {
    padding-right: 0;
  }

  #MainNavLeft .subNav.subNavResources .navSections > * {
    flex-basis: 33%;
  }

  #MainNavLeft .subNav.subNavResources .right {
    flex: 0 0 240px;
  }

  #MainNavLeft .subNav .right {
    flex: 0 0 200px;
  }
}

@media screen and (max-width:1215px) {
  #MainNavLeft .subNav nav {
    flex-direction: column;
  }

  #MainNavLeft .subNavAbout .textVideoCallouts {
    flex-direction: column;
  }

  #MainNavLeft .subNavAbout .textVideoCallouts .item {
    margin-bottom: 30px;
  }
}

@media screen and (max-width:1175px) {
  #MainNavLeft .mainNav > li {
    padding-right: 22px;
  }
}

/* ----------------------------------------------------
		End Main Nav Left
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Main Nav Right
------------------------------------------------------- */
#MainNavRight {
  display: flex;
  padding-right: 30px;
}

#MainNavRight > ul > li > a {
  color: #454D58;
  border-bottom: 1px solid #FFF;
  transition: color .3s, border .3s;
}

#MainNavRight > ul > li > a:hover,
#MainNavRight > ul > li > a.current {
  color: #0078C8;
  border-bottom: 1px solid #00A8E2;
}

#MainNavRight > ul > li {
  display: flex;
  align-items: center;
  padding-right: 30px;
  position: relative;
}

#MainNavRight > ul > li ul {
  min-width: 235px;
  /*display: block;*/
  position: absolute;
  top: 78px;
  left: -999999px;
  opacity: 0;
  z-index: 10000;
  padding: 20px 10px 2px 20px;
  background: #FFF;
  box-shadow: 0px 12px 44px #0000001A;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: opacity .3s ease-in-out;
}

#MainNavRight li ul li {
  padding-bottom: 18px;
}

#MainNavRight li ul a {
  font-size: 17px;
  color: #0078C8;
  transition: color .3s;
}

#MainNavRight li ul a:hover {
  color: #003161;
}

#MainNavRight > ul > li:focus-within ul,
#MainNavRight > ul > li:hover ul {
  left: 0;
  opacity: 1;
}

@media screen and (max-width:1175px) {
  #MainNavRight {
    padding-right: 0px;
  }

  #MainNavRight > ul > li {
    padding-right: 20px;
  }
}

/* ----------------------------------------------------
		End Main Nav Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Mobile Main Nav
------------------------------------------------------- */

.mobileMainMenu {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0px;
  z-index: 3000;
  opacity: 0;
  overflow-y: scroll;
  padding: 30px 30px 150px 30px;
  font-size: 17px;
  background: #FFF;
  border-top: 1px solid #A0D5EC;
}

.mobileMainMenu ul {
  padding: 0;
  list-style-type: none;
}

.mobileMainMenu ul li {
  position: relative;
}

.mobileMainMenu .topNavLink {
  display: block;
  padding: 15px 0;
  color: #454D58;
  font-size: 18px;
  line-height: 34px;
  border-bottom: 1px solid #A0D5EC;
}

.mobileMainMenu .mobileSubNav {
  display: none;
  padding: 30px 0 20px 0;
  border-bottom: 1px solid #A0D5EC;
}

.mobileMainMenu .mainNavSecOpen .mobileSubNav {
  display: block;
}

.mobileMainMenu .mobileSubNav > * {
  margin-bottom: 25px;
}

.mobileMainMenu .mobileSubNav > *:last-child {
  margin-bottom: 0;
}

.mobileMainMenu .mobileSubNav li {
  padding-bottom: 14px;
}

.mobileMainMenu .mobileSubNav li:last-child {
  padding-bottom: 0;
}

.mobileMainMenu .mobileSubNav a {
  color: #0078C8;
}

.mobileMainMenu .mobileToggle {
  width: 50px;
  height: 62px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 7px 8px 0 0;
  position: absolute;
  top: 0;
  right: 0px;
}

.mobileMainMenu .mobileToggle img {
  transform: rotate(0deg);
  transition: transform .3s;
}

.mobileMainMenu .toggleOpen img {
  transform: rotate(180deg);
}

.mobileMainMenu .subHeader {
  font-weight: 700;
}

.mobileMainMenu .secondaryLinks {
  margin-top: -14px;
}

.mobileMainMenu .secondaryLinks li,
.mobileMainMenu .viewAll {
  padding: 0 0 4px 10px;
  font-size: 14px;
  background: url(../images/subnav-arrow.png) 0 0 no-repeat;
  background-size: 6px 10px;
  background-position: left 9px;
}

.mobileMainMenu .viewAll {
  font-size: 16px;
  font-weight: 700;
  background-position: left 9px;
}

.mobileMainMenu .viewAll a {
  color: #454D58;
}

.mobileMainMenu .secondaryLinks a {
  color: #003161;
}

.mobileMainMenu .videoLinks li {
  padding-bottom: 22px;
}

.mobileMainMenu .videoLinks .item {
  display: flex;
  font-weight: 700;
  font-size: 16px;
}

.mobileMainMenu .videoLinks .img {
  flex: 0 0 170px;
  margin-right: 10px;
}

@media screen and (max-width:500px) {
  .mobileMainMenu .videoLinks .img {
    flex: 0 0 75px;
  }
}

.mobileMenuButton {
  display: none;
  width: 42px;
  height: 42px;
  padding-top: 3px;
  justify-content: center;
  align-items: center;
  text-indent: -9999999px;
}

.mobileMenuButton .menuBars {
  width: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.mobileMenuButton .menuBars span {
  display: block;
  width: 22px;
  height: 2px;
  margin: 0 0 4px 0;
  background: #55BEE6;
}

.mobileMenuButton .close {
  display: none;
  font-size: 32px;
  font-weight: bold;
  margin: 13px 22px;
  color: #000;
}

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

  header,
  header.stickyHeader {
    height: 70px;
  }

  header .afterContent,
  header.stickyHeader .afterContent {
    top: 69px;
  }

  header .content {
    justify-content: space-between;
  }

  header .logo img {
    width: 96px;
  }

  header .navWrap,
  header .desktopSearchBtn {
    display: none;
  }

  header .btnWrap {
    flex: 1 1 0;
    justify-content: flex-end;
  }

  header .mobileSearchBtn,
  header .mobileMenuButton {
    display: flex;
    text-indent: -999999px;
    background-color: transparent;
  }
}

/* ----------------------------------------------------
		End  Mobile Main Nav
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Main Nav Search Bar
------------------------------------------------------- */

.subNavSearch {
  width: 100%;
  padding: 50px 25px;
  position: absolute;
  top: 100px;
  left: 0;
  display: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  background: #FFF;
  border-top: 1px solid #A0D5EC;
}

.stickyHeader .subNavSearch {
  top: 80px;
}

/* ----------------------------------------------------
		End Main Nav Search Bar
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Common Search Box
------------------------------------------------------- */

.subNavSearch .searchContent {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 2s;
}

.subNavSearch .searchBox {
  margin-right: 18px;
}

.subNavSearch .closeSearchPanelLink {
  font-weight: 700;
  transition: color .3s;
}

.subNavSearch .closeSearchPanelLink:hover {
  color: #003161;
}

.searchBox > form {
  display: flex;
  align-items: center;
}

.searchBox .searchBoxWrap {
  margin-right: 10px;
  padding: 14px 17px 14px 17px;
  display: flex;
  align-items: center;
  background-color: #F0F0F0;
  border-radius: 25px;
}

.searchBox input[type=text] {
  padding: 0 10px 0 8px;
  line-height: 16px;
  color: #333E48;
  background-color: #F0F0F0;
  border: none;
}

.searchBox input[type=text]::placeholder {
  color: #333E48;
}

.searchBox input[type=submit] {
  min-width: 130px;
}

@media screen and (max-width:767px) {
  .subNavSearch .searchBox {
    margin-right: 0;
  }

  .searchBox button {
    display: none;
  }

  .subNavSearch .closeSearchPanelLink {
    flex: 0 0 auto;
  }
}

@media screen and (max-width:400px) {
  .subNavSearch .searchBox > form {
    flex-direction: column;
  }

  .subNavSearch .btn {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Common Search Box
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Breadcrumb
------------------------------------------------------- */

.breadcrumb {
  margin-bottom: 24px;
  font-weight: 700;
  color: #0078C8;
}

.breadcrumb li {
  display: inline-block;
  padding-right: 7px;
}

.contrastOn .breadcrumb li a {
  font-size: 18px;
  color: #003161 !important;
}

/* ----------------------------------------------------
		End Breadcrumb
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Pagination
------------------------------------------------------- */
.pagination {
  width: auto;
  margin: 35px 0;
  text-align: center;
  font-weight: 600;
}

.pagination span.current,
.pagination a {
  zoom: 1;
  display: inline-block;
  padding: 4px 14px;
  margin-bottom: 10px;
  text-align: center;
  color: #0078C8;
  font-size: 16px;
  background: #FFF;
}

.pagination .disabled {
  color: #454D58;
}

.pagination span.current {
  /*color: #ac2522;*/
  background-color: #E5F7FF;
  border-radius: 50%;
}

.pagination .btnPrev,
.pagination .btnNext {
  display: inline-block;
}

.pagination .btnPrev span {
  margin-right: 15px;
}

.pagination .btnNext span {
  margin-left: 15px;
}

/* ----------------------------------------------------
		End Pagination
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Body
------------------------------------------------------- */
main {
  display: block;
}

main * {
  scroll-margin-top: 175px;
}

.contrastOn main a {
  text-decoration: underline;
}

.mainBodyCopy {
  padding-bottom: 50px;
  max-width: 770px;
}

.mainBodyCopy h1 {
  margin-bottom: 25px;
}

.mainBodyCopy .textCentered {
  text-align: center;
}

.mainBodyCopy > *:last-child {
  margin-bottom: 0;
}

.rteCopy {
  margin-bottom: 20px;
}

.mainBodyCopy .rteCopy:last-child {
  margin-bottom: 0;
}

.rteCopy ol {
  padding-left: 18px;
}

.rteCopy ul,
.rteCopy ol,
.rteCopy p {
  margin-bottom: 20px;
  min-height: 1px;
}

.rteCopy ul ul {
  list-style-type: circle;
}

.rteCopy p:last-child {
  margin-bottom: 0;
}

.rteCopy .arrowLink {
  display: block;
  transition: background-position .3s ease-in-out;
}

.rteCopy .arrowLink:hover {
  background-position: 5px 9px;
}

.rteCopy h3 {
  margin-bottom: 20px;
}

.rteCopy ul li,
.rteCopy ol li {
  padding-bottom: 9px;
}

.rteCopy ul.ulSplit {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.rteCopy ul li {
  list-style-type: none;
  padding-left: 28px;
  background: url(../images/li_dot.jpg) 0 10px no-repeat;
}

.rteCopy ul li:last-child {
  padding-bottom: 0;
}

.rteCopy ul ul {
  margin-bottom: 0;
  padding: 10px 0 0 29px;
}

.rteCopy ul ul li {
  padding-bottom: 9px;
  background: url(../images/li_circle.jpg) 0px 10px no-repeat;
}

.rteCopy li p {
  margin-bottom: 0;
}

.rteCopy ol li {
  list-style-type: decimal;
  padding-left: 10px;
}

.rteCopy ol li::marker {
  color: #0078C8;
}

.rteCopy .btn a {
  color: #FFF;
}

@media all and (max-width: 1330px) {
  .mainBodyCopy {
    max-width: 820px;
  }
}

/* ----------------------------------------------------
		End Body
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Two Column Layout
------------------------------------------------------- */

#TwoColumn {
  margin-bottom: 30px;
}

#TwoColumn #LeftColumn {
  width: 100%;
  float: left;
  margin-right: -420px;
}

#TwoColumn #LeftColumn .leftColumnContent {
  margin-right: 445px; /* 25 pixels added for center margin */
}

#TwoColumn #RightColumn {
  width: 420px;
  float: right;
}

@media all and (max-width: 950px) {
  #TwoColumn #LeftColumn {
    margin-right: 0px;
    margin-bottom: 30px;
    float: none;
  }

  #TwoColumn #LeftColumn .leftColumnContent {
    width: 100%;
    margin-right: 0px;
  }

  #TwoColumn #RightColumn {
    width: 100%;
    float: none;
  }
}

/* ----------------------------------------------------
		End Two Column Layout
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Footer
------------------------------------------------------- */

footer {
  width: 100%;
  padding: 100px 2% 80px 2%;
  color: #FFF;
  background: transparent linear-gradient(114deg, #0078C8 0%, #259EEE 100%) 0% 0% no-repeat padding-box;
}

footer a {
  color: #FFF !important;
  transition: color .3s ease-in-out;
}

footer a:hover {
  color: #FFE074 !important;
}

footer .btn {
  color: #0078C8 !important;
  background-color: #FFF;
  border-color: #FFF;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

footer .btn.arrow::before {
  background-image: url(/images/arrow_0078C8.png);
}

footer .btn:focus-visible,
footer .btn:hover {
  color: #FFF !important;
  background-color: #003161;
  border-color: #003161 !important;
}

footer .btn::after {
  background-image: url(../images/arrow_white.png) !important;
}

footer .content {
  max-width: 1280px;
}

footer .top,
footer .mid,
footer .btm {
  display: flex;
  justify-content: space-between;
}

footer .top {
  align-items: center;
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #4fbcff;
}

footer .address {
  font-size: 22px;
  line-height: 30px;
}

footer .address li.phone {
  padding-bottom: 20px;
}

footer .mid {
  margin-bottom: 80px;
}

footer .footerNav {
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  font-size: 16px;
}

footer .footerNav ul {
  margin-bottom: 15px;
  padding-left: 10%;
}

footer .footerNav ul li {
  padding-bottom: 15px;
}

footer .footerNav button {
  background-color:transparent;
  color:#FFF;
}

footer .footerNav button:hover {
  color: #FFE074 !important;
}

footer .btm {
  font-size: 14px;
}

footer .socialList {
  display: flex;
}

footer .socialList a {
  position: relative;
  margin-left: 14px;
}

footer .socialList a img.yImg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

footer .socialList a:hover img.yImg {
  opacity: 1;
}

footer .btm .mobileSecondaryNav {
  display: none;
  text-align: center;
  font-size: 16px;
}

footer .mobileSecondaryNav li {
  padding-bottom: 15px;
}

footer .mobileSecondaryNav li:last-child {
  padding-bottom: 0;
}

@media only screen and (max-width: 800px) {
  footer .mid {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  footer .address {
    margin-bottom: 40px;
  }

  footer .footerNav {
    justify-content: space-evenly;
    align-self: stretch;
  }

  footer .footerNav ul {
    padding-left: 0;
  }
}

@media only screen and (max-width: 600px) {
  footer {
    padding-top: 50px;
    padding-bottom: 0;
  }

  footer .top {
    margin-bottom: 10px;
    border-bottom: none;
  }

  footer .top > a {
    display: none;
  }

  footer .top > div {
    width: 100%;
    text-align: center;
  }

  footer .mid {
    margin-bottom: 30px;
  }

  footer .mid ul {
    text-align: center;
  }

  footer .footerNav {
    flex-direction: column;
  }

  footer .footerNav ul {
    margin-bottom: 0;
  }

  footer .footerNav ul:nth-child(3) {
    display: none;
  }

  footer .btm {
    flex-direction: column-reverse;
    align-items: center;
  }

  footer .btm > * {
    margin-bottom: 30px;
  }

  footer .btm .mobileSecondaryNav {
    display: block;
  }
}

/* ----------------------------------------------------
		End Footer
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Footer Callout Node
------------------------------------------------------- */

.footerCalloutWrap {
  padding: 20px 0;
  position: relative;
  text-align: center;
  font-size: 27px;
  color: #FFF;
  background: #0074d9;
}

.footerCalloutWrap .btn {
  position: relative;
  left: 8px;
  top: -2px;
  border: 1px solid #FFF;
}

@media only screen and (max-width: 1023px) {
  .footerCalloutWrap span {
    display: block;
  }

  .footerCalloutWrap .btn {
    left: 0;
    top: 0;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .footerCalloutWrap span {
    line-height: 35px;
  }
}

/* ----------------------------------------------------
		End Footer Callout Node
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Contact Form Common Styles
------------------------------------------------------- */

.formWrap {
  max-width: 550px;
  margin-bottom: 30px;
  padding: 35px 50px 40px 50px;
  background-color: #FFF5E2;
}

.formWrap h3 {
  margin-bottom: 5px;
}

.formWrap .formErrorGroup,
.formWrap .confirmationMsg {
  display: none;
}

.formWrap .hidden {
  position: absolute;
  left: -999999px;
}

.formWrap .formRow {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 40px;
}

.formWrap label {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform .3s, font-size .3s;
  transform: translate(0, 35px);
}

.formWrap .content label {
  font-size: 13px;
  transform: translate(0px, 8px);
}

.formWrap select {
  position: relative;
  z-index: 10;
}

.formWrap .formRow .formLabel span {
  display: inline;
  color: #af243b;
}

.formWrap .rbRow label {
  position: relative;
  transform: translate(0, -9px);
}

.formWrap .radioInputs {
  display: flex;
}

.formWrap .radioInputs a {
  display: flex;
  align-items: center;
  margin-right: 20px;
  color: #454D58;
  font-weight: 700;
  white-space: nowrap;
  outline: none;
}

.formWrap .radioInputs a > span {
  flex: 0 0 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 50%;
  border: 2px solid #A0D5EC;
}

.formWrap .radioInputs a > span > span {
  opacity: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0078C8;
}

.formWrap .radioInputs a.selected > span {
  border: 2px solid #0078C8;
}

.formWrap .radioInputs a.selected > span > span {
  opacity: 1;
}

.formWrap .radioInputs a.error > span {
  border: 2px solid red;
}

.formWrap textarea {
  height: 31px;
  transition: height .3s ease-in-out;
}

.formWrap .content textarea {
  height: 150px;
}

.formWrap .form-group,
.formWrap .input-validation-error,
.label-validation-error {
  color: red;
}

.formWrap .btnRow {
  margin-top: 30px;
}

.formWrap .btnRow a {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.formWrap .formErrorGroup {
  margin-bottom: 30px;
}

.formWrap .input-validation-error {
  border-bottom: 1px solid red;
}

.label-validation-error {
  font-size: .85em;
  min-height: 30px;
}

@media all and (max-width: 450px) {
  .formWrap textarea {
    height: auto;
  }
}

/* ----------------------------------------------------
		End Contact Form Common Styles
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Header Image Rotator
------------------------------------------------------- */

.flexslider .slideContent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
}

.flexslider .slideContent .slideHeader {
  margin-bottom: 15px;
  color: #af243b;
  font-family: Arial, sans-serif;
  font-size: 3.944em;
  line-height: 76px;
}

.flexslider .slideContent .slideCopy {
  margin-bottom: 25px;
  color: #194a6a;
  font-size: 1.333em;
  font-family: Arial, sans-serif;
  line-height: 33px;
}

.flexslider .slideContent .slideLink {
  padding-left: 16px;
  display: inline-block;
  font-family: Arial, sans-serif;
  color: #000;
  background: url(../images/flexslider-link-arrow.png) 0 center no-repeat;
}

@media all and (max-width: 1240px) {
  .flexslider .slideContent .slideHeader {
    margin-bottom: 6px;
    font-size: 3.056em;
    line-height: 62px;
  }

  .flexslider .slideContent .slideCopy {
    font-size: 1.167em;
    line-height: 29px;
  }
}

@media all and (max-width: 1023px) {
  .flexslider .slideContent .slideHeader {
    font-size: 42px;
    line-height: 42px;
  }

  .flexslider .slideContent .slideCopy {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 26px;
  }
}

@media all and (max-width: 860px) {
  .flexslider .slideContent .slideHeader {
    font-size: 42px;
    line-height: 42px;
  }
}

@media all and (max-width: 767px) {

  .flexslider .slideContent .slideHeader {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .flexslider .slideContent .slideCopy {
    display: none;
  }
}

@media all and (max-width: 639px) {
  .flexslider .slideContent .slideHeader {
    margin-bottom: 3px;
    font-size: 30px;
    line-height: 33px;
  }
}

/* ----------------------------------------------------
		End Header Image Rotator
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Human Sitemap
------------------------------------------------------- */

.humanSitemap .sitemapColumnWrap a {
  color: #3c3c3c;
}

.humanSitemap .sitemapColumnWrap .sectionColumn {
  float: left;
  padding-left: 16%;
}

@media only screen and (max-width: 959px) {
  .humanSitemap .sitemapColumnWrap .sectionColumn {
    padding-left: 14%;
  }
}

@media only screen and (max-width: 799px) {
  .humanSitemap .sitemapColumnWrap .sectionColumn {
    padding-left: 0;
  }
}

/* ----------------------------------------------------
		End Human Sitemap
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Image Header Common
------------------------------------------------------- */

.imageHeaderCommon h1 {
  margin-bottom: 25px;
  font-size: 58px;
  text-align: left;
  line-height: 60px;
}

.imageHeaderCommon .sectionHeader {
  font-size: 22px;
  color: #0078c8;
  font-weight: 700;
  margin-bottom: 65px;
}

.imageHeaderCommon .btn {
  margin: 0 10px 15px 0;
}

.imageHeaderCommon .rteCopy {
  max-width: 500px;
  font-size: 18px;
  line-height: 30px;
}

.contrastOn .imageHeaderCommon .rteCopy a {
  color: #003161 !important;
}

.contrastOn .imageHeaderCommon .rteCopy .btn a {
  color: #FFF !important;
}

@media screen and (max-width:1023px) {
  .imageHeaderCommon .headerText {
    font-size: 36px;
    line-height: 40px;
  }
}

@media all and (max-width: 767px) {
  .imageHeaderCommon h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .imageHeaderCommon h1 sup {
    top: -15px;
  }
}

@media all and (max-width: 650px) {
  .imageHeaderCommon .headerText {
    margin-bottom: 5px;
  }

  .imageHeaderCommon .btn {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

/* ----------------------------------------------------
		End Image Header Common
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Product Section Common
------------------------------------------------------- */

.productCopyWrap {
  margin-bottom: 50px;
}

.productBlueHeaderText {
  margin-bottom: 5px;
  text-align: center;
  font-weight: 100;
  font-size: 70px;
  line-height: 60px;
  color: #0078C8;
}

.productHeaderText {
  width: 100%;
  margin: 0 auto 30px auto;
  font-weight: 500;
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  color: #003161;
}

.productBodyCopy {
  margin-bottom: 90px;
}

.productBodyCopy h3 {
  margin-bottom: 20px;
}

.productBodyCopy h4 {
  margin-bottom: 5px;
}

@media all and (max-width: 767px) {
  .productBodyCopy {
    margin-top: 25px;
  }

  .productBodyCopy h3 {
    margin-bottom: 15px;
    line-height: 28px;
  }
}

/* ----------------------------------------------------
		End Product Section Common
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Text Left Image Right Header
------------------------------------------------------- */

.textImgLeftHeader {
  margin-bottom: 75px;
  padding: 55px 0 75px 0;
  background-color: #E5F7FF;
}

.textImgLeftHeader .sitewidth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.textImgLeftHeader .left {
  padding-right: 90px;
}

.textImgLeftHeader .left .rteCopy > * {
  margin-bottom: 10px;
}

.textImgLeftHeader .copyLeftRight {
  display: flex;
  justify-content: space-between;
}

.textImgLeftHeader .copyLeftRight > div {
  flex: 0 1 47%;
}

.textImgLeftHeader .right {
  flex: 0 0 570px;
  position: relative;
}

.textImgLeftHeader .right .mainImg {
  position: relative;
  z-index: 10;
  padding-right: 20px;
}

.textImgLeftHeader.linksExt .right .mainImg {
  padding-right: 30px;
}

.textImgLeftHeader.largeImg .right {
  flex: 0 0 800px;
}

.textImgLeftHeader .imgGrad {
  width: 62%;
  height: 62%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  transform: translate(0, 20px);
  background: transparent linear-gradient(219deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.textImgLeftHeader .linksWrap {
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 20;
  display: flex;
}

.textImgLeftHeader .links {
  width: 260px;
  padding: 30px 10px 18px 30px;
  position: relative;
  z-index: 10;
  margin-right: 10px;
  background-color: #FFF;
  border-top-left-radius: 35px;
}

.textImgLeftHeader .linksGrad {
  width: 98%;
  height: 98%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(0, 10px);
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.textImgLeftHeader .linksWrap li {
  padding: 0 0 9px 16px;
  background: url(../images/arrow_0078C8.png) 0 7px no-repeat;
  transition: background .3s ease-in-out;
}

.textImgLeftHeader .linksWrap li:hover {
  background-position: 5px 7px;
}

.textImgLeftHeader .linksWrap a {
  color: #454D58;
  font-size: 17px;
  font-weight: 700;
}

@media all and (max-width: 1330px) {
  .textImgLeftHeader .linksWrap {
    right: 25px;
  }
}

@media all and (max-width: 1240px) {
  .textImgLeftHeader .left {
    padding-right: 40px;
  }

  .textImgLeftHeader .right {
    flex: 0 0 500px;
  }
}

@media all and (max-width: 1100px) {
  .textImgLeftHeader .right {
    flex-basis: 500px;
  }
}

@media all and (max-width: 1023px) {
  .textImgLeftHeader {
    margin-bottom: 50px;
    padding: 30px 0 0 0;
  }

  .textImgLeftHeader .sitewidth {
    flex-direction: column-reverse;
  }

  .textImgLeftHeader .left,
  .textImgLeftHeader .right {
    margin-bottom: 30px !important;
    flex-basis: auto;
    padding-right: 0;
  }

  .textImgLeftHeader .left {
    width: 100%;
  }

  .textImgLeftHeader.linksExt .left {
    margin-bottom: 15px !important;
  }

  .textImgLeftHeader.linksExt .right {
    margin-bottom: 60px;
  }

  .textImgLeftHeader.largeImg .right {
    flex: 0 0 auto;
  }

  .textImgLeftHeader .linksWrap {
    width: 100%;
    margin-top: -30px;
    position: relative;
    bottom: auto;
    right: auto;
    top: 15px;
  }

  .textImgLeftHeader .links {
    width: 100%;
  }
}

@media all and (max-width: 500px) {
  .textImgLeftHeader .copyLeftRight {
    flex-direction: column;
  }

  .textImgLeftHeader .copyLeftRight > div {
    flex-basis: auto;
  }

  .textImgLeftHeader .copyLeftRight > div:last-child .rteCopy {
    margin-bottom: 0;
  }

  .textImgLeftHeader .imgGrad {
    display: none;
  }

  .textImgLeftHeader .right .mainImg {
    padding-right: 0;
  }

  .textImgLeftHeader.largeImg .right .mainImg {
    border-top-left-radius: 90px;
  }
}

/* ----------------------------------------------------
		End Text Left Image Right Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Text Only Header
------------------------------------------------------- */

.textOnlyHeader {
  margin-bottom: 30px;
  padding: 30px 0 20px 0;
  background-color: #E5F7FF;
}

.textOnlyHeader h1 {
  text-align: left;
}

.textOnlyHeader .right {
  margin-top: 15px;
}

.textOnlyHeader .btn {
  margin: 0 0 15px 0;
  width: 100%;
}

@media screen and (min-width:500px) {
  .textOnlyHeader .btn {
    margin: 0 10px 15px 0;
    width: auto;
  }
}

@media screen and (min-width:800px) {
  .textOnlyHeader {
    margin-bottom: 60px;
    padding: 68px 0;
  }

  .textOnlyHeader .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .textOnlyHeader .left {
    flex: 1;
    padding-right: 50px;
  }

  .textOnlyHeader .right {
    flex: 0 1 560px;
  }
}

/* ----------------------------------------------------
		End Text Only Header
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Sitewide Header Image
------------------------------------------------------- */
.sitewideHeaderImage {
  margin-bottom: 45px;
  background-repeat: no-repeat;
  background-size: cover;
}

.sitewideHeaderImage sup {
  top: -27px;
}

.sitewideHeaderImage.linksExt {
  margin-bottom: 0;
}

.sitewideHeaderImage .mobileImg {
  display: none;
}

.sitewideHeaderImage .gradBG {
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8673844537815126) 30%, rgba(255,255,255,0.027048319327731107) 100%);
}

.sitewideHeaderImage .content {
  max-width: 665px;
  display: flex;
  flex-direction: column;
  padding: 150px 0;
}

.headerLinkWrap {
  display: flex;
  flex-direction: row-reverse;
  margin-top: -130px;
  margin-bottom: 45px;
}

.headerLinkWrap.addMargin {
  margin-bottom: 90px;
}

.headerLinkWrap .linkBlocks {
  display: flex;
  flex-wrap: wrap;
}

.headerLinkWrap .linkBlocks a {
  position: relative;
  margin: 0 0 0 30px;
  color: #454D58;
  font-size: 20px;
  font-weight: 700;
}

.headerLinkWrap .linkBlocks a > div:first-child {
  width: 98%;
  height: 98%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-15px, 15px);
  background: transparent linear-gradient(234deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat padding-box;
}

.headerLinkWrap .linkBlocks a > div:last-of-type {
  width: 225px;
  height: 100%;
  padding: 23px 24px 75px 24px;
  position: relative;
  z-index: 10;
  background-color: #FFF;
  border-top-right-radius: 35px;
  transition: transform .3s ease-in-out, color .3s ease-in-out;
}

.headerLinkWrap .linkBlocks a:hover > div:last-of-type {
  transform: translate(5px, -5px);
  color: #0078C8;
}

.headerLinkWrap .linkBlocks a:hover > div:last-of-type .roundBtn {
  transform: scale(.8, .8);
  background-color: #0078C8;
}

.headerLinkWrap .linkBlocks a:hover > div:last-of-type .roundBtnArrow0078C8::before {
  border-color: #FFF;
}

.headerLinkWrap .linkBlocks a > div:last-of-type .roundBtn {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.headerLinkWrap .linkList {
  position: relative;
  width: 460px;
}

.headerLinkWrap .linkList .grad {
  width: 98%;
  height: 98%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-15px, 15px);
  background: transparent linear-gradient(234deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat padding-box;
}

.headerLinkWrap .linkList .content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px 30px 30px 30px;
  position: relative;
  z-index: 10;
  background-color: #FFF;
  border-top-right-radius: 35px;
}

.headerLinkWrap .linkList .primaryLinks li {
  font-weight: 700;
  color: #454D58;
  padding: 0 0 7px 16px;
  background: url(../images/arrow_0078C8.png) 0 7px no-repeat;
  transition: background-position .3s ease-in-out;
}

.headerLinkWrap .linkList .primaryLinks li:hover {
  background-position: 5px 7px;
}

.headerLinkWrap .linkList .primaryLinks a {
  font-weight: 700;
  color: #454D58;
  font-size: 17px;
}

.headerLinkWrap .linkList .secondaryLinks li {
  padding-bottom: 2px;
  font-weight: 700;
}

.headerLinkWrap .linkList .secondaryLinks a {
  color: #0078C8;
  font-size: 15px;
  transition: color .3s ease-in-out;
}

.headerLinkWrap .linkList .secondaryLinks a:hover {
  color: #003161;
}

@media screen and (max-width:1150px) {
  .headerLinkWrap.lc4 {
    margin-top: 0;
  }

  .headerLinkWrap.lc4 .linkBlocks {
    flex-direction: row;
    justify-content: space-between;
    margin-left: 15px;
  }

  .headerLinkWrap.lc4 .linkBlocks a {
    width: 48%;
    margin-bottom: 30px;
    margin-left: 0;
  }

  .headerLinkWrap.lc4 .linkBlocks a > div:last-of-type {
    width: 100%;
    padding: 30px 70px 25px 24px;
  }

  .headerLinkWrap.lc4 .linkBlocks a > div:last-of-type img {
    width: 35px;
    right: 21px;
    bottom: auto;
    top: 26px;
  }
}

@media screen and (max-width:960px) {
  .headerLinkWrap.linkListWrap {
    margin-top: 0px;
  }

  .headerLinkWrap.linkListWrap .linkList {
    width: 100%;
    margin-left: 15px;
  }

  .headerLinkWrap .linkList .content {
    justify-content: flex-start;
  }

  .headerLinkWrap .linkList .content ul {
    padding-right: 45px;
  }
}

@media screen and (max-width:875px) {
  .headerLinkWrap.lc3 {
    margin-top: 0;
  }

  .headerLinkWrap.lc3 .linkBlocks {
    flex-direction: row;
    justify-content: space-between;
    margin-left: 15px;
  }

  .headerLinkWrap.lc3 .linkBlocks a {
    width: 48%;
    margin-left: 0;
  }

  .headerLinkWrap.lc3 .linkBlocks a div:last-of-type {
    width: 100%;
    padding: 30px 70px 25px 24px;
  }

  .headerLinkWrap.lc3 .linkBlocks a div:last-of-type img {
    width: 35px;
    right: 21px;
    bottom: auto;
    top: 26px;
  }
}

@media screen and (max-width:800px) {
  .sitewideHeaderImage {
    margin-bottom: 10px;
  }

  .sitewideHeaderImage,
  .sitewideHeaderImage .gradBG {
    background: none !important;
    overflow: hidden;
  }

  .sitewideHeaderImage .mobileImg {
    display: block;
  }


  .sitewideHeaderImage .content {
    padding: 30px 0 0 0;
  }

  .headerLinkWrap {
    margin-top: 0;
  }

  .headerLinkWrap .linkBlocks {
    flex-direction: row;
    justify-content: space-between;
    margin-left: 15px;
  }

  .headerLinkWrap .linkBlocks a {
    width: 48%;
    margin-left: 0;
  }

  .headerLinkWrap .linkBlocks a > div:last-of-type {
    width: 100%;
    padding: 30px 70px 25px 24px;
  }

  .headerLinkWrap .linkBlocks a > div:last-of-type img {
    width: 35px;
    right: 21px;
    bottom: auto;
    top: 26px;
  }
}

@media screen and (max-width:785px) {
  .headerLinkWrap .linkBlocks a {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .headerLinkWrap .linkBlocks a:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width:600px) {
  .sitewideHeaderImage .mobileImg {
    width: 150%;
    max-width: 800px;
    margin-left: -25%;
  }

  .headerLinkWrap {
    margin-bottom: 45px !important;
  }

  .headerLinkWrap .linkList .content {
    padding-top: 20px;
    flex-direction: column;
  }

  .headerLinkWrap .linkList .content ul {
    padding-right: 0;
  }

  .headerLinkWrap .linkList .content .primaryLinks {
    padding-bottom: 14px;
  }
}

@media screen and (max-width:500px) {
  .sitewideHeaderImage .mobileImg {
    margin-left: -50%;
  }
}

/* ----------------------------------------------------
		End Sitewide Header Image
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Video Placeholder
------------------------------------------------------- */

.vimeoVideoEmbedWrapper {
  background: linear-gradient(90deg, rgba(0, 120, 200, 1) 0%, rgba(78, 189, 182, 1) 85%, rgba(78, 189, 182, 1) 100%);
  margin-bottom: 50px;
  padding: 25px;
  position: relative;
}

.vimeoVideoEmbedWrapper .bottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 10px 20px;
}

.vimeoVideoEmbedWrapper .title {
  font-size: 25px;
  line-height: 32px;
}

.vimeoVideoEmbedWrapper svg {
  width: 15px;
  fill: #FFF;
}

.vimeoVideoEmbedWrapper .time {
  display: flex;
  gap: 5px;
  align-items: center;
  color: #FFF;
  position: absolute;
  bottom: 40px;
  font-size: 0.9rem;
  right: 45px;
  background-color: rgba(0, 120, 200, 0.7);
  border-radius: 20px;
  padding: 2px 10px;
  transition: 0.2s linear;
}

.vimeoVideoEmbedWrapper:has(.ltv-activated) .time {
  opacity: 0;
  visibility: hidden;
}

.videoPlaceholder {
  display: block;
  margin-bottom: 50px;
  padding: 20px;
  color: #FFF !important;
  background: rgb(0,120,200);
  background: linear-gradient(90deg, rgba(0,120,200,1) 0%, rgba(78,189,182,1) 85%, rgba(78,189,182,1) 100%);
}

.videoPlaceholder .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 44px;
}

.videoPlaceholder .title {
  max-width: 350px;
  padding-right: 20px;
}

.videoPlaceholder .mainImg {
  max-width: 280px;
  border-bottom-left-radius: 50px;
}

.videoPlaceholder .btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.videoPlaceholder .playBtnWrap {
  display: flex;
  justify-content: space-between;
}

.videoPlaceholder .playBtnWrap img {
  margin-right: 12px;
}

.videoPlaceholder .playBtnWrap > div {
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
}

.videoPlaceholder .playBtnWrap > div > span {
  font-weight: 500;
  font-size: 17px;
}

.videoPlaceholder .btn > img {
  width: 120px;
  height: 50px;
}

@media screen and (max-width:630px) {
  .videoPlaceholder {
    margin-bottom: 15px;
    padding: 10px;
  }

  .videoPlaceholder .top {
    margin-bottom: 10px;
  }

  .videoPlaceholder .top .mainImg {
    width: 45%;
  }

  .videoPlaceholder .title {
    font-size: 20px;
    line-height: 24px;
    max-width: 260px;
    padding: 15px 20px 0 15px;
  }

  .videoPlaceholder .playBtnWrap > div > div {
    display: none;
  }

  .videoPlaceholder .playBtnWrap > div > span {
    font-size: 15px;
    line-height: 11px;
  }

  .videoPlaceholder .btm > img {
    width: 20%;
  }

  .videoPlaceholder .playBtnWrap img {
    width: 40px;
  }
}

@media screen and (max-width:400px) {
  .videoPlaceholder .top {
    flex-direction: column;
    margin-bottom: 25px;
  }

  .videoPlaceholder .title {
    margin-bottom: 25px;
    padding-right: 0;
  }

  .videoPlaceholder .mainImg {
    width: 100% !important;
    max-width: 400px;
  }
}

/* ----------------------------------------------------
		End Video Placeholder
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Video Modal
------------------------------------------------------- */

.videoModal .modalContentWrap {
  width: 1100px;
  color: #FFF;
  background: rgb(0,120,200);
  background: linear-gradient(90deg, rgba(0,120,200,1) 0%, rgba(78,189,182,1) 85%, rgba(78,189,182,1) 100%);
}

.videoModal .title {
  margin-bottom: 35px;
}

.videoModal iframe {
  width: 100%;
  max-width: 1020px;
}

@media screen and (max-width:1130px) {
  .videoModal .modalContentWrap {
    width: 100%;
  }
}

@media screen and (max-width:767px) {
  .videoModal .title {
    font-size: 20px;
    line-height: 24px;
  }
}

/* ----------------------------------------------------
		End Video Modal
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Featured Resources Max 3
------------------------------------------------------- */

.featuredResMax3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 65px;
  padding: 20px 20px 0 20px;
  background-color: #FFF5E2;
  max-width: 810px !important;
}

.featuredResMax3 .item {
  width: 33%;
  display: flex;
  margin-bottom: 20px;
  align-items: flex-start;
  padding-right: 20px;
}

.featuredResMax3 .item img {
  width: 60px;
  margin-right: 15px;
}

.featuredResMax3 .item .title {
  font-size: 15px;
  line-height: 20px;
}

@media all and (max-width: 775px) {
  .featuredResMax3 {
    justify-content: flex-start;
  }

  .featuredResMax3 .item {
    width: 50%;
  }

  .featuredResMax3 .item:nth-child(3) {
    width: 100%;
  }
}

@media all and (max-width: 550px) {
  .featuredResMax3 .item {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Featured Resources Max 3
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout With No Image
------------------------------------------------------- */

.toutNoImg {
  max-width: 810px !important;
  margin-bottom: 50px;
}

.toutNoImg .gradElement {
  width: 100%;
  padding: 30px 20px 30px 20px;
  background-color: #FFF5E2;
}

.toutNoImg .gradElement .arrowLink {
  color: #0078C8 !important;
}

.contrastOn .toutNoImg .gradElement .arrowLink {
  color: #003161 !important;
  font-size: 18px;
}

.toutNoImg .title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #003161;
}

@media screen and (max-width:767px) {
  .toutNoImg {
    margin-bottom: 30px;
  }
}

/* ----------------------------------------------------
		End Tout With No Image
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout With Small Image Left
------------------------------------------------------- */

.toutSmImgLeft {
  max-width: 810px !important;
  margin-bottom: 20px;
}

.toutSmImgLeft .gradElement {
  width: 100%;
  display: flex;
  background-color: #FFF5E2;
}

.toutSmImgLeft img {
  width: 112px;
  height: 112px;
}

.toutSmImgLeft .content {
  padding: 27px 20px 27px 20px;
}

.toutSmImgLeft .title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #003161;
}

.toutSmImgLeft .arrowLink {
  color: #0078C8 !important;
}

@media screen and (max-width:500px) {
  .toutSmImgLeft img {
    display: none;
  }
}

/* ----------------------------------------------------
		End Tout With Small Image Left
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout With Rectangle Image Left
------------------------------------------------------- */

.toutRectangleImgLeft {
  max-width: 810px !important;
  margin-bottom: 40px;
}

.toutRectangleImgLeft .contentWrap {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: #FFF5E2;
}

.toutRectangleImgLeft .gradWrap {
  margin-right: 25px;
}

.toutRectangleImgLeft .grad {
  bottom: auto;
  top: 0;
}

.toutRectangleImgLeft .gradElement {
  margin: 10px 0 0 10px;
}

.toutRectangleImgLeft img {
  max-width: 230px;
}

.toutRectangleImgLeft .content a {
  color: #0078C8 !important;
  transition: color .3s ease-in-out;
}

.contrastOn .toutRectangleImgLeft .content a {
  color: #003161 !important;
  font-size: 18px;
}

.toutRectangleImgLeft .content a:hover {
  color: #003161 !important;
}

.toutRectangleImgLeft .title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #003161;
}

@media screen and (max-width:767px) {
  .toutRectangleImgLeft .contentWrap {
    padding-left: 30px;
  }
}

@media screen and (max-width:685px) {
  .toutRectangleImgLeft .contentWrap {
    flex-direction: column;
  }

  .toutRectangleImgLeft .gradWrap {
    margin-bottom: 30px;
  }
}

/* ----------------------------------------------------
		End Tout With Rectangle Image Left
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout With Large Image Right
------------------------------------------------------- */

.toutLgImgRight {
  max-width: 810px !important;
  margin-bottom: 50px;
}

.toutLgImgRight .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.toutLgImgRight .gradElement {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 10px 10px 0;
  background-color: #FFF5E2;
}

.toutLgImgRight .content {
  padding: 27px 30px 27px 30px;
}

.toutLgImgRight .content .arrowLink {
  color: #0078C8 !important;
}

.contrastOn .toutLgImgRight .content .arrowLink {
  color: #003161 !important;
  font-size: 18px;
}

.toutLgImgRight .title {
  margin-bottom: 22px;
  font-weight: 700;
  font-size: 21px;
  line-height: 26px;
  color: #003161;
}

.toutLgImgRight .summary {
  margin-bottom: 23px;
}

.toutLgImgRight img {
  max-width: 385px;
}

@media screen and (max-width:685px) {
  .toutLgImgRight .gradElement {
    padding-bottom: 30px;
    flex-direction: column;
  }
}

@media screen and (max-width:385px) {
  .toutLgImgRight .gradElement {
    padding-bottom: 0;
  }
}

/* ----------------------------------------------------
		End Tout With Large Image Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout Short Title With Button
------------------------------------------------------- */

.toutWithTitleBtn {
  max-width: 810px !important;
}

.toutWithTitleBtn .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.toutWithTitleBtn .gradElement {
  width: 100%;
  margin: 0 10px 10px 0;
  background-color: #FFF5E2;
}

.toutWithTitleBtn img {
  width: 112px;
  height: 112px;
}

.toutWithTitleBtn .content {
  display: flex;
  justify-content: space-between;
  padding: 32px 30px 32px 30px;
}

.toutWithTitleBtn .title {
  margin-bottom: 8px;
  font-size: 26px;
  line-height: 34px;
  color: #003161;
}

@media screen and (max-width:767px) {
  .toutWithTitleBtn .title {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 34px;
  }

  .toutWithTitleBtn .content {
    flex-direction: column;
    align-items: center;
  }
}

/* ----------------------------------------------------
		End Tout Short Title With Button
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout Description With Buttons
------------------------------------------------------- */

.toutDescWithBtns {
  max-width: 810px !important;
}

.toutDescWithBtns .contentWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 20px 0 0;
  background-color: #FFF5E2;
}

.toutDescWithBtns .content {
  padding: 58px 0 58px 50px;
}

.toutDescWithBtns .title {
  max-width: 342px;
  margin-bottom: 18px;
  font-size: 48px;
  line-height: 48px;
  color: #003161;
}

.toutDescWithBtns .summary {
  max-width: 370px;
  margin-bottom: 35px;
  padding-right: 20px;
}

.toutDescWithBtns .btnWrap {
  white-space: nowrap;
}

.toutDescWithBtns .btn {
  margin: 0 10px 10px 0;
}

.toutDescWithBtns img {
  width: 290px;
  margin: -20px -20px 0 0;
  border-bottom-left-radius: 50px;
}

@media all and (max-width: 680px) {
  .toutDescWithBtns .contentWrap {
    margin: 0;
  }

  .toutDescWithBtns img {
    display: none;
  }

  .toutDescWithBtns .content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .toutDescWithBtns .title {
    max-width: 100%;
  }

  .toutDescWithBtns .summary {
    max-width: 100%;
  }
}

@media all and (max-width: 600px) {
  .toutDescWithBtns .btnWrap {
    white-space: normal;
  }

  .toutDescWithBtns .btn {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Tout Description With Buttons
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Product Section Anchor Nav
------------------------------------------------------- */

.anchorNav {
  margin-bottom: 25px;
  position: sticky;
  top: 0;
  z-index: 99999;
  background-color: #FFF;
  color: #003161;
}

.anchorNav .content {
  max-width: 1410px !important;
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.anchorNav.noRes {
  margin-bottom: 95px;
}

.anchorNav ul {
  max-width: 815px;
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.anchorNav ul li {
  padding-right: 30px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.anchorNav ul li a {
  color: #454D58;
}

.anchorNav ul li:first-of-type {
  margin-top: -3px;
  font-size: 18px;
  line-height: 26px;
}

.anchorNav ul li:last-child {
  padding-right: 0;
}

.anchorNav .btn {
  white-space: nowrap;
}

@media all and (max-width: 1200px) {
  .anchorNav.noRes {
    margin-bottom: 50px;
  }

  .anchorNav ul {
    flex-wrap: wrap;
  }
}

@media all and (max-width: 800px) {
  .anchorNav {
    display: none;
  }
}

/* ----------------------------------------------------
		End Product Section Anchor Nav
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Product Page Resources
------------------------------------------------------- */

.prodResources {
  max-width: 1410px;
  padding: 10px 25px 10px 25px;
  margin-bottom: 85px;
}

.prodResources .content {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px 0px 20px;
  background-color: #E5F7FF;
}

.prodResources .item {
  display: flex;
  width: 25%;
  align-items: flex-start;
  margin-bottom: 10px;
  padding: 0 31px 0 10px;
  font-size: 15px;
  color: #454D58;
  border-left: 2px solid #57C3B5;
}

.prodResources .item img {
  margin-right: 14px;
}

.prodResources .item > div {
}

@media screen and (max-width:1285px) {
  .prodResources .item {
    width: 50%;
  }
}

@media screen and (max-width:767px) {
  .prodResources {
    margin-bottom: 20px;
  }

  .prodResources .content {
    padding: 20px 20px 15px 20px;
  }

  .prodResources .item {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 0;
    border-top: 2px solid #57C3B5;
    border-left: none;
  }
}

/* ----------------------------------------------------
		End Product Page Resources
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Product Page Sections
------------------------------------------------------- */

.pSection {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 60px;
}

.pSection h2.cornerBorder {
  max-width: 330px;
}

.pSection .pContent {
  flex: 0 0 770px;
}

.pSection .videoPlaceholder {
  max-width: 770px;
}

.pSection h4 {
  margin-bottom: 13px;
}

@media all and (max-width: 1150px) {
  .pSection {
    flex-direction: column;
    margin-bottom: 45px;
  }

  .pSection h2.cornerBorder {
    max-width: 100%;
    transform: translate(0, 0);
  }

  .pSection .pContent {
    flex: 0 0 auto;
  }
}

@media all and (max-width: 767px) {
  .pSection {
    margin-bottom: 0px;
  }
}

/* ----------------------------------------------------
		End Product Page Sections
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Product Page FAQ
------------------------------------------------------- */

.pFaq .item {
  border-top: 1px solid #A0D5EC;
}

.pFaq .item:last-child {
  border-bottom: 1px solid #A0D5EC;
}

.pFaq .faqQuestion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0px;
  color: #0078C8;
  font-size: 22px;
  font-weight: 700;
}

.pFaq .faqQuestion > div {
  flex: 0 0 50px;
  height: 50px;
  display: flex;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #E5F7FF;
  transition: background-color .3s ease-in-out;
}

.pFaq .faqQuestion > div::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 8px;
  height: 8px;
  border: solid #0078C8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg) translate(-2px, -2px);
  -webkit-transform: rotate(45deg) translate(-2px, -2px);
  transition: border-color .3s ease-in-out;
}

.pFaq .faqAnswer {
  display: none;
}

.pFaq .item.open .faqAnswer {
  display: block;
}

.pFaq .item.open .faqQuestion > div::before {
  transform: rotate(-135deg);
}

@media all and (min-width: 767px) {
  .pFaq .faqQuestion:hover > div {
    background-color: #0078C8;
  }

  .pFaq .faqQuestion:hover > div::before {
    border-color: #FFF;
  }
}

@media screen and (max-width:650px) {
  .pFaq {
    margin-bottom: 25px;
  }

  .pFaq .faqQuestion > div {
    flex: 0 0 28px;
    height: 28px;
  }

  .pFaq .faqQuestion > div::before {
    background-size: 6px 10px;
  }

  .pFaq .faqQuestion {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 0;
  }
}

/* ----------------------------------------------------
		End Product Page FAQ
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Resource List Display (Used in multiple places)
------------------------------------------------------- */

.resourceListWrap .top {
  display: flex;
  justify-content: space-between;
}

.resourceListWrap .top a {
  margin-top: 26px;
  font-size: 16px;
  white-space: nowrap;
  background-position: 0 8px;
}

.resourceListWrap .top a:hover {
  background-position: 5px 8px;
}

.resourceListWrap h2 {
  width: auto;
  flex: 0 1 275px;
  margin: 0 0 28px 0;
}

.resourceListWrap .resourceList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 44px;
}

.resourceListWrap .item {
  margin-bottom: 50px;
}

.resourceListWrap .item img {
  margin-bottom: 25px;
}

.resourceListWrap .typeTimeWrap {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 21px;
  font-weight: 700;
}

.resourceListWrap .typeTimeWrap .type {
  color: #003161;
}

.resourceListWrap .typeTimeWrap .sep {
  font-size: 8px;
  position: relative;
  top: -2px;
}

.resourceListWrap .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}

.resourceListWrap .title a {
  color: #454D58;
}

.resourceListWrap .item:hover .title a {
  color: #0078C8;
}

.resourceListWrap .btm {
  display: none;
  margin: 15px 0 45px 0;
}

.resourceListWrap .btm a {
  font-size: 16px;
  background-position: 0 4px;
}

@media screen and (max-width:1330px) {
  .resourceListWrap h2 {
    transform: translate(0, -16px);
  }
}

@media screen and (max-width:1023px) {
  .resourceListWrap .resourceList {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width:800px) {
  .resourceListWrap .resourceList {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width:650px) {
  .resourceListWrap h2 {
    margin-bottom: 22px;
  }

  .resourceListWrap .top a {
    display: none;
  }

  .resourceListWrap .item {
    margin-bottom: 10px;
  }

  .resourceListWrap .item img {
    margin-bottom: 15px;
  }

  .resourceListWrap .title {
    font-size: 18px;
    line-height: 24px;
  }

  .resourceListWrap .btm {
    display: block;
  }
}

/* ----------------------------------------------------
		End Resource List Display
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Resource Pagination
------------------------------------------------------- */

.prevNextPaging {
  display: flex;
  justify-content: space-between;
}

/* ----------------------------------------------------
		End Resource Pagination
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Resource Section Page
------------------------------------------------------- */

.resourceSectionPage .resourceListWrap h2 {
  flex: 0 1 auto;
}

/* ----------------------------------------------------
		End Resource Section Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tan Text Callouts Side by Side
------------------------------------------------------- */

.tanTextSideBySide {
  margin-bottom: 80px;
}

.tanTextSideBySide .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(104deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.tanTextSideBySide .gradElement {
  display: flex;
  width: 100%;
  margin: 0 10px 10px 0;
  padding: 20px;
  background-color: #FFF5E2;
}

.tanTextSideBySide .gradElement > div {
  width: 50%;
  padding: 25px 0 30px 0;
  text-align: center;
}

.tanTextSideBySide .gradElement > div:first-of-type {
  border-right: 1px solid #57C3B5;
}

.tanTextSideBySide .headerText {
  margin-bottom: 25px;
  color: #003161;
  font-size: 26px;
  line-height: 34px;
}

@media screen and (max-width:800px) {
  .tanTextSideBySide .headerText {
    margin-bottom: 15px;
    font-size: 20px;
  }

  .tanTextSideBySide .gradElement {
    flex-direction: column;
    padding: 5px;
  }

  .tanTextSideBySide .gradElement > div {
    width: 100%;
  }

  .tanTextSideBySide .gradElement > div:first-of-type {
    border-right: none;
    border-bottom: 1px solid #57C3B5;
  }
}

/* ----------------------------------------------------
		End Tan Text Callouts Side by Side
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Tan Text Callout With Button Below
------------------------------------------------------- */

.tanTextBtnBelow {
  margin-bottom: 80px;
}

.tanTextBtnBelow .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(104deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.tanTextBtnBelow .gradElement {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 10px 10px 0;
  padding: 50px 20px 10px 20px;
  background-color: #FFF5E2;
}

.tanTextBtnBelow .headerText {
  margin-bottom: 25px;
  color: #003161;
  font-size: 38px;
  line-height: 44px;
  text-align: center;
}

.tanTextBtnBelow .rteCopy {
  margin-top: 18px;
}

@media screen and (max-width:800px) {
  .tanTextBtnBelow .gradElement {
    flex-direction: column;
  }
}

/* ----------------------------------------------------
		End Tan Text Callout With Button Below
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Small Disclaimer Text
------------------------------------------------------- */

.smallTextWidget {
  width: 100%;
  max-width: 820px;
  margin-bottom: 80px;
  padding: 0 25px;
  font-size: 14px;
  line-height: 20px;
}

/* ----------------------------------------------------
		End Small Disclaimer Text
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Next Up Callout
------------------------------------------------------- */

.nextUpCallout {
  margin-bottom: 80px;
}

.nextUpCallout .content {
  display: flex;
  align-items: flex-start;
  margin: 20px 0 0 20px;
  background-color: #E5F7FF;
}

.nextUpCallout .mainImg {
  margin: -20px 0 0 -20px;
  border-bottom-right-radius: 25%;
}

.nextUpCallout .copy {
  padding: 100px 20px 105px 70px;
}

.nextUpCallout .copy a {
  display: flex;
}

.nextUpCallout .copy .titleDescWrap {
  flex: 1;
  margin: 5px 0 0 0;
  font-size: 18px;
  color: #454D58;
}

.nextUpCallout .copy a .roundBtn {
  flex: 0 0 50px;
}

.nextUpCallout .smallLbl {
  margin-bottom: 22px;
  color: #0078C8;
  font-weight: 700;
}

.contrastOn .nextUpCallout .smallLbl {
  color: #003161;
  font-size: 21px;
}

.nextUpCallout .largeLbl {
  margin-right: 18px;
  color: #003161;
  font-size: 48px;
  line-height: 48px;
}

@media all and (min-width: 767px) {
  .nextUpCallout .copy a .roundBtnArrowFFFFFF::before {
    transition: transform .3s ease-in-out;
  }

  .nextUpCallout .copy a:hover .roundBtnArrowFFFFFF::before {
    transform: rotate(-45deg) translate(2px, 2px);
  }
}

@media screen and (max-width:767px) {
  .nextUpCallout .mainImg {
    width: 130px;
  }

  .nextUpCallout .copy {
    padding: 30px 18px;
  }

  .nextUpCallout .smallLbl {
    margin-bottom: 15px;
    font-size: 15px;
  }

  .nextUpCallout .largeLbl {
    font-size: 28px;
    line-height: 32px;
  }

  .nextUpCallout .copy a .roundBtn {
    flex: 0 0 36px;
  }
}

@media screen and (max-width:767px) {
  .nextUpCallout .roundBtn {
    flex: 0 0 36px;
  }
}

@media screen and (max-width:340px) {
  .nextUpCallout .roundBtn {
    display: none;
  }
}

/* ----------------------------------------------------
		End Next Up Callout
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Large Image Left Small Image Body Coy Right
------------------------------------------------------- */

.lrgImgLeftSmRight {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1110px;
  padding: 0 25px;
}

.lrgImgLeftSmRight .left,
.lrgImgLeftSmRight .right {
  width: 45%;
}

.lrgImgLeftSmRight .headerText {
  width: 90%;
  margin-bottom: 70px;
  font-size: 38px;
  line-height: 48px;
}

.lrgImgLeftSmRight .left .cornerBorder {
  transform: translate(-9px, 16px);
}

.lrgImgLeftSmRight .left img {
  border-top-right-radius: 25%;
}

.lrgImgLeftSmRight .gradWrap {
  max-width: 530px;
}

.lrgImgLeftSmRight .gradElement {
  margin: 0 0 20px 20px;
}

.lrgImgLeftSmRight .right {
  padding-top: 165px;
}

.lrgImgLeftSmRight .smImg {
  margin-bottom: 85px;
}

.lrgImgLeftSmRight .links {
  display: flex;
}

.lrgImgLeftSmRight .links li {
  padding-right: 25px;
}

@media screen and (max-width:1100px) {
  .lrgImgLeftSmRight .headerText {
    width: 100%;
  }
}

@media screen and (max-width:850px) {
  .lrgImgLeftSmRight {
    flex-direction: column;
  }

  .lrgImgLeftSmRight .left,
  .lrgImgLeftSmRight .right {
    width: 100%;
  }

  .lrgImgLeftSmRight .left {
    display: flex;
    flex-direction: column-reverse;
  }

  .lrgImgLeftSmRight .gradWrap,
  .lrgImgLeftSmRight .headerText {
    margin-bottom: 40px;
  }

  .lrgImgLeftSmRight .gradElement {
    margin: 0 0 10px 10px;
  }

  .lrgImgLeftSmRight .left .cornerBorder {
    transform: translate(0px, 16px);
  }

  .lrgImgLeftSmRight .right {
    padding-top: 0;
  }

  .lrgImgLeftSmRight .smImg {
    display: none;
  }
}

@media screen and (max-width:650px) {
  .lrgImgLeftSmRight .left .gradWrap {
    margin: 0 auto 30px auto;
  }

  .lrgImgLeftSmRight .right {
    align-items: center;
  }

  .lrgImgLeftSmRight .links {
    flex-direction: column;
    align-items: flex-start;
  }

  .lrgImgLeftSmRight .links li {
    padding-bottom: 25px;
  }
}

/* ----------------------------------------------------
		End Large Image Left Small Image Body Coy Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Header with Body Copy and Image Blocks Below
------------------------------------------------------- */

.headerTextImgBlocksBelow .top,
.headerTextImgBlocksBelow .btm {
  display: flex;
}

.headerTextImgBlocksBelow .top {
  justify-content: space-between;
}

.headerTextImgBlocksBelow .top {
  margin-bottom: 100px;
}

.headerTextImgBlocksBelow .top .right {
  display: flex;
  flex: 1 0 70%;
  justify-content: flex-end;
}

.headerTextImgBlocksBelow .top .headerText {
  padding-right: 30px;
  font-size: 48px;
  line-height: 54px;
  color: #003161;
}

.headerTextImgBlocksBelow .top .copyWrap {
  flex: 0 1 70%;
  padding-right: 8%;
}

.headerTextImgBlocksBelow .top.noLinks .copyWrap {
  flex: 0 1 63%;
}

.headerTextImgBlocksBelow .calloutLink {
  display: block;
  max-width: 220px;
  border-left: 2px solid #57C3B5;
  padding-left: 20px;
  margin-bottom: 30px;
  font-weight: 700;
  transition: color .3s ease-in-out, padding .3s ease-in-out;
}

.headerTextImgBlocksBelow .calloutLink img {
  display: inline;
  transform: translate(2px, 3px);
}

.headerTextImgBlocksBelow .calloutLink:hover {
  padding-left: 25px;
  color: #003161;
}

.headerTextImgBlocksBelow .btm {
  justify-content: space-between;
}

.headerTextImgBlocksBelow .btm > a {
  width: 23%;
  margin-bottom: 30px;
}

.headerTextImgBlocksBelow .btm > a:hover .roundBtnLink {
  color: #0078C8 !important;
}

.headerTextImgBlocksBelow .btm > a:hover .roundBtnLink::before {
  transform: scale(.8, .8);
}

.headerTextImgBlocksBelow .btm > a:hover .roundBtnLink::after {
  border-color: #FFF;
}

.headerTextImgBlocksBelow .btm > a:hover .roundBtnLink::before {
  background-color: #0078C8;
}

.headerTextImgBlocksBelow .gradWrap {
  margin-bottom: 15px;
}

.headerTextImgBlocksBelow .btm .grad {
  background: transparent linear-gradient(228deg, #55BEE600 0%, #55BEE6E6 100%) 0% 0% no-repeat;
}

.headerTextImgBlocksBelow .btm .gradElement img {
  width: 100%;
  border-top-right-radius: 25%;
}

.headerTextImgBlocksBelow .btm .item .gradElement {
  transition: transform .3s ease-in-out;
}

.headerTextImgBlocksBelow .btm .item:hover .gradElement {
  transform: translate(5px, -5px);
}

.headerTextImgBlocksBelow .btm .item .roundBtnLink {
  transition: padding .3s ease-in-out;
}

.headerTextImgBlocksBelow .btm .item:hover .roundBtnLink {
  padding-left: 60px;
}

.headerTextImgBlocksBelow .btm .item .roundBtnLink {
  transform: translate(10px, 0px);
  font-size: 22px;
  line-height: 32px;
}

.headerTextImgBlocksBelow .linkListMobile {
  display: none;
}

@media screen and (max-width:1075px) {
  .headerTextImgBlocksBelow .top {
    margin-bottom: 0px;
  }

  .headerTextImgBlocksBelow .top .right {
    padding-left: 20px;
  }

  .headerTextImgBlocksBelow .top .copyWrap {
    flex-basis: 100% !important;
  }

  .headerTextImgBlocksBelow .top .arrowLinkList {
    display: none;
  }

  .headerTextImgBlocksBelow .linkListMobile {
    display: block;
  }

  .headerTextImgBlocksBelow .top .copyWrap {
    width: 67%;
  }

  .headerTextImgBlocksBelow .btm {
    flex-wrap: wrap;
  }

  .headerTextImgBlocksBelow .btm .item {
    width: 45%;
  }

  .headerTextImgBlocksBelow .btm .item a {
    font-size: 20px;
  }
}

@media screen and (max-width:1360px) {
  .headerTextImgBlocksBelow .cornerBorder {
    transform: translate(0px, -16px);
  }
}

@media screen and (max-width:1023px) {
  .headerTextImgBlocksBelow .top {
    flex-direction: column;
  }

  .headerTextImgBlocksBelow .top .headerText {
    width: 100%;
    max-width: 400px;
  }

  .headerTextImgBlocksBelow .top .copyWrap {
    width: 100%;
  }
}

@media screen and (max-width:650px) {
  .headerTextImgBlocksBelow .btm .item .gradElement {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-top-right-radius: 50px;
  }

  .headerTextImgBlocksBelow .btm .gradElement img {
    margin-top: -50px;
    border-top-right-radius: 0;
  }

  .headerTextImgBlocksBelow .btm .item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 30px auto;
  }
}

/* ----------------------------------------------------
		End Header with Body Copy and Image Blocks Below
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Text Left Callouts Blocks Right
------------------------------------------------------- */

.textLeftBlocksRight {
  padding: 0 25px;
  background-color: #E5F7FF;
}

.textLeftBlocksRight .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 0 50px 0;
}

.textLeftBlocksRight .left {
  width: 480px;
}

.textLeftBlocksRight h2 {
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 54px;
}

.textLeftBlocksRight .calloutLink {
  display: block;
  max-width: 220px;
  border-left: 2px solid #57C3B5;
  padding-left: 20px;
  margin-bottom: 30px;
  font-weight: 700;
  transition: color .1s linear, padding .1s linear;
}

.contrastOn .textLeftBlocksRight .calloutLink {
  color: #003161;
}

.textLeftBlocksRight .calloutLink img {
  display: inline;
  transform: translate(2px, 3px);
}

.textLeftBlocksRight .calloutLink:hover {
  padding-left: 25px;
  color: #003161;
}

.textLeftBlocksRight .right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 630px;
}

.textLeftBlocksRight .right .gradWrap {
  width: 48%;
  margin-bottom: 20px;
}

.textLeftBlocksRight .right .gradWrap a {
  color: #454D58;
  font-weight: 700;
  font-size: 22px;
  position: relative;
  transition: color .3s ease-in-out, transform .3s ease-in-out;
}

.textLeftBlocksRight .right .gradWrap a > div {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.textLeftBlocksRight .gradElement {
  min-height: 140px;
  padding: 30px 50px 30px 30px;
  background-color: #FFF;
  border-top-right-radius: 35px;
}

.textLeftBlocksRight .right .gradWrap .roundBtn {
  transition: transform .3s ease-in-out, background-color .3s ease-in-out;
}

.textLeftBlocksRight .right .gradWrap:hover .roundBtn {
  transform: scale(.8, .8);
  background-color: #0078C8;
}

.textLeftBlocksRight .right .gradWrap:hover .roundBtnArrow0078C8::before {
  border-color: #FFF;
}

@media all and (min-width: 767px) {
  .textLeftBlocksRight .right .gradWrap a:hover {
    transform: translate(10px, -10px);
    color: #0078C8;
  }
}

@media screen and (max-width: 1360px) {
  .textLeftBlocksRight .cornerBorder {
    transform: translate(0px, -16px);
  }

  .textLeftBlocksRight .rteCopy {
    padding-left: 20px;
  }

  .textLeftBlocksRight .calloutLink {
    margin-left: 20px;
  }
}

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

  .textLeftBlocksRight .right {
    flex-direction: column;
  }

  .textLeftBlocksRight .right .gradWrap {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 10px auto;
  }

  .textLeftBlocksRight .right .gradWrap a {
    display: flex;
    align-items: center;
    padding-right: 75px;
    font-size: 18px;
    line-height: 21px;
  }

  .textLeftBlocksRight .right .gradWrap a > div {
    width: 36px;
    height: 36px;
    bottom: auto;
  }

  .textLeftBlocksRight .gradElement {
    min-height: 70px;
    padding: 15px 50px 10px 15px;
  }
}

@media screen and (max-width: 1023px) {
  .textLeftBlocksRight .right {
    max-width: 350px;
  }
}

@media screen and (max-width: 900px) {
  .textLeftBlocksRight .content {
    flex-direction: column;
  }

  .textLeftBlocksRight .left,
  .textLeftBlocksRight .right {
    width: 100%;
  }

  .textLeftBlocksRight .right {
    max-width: 100%;
  }
}

@media screen and (max-width: 700px) {
  .textLeftBlocksRight .content {
    padding-top: 50px;
  }

  .textLeftBlocksRight .right .gradWrap {
    max-width: 100%;
  }
}

/* ----------------------------------------------------
		End Text Left Callouts Blocks Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Featured Resource Header
------------------------------------------------------- */

.featuredResource {
  margin-bottom: 110px;
  padding: 55px 0 60px 0;
  background-color: #E5F7FF;
}

.featuredResource .breadcrumb li {
  color: #003161;
}

.featuredResource .headerText {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 20px;
}

.featuredResource .sitewidth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.featuredResource .left {
  padding-right: 90px;
}

.featuredResource .right {
  flex: 0 0 570px;
  position: relative;
}

.featuredResource .gradElement {
  margin: 0 0 20px 20px;
}

.featuredResource .right .mainImg {
  position: relative;
  z-index: 10;
  padding-right: 20px;
}

.featuredResource.linksExt .right .mainImg {
  padding-right: 30px;
}

.featuredResource.largeImg .right {
  flex: 0 0 800px;
}

.featuredResource .imgGrad {
  width: 62%;
  height: 62%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(0, 20px);
  background: transparent linear-gradient(219deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.featuredResource .btns {
  display: flex;
  align-items: baseline;
}

.featuredResource .btns span {
  font-size: 17px;
  line-height: 27px;
}


@media all and (max-width: 1240px) {
  .featuredResource .left {
    padding-right: 40px;
  }

  .featuredResource .right {
    flex: 0 0 500px;
  }
}

@media all and (max-width: 1100px) {
  .featuredResource .right {
    flex-basis: 500px;
  }
}

@media all and (max-width: 1023px) {
  .featuredResource {
    margin-bottom: 30px;
    padding: 30px 0 0 0;
  }

  .featuredResource .sitewidth {
    flex-direction: column-reverse;
  }

  .featuredResource .left,
  .featuredResource .right {
    margin-bottom: 30px !important;
    flex-basis: auto;
    padding-right: 0;
  }

  .featuredResource .left {
    width: 100%;
  }

  .featuredResource .sectionHeader {
    margin-bottom: 30px;
  }

  .featuredResource .right .mainImg {
    padding-right: 0 !important;
  }
}

@media screen and (max-width:767px) {
  .featuredResource .headerText {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 13px;
  }
}

@media screen and (max-width:650px) {
  .featuredResource .btns {
    flex-direction: column;
    align-items: center;
  }
}

/* ----------------------------------------------------
		End Featured Resource Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Two By Two Resource Layout
------------------------------------------------------- */

.twoByTwoResLayout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.twoByTwoResLayout .resourceList {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0px;
  justify-content: space-between;
}

.twoByTwoResLayout .item {
  width: 47%;
  display: flex;
  margin-bottom: 50px;
  line-height: 26px;
}

.twoByTwoResLayout .item > a {
  flex: 0 0 170px;
  margin-right: 13px;
}

.twoByTwoResLayout .resContent > * {
  margin-bottom: 7px;
}

.twoByTwoResLayout .typeTimeWrap {
  margin-bottom: 7px;
}

.twoByTwoResLayout .typeTimeWrap span {
  color: #003161;
}

.twoByTwoResLayout .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

@media screen and (max-width:930px) {
  .twoByTwoResLayout .item {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .twoByTwoResLayout .item > a {
    flex-basis: auto;
  }

  .twoByTwoResLayout .item img {
    margin: 0 0 17px 0;
  }
}

@media screen and (max-width:767px) {
  .twoByTwoResLayout .item img {
    max-width: 100%;
  }

  .twoByTwoResLayout .summary {
    display: none;
  }
}

/* ----------------------------------------------------
		End Two By Two Resource Layout
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Tan Text Callout With Button Below
------------------------------------------------------- */

.tanTextLeftBtnRight {
  margin-bottom: 60px;
}

.tanTextLeftBtnRight .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(104deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.tanTextLeftBtnRight .gradElement {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 10px 10px 0;
  padding: 40px 30px 40px 30px;
  background-color: #FFF5E2;
}

.tanTextLeftBtnRight .headerText {
  color: #003161;
  font-size: 26px;
  line-height: 34px;
  padding-right: 30px;
}

.tanTextLeftBtnRight .btn {
  white-space: nowrap;
}

.tanTextLeftBtnRight .rteCopy {
  margin-top: 18px;
}

@media screen and (max-width:900px) {
  .tanTextLeftBtnRight .gradElement {
    flex-direction: column;
  }

  .tanTextLeftBtnRight .headerText {
    padding-right: 0;
    margin-bottom: 25px;
    text-align: center;
  }
}

@media screen and (max-width:650px) {
  .tanTextLeftBtnRight {
    margin-bottom: 50px;
  }
}

/* ----------------------------------------------------
		End Tan Text Callout With Button Below
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Vimeo Video List
------------------------------------------------------- */

.videoList {
  margin-bottom: 130px;
  padding-top: 80px;
  background-color: #E5F7FF;
}

.videoList.noSearch {
  margin-bottom: 75px;
  padding-bottom: 80px;
}

.videoList .featuredVideos {
  display: flex;
  justify-content: space-between;
}

.videoList .featuredVideos > a {
  width: 48%;
  margin-bottom: 50px;
}

.videoList .vertListHeader {
  margin-bottom: 30px;
  color: #003161;
  font-size: 30px;
  line-height: 44px;
}

.videoList .videoItem {
  display: flex;
  padding: 20px 0;
  color: #454D58;
  border-top: 1px solid #A0D5EC;
}

.videoList .videoItem:last-child {
  margin-bottom: -15px;
  padding-bottom: 0;
}

.videoList .titleBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}

.videoList .vertVideoList .title {
  padding-right: 50px;
  font-size: 20px;
  font-weight: 700;
}

.videoList .vertVideoList .videoThumbnail {
  margin-right: 30px;
}

.videoList .playBlock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 250px;
}

.videoList .playBlock .btn {
  padding-left: 30px;
}

.videoList .playBlock .btn::before,
.videoList .playBlock .btn::after {
  content: "";
  width: 9px;
  height: 11px;
  position: absolute;
  top: 12px;
  left: 14px;
  background: url(/images/PlayIcon-Triangle-FFFFFF.png) 0 0 no-repeat;
  transition: opacity .3s ease-in-out;
}

.videoList .playBlock .btn::after {
  opacity: 0;
  z-index: 10;
}

.videoList .playBlock .btn:hover::after {
  opacity: 1;
}

.videoList .videoLength {
  flex: 1 1 auto;
  text-align: center;
}

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

  .videoList .featuredVideos .title {
    font-size: 26px;
    line-height: 28px;
  }

  .videoList .featuredVideos .mainImg {
    width: 45%;
  }

  .videoList h2 {
    transform: translate(0, -16px);
  }
}

@media screen and (max-width:1075px) {
  .videoList .featuredVideos {
    flex-direction: column;
  }

  .videoList .featuredVideos > a {
    width: 100%;
  }
}

@media screen and (max-width:875px) {
  .videoList .titleBlock {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .videoList .vertVideoList .title {
    margin-bottom: 15px;
  }

  .videoList .playBlock {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }

  .videoList .videoLength {
    text-align: left;
    padding-left: 15px;
  }
}

@media screen and (max-width:650px) {
  .videoList {
    padding-top: 35px;
  }

  .videoList .featuredVideos .title {
    font-size: 20px;
    line-height: 24px;
  }

  .videoList .vertListHeader {
    margin-bottom: 15px;
  }

  .videoList .vertVideoList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
  }

  .videoList .videoItem {
    width: 48%;
    margin-bottom: 30px;
    padding: 0;
    flex-direction: column;
    border-top: none;
  }

  .videoList .vertVideoList .videoThumbnail {
    width: 100%;
    margin: 0 0 15px 0;
  }

  .videoList .vertVideoList .title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
  }
}

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

  .videoList .playBlock {
    flex-direction: row;
  }

  .videoList .videoLength {
    display: none;
  }

  .videoList .videoItem .btn {
    width: 100%;
  }
}

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

/* ----------------------------------------------------
		End Vimeo Video List
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Resource Search Bar Floater
------------------------------------------------------- */

.resourceSearchFloater {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px 40px 30px 30px;
  transform: translate(0, 55px);
  background-color: #FFF;
  box-shadow: 0px 12px 44px #0000001A;
}

.resourceSearchFloater > div {
  font-size: 26px;
  line-height: 34px;
  color: #003161;
}

.resourceSearchFloater > form {
  display: flex;
  align-items: center;
}

.resourceSearchFloater .searchBoxWrap {
  margin-right: 10px;
  padding: 14px 17px 14px 17px;
  display: flex;
  align-items: center;
  background-color: #F0F0F0;
  border-radius: 25px;
}

.resourceSearchFloater input[type=text] {
  padding: 0 0 0 8px;
  line-height: 16px;
  color: #333E48;
  background-color: #F0F0F0;
  border: none;
}

.resourceSearchFloater input[type=text]::placeholder {
  color: #333E48;
}

.resourceSearchFloater input[type=submit] {
  min-width: 130px;
}

@media screen and (max-width:1023px) {
  .resourceSearchFloater {
    flex-direction: column;
  }

  .resourceSearchFloater > div {
    margin-bottom: 15px;
    text-align: center;
  }
}

@media screen and (max-width:767px) {
  .resourceSearchFloater {
    margin-top: -35px;
    padding: 20px 15px;
    align-items: normal;
  }

  .resourceSearchFloater > div {
    font-size: 17px;
    line-height: 23px;
  }

  .searchBox > form {
    display: block;
  }

  .resourceSearchFloater .searchBoxWrap {
    margin-right: 0px;
    padding-right: 0px;
  }

  .resourceSearchFloater button {
    position: absolute;
    left: -200%;
  }
}

/* ----------------------------------------------------
		End Resource Search Bar Floater
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Four Resource Header
------------------------------------------------------- */

.fourResHeader {
  margin-bottom: 60px;
  padding: 60px 80px;
  background-color: #E5F7FF;
}

.fourResHeader .content {
  display: flex;
  justify-content: space-between;
  max-width: 1350px;
}

.fourResHeader .content .left {
  width: 51%;
}

.fourResHeader .content .right {
  width: 41%;
  transition: width .3s;
}

.fourResHeader .gradWrap {
  margin-bottom: 30px;
}

.fourResHeader .gradElement {
  margin: 0 0 20px 20px;
}

.fourResHeader .gradElement img {
  border-top-right-radius: 75px;
}

.fourResHeader .feaContent {
  padding-left: 20px;
}

.fourResHeader .left .typeTimeWrap {
  margin-bottom: 15px;
  color: #003161;
  font-size: 15px;
  font-weight: 700;
}

.fourResHeader .left .title {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 45px;
  color: #454D58;
}

.fourResHeader .left .summary {
  margin-bottom: 15px;
}

.fourResHeader .left .btns {
  display: flex;
  align-items: center;
}

.fourResHeader .left .btns .btn {
  margin-right: 12px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.fourResHeader .left .btns > div {
  font-size: 17px;
}

.fourResHeader .resourceListWrap {
  padding: 0;
}

.fourResHeader .resourceList {
  display: flex;
  flex-direction: column;
  grid-gap: 0;
}

.fourResHeader .resourceList .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}

.fourResHeader .resourceList .item > a {
  flex: 0 0 170px;
  margin-right: 30px;
}

.fourResHeader .resourceList .item img {
  max-width: 170px;
}

.fourResHeader .resourceList .title {
  margin-bottom: 14px;
}

@media all and (max-width: 1500px) {
  .fourResHeader .content .right {
    width: 44%;
  }
}

@media all and (max-width: 1200px) {
  .fourResHeader {
    padding: 30px 25px 15px 25px;
  }

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

  .fourResHeader .content .left {
    margin-bottom: 40px;
  }

  .fourResHeader .content > div {
    width: 100% !important;
  }

  .fourResHeader .gradWrap {
    max-width: 650px;
    margin: 0 auto 17px auto;
  }

  .fourResHeader .feaContent {
    padding-left: 0;
  }

  .fourResHeader .resourceList {
    flex-direction: row;
  }

  .fourResHeader .resourceList .item {
    width: 30%;
    display: block;
    justify-content: flex-start;
  }
}

@media all and (max-width: 850px) {
  .fourResHeader .resourceList {
    flex-direction: column;
  }

  .fourResHeader .resourceList .item {
    width: 100%;
  }

  .fourResHeader .resourceList .item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }

  .fourResHeader .resourceList .item > a {
    flex: 0 0 105px;
    margin-right: 15px;
  }

  .fourResHeader .resourceListWrap .typeTimeWrap {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
  }
}

@media all and (max-width: 650px) {
  .fourResHeader {
    margin-bottom: 30px;
  }

  .fourResHeader .resourceList .item {
    margin-bottom: 15px;
  }

  .fourResHeader .left .typeTimeWrap {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .fourResHeader .left .title {
    margin-bottom: 13px;
    font-size: 24px;
    line-height: 30px;
  }
}

/* ----------------------------------------------------
		End Four Resource Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Resource Page
------------------------------------------------------- */

.resourceContent {
  position: relative;
  max-width: 1410px;
}

.resourceContent .shareLinkList {
  position: absolute;
  top: 0;
  left: 25px;
}

.shareLinkList li {
  position: relative;
}

.shareLinkList .notification {
  position: absolute;
  left: -50px;
  margin-top: 5px;
  /*display: flex;*/
  display: none;
  opacity: 0;
  padding: 2px 0;
  width: 140px;
  justify-content: center;
  background-color: #FFF;
  color: #454D58;
  font-size: 15px;
  border: 1px solid #55BEE6;
  border-radius: 6px;
}

.shareLinkList .notification .arrow {
  position: absolute;
  top: -7px;
  z-index: 1;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  border-top: 1px solid #55BEE6;
  transform: rotate(-45deg);
  border-right: 1px solid #55BEE6;
}

@media screen and (max-width:900px) {
  .resourceContent .shareLinkList {
    position: relative;
    left: 0;
  }
}

/* ----------------------------------------------------
		End Resource Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Text with Three Callout Blocks
------------------------------------------------------- */


.textThreeCABlocks {
  margin-bottom: 60px;
}

.textThreeCABlocks > .gradWrap > .gradElement {
  padding: 40px;
  display: flex;
  justify-content: space-between;
  background-color: #FFF5E2;
}

.textThreeCABlocks .headerText {
  flex: 0 0 320px;
  padding-right: 40px;
  color: #003161;
  font-size: 30px;
  line-height: 38px;
}

.textThreeCABlocks .blocks {
  flex: 1 1 auto;
  display: flex;
  justify-content: space-evenly;
}

.textThreeCABlocks .blocks > div {
  flex: 0 0 30%;
}

.textThreeCABlocks .blocks .grad {
  width: 94%;
  background: transparent linear-gradient(134deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat padding-box;
}

.textThreeCABlocks .blocks .gradElement {
  padding: 25px 30px 45px 30px;
  position: relative;
  border-top-right-radius: 35px;
  background-color: #FFF;
  transition: transform .3s ease-in-out;
}

@media all and (min-width: 767px) {
  .textThreeCABlocks .blocks .gradElement:hover .head {
    color: #0078C8;
  }

  .textThreeCABlocks .blocks .gradElement:hover {
    transform: translate(10px, -10px);
  }

  .textThreeCABlocks .blocks .gradElement:hover .roundBtn {
    background-color: #0078C8;
  }

  .textThreeCABlocks .blocks .gradElement:hover .roundBtnArrow0078C8::before {
    border-color: #FFF;
  }
}

.textThreeCABlocks .blocks .gradElement > * {
  color: #454D58 !important;
}

.textThreeCABlocks .blocks .head {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.textThreeCABlocks .blocks .roundBtn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media all and (max-width: 1200px) {
  .textThreeCABlocks .blocks {
    flex-direction: column;
  }

  .textThreeCABlocks .blocks > div {
    flex-basis: auto;
    margin-bottom: 30px;
  }

  .textThreeCABlocks .blocks .gradElement {
    padding: 25px 85px 25px 30px;
  }

  .textThreeCABlocks .blocks .head {
    margin-bottom: 10px;
  }
}

@media all and (max-width: 800px) {
  .textThreeCABlocks {
    margin-bottom: 30px;
  }

  .textThreeCABlocks > .gradWrap > .gradElement {
    flex-direction: column;
    padding: 20px 20px 10px 20px;
  }

  .textThreeCABlocks .headerText {
    flex: 0 0 auto;
    margin-bottom: 13px;
    padding: 0 0 0 10px;
    font-size: 24px;
    line-height: 30px;
  }

  .textThreeCABlocks .blocks .gradElement {
    padding: 25px 45px 25px 25px;
    margin-bottom: 10px;
  }

  .textThreeCABlocks .blocks .head {
    font-size: 20px;
    line-height: 22px;
  }

  .textThreeCABlocks .blocks .roundBtn {
    right: 5px;
    bottom: 15px;
  }
}

/* ----------------------------------------------------
		End Text with Three Callout Blocks
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Block Quote with Attribution
------------------------------------------------------- */

.blockQuoteWrap {
  display: flex;
  margin-bottom: 70px;
}

.blockQuoteWrap .blockGrad {
  width: 4px;
  background: transparent linear-gradient(0deg, #55BEE6 0%, #74C9BEE6 100%) 0% 0% no-repeat padding-box;
}

.blockQuoteWrap .content {
  padding-left: 30px;
}

.blockQuoteWrap .quote {
  font-size: 26px;
  line-height: 34px;
}

.blockQuoteWrap .att {
  margin-top: 30px;
}

/* ----------------------------------------------------
		End Block Quote with Attribution
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Share Link
------------------------------------------------------- */

.shareLinkList {
  display: flex;
  flex-direction: column;
}

.shareLinkList li a {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border: 1px solid #7D868C;
  border-radius: 50%;
}

.shareLinkList li a {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width:900px) {
  .shareLinkList {
    flex-direction: row;
  }

  .shareLinkList li a {
    margin: 0 10px 20px 0;
  }
}

/* ----------------------------------------------------
		End Share Link
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Featured Event
------------------------------------------------------- */

.featuredEvent {
  padding: 55px 25px 30px 25px;
  background-color: #E5F7FF;
}

.featuredEvent .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1260px;
}

.featuredEvent .sectionHeader {
  font-size: 22px;
  color: #0078c8;
  font-weight: 700;
  margin-bottom: 24px;
}

.featuredEvent .breadcrumb {
  color: #003161;
}

.featuredEvent .left {
  flex: 0 1 675px;
  padding-right: 75px;
}

.featuredEvent .headerText {
  font-size: 40px;
  line-height: 45px;
}

.featuredEvent .time {
  margin-top: 10px;
  color: #0078C8;
  font-weight: 700;
}

.contrastOn .featuredEvent .time {
  color: #003161 !important;
  font-size: 18px;
}

.featuredEvent .btn {
  margin-top: 35px;
}

.featuredEvent .right {
  flex: 0 0 450px;
  font-weight: 700;
  margin-bottom: 0;
}

@media screen and (max-width:915px) {
  .featuredEvent .content {
    flex-direction: column;
  }


  .featuredEvent .left,
  .featuredEvent .right {
    flex: 1 1 auto;
    padding-right: 0;
  }

  .featuredEvent .right {
    display: none;
  }
}

/* ----------------------------------------------------
		End Featured Event
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Event Filter Bar
------------------------------------------------------- */

.eventList .eventFilterBar {
  margin-bottom: 35px;
  padding: 21px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #A0D5EC;
}

.eventList .eventFilterBar button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  position: relative;
  color: #454D58;
  font-weight: 700;
  white-space: nowrap;
  background-color: #FFF;
}

.eventList .eventFilterBar button > span.input {
  flex: 0 0 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 50%;
  border: 2px solid #A0D5EC;
}

.eventList .eventFilterBar button > span.input > span {
  opacity: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #0078C8;
}

.eventList .eventFilterBar button.selected > span.input {
  border: 2px solid #0078C8;
}

.eventList .eventFilterBar button.selected > span.input > span {
  opacity: 1;
}

.eventList .tooltip {
  display: flex;
  justify-content: center;
  width: 400px;
  position: absolute;
  bottom: 41px;
  left: -999999px;
  z-index: 10;
  opacity: 0;
  padding: 10px 13px 13px 13px;
  font-weight: 500;
  font-size: 14px;
  white-space: normal;
  line-height: 22px;
  border: 2px solid #A0D5EC;
  background-color: #FFF;
  border-radius: 4px;
  transition: opacity .3s ease-in-out;
}

.eventList .tooltip .tab {
  position: absolute;
  bottom: -10px;
  width: 16px;
  height: 16px;
  background-color: #FFF;
  border-right: 2px solid #A0D5EC;
  border-bottom: 2px solid #A0D5EC;
  transform: rotate(45deg);
  border-bottom-right-radius: 4px;
}

.eventList .eventFilterBar a .tooltip.open {
  left: auto;
  opacity: 1;
}

.eventList .eventFilterBar select {
  width: auto;
  padding: 8px 0 8px 18px;
  font-weight: 700;
  color: #454D58;
  border: 1px solid #A0D5EC;
  border-radius: 17px;
  background: #FFF url(../images/form-dd-arrow.jpg) right 6px no-repeat;
  background-position: right center;
}

@media screen and (min-width:768px) {
  .eventList .eventFilterBar a:hover .tooltip {
    left: -92px !important;
    opacity: 1;
  }
}

@media screen and (min-width:1441px) {
  .eventList .eventFilterBar a:hover .tooltip {
    left: auto !important;
    opacity: 1;
  }
}

@media screen and (max-width:1440px) {
  .eventList .eventFilterBar a .tooltip.open {
    left: -92px !important;
  }

  .eventList .tooltip .tab {
    left: 35%;
  }
}

@media screen and (max-width:650px) {
  .eventList .eventFilterBar {
    position: relative;
  }

  .eventList .eventFilterBar a {
    position: initial;
  }

  .eventList .eventFilterBar a .tooltip {
    width: 100%;
  }

  .eventList .eventFilterBar a .tooltip.open {
    left: 0 !important;
    bottom: 100% !important;
  }

  .eventList .eventFilterBar .eventType1476 .tab {
    left: 42%;
  }

  .eventList .eventFilterBar .eventType1448 .tab {
    left: 72%;
  }
}

@media screen and (max-width:450px) {
  .eventList .eventFilterBar {
    position: initial;
  }

  .eventList .eventFilterBar a {
    position: relative;
  }

  .eventList .eventFilterBar a .tooltip.open {
    bottom: 40px !important;
  }

  .eventList .eventFilterBar .tab {
    left: auto !important;
  }
}

/* ----------------------------------------------------
		End Event Filter Bar
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Event List
------------------------------------------------------- */

.eventContent {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.eventContent .eventListContent {
  flex: 0 1 700px;
  padding-right: 75px;
}

.eventContent .calWrap {
  flex: 0 0 450px;
}

.eventContent .event {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #A0D5EC;
}

.eventContent .event .type,
.eventContent .event .time {
  color: #0078C8;
  font-weight: 700;
  margin-bottom: 10px;
}

.eventContent .event .title {
  margin-bottom: 13px;
  color: #454D58;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}

.eventContent .event .type {
  text-transform: capitalize;
}

.eventContent .event .time {
  margin-bottom: 20px;
}

.eventContent .noEventsFoundMessage {
  display: none;
}

.eventsPaging {
  margin-top: 5px;
  margin-bottom: 0;
}

.eventsPaging.prevNextPaging {
  display: none;
}

@media all and (max-width: 1023px) {
  .eventContent {
    flex-direction: column-reverse;
  }

  .eventContent .eventListContent {
    padding-right: 0;
  }

  .eventContent .calWrap {
    flex: 0 0 auto;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #A0D5EC;
  }

  .eventContent .fc .fc-toolbar-title {
    font-size: 24px;
  }

  .eventContent .fc .fc-view-harness {
    display: none;
  }
}

@media all and (max-width: 620px) {
  .eventList .eventFilterBar {
    flex-wrap: wrap;
  }

  .eventList .eventFilterBar a {
    width: 100%;
    margin-right: 0;
  }

  .eventList .eventFilterBar select {
    width: 100%;
    margin-top: 15px;
  }

  .eventContent .calWrap {
    display: none;
  }
}

@media all and (max-width: 450px) {
  .eventList .eventFilterBar {
    flex-direction: column;
  }

  .eventList .eventFilterBar a {
    margin-bottom: 5px;
  }

  .eventList .eventFilterBar select {
    width: auto;
    margin-top: 5px;
  }
}

/* ----------------------------------------------------
		End Event List
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Resource Section Sub Nav
------------------------------------------------------- */

.resourceSubNav {
  max-width: 1440px;
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 700;
}

.resourceSubNav ul {
  display: flex;
  align-items: baseline;
}

.resourceSubNav > ul > li > a {
  display: flex;
  align-items: center;
  color: #0078C8;
}

.resourceSubNav ul li a > img {
  margin-left: 4px;
}

.resourceSubNav > ul > li:hover > a {
  color: #0078C8;
}

.resourceSubNav > ul.sections > li {
  padding: 5px 28px 7px 0;
  position: relative;
  line-height: 22px;
}

.resourceSubNav ul.sections li.events {
  padding-left: 20px;
  border-left: 1px solid #DFE1E2;
}

.resourceSubNav > ul > li:nth-child(1) a {
  font-size: 18px;
  line-height: 20px;
}

.resourceSubNav > ul.sections > li:nth-child(1) a {
  color: #003161;
}

.resourceSubNav > ul.sections > li > a {
  color: #454D58;
}

.resourceSubNav ul li ul {
  min-width: 235px;
  display: block;
  position: absolute;
  top: 31px;
  left: -999999px;
  opacity: 0;
  z-index: 10000;
  padding: 15px 8px 15px 20px;
  background: #FFF;
  box-shadow: 0px 12px 44px #0000001a;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: opacity .3s ease-in-out;
}

.resourceSubNav > ul > li:hover ul,
.resourceSubNav > ul > li:focus-within ul {
  left: 0;
  opacity: 1;
}

.resourceSubNav ul li ul li {
  font-size: 17px;
  font-weight: 500;
  padding-bottom: 12px;
}

.resourceSubNav ul li ul li a:hover {
  color: #003161;
}

.resourceSubNav li:hover ul {
  display: block;
}

.resourceSubNav .mobileMoreMenu {
  display: none;
}

.resourceSubNav .breadcrumb {
  margin-bottom: 10px;
}

.resourceSubNav .breadcrumb li {
  padding-right: 5px;
}

.resourceSubNav .breadcrumb li:last-child a {
  color: #0078C8;
}


.resourceSubNav .breadcrumb .sep {
  color: #0078C8;
}

.resourceSubNav .calloutWrap {
  margin-top: -3px;
}

.resourceSubNav .calloutWrap ul {
  align-items: center;
}

.resourceSubNav .searchLink {
  padding-right: 16px;
}

.resourceSubNav .searchLink a {
  display: flex;
  align-items: center;
  color: #454D58;
}

.resourceSubNav .searchLink img {
  display: inline-block;
  margin-right: 8px;
}

@media screen and (max-width:1075px) {
  .resourceSubNav .searchLink {
    display: none;
  }
}

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

  .resourceSubNav .sections li.mobileMoreMenu,
  .resourceSubNav .sections li.mobileMoreMenu li,
  .resourceSubNav .sections li:nth-child(2) {
    display: block;
  }

  .resourceSubNav .sections > li {
    display: none;
  }
}

@media screen and (max-width:600px) {
  .resourceSubNav {
    padding: 0 10px;
  }

  .resourceSubNav > ul.sections > li {
    padding-right: 13px;
    white-space: nowrap;
  }

  .resourceSubNav .calloutWrap {
    white-space: nowrap;
  }
}

@media screen and (max-width:400px) {
  .resourceSubNav .calloutWrap {
    display: none;
  }
}

/* ----------------------------------------------------
		End Resource Section Sub Nav
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Blue Stats with Image Right
------------------------------------------------------- */

.blueStats {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blueStats .left {
  display: flex;
  flex-wrap: wrap;
}

.blueStats .right {
  flex: 0 0 520px;
}

.blueStats .item {
  flex: 0 0 300px;
  padding-right: 50px;
  margin-bottom: 60px;
}

.blueStats .stat {
  margin-bottom: 5px;
  font-weight: 100;
  font-size: 70px;
  line-height: 60px;
  color: #0078C8;
}

.blueStats .desc {
  font-size: 18px;
}

.blueStats .grad {
  top: 0;
  bottom: auto;
  background: transparent linear-gradient(219deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.blueStats .gradElement {
  margin: 20px 0 0 20px;
}

.blueStats .gradElement img {
  border-bottom-right-radius: 75px;
}

@media screen and (max-width:1180px) {
  .blueStats {
    flex-direction: column;
  }

  .blueStats .left {
    max-width: 800px;
    margin: 0 0 40px 60px;
    justify-content: space-between;
  }

  .blueStats .item {
    flex: 0 0 47%;
  }

  .blueStats .right {
    flex: 0 0 auto;
  }
}

@media screen and (max-width:767px) {
  .blueStats .left {
    margin: 0;
  }

  .blueStats .item {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .blueStats .stat {
    font-size: 55px;
  }

  .blueStats .desc {
    font-size: 15px;
  }
}

@media screen and (max-width:400px) {
  .blueStats .stat {
    font-size: 50px;
  }
}

@media screen and (max-width:360px) {
  .blueStats .item {
    flex: 0 0 100%;
  }
}

/* ----------------------------------------------------
		End Blue Stats with Image Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Video with Blue Background
------------------------------------------------------- */

.vidWithBlueBG {
  color: #FFF;
  margin-bottom: 260px;
}

.vidWithBlueBG .contentWrap {
  background-color: #0078C8;
  margin-bottom: -80px;
}

.vidWithBlueBG .content {
  max-width: 1090px;
  padding: 0 25px;
  transform: translate(0px, 80px);
}

.vidWithBlueBG .content > .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
}

.vidWithBlueBG h2 {
  flex: 0 0 385px;
  margin: 0 0 28px 0;
  color: #FFF;
  font-size: 48px;
  line-height: 48px;
}

.vidWithBlueBG .rteCopy {
  flex: 0 0 400px;
}

.vidWithBlueBG .videoPlaceholder {
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  padding-bottom: 40%;
}

.vidWithBlueBG .title {
  max-width: 430px;
}

.vidWithBlueBG .playBtnWrap {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.vidWithBlueBG .overlay {
  background: rgb(68,70,71);
  background: linear-gradient(180deg, rgba(68,70,71,1) 0%, rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%;
}

@media screen and (max-width:1130px) {
  .vidWithBlueBG h2 {
    transform: translate(0, 0);
  }
}

@media screen and (max-width:860px) {
  .vidWithBlueBG {
    margin-bottom: 180px;
  }

  .vidWithBlueBG .content {
    transform: translate(0px, 50px);
  }

  .vidWithBlueBG .content > .top {
    flex-direction: column;
    margin-bottom: 0;
  }

  .vidWithBlueBG h2,
  .vidWithBlueBG .rteCopy {
    flex: 0 0 auto;
    transform: translate(0px, 0px);
  }

  .vidWithBlueBG h2 {
    max-width: 340px;
    font-size: 32px;
    line-height: 36px;
  }
}

@media screen and (max-width:767px) {
  .vidWithBlueBG {
    margin-bottom: 140px;
  }

  .vidWithBlueBG .contentWrap {
    margin-bottom: -50px;
  }
}

@media screen and (max-width:500px) {
  .vidWithBlueBG .playBtnWrap {
    margin-bottom: 0;
  }

  .vidWithBlueBG .playBtnWrap > div > div {
    display: none;
  }
}

/* ----------------------------------------------------
		End Video with Blue Background
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Image Left and Right with Body Copy Below
------------------------------------------------------- */

.imageRLwithCopy {
  max-width: 1180px;
}

.imageRLwithCopy .section {
  display: flex;
  justify-content: space-between;
}

.imageRLwithCopy .top .left {
  flex: 0 0 485px;
  padding-right: 50px;
}

.imageRLwithCopy .top .right {
  flex: 0 1 545px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.imageRLwithCopy .top h2 {
  font-size: 48px;
  line-height: 48px;
}

.imageRLwithCopy .top .right h2 {
  display: none;
  margin-bottom: 22px;
}

.imageRLwithCopy .top .right img {
  padding-right: 20px;
}

.imageRLwithCopy .top .right .gradWrap {
  position: absolute;
  bottom: -30px;
  right: 0;
}

.imageRLwithCopy .top .right .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(103deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.imageRLwithCopy .top .right .gradElement {
  margin: 0 10px 10px 0;
  padding: 25px 30px 25px 45px;
  background-color: #FFF;
  border-top-left-radius: 25px;
}

.imageRLwithCopy .top .right .gradElement li {
  padding-bottom: 0;
}

.imageRLwithCopy .bottom .left {
  flex: 0 1 500px;
}

.imageRLwithCopy .bottom .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(129deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.imageRLwithCopy .bottom .gradElement {
  margin: 0 20px 20px 0;
}

.imageRLwithCopy .bottom .gradElement img {
  border-top-left-radius: 75px;
}

.imageRLwithCopy .bottom .right {
  flex: 0 1 485px;
  padding-left: 50px;
}


@media screen and (max-width:1360px) {
  .imageRLwithCopy h2 {
    transform: translate(0, -16px);
  }
}

@media screen and (max-width:970px) {
  .imageRLwithCopy .top,
  .imageRLwithCopy .bottom {
    flex-direction: column;
  }

  .imageRLwithCopy .top > *,
  .imageRLwithCopy .bottom > * {
    flex: 0 0 auto !important;
    flex-direction: column;
  }

  .imageRLwithCopy .top {
    flex-direction: column-reverse;
  }

  .imageRLwithCopy .top .left {
    padding-right: 0;
  }

  .imageRLwithCopy .top .left h2 {
    display: none;
  }

  .imageRLwithCopy .top .right {
    margin-bottom: 60px;
  }

  .imageRLwithCopy .top .right h2 {
    display: block;
  }

  .imageRLwithCopy .top .right img {
    margin-right: 25px;
    padding-right: 0;
  }

  .imageRLwithCopy .bottom .left {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 30px;
  }

  .imageRLwithCopy .bottom .gradWrap {
    margin: 0 auto;
  }

  .imageRLwithCopy .bottom .gradElement {
    margin: 0 10px 10px 0;
  }

  .imageRLwithCopy .bottom .right {
    margin-bottom: 45px;
    padding-left: 0;
  }
}

@media screen and (max-width:450px) {
  .imageRLwithCopy .top .right img {
    padding-right: 0;
    margin-bottom: 15px;
  }

  .imageRLwithCopy .top .right .gradElement {
    padding-right: 20px;
  }
}

@media screen and (max-width:350px) {
  .imageRLwithCopy .top .right img {
    margin-right: 0;
  }

  .imageRLwithCopy .top .right .gradWrap {
    position: relative;
    bottom: 0;
  }
}


/* ----------------------------------------------------
		End Image Left and Right with Body Copy Below
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Horizontal Blue Circle Check Text Callouts
------------------------------------------------------- */

.blueCheckCallouts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.blueCheckCallouts .item {
  flex: 0 1 20%;
  margin-bottom: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #454D58;
}

.blueCheckCallouts a.item:hover {
  color: #0078C8;
}

.blueCheckCallouts img {
  margin: 0 auto 30px auto;
}

@media screen and (max-width:799px) {
  .blueCheckCallouts .item {
    flex: 0 1 48%;
  }
}

@media screen and (max-width:600px) {
  .blueCheckCallouts .item {
    flex: 0 0 100%;
  }
}

/* ----------------------------------------------------
		End Horizontal Blue Circle Check Text Callouts
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Image Left Checkbox List Right
------------------------------------------------------- */

.imageLeftCheckWrap {
  margin-bottom: 100px;
  padding: 80px 0;
  background-color: #FFF5E2;
}

.imageLeftCheckWrap .content {
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.imageLeftCheckWrap .left {
  flex: 0 0 620px;
}

.imageLeftCheckWrap .left img {
  border-top-right-radius: 75px;
}

.imageLeftCheckWrap .right {
  flex: 0 1 400px;
  padding-left: 60px;
}

.imageLeftCheckWrap .left .gradElement {
  margin: 0 0 20px 20px;
}

.imageLeftCheckWrap h3 {
  font-weight: 700;
}

.imageLeftCheckWrap h3 span {
  color: #0078C8;
}

@media screen and (max-width:1120px) {
  .imageLeftCheckWrap .left {
    flex: 0 0 500px;
  }
}

@media screen and (max-width:970px) {
  .imageLeftCheckWrap .content {
    flex-direction: column;
  }

  .imageLeftCheckWrap .left,
  .imageLeftCheckWrap .right {
    flex: 0 0 100%;
  }

  .imageLeftCheckWrap .left {
    margin-bottom: 30px;
    padding-left: 0;
  }
}

@media screen and (max-width:767px) {
  .imageLeftCheckWrap {
    margin-bottom: 50px;
  }
}

/* ----------------------------------------------------
		End Image Left Checkbox List Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Leadership Team List
------------------------------------------------------- */

.leadershipList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.leadershipList .top {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.leadershipList .member:nth-child(1),
.leadershipList .member:nth-child(2),
.leadershipList .member:nth-child(3) {
  width: 33%;
  display: flex;
  justify-content: center;
}

.leadershipList .member:nth-child(1) {
  justify-content: flex-end;
}

.leadershipList .member:nth-child(3) {
  justify-content: flex-start;
}

.leadershipList .member {
  display: flex;
  margin-bottom: 90px !important;
}

.leadershipList .member > div {
  width: 275px;
}

.leadershipList img {
  margin-bottom: 25px;
}

.leadershipList .name {
  font-size: 24px;
  color: #0078C8;
  font-weight: 700;
}

.leadershipList .title {
  line-height: 24px;
  color: #454D58;
}

@media screen and (max-width:1330px) {
  .leadershipList .member {
    flex: 0 0 33%;
    justify-content: center !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

@media screen and (max-width:985px) {
  .leadershipList .member {
    flex: 0 0 48%;
  }
}

@media screen and (max-width:700px) {
  .leadershipList {
    justify-content: space-between;
  }

  .leadershipList .member {
    margin-bottom: 50px !important;
  }

  .leadershipList .member img,
  .leadershipList .member > div {
    width: 100%;
  }

  .leadershipList .name {
    font-size: 22px;
  }
}

@media screen and (max-width:550px) {
  .leadershipList .member {
    flex: 0 0 100%;
  }

  .leadershipList .member > div {
    max-width: 275px;
  }
}

/* ----------------------------------------------------
		End Leadership Team List
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Leadership Team Member Page
------------------------------------------------------- */

.teamMemberWrap {
  display: flex;
}

.teamMemberWrap .left {
  flex: 0 0 56%;
  display: flex;
  flex-direction: row-reverse;
  padding: 50px 0;
}

.teamMemberWrap .leftContent {
  width: 100%;
  max-width: 640px;
  padding: 0 18% 0 25px;
  padding-right: 18%;
}

.teamMemberWrap h1 {
  text-align: left;
}

.teamMemberWrap .title {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 23px;
}

.teamMemberWrap .left .gradWrap {
  display: none;
  margin-bottom: 30px;
}

.teamMemberWrap .linkedInIcon {
  display: inline-block;
  margin-bottom: 23px;
}

.teamMemberWrap .left .rteCopy {
  margin-top: 25px;
}

.teamMemberWrap .left .contact {
  margin-bottom: 15px;
}

.teamMemberWrap .right {
  flex: 0 0 44%;
  background-color: #E5F7FF;
  padding-top: 123px;
}

.teamMemberWrap .rightContent {
  width: 100%;
  max-width: 510px;
}

.teamMemberWrap .right .gradWrap {
  transform: translate(-10%, 0);
}

.teamMemberWrap .grad {
  width: 68%;
  height: 68%;
  left: auto;
  right: 0;
  background: transparent linear-gradient(129deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.teamMemberWrap .gradElement {
  margin: 0 20px 20px 0;
}

.teamMemberWrap .gradElement img {
  border-top-left-radius: 75px;
}

@media screen and (max-width:960px) {
  .teamMemberWrap .right {
    display: none;
  }

  .teamMemberWrap .left {
    flex: 0 0 100%;
  }

  .teamMemberWrap .leftContent {
    max-width: 100%;
    padding-right: 25px;
  }

  .teamMemberWrap .left .gradWrap {
    display: flex;
    max-width: 510px;
    margin: 0 auto 50px auto;
  }
}

/* ----------------------------------------------------
		End Leadership Team Member Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start News List
------------------------------------------------------- */

.newsList {
  max-width: 1270px;
  padding: 0 25px;
  margin-bottom: 110px;
}

.newsList .newsItems {
}

.newsList .newsItems a {
  display: flex;
  align-items: center;
  height: 110px;
  position: relative;
  padding-right: 55px;
  border-top: 1px solid #A0D5EC;
}

.newsList .date {
  flex: 0 1 200px;
  color: #454D58;
}

.newsList .title {
  font-weight: 700;
  font-size: 22px;
}

.newsList .newsItems a .roundBtn {
  position: absolute;
  right: 0;
}

.newsList .prevNextPaging {
  padding-top: 40px;
  border-top: 1px solid #A0D5EC;
}

@media screen and (max-width:767px) {
  .newsList {
    margin-bottom: 50px;
  }
}

@media screen and (max-width:675px) {
  .newsList .newsItems a {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center;
  }

  .newsList .date {
    flex-basis: auto;
  }

  .newsList .title {
    margin-bottom: 7px;
  }
}

/* ----------------------------------------------------
		End News List
------------------------------------------------------- */

/* ----------------------------------------------------
		Start News Item
------------------------------------------------------- */

.newsBodyWrap {
  position: relative;
  max-width: 1410px;
  padding: 0 25px;
}

.newsBodyWrap .newsItemBody {
  max-width: 770px;
  margin-bottom: 80px;
}

.newsBodyWrap .section,
.newsBodyWrap .date {
  text-align: center;
}

.newsBodyWrap .section {
  margin-bottom: 20px;
  font-weight: 700;
}

.newsBodyWrap h1 {
  font-size: 44px;
  margin-bottom: 10px;
}

.newsBodyWrap .date {
  margin-bottom: 30px;
}

.newsBodyWrap .subHead {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
}

.newsBodyWrap .bodyCopy {
  margin-top: 50px;
}

.newsBodyWrap .shareLinkList {
  position: absolute;
  top: 0;
  left: 25px;
}

@media screen and (max-width:900px) {
  .newsBodyWrap .shareLinkList {
    position: relative;
    left: 0;
  }
}

/* ----------------------------------------------------
		End News Item
------------------------------------------------------- */

/* ----------------------------------------------------
		Start More News List
------------------------------------------------------- */

.moreNewsListWrap {
  margin-bottom: 50px;
}

.moreNewsListWrap .top {
  display: flex;
  justify-content: space-between;
}

.moreNewsListWrap .top a {
  margin-top: 26px;
}

.moreNewsListWrap h2 {
  width: auto;
  margin: 0 0 28px 0;
}

.moreNewsListWrap .btm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.moreNewsListWrap .mobileMoreLink {
  display: none;
}

.moreNewsListWrap .item {
  flex: 0 1 20%;
  margin-bottom: 30px;
  padding-top: 15px;
  color: #454D58;
  line-height: 26px;
  border-top: 4px solid #0078C8;
}

.moreNewsListWrap .item > * {
  margin-bottom: 15px;
}

.moreNewsListWrap .date {
  text-align: left;
  color: #0078C8;
  font-weight: 700;
}

.moreNewsListWrap .title {
  font-weight: 700;
  font-size: 20px;
}

@media screen and (max-width:1200px) {
  .moreNewsListWrap .item {
    flex-basis: 48%;
  }
}

@media screen and (max-width:900px) {
  .newsBodyWrap .shareLinkList {
    margin-top: 15px;
  }
}

@media screen and (max-width:767px) {
  .moreNewsListWrap .item {
    flex-basis: 100%;
  }

  .moreNewsListWrap .top a {
    display: none;
  }

  .moreNewsListWrap .mobileMoreLink {
    display: block;
  }
}

/* ----------------------------------------------------
		End More News List
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Blue Horizontal Stats
------------------------------------------------------- */

.blueHStats {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.blueHStats .item {
  flex: 0 0 20%;
  margin-bottom: 60px;
  text-align: center;
}

.blueHStats .content {
  max-width: 260px;
}

.blueHStats .stat {
  margin-bottom: 5px;
  font-weight: 100;
  font-size: 70px;
  line-height: 60px;
  color: #0078C8;
}

@media screen and (max-width:1023px) {
  .blueHStats .item {
    flex-basis: 48%;
    display: flex;
    justify-content: center;
  }
}

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

  .blueHStats {
    margin-bottom: 0;
  }

  .blueHStats .item {
    flex-basis: 100%;
    margin-bottom: 50px;
  }
}

/* ----------------------------------------------------
		End Blue Horizontal Stats
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Image Slider Left or Right
------------------------------------------------------- */

.imageSliderLR {
  display: flex;
  align-items: center;
  max-width: 1315px !important;
}

.imageSliderLR .mobileHeader {
  display: none;
}

.imageSliderLR.flip {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.imageSliderLR.noCaps .caption {
  display: none;
}

.imageSliderLR.noSliderBtns .roundBtn {
  display: none;
}

.imageSliderLR.noSliderBtnsOrCaps .swiperBtns {
  display: none;
}

.imageSliderLR .left {
  flex: 0 0 620px;
}

.imageSliderLR .left .gradWrap {
  max-width: 620px;
}

.imageSliderLR .grad {
  top: 0;
  bottom: auto;
}

.imageSliderLR.flip .grad {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  background: transparent linear-gradient(131deg, #55BEE600 0%, #55BEE6E6 100%) 0% 0% no-repeat;
}

.imageSliderLR .gradElement {
  margin: 20px 0 0 20px;
}

.imageSliderLR.flip .gradElement {
  margin: 0 20px 20px 0;
}

.imageSliderLR .swiper-slide {
  width: 100% !important;
}

.imageSliderLR .swiperBtns {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding-left: 20px;
  position: relative;
  bottom: 0px;
  left: 0;
}

.imageSliderLR.flip .swiperBtns {
  padding-left: 0px;
}

.imageSliderLR.noSlider .swiperBtns {
  display: none;
}

.imageSliderLR .swiperBtns > div {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0;
}

.imageSliderLR .swiperBtns .swiper-button-prev {
  margin-right: 10px;
}

.imageSliderLR .swiperBtns .swiper-button-next {
  margin-right: 15px;
}

.imageSliderLR .caption {
  min-height: 30px;
  margin-top: 25px;
}

.imageSliderLR .left img {
  border-bottom-right-radius: 110px;
}

.imageSliderLR.flip .left img {
  border-top-left-radius: 110px;
  border-bottom-right-radius: 0;
}

.imageSliderLR .right {
  flex: 0 0 535px;
  padding: 0 0 0 120px;
}

.imageSliderLR.flip .right {
  padding: 0 120px 0 0;
}

.imageSliderLR h2 {
  font-size: 48px;
  line-height: 54px;
  white-space: pre-line
}

.imageSliderLR .rteCopy ul {
  padding-left: 8px;
}

.imageSliderLR .linkList {
  margin-bottom: 30px;
}

@media screen and (max-width:1200px) {
  .imageSliderLR .left {
    flex: 0 1 auto;
    width: 60%;
  }
}

@media screen and (max-width:900px) {
  .imageSliderLR {
    flex-direction: column !important;
  }

  .imageSliderLR .mobileHeader {
    display: block;
  }

  .imageSliderLR .left {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 30px auto;
  }

  .imageSliderLR .right {
    flex-basis: auto;
    padding: 0 !important;
  }

  .imageSliderLR .right .headerText {
    display: none;
  }
}

/* ----------------------------------------------------
		End Image Slider Left or Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Core Values Callout
------------------------------------------------------- */

.coreValuesWrap {
  padding: 110px 25px 100px 25px;
  background-color: #E5F7FF;
}

.coreValuesWrap .content {
  max-width: 1100px;
}

.coreValuesWrap .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.coreValuesWrap .top .gradWrap {
  flex: 0 0 364px;
  padding-right: 64px;
}

.coreValuesWrap .top .gradWrap img {
  border-bottom-right-radius: 75px;
}

.coreValuesWrap .top .grad {
  width: 56%;
  height: 72%;
  bottom: auto;
  top: 0;
  background: transparent linear-gradient(309deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.coreValuesWrap .top .gradElement {
  margin: 10px 0 0 10px;
}

.coreValuesWrap .quoteMark {
  margin-bottom: 35px;
}

.coreValuesWrap .quote {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 34px;
}

.coreValuesWrap .name {
  font-size: 17px;
  font-weight: 900;
}

.coreValuesWrap .top .title {
  font-size: 17px;
}

.coreValuesWrap .btm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.coreValuesWrap .btm h2 {
  margin: 0 0 0 0;
  color: #0078C8;
  font-size: 80px;
  line-height: 70px;
  font-weight: 100;
  transform: translate(-116px, 0px);
}

.coreValuesWrap .btm > * {
  flex: 0 0 31%;
  margin-bottom: 52px;
}

.coreValuesWrap .btm .grad {
  width: 96%;
  height: 96%;
  left: auto;
  right: 0;
  background: transparent linear-gradient(123deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.coreValuesWrap .btm .headerText {
  margin-bottom: 20px;
  color: #0078C8;
  font-size: 26px;
  line-height: 32px;
}

.coreValuesWrap .btm .copy ul li {
  list-style-type: none;
  padding-left: 28px;
  background: url(../images/li_dot.jpg) 0 10px no-repeat;
}

.coreValuesWrap .btm .gradElement {
  margin: 0 10px 10px 0;
  padding: 25px 30px 65px 30px;
  background-color: #FFF;
  border-top-left-radius: 40px;
}

@media all and (max-width: 1385px) {
  .coreValuesWrap .btm h2 {
    transform: translate(0px, 0px);
  }
}

@media all and (max-width: 1160px) {
  .coreValuesWrap .btm h2 {
    flex: 0 0 100%;
    margin: 0 0 50px 0;
  }

  .coreValuesWrap .btm h2 {
    max-width: 345px;
  }

  .coreValuesWrap .btm > * {
    flex: 0 0 45%;
  }
}

@media all and (max-width: 799px) {
  .coreValuesWrap {
    padding: 50px 25px 50px 25px;
  }

  .coreValuesWrap .top {
    margin-bottom: 50px;
    flex-direction: column;
  }

  .coreValuesWrap .top .gradWrap {
    flex-basis: auto;
    max-width: 364px;
    margin: 0 auto 35px auto;
    padding-right: 0;
  }

  .coreValuesWrap .btm > * {
    flex: 0 0 100%;
    margin-bottom: 35px;
  }

  .coreValuesWrap .btm h2 {
    font-size: 55px !important;
    line-height: 55px !important;
  }

  .coreValuesWrap .btm .gradElement {
    padding: 25px 30px 35px 30px;
  }
}

/* ----------------------------------------------------
		End Core Values Callout
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Header Text Body Copy Left Image Right
------------------------------------------------------- */

.headerBodyLeftImgRight {
  max-width: 1140px;
  margin-bottom: 110px;
}

.headerBodyLeftImgRight .content {
  display: flex;
  justify-content: space-between;
}

.headerBodyLeftImgRight .left {
  padding-right: 120px;
}

.headerBodyLeftImgRight .right {
  flex: 0 0 620px;
}

.headerBodyLeftImgRight h2 {
  font-size: 48px;
  line-height: 48px;
  max-width: 460px;
  margin: 0 0 60px 0;
}

.headerBodyLeftImgRight .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(129deg, #55BEE600 0%, #55BEE6E6 100%) 0% 0% no-repeat;
}

.headerBodyLeftImgRight .gradElement {
  margin: 0 20px 20px 0;
}

.headerBodyLeftImgRight .gradElement img {
  border-bottom-left-radius: 75px;
}

@media screen and (max-width:1200px) {
  .headerBodyLeftImgRight h2 {
    transform: translate(0px, -16px);
  }

  .headerBodyLeftImgRight .right {
    flex: 0 0 450px;
  }
}

@media screen and (max-width:980px) {
  .headerBodyLeftImgRight .right {
    flex: 0 0 375px;
  }
}

@media screen and (max-width:900px) {
  .headerBodyLeftImgRight .content {
    flex-direction: column;
  }

  .headerBodyLeftImgRight .left {
    padding-right: 0;
    margin-bottom: 35px;
  }

  .headerBodyLeftImgRight .right {
    flex: 0 0 auto;
    max-width: 620px;
    margin: 0 auto;
  }
}

@media screen and (max-width:767px) {
  .headerBodyLeftImgRight {
    margin-bottom: 50px;
  }
}

/* ----------------------------------------------------
		End Header Text Body Copy Left Image Right
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Sitewide Image
------------------------------------------------------- */

.siteWideImage img {
  width: 100%;
}

/* ----------------------------------------------------
		End Sitewide Image
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Open Positions List
------------------------------------------------------- */

.openPositionsWrap {
  display: flex;
  justify-content: space-between;
  max-width: 1238px;
}

.openPositionsWrap h2 {
  max-width: 200px;
  margin: 0 0 28px 0;
}

.openPositionsWrap .right {
  flex: 0 0 800px;
  padding-top: 25px;
}

.openPositionsWrap .noPositionsMsg {
  text-align: center;
}

.openPositionsWrap .item {
  border-top: 1px solid #A0D5EC;
}

.openPositionsWrap .item:last-child {
  border-bottom: 1px solid #A0D5EC;
}

.openPositionsWrap a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0px;
  color: #0078C8;
  font-size: 22px;
  font-weight: 700;
}

.openPositionsWrap a > div {
  width: 50px;
  height: 50px;
  display: flex;
  flex: 0 0 50px;
  margin-left: 15px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #E5F7FF;
  transition: background-color .3s ease-in-out;
}

.openPositionsWrap a > div::before {
  content: "";
  position: absolute;
  z-index: 10;
  width: 8px;
  height: 8px;
  border: solid #0078C8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg) translate(-2px, -2px);
  -webkit-transform: rotate(-45deg) translate(-2px, -2px);
  transition: border-color .3s ease-in-out;
}

.openPositionsWrap a:hover > div {
  background-color: #0078C8;
}

.openPositionsWrap a:hover > div::before {
  border-color: #FFF;
}

@media screen and (max-width:1260px) {
  .openPositionsWrap h2 {
    transform: translate(0, -16px);
  }
}

@media screen and (max-width:1085px) {
  .openPositionsWrap {
    flex-direction: column;
  }

  .openPositionsWrap .left,
  .openPositionsWrap .right {
    flex-basis: auto;
    padding-top: 0;
  }
}

/* ----------------------------------------------------
		End Open Positions List
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Career Position
------------------------------------------------------- */

.careerPosition {
  padding-top: 50px;
  padding-bottom: 0;
}

.careerPosition .breadcrumb {
  margin-bottom: 10px;
}

.careerPosition h1,
.careerPosition h3 {
  text-align: left;
}

.careerPosition h1 {
  margin-bottom: 20px;
  font-size: 58px;
  line-height: 60px;
}

.careerPosition .topApplyBtn {
  margin-bottom: 35px;
}

.careerPosition .info {
  margin-top: 60px;
  padding-top: 35px;
  border-top: 1px solid #DFE1E2;
}

.careerPosition .info > div {
  margin-bottom: 50px;
}

.careerPosition .info > div:last-child {
  margin-bottom: 0;
}

.careerPosition .info .headerText {
  margin-bottom: 23px;
  font-size: 20px;
  line-height: 34px;
}

@media screen and (max-width:767px) {
  .careerPosition h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .careerPosition .info {
    margin-top: 30px;
    padding-top: 20px;
  }

  .careerPosition .info > div {
    margin-bottom: 30px;
  }
}


/* ----------------------------------------------------
		End Career Position
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Zurich Payment Panel
------------------------------------------------------- */

.rteZurichPayPanel {
  margin-bottom: 50px;
}

.rteZurichPayPanel .grad {
  width: 44%;
  height: 44%;
  left: auto;
  right: 0;
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.rteZurichPayPanel .gradElement {
  display: flex;
  justify-content: space-between;
  margin: 0 20px 20px 0;
  padding: 25px 30px 35px 30px;
  background-color: #FFF5E2;
}

.rteZurichPayPanel .left {
  text-align: center;
  padding-right: 27px;
  border-right: 1px solid #57C3B5;
}

.rteZurichPayPanel .guestWrap,
.rteZurichPayPanel .phoneWrap {
  margin-bottom: 19px;
}

.rteZurichPayPanel .phoneWrap a {
  font-weight: 700;
}

.contrastOn .rteZurichPayPanel .phoneWrap a {
  color: #003161 !important;
}

.rteZurichPayPanel .guestWrap .rteCopy {
  font-size: 15px;
  margin: 15px 0 19px 0;
}

.rteZurichPayPanel .headerText {
  margin-bottom: 11px;
  color: #003161;
  font-size: 20px;
  line-height: 34px;
  font-weight: 700;
}

.rteZurichPayPanel .mailWrap {
  font-size: 17px;
}

.rteZurichPayPanel .right {
  flex: 0 0 255px;
  padding-left: 24px;
  font-size: 17px;
}

.rteZurichPayPanel .right ul {
  margin-bottom: 0;
}

.rteZurichPayPanel .right ul li {
  text-indent: 0;
  background: none;
  padding-left: 0px;
}

.rteZurichPayPanel .right ul li a {
  font-weight: 700;
}

.rteZurichPayPanel .right li span {
  display: block;
  padding-left: 15px;
  font-size: 15px;
  color: #767C7F;
}

.contrastOn .rteZurichPayPanel .right li span {
  color: #454D58 !important;
  font-size: 17px;
}

#PaymentModal iframe {
  width: 100%;
  /*Adding this to remove scrolling from iFrame, hopefully this won't
        mess with the responsive design.
    */
  height: 250px;
}

@media all and (max-width: 767px) {
  .rteZurichPayPanel .gradElement {
    flex-direction: column;
    padding: 25px 15px 35px 15px;
    margin: 0 10px 10px 0;
  }

  .rteZurichPayPanel .left {
    border-right: none;
    border-bottom: 1px solid #57C3B5;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .rteZurichPayPanel .right {
    flex-basis: auto;
  }
}

/* ----------------------------------------------------
		End Zurich Payment Panel
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Single Payment Panel
------------------------------------------------------- */

.rteSingleColumnPayPanel {
  margin-bottom: 50px;
}

.rteSingleColumnPayPanel .grad {
  width: 44%;
  height: 44%;
  left: auto;
  right: 0;
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.rteSingleColumnPayPanel .gradElement {
  margin: 0 20px 20px 0;
  padding: 30px 30px 35px 30px;
  text-align: center;
  background-color: #FFF5E2;
}

.rteSingleColumnPayPanel .gradElement > div:nth-child(1) {
  margin-bottom: 25px;
}

.rteSingleColumnPayPanel .gradElement > div {
  margin-bottom: 15px;
}

.rteSingleColumnPayPanel .gradElement > div:last-child {
  margin-bottom: 0;
}

.rteSingleColumnPayPanel .headerText {
  margin-bottom: 11px;
  color: #003161;
  font-size: 20px;
  line-height: 34px;
  font-weight: 700;
}

.rteSingleColumnPayPanel .copy {
  font-weight: 700;
}

.contrastOn .rteSingleColumnPayPanel .copy a {
  color: #003161 !important;
  font-size: 18px;
}

@media all and (max-width: 767px) {
  .rteSingleColumnPayPanel .gradElement {
    margin: 0 10px 10px 0;
  }
}

/* ----------------------------------------------------
		End Single Payment Panel
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Get A Quote Page
------------------------------------------------------- */

.getAQuotePage .textImgLeftHeader {
  margin-bottom: 0 !important;
}

/* ----------------------------------------------------
		End Get A Quote Page
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Contact Us Header
------------------------------------------------------- */

.contactHeader {
  padding: 55px 0 75px 0;
  background-color: #E5F7FF;
}

.contactHeader .sitewidth {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.contactHeader .left {
  display: flex;
  justify-content: space-between;
  flex: 1;
  flex-wrap: wrap;
  padding-right: 40px;
}

.contactHeader .left h1 {
  margin-bottom: 25px;
  flex: 0 0 100%;
  font-size: 58px;
  text-align: left;
}

.contactHeader .left > div {
  flex: 0 1 48%;
}

.contactHeader .title {
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 34px;
  color: #003161;
}

.contactHeader .phone {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 34px;
  color: #0078C8;
}

.contactHeader .times {
  margin-bottom: 25px;
}

.contactHeader .right {
  flex: 0 0 570px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.contactHeader .right a {
  color: #454D58;
  transition: color .3s ease-in-out;
}

.contactHeader .right a:hover {
  color: #0078C8;
}

.contactHeader .right img {
  margin: 0 30px 30px 0;
  border-top-right-radius: 75px;
}

.contactHeader .headerVideoWrap {
  width: 100%;
  margin: 0 30px 30px 0;
  position: relative;
  padding-bottom: 82.5%;
}

.contactHeader .headerVideoWrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  object-fit: cover;
  border-top-right-radius: 75px;
}

.contactHeader .gradWrap {
  width: 80%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.contactHeader .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(103deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.contactHeader .gradElement {
  margin: 0 10px 10px 0;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  background-color: #FFF;
}

.contactHeader .gradElement > div {
  flex: 0 1 49%;
}

.contactGrad {
  margin-bottom: 110px;
  max-width: 560px;
}

.contactGrad .contactForm {
  margin-bottom: 0;
}

.contactGrad .grad {
  width: 58%;
  height: 19%;
  left: auto;
  right: 0;
  background: transparent linear-gradient(111deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.contactGrad .gradElement {
  margin: 0 10px 10px 0;
}

@media screen and (max-width:1200px) {
  .contactHeader .right {
    flex: 0 0 450px;
  }
}

@media screen and (max-width:1100px) {
  .contactHeader .sitewidth {
    flex-direction: column;
  }

  .contactHeader .left {
    margin-bottom: 30px;
    padding-right: 0;
  }
}

@media screen and (max-width:700px) {
  .contactHeader .right {
    flex-direction: column;
  }

  .contactHeader .gradWrap {
    width: 100%;
    position: relative;
  }

  .contactHeader .right img {
    margin-right: 0;
  }

  .formWrap h3 {
    font-size: 24px;
  }
}

@media screen and (max-width:650px) {
  .contactHeader .sitewidth {
    align-items: flex-start;
  }

  .contactHeader .left {
    flex-direction: column;
  }

  .contactHeader .left > div {
    flex-basis: auto;
  }

  .contactHeader .left .copyLeft {
    margin-bottom: 30px;
  }

  .contactGrad {
    margin: 0 15px 50px 25px;
  }
}

/* ----------------------------------------------------
		End Contact Us Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start 404 Page
------------------------------------------------------- */

.page404 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #e5f8ff;
}

.page404 .content {
  max-width: 1430px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.page404 .left {
  position: absolute;
  max-width: 830px;
  left: 0;
  margin-top: -80px;
  padding-left: 25px;
}

.page404 .right {
}

.page404 h1 {
  font-size: 58px;
  line-height: 60px;
  text-align: left;
}

.page404 .btns {
  margin-top: 35px;
}

.page404 .btns .btn {
  margin-right: 10px;
}

@media screen and (max-width:1275px) {
  .page404 .left {
    max-width: 630px;
    top: 10%;
    margin-top: 0;
  }
}

@media screen and (max-width:1075px) {
  .page404 .content {
    flex-direction: column;
  }

  .page404 .left {
    max-width: 830px;
    position: relative;
    top: 0;
    padding-left: 0;
    margin-bottom: 30px;
  }
}

@media screen and (max-width:767px) {
  .page404 h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

/* ----------------------------------------------------
		End 404 Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Home Page Hero
------------------------------------------------------- */

.homeHero {
  padding: 140px 25px 20px 25px;
  position: relative;
  overflow: hidden;
}

.homeHero .heroVid {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.homeHero .heroVid1 {
  opacity: 1;
  z-index: 10;
}

.homeHero .gradBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8673844537815126) 30%, rgba(255,255,255,0.027048319327731107) 100%);
}

.homeHero .content {
  max-width: 1370px;
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.homeHero .mobileTabs {
  display: none !important;
  margin-bottom: 50px;
}

.homeHero .top {
  margin-bottom: 55px;
  position: relative;
}

.homeHero .homeHeroCopy {
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}

.homeHero .homeHeroCopy:nth-child(1) {
  display: block;
}

.homeHero .homeHeroCopy:nth-child(1) {
  opacity: 1;
}

.homeHero .homeHeroCopy > * {
  max-width: 570px;
}

.homeHero .homeHeroCopy .headerText {
  opacity: 0;
  transform: translate(0px, 10px);
}

.homeHero .homeHeroCopy:nth-child(1) .headerText {
  opacity: 1;
  transform: translate(0px, 0);
}

.homeHero .homeHeroCopy .copy {
  opacity: 0;
}

.homeHero .homeHeroCopy:nth-child(1) .copy {
  opacity: 1;
}

.homeHero .homeHeroCopy .btns .btn {
  margin-right: 10px;
}

.homeHero .homeHeroCopy .headerText {
  margin-bottom: 12px;
  font-size: 54px;
  line-height: 60px;
  color: #003161;
}

.homeHero .homeHeroCopy .rteCopy {
  margin-bottom: 45px;
}

.homeHero .btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.homeHero .tabs {
  display: flex;
  justify-content: space-between;
  flex: 0 1 56%;
  transition: flex-basis .2s linear;
  font-size: 17px;
}

.homeHero .tabs a {
  flex: 0 1 235px;
  margin-right: 30px;
  color: #003161;
}

.homeHero .tabs a:last-child {
  margin-right: 0;
}

.homeHero .tabs .progress {
  height: 3px;
  display: flex;
  margin-bottom: 13px;
  background-color: #FFE074;
}

.homeHero .tabs .progress .bar {
  width: 0%;
  background-color: #0078C8;
}

.homeHero .tabs .headerText {
  font-size: 20px;
  font-weight: 700;
  color: #0078C8;
}

.homeHero .calloutWrap .grad {
  width: 75%;
  height: 95%;
  background: transparent linear-gradient(252deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.homeHero .calloutWrap .gradElement {
  width: 515px;
  height: 140px;
  position: relative;
  background-color: #FFF;
  border-top-right-radius: 30px;
}

.homeHero .calloutWrap .gradElement .callout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
}

.homeHero .calloutWrap .gradElement .callout:nth-child(1) {
  opacity: 1;
}

.homeHero .calloutWrap .gradElement .callout .img {
  flex: 0 0 140px;
  position: relative;
}

.homeHero .calloutWrap .gradElement .callout .img img {
  width: 140px;
  max-width: 140px;
  height: 140px;
}

.homeHero .calloutWrap .gradElement .callout .imgWrap {
  width: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.homeHero .calloutWrap .gradElement .callout .imgWrap:nth-child(1) {
  width: 100%;
}

.homeHero .calloutWrap .gradElement .callout .copy {
  padding: 10px 0px 10px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  position: relative;
}

.homeHero .calloutWrap .copyWrap {
  position: absolute;
  opacity: 0;
  z-index: 1;
  visibility: hidden;
  padding-right: 15px;
  transform: translate(0px, 10px);
}

.homeHero .calloutWrap .copyWrap:nth-child(1) {
  opacity: 1;
  z-index: 10;
  visibility: visible;
  transform: translate(0px, 0px);
}

.homeHero .copyWrap .headerText {
  margin-bottom: 15px;
  color: #003161;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}

.homeHero .copyWrap a {
  color: #0078C8 !important;
  font-weight: 700;
  background-position: 0 5px;
}


@media screen and (max-width:1315px) {
  .homeHero .tabs {
    flex-basis: 50%;
  }
}

@media screen and (max-width:1165px) {
  .homeHero {
    padding-top: 50px;
  }

  .homeHero .btm {
    justify-content: flex-end;
  }

  .homeHero .tabs {
    display: none;
  }

  .homeHero .mobileTabs {
    display: flex !important;
  }
}

@media screen and (max-width:767px) {
  .homeHero .tabs {
    margin-bottom: 25px;
  }

  .homeHero .top {
    margin-bottom: 20px;
    transition: height .2s;
  }

  .homeHero .tabs .headerText {
    font-size: 15px;
    line-height: 22px;
  }

  .homeHero .homeHeroCopy .headerText {
    margin-bottom: 8px;
    font-size: 36px;
    line-height: 40px;
  }

  .homeHero .homeHeroCopy .btns .btn {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .homeHero .btm {
    justify-content: flex-start;
  }

  .homeHero .btm .calloutWrap {
    flex: 1 1 auto;
  }

  .homeHero .calloutWrap .grad {
    display: none;
  }

  .homeHero .calloutWrap .gradElement {
    width: 100%;
    margin: 5px 0 0 5px;
    border-top-right-radius: 0;
    background-color: #FFF5E2;
  }

  .homeHero .calloutWrap .gradElement .callout .imgWrap {
    top: -5px;
    left: -5px;
  }

  .homeHero .calloutWrap .gradElement .callout .img {
    flex-basis: 85px;
  }

  .homeHero .calloutWrap .gradElement .callout .img img {
    width: 85px;
    height: 85px;
    border-bottom-right-radius: 25px;
  }

  .homeHero .calloutWrap .gradElement .callout .copy {
    padding-left: 20px;
  }

  .homeHero .copyWrap .headerText {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }
}

/* ----------------------------------------------------
		End Home Page Hero
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Helpful Links
------------------------------------------------------- */

.helpfulLinks {
  padding: 115px 25px 0 25px;
  background: transparent linear-gradient(111deg, #0078C8 0%, #259EEE 100%) 0% 0% no-repeat;
  margin-bottom: 125px;
}

.helpfulLinks .contentWrap {
  max-width: 1200px;
}

.helpfulLinks .content {
  display: flex;
  justify-content: space-between;
}

.helpfulLinks h2 {
  color: #FFF;
  font-size: 48px;
  line-height: 54px;
}

.helpfulLinks .left {
  flex: 0 1 400px;
}

.helpfulLinks .right {
  flex: 0 0 610px;
}

.helpfulLinks .tabDropdown {
  display: none;
  margin-bottom: 30px;
  overflow: hidden;
  font-weight: 700;
  color: #0078C8;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  background: #FFF url(/images/arrow_down_0078C8.png) 96% 19px no-repeat;
}

.helpfulLinks .tabDropdown .hide {
  display: none;
}

.helpfulLinks .tabDropdown .tabDropdownLabel {
  padding: 10px 25px 12px 25px;
  cursor: pointer;
}

.helpfulLinks .tabDropdown ul {
  height: 0px;
  padding-left: 25px;
}

.helpfulLinks .tabDropdown ul li {
  padding-bottom: 8px;
}

.helpfulLinks .tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.helpfulLinks .tabs a {
  font-size: 16px;
}

.contrastOn .helpfulLinks .tabs a,
.helpfulLinks .tabs a:hover,
.helpfulLinks .tabs a.current {
  color: #0078C8;
  background-color: #FFF;
  border-color: #FFF;
}

.helpfulLinks .links {
  position: relative;
  min-height: 300px;
}

.helpfulLinks .links ul {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.helpfulLinks .links ul:nth-child(1) {
  z-index: 10;
  opacity: 1;
}

.helpfulLinks .links ul li {
  margin-bottom: 20px;
  transition: padding .2s linear;
  overflow: hidden;
}

.helpfulLinks .links ul li span {
  display: block;
  transform: translate(0px, 55px);
  transition: transform .2s linear;
}

.helpfulLinks .links ul.linkList1 li span {
  transform: translate(0px, 0px);
}

.helpfulLinks .links ul li img {
  display: inline-block;
  margin: 0 8px 0 -17px;
  transition: margin .2s linear;
}

.helpfulLinks .links ul li:hover img {
  margin-left: 0;
}

.helpfulLinks .links a {
  padding-bottom: 2px;
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
}

@media all and (max-width: 1100px) {
  .helpfulLinks {
    padding-top: 50px;
  }

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

  .helpfulLinks h2 {
    max-width: 400px;
    margin: 0 0 15px 0;
  }

  .helpfulLinks .left,
  .helpfulLinks .right {
    flex-basis: auto;
  }

  .helpfulLinks .tabs {
    max-width: 630px;
  }

  .helpfulLinks .links {
    min-height: 250px;
  }
}

@media all and (max-width: 767px) {
  .helpfulLinks h2 {
    max-width: 310px;
    margin-bottom: 15px;
  }

  .helpfulLinks .tabs {
    display: none;
  }

  .helpfulLinks .links a {
    font-size: 16px;
    line-height: 24px;
  }

  .helpfulLinks .tabDropdown {
    display: block;
  }
}

/* ----------------------------------------------------
		End Helpful Links
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Side By Side Image Link Callout
------------------------------------------------------- */

.sideBySideImgLink {
  padding: 110px 25px 80px 25px;
  background-color: #E5F7FF;
}

.sideBySideImgLink .content {
  max-width: 1060px;
  display: flex;
  justify-content: space-between;
}

.sideBySideImgLink .content > div {
  flex: 0 1 510px;
  position: relative;
  margin-bottom: 30px;
  padding-right: 50px;
}

.sideBySideImgLink .content > div:nth-child(1) {
  margin-right: 40px;
}

.sideBySideImgLink .imgWrap img {
  border-top-right-radius: 75px;
}

.sideBySideImgLink .content .imgWrap {
  overflow: hidden;
}

.sideBySideImgLink .gradWrap {
  position: absolute;
  bottom: -30px;
  right: 0;
}

.sideBySideImgLink .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(103deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.sideBySideImgLink .gradElement {
  min-width: 255px;
  margin: 0 10px 10px 0;
  padding: 25px;
  background-color: #FFF;
}

.sideBySideImgLink .headerText {
  margin-bottom: 35px;
  font-size: 30px;
  line-height: 44px;
  color: #003161;
}

@media all and (max-width: 1023px) {
  .sideBySideImgLink {
    padding-bottom: 50px;
  }

  .sideBySideImgLink .content > div {
    padding-right: 0;
  }

  .sideBySideImgLink .gradWrap {
    width: 90%;
    position: relative;
    left: 5%;
    bottom: 0;
    margin-top: -50px;
  }
}

@media all and (max-width: 767px) {
  .sideBySideImgLink {
    padding-top: 50px;
  }

  .sideBySideImgLink .content {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sideBySideImgLink .content > div:nth-child(1) {
    margin-right: 0;
  }

  .sideBySideImgLink .content .imgWrap {
    aspect-ratio: 4 / 3;
  }

  .sideBySideImgLink .headerText {
    margin-bottom: 15px;
  }

  .sideBySideImgLink .gradWrap {
    height: auto !important;
  }
}

/* ----------------------------------------------------
		End Side By Side Image Link Callout
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Search Results Page Header
------------------------------------------------------- */

.searchResultsContent {
  margin: 40px 0 100px 0;
}

.searchResultsContent .sitewidth {
  padding: 0;
}

.searchResultsContent .tabContent3 {
  opacity: 0;
  display: none;
}

.searchResultsWrap {
  max-width: 1440px;
  min-height: 600px;
  padding: 0 25px;
}

.searchResultsWrap .header {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px 0;
}

.searchResultsWrap h1 {
  text-align: left;
  padding-right: 35px;
}

.searchResultsWrap .searchBoxWrap input {
  width: 250px;
  margin: 0;
}

.searchResultsWrap .tabs {
  margin-bottom: 1px;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}

.searchResultsWrap .tabs ul {
  display: flex;
  position: relative;
  top: 1px;
}

.searchResultsWrap .tabs ul li {
  padding: 0 30px 0 0;
}

.searchResultsWrap .tabs ul li a {
  display: block;
  padding-bottom: 7px;
  color: #454D58;
  background-image: linear-gradient(#0078C8,#0078C8);
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-position: 0 100%;
  transition: color 0.2s linear, background 0.2s linear;
}

.searchResultsWrap .tabs ul li.current a {
  color: #0078C8;
  background-size: 100% 2px;
}

.searchResultsWrap .searchPopularResources h2 {
  flex-basis: auto;
  margin-top: 0 !important;
  padding: 0;
  transform: translate(0px, 0px);
}

.searchResultsWrap .searchPopularResources h2.cornerBorder:before {
  display: none;
}

.searchResultsWrap .searchPopularResources .resourceListWrap {
  max-width: 100%;
}

.searchResultsWrap .searchPopularResources .resourceList {
  display: flex;
  grid-gap: 0;
  flex-wrap: wrap;
}

.searchResultsWrap .searchPopularResources .resourceListWrap .item {
  width: 17%;
  opacity: 0;
  margin-right: 51px;
}

.searchResultsWrap .searchPopularResources .resourceListWrap .item:last-child {
  margin-right: 0;
}

.searchResultsWrap .searchPopularResources.alignLeft .resourceList {
  justify-content: flex-start;
}

.searchResultsWrap .searchPopularResources.alignLeft .resourceList .item {
  margin-right: 30px;
}

.searchResultsWrap .searchPopularResources .summary {
  display: none;
}

@media screen and (max-width:1280px) {
  .searchResultsWrap .searchPopularResources .resourceList {
    justify-content: flex-start;
  }

  .searchResultsWrap .searchPopularResources .resourceListWrap .item {
    width: 21%;
    margin-right: 4%;
  }
}

@media screen and (max-width:1060px) {
  .searchResultsWrap .header {
    flex-direction: column-reverse;
  }

  .searchResultsWrap .searchBox {
    margin-bottom: 30px;
  }
}

@media screen and (max-width:1024px) {
  .searchResultsWrap .searchPopularResources .resourceListWrap .item {
    width: 29%;
  }
}

@media screen and (max-width:860px) {
  .searchResultsWrap .searchPopularResources .resourceList {
    justify-content: space-between !important;
  }

  .searchResultsWrap .searchPopularResources .resourceListWrap .item {
    width: 47%;
    margin-right: 0 !important;
  }

  .searchResultsWrap .searchPopularResources .resourceListWrap .item img {
    width: 100%;
  }
}

@media screen and (max-width:500px) {
  .searchResultsWrap .searchBox form {
    flex-direction: column;
    align-items: normal;
  }

  .searchResultsWrap .searchBox .searchBoxWrap {
    margin-bottom: 15px;
  }

  .searchResultsWrap .searchBox .btn {
    width: 100% !important;
  }
}

/* ----------------------------------------------------
		End Search Results Page Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Suggested Search
------------------------------------------------------- */

.suggestedSearch {
  display: flex;
  align-items: baseline;
  padding-top: 15px;
  color: #767C7F;
  font-size: 15px;
  line-height: 700;
  line-height: 18px;
  border-top: 1px solid #A0D5EC;
}

.suggestedSearch label {
  padding-right: 18px;
}

.suggestedSearch ul {
  display: flex;
  flex-wrap: wrap;
}

.suggestedSearch ul li {
  margin-bottom: 10px;
}

.suggestedSearch a {
  display: block;
  margin-right: 10px;
  padding: 7px 20px 8px 20px;
  color: #767C7F;
  border-radius: 18px;
  border: 1px solid #A0D5EC;
  transition: color .1s linear, background-color .1s linear, border .1s linear;
}

.suggestedSearch a:hover {
  color: #FFF;
  background-color: #0078C8;
  border: 1px solid #0078C8;
}

@media screen and (max-width:767px) {
  .suggestedSearch {
    flex-direction: column;
  }

  .suggestedSearch label {
    margin-bottom: 15px;
  }
}

/* ----------------------------------------------------
		End Suggested Search
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Search Page Listing
------------------------------------------------------- */

.searchPageList {
  max-width: 770px;
}

.searchPageList .item {
  opacity: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #A0D5EC;
}

.searchPageList .item .content {
}

.searchPageList .item .thumbnail {
  flex: 0 0 175px;
  margin-left: 25px;
}

.searchPageList .breadcrumb,
.searchPageList .breadcrumb a {
  color: #767C7F;
}

.searchPageList .breadcrumb {
  margin-bottom: 10px;
}

.searchPageList .breadcrumb li {
  padding-right: 5px;
}

.searchPageList h3 {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 26px;
}

.searchPageList h3 a {
  color: #454D58;
}

.searchPageList .item .rteCopy:last-child {
  margin-bottom: 0;
}

@media screen and (max-width:600px) {
  .searchPageList .item .thumbnail {
    display: none;
  }
}

/* ----------------------------------------------------
		End Search Page Listing
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Claim Page
------------------------------------------------------- */

@media screen and (max-width:475px) {
  .claimPage .btn {
    display: block;
    margin-bottom: 20px;
  }
}


/* ----------------------------------------------------
		End Claim Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Privacy Policy Page
------------------------------------------------------- */

.privacyPage .rteCopy td {
  padding-bottom: 20px;
}

.privacyPage .rteCopy td:nth-child(1) {
  width: 30%;
  padding-right: 5%;
}

.privacyPage .rteCopy td:nth-child(3) {
  width: 10%;
  text-align: right;
}

@media screen and (max-width:767px) {
  .privacyPage .mainBodyCopy {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ----------------------------------------------------
		End Privacy Policy Page
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Image Left Or Right With Text
------------------------------------------------------- */

.imageLR {
  max-width: 1220px !important;
}

.imageLR .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 75px;
  padding-left: 47px;
  padding-right: 70px;
}

.imageLR .top h2 {
  font-size: 48px;
  line-height: 48px;
  flex: 0 0 330px;
  margin: 0;
}

.imageLR .top .rteCopy {
  flex: 0 0 400px;
}

.imageLR .lrContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.imageLR .lrContent h3 {
  font-weight: 700;
}

.imageLR .lrContent.flip {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.imageLR .lrContent.alignTop {
  align-items: flex-start;
}

.imageLR .left {
  flex: 0 0 620px;
}

.imageLR .grad {
  top: 0;
  bottom: auto;
}

.imageLR .lrContent.flip .grad {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  background: transparent linear-gradient(131deg, #55BEE600 0%, #55BEE6E6 100%) 0% 0% no-repeat;
}

.imageLR .gradElement {
  margin: 20px 0 0 20px;
}

.imageLR .lrContent.flip .gradElement {
  margin: 0 20px 20px 0;
}

.imageLR .left img {
  border-bottom-right-radius: 110px;
}

.imageLR .lrContent.flip .left img {
  border-top-left-radius: 110px;
  border-bottom-right-radius: 0;
}

.imageLR .right {
  flex: 0 0 555px;
  padding: 0 0 0 65px;
}

.imageLR .lrContent.flip .right {
  padding: 0 120px 0 0;
}

.imageLR .lrContent .rteCopy {
  border-left: 2px solid #57C3B5;
}

.imageLR .rteCopy ul {
  padding-left: 8px;
}

@media screen and (max-width:1330px) {
  .imageLR .top {
    padding-left: 0;
  }

  .imageLR .top h2 {
    transform: translate(0, -16px);
  }
}

@media screen and (max-width:1250px) {
  .imageLR .left {
    flex: 0 1 auto;
    width: 60%;
  }
}

@media screen and (max-width:900px) {
  .imageLR .top {
    padding-right: 0;
  }

  .imageLR .lrContent {
    flex-direction: column-reverse !important;
  }

  .imageLR .left {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .imageLR .right {
    flex-basis: auto;
    padding: 0 !important;
  }
}

@media screen and (max-width:767px) {
  .imageLR .top {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .imageLR .top h2,
  .imageLR .top .rteCopy {
    flex-basis: auto;
  }
}

/* ----------------------------------------------------
		End Image Left Or Right With Text
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Large CA With Bullets
------------------------------------------------------- */

.largeCAWithBullets {
  margin-bottom: 40px;
}

.largeCAWithBullets .contentWrap {
  margin: 20px 20px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #FFF5E2;
}

.largeCAWithBullets .content {
  max-width: 975px;
  padding: 55px 0 48px 40px;
}

.largeCAWithBullets .lightBlue {
  color: #0078C8;
  font-size: 34px;
  line-height: 40px;
}

.largeCAWithBullets .darkBlue {
  color: #003161;
  font-size: 34px;
  line-height: 40px;
}

.largeCAWithBullets .checkMarkList {
  display: flex;
  justify-content: space-between;
  margin-top: 27px;
}

.largeCAWithBullets .checkMarkList li {
  width: 22%;
}

.largeCAWithBullets .mainImg {
  margin: -20px -20px 0 0;
  border-bottom-left-radius: 75px;
}

@media screen and (max-width:1215px) {
  .largeCAWithBullets .content {
    padding: 55px 20px 48px 20px;
  }

  .largeCAWithBullets .checkMarkList {
    flex-wrap: wrap;
  }

  .largeCAWithBullets .checkMarkList li {
    width: 50%;
  }
}

@media screen and (max-width:900px) {
  .largeCAWithBullets .contentWrap {
    margin: 0;
  }

  .largeCAWithBullets .mainImg {
    display: none;
  }
}

@media screen and (max-width:735px) {
  .largeCAWithBullets .checkMarkList li {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Large CA With Bullets
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Med Tan With Checklist
------------------------------------------------------- */

.medTanWithCheckList {
  max-width: 1055px !important;
  margin-bottom: 40px;
}

.medTanWithCheckList .contentWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 30px;
  background-color: #FFF5E2;
}

.medTanWithCheckList .content {
  max-width: 600px;
  padding: 120px 20px 120px 60px;
}

.medTanWithCheckList .headerText {
  margin-bottom: 7px;
  color: #003161;
  font-size: 38px;
  line-height: 44px;
}

.medTanWithCheckList .rteCopy {
  margin-bottom: 25px;
}

.medTanWithCheckList .list {
  width: 315px;
  padding: 35px 25px;
  background-color: #FFF;
}

.medTanWithCheckList .list > div {
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 24px;
}

.medTanWithCheckList .list ul {
  margin-bottom: 0;
  font-size: 16px;
}

.medTanWithCheckList .gradWrap {
  margin-right: -30px;
}

.medTanWithCheckList .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(130deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat padding-box;
}

.medTanWithCheckList .gradElement {
  margin: 0 10px 10px 0;
}

@media screen and (max-width:800px) {
  .medTanWithCheckList .contentWrap {
    flex-direction: column;
    margin-right: 0;
    padding: 0 20px 40px 20px;
  }

  .medTanWithCheckList .content {
    padding: 50px 0 35px 0;
  }

  .medTanWithCheckList .gradWrap {
    margin-right: 0;
  }

  .medTanWithCheckList .list {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Med Tan With Checklist
------------------------------------------------------- */

/* ----------------------------------------------------
		Start reviews slider
------------------------------------------------------- */

.reviewSlider {
  display: flex;
  justify-content: space-between;
}

.reviewSlider .left {
  width: 50%;
}

.reviewSlider .right {
  flex: 0 0 500px;
}

.reviewSlider .headerWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.reviewSlider .headerText {
  max-width: 360px;
  margin-bottom: 24px;
  color: #57C3B5;
  font-size: 80px;
  line-height: 70px;
  font-weight: 100;
}

.contrastOn .reviewSlider .headerText {
  color: #003161;
}

.reviewSlider .headerText img,
.reviewSlider .swiper {
  margin: 24px 0 0 26px;
}

.reviewSlider .swiperBtns {
  width: 110px;
  position: absolute;
  top: 90px;
  right: 10px;
}

.reviewSlider.noSlider .swiperBtns {
  display: none;
}

.reviewSlider .rteCopy {
  font-size: 22px;
  line-height: 34px;
}

.reviewSlider .attr1,
.reviewSlider .attr2 {
  font-size: 17px;
}

.reviewSlider .attr1 {
  font-weight: 900;
}

.reviewSlider .grad {
  width: 70%;
  height: 70%;
  top: 0;
  left: 0;
  bottom: auto;
  background: transparent linear-gradient(236deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.reviewSlider .gradElement {
  margin: 20px 0 0 20px;
}

@media screen and (max-width:1165px) {
  .reviewSlider {
    flex-direction: column;
  }

  .reviewSlider .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .reviewSlider .right {
    width: 500px;
    margin: 0 auto;
  }
}

@media screen and (max-width:900px) {
  .reviewSlider .headerText {
    max-width: 200px;
    font-size: 40px;
    line-height: 50px;
  }

  .reviewSlider .swiperBtns {
    top: 51px;
  }
}

@media screen and (max-width:767px) {
  .reviewSlider .left {
    margin-bottom: 0;
  }

  .reviewSlider .headerText {
    line-height: 45px;
  }

  .reviewSlider .headerText img,
  .reviewSlider .swiper {
    margin: 0;
  }

  .reviewSlider .headerText img {
    margin-top: 8px;
  }

  .reviewSlider .rteCopy {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .reviewSlider .right {
    display: none;
  }

  .reviewSlider .swiperBtns {
    width: 80px;
  }
}

/* ----------------------------------------------------
		End reviews slider
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tan Image HeadLine Btn
------------------------------------------------------- */

.tanImageHeadLineBtn {
  margin-bottom: 50px;
}

.tanImageHeadLineBtn .contentWrap {
  display: flex;
  align-items: flex-start;
  margin: 20px 0 0 20px;
  background-color: #FFF5E2;
}

.tanImageHeadLineBtn .content {
  padding: 50px 10px 60px 50px;
}

.tanImageHeadLineBtn .mainImg {
  margin: -20px 0 0 -20px;
  border-bottom-right-radius: 75px;
}

.tanImageHeadLineBtn .headLine {
  margin-bottom: 10px;
  color: #003161;
  font-size: 38px;
  line-height: 44px;
}

.tanImageHeadLineBtn .headLine span {
  color: #0078C8;
}

@media all and (max-width: 767px) {
  .tanImageHeadLineBtn .contentWrap {
    margin: 0;
  }

  .tanImageHeadLineBtn .mainImg {
    display: none;
  }

  .tanImageHeadLineBtn .content {
    padding: 50px 20px;
    flex-basis: 100%;
  }

  .tanImageHeadLineBtn .headLine {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }

  .tanImageHeadLineBtn .content .buttonList {
    text-align: center;
  }
}

/* ----------------------------------------------------
		End Tan Image HeadLine Btn
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Text Left With Two Block Callouts
------------------------------------------------------- */

.textTwoBlockCallout {
  padding: 110px 0;
  background-color: #E5F7FF;
}

.textTwoBlockCallout .content {
  max-width: 1205px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.textTwoBlockCallout .content h3 {
  font-weight: 700;
}

.textTwoBlockCallout .one {
  width: 100%;
  max-width: 370px;
}

.textTwoBlockCallout .rteCopy {
  padding-left: 8px;
  border-left: 2px solid #57C3B5;
}

.textTwoBlockCallout .blocks {
  width: 100%;
  max-width: 690px;
  display: flex;
  justify-content: space-between;
}

.textTwoBlockCallout .blocks > div {
  width: 332px;
}

.textTwoBlockCallout .gradWrap {
  margin-bottom: 30px;
}

.textTwoBlockCallout .grad {
  left: auto;
  right: 0;
  background: transparent linear-gradient(123deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.textTwoBlockCallout .gradElement {
  margin: 0 10px 10px 0;
  padding: 25px 30px 65px 30px;
  background-color: #FFF;
  border-top-left-radius: 40px;
}

.textTwoBlockCallout .header {
  margin-bottom: 9px;
  font-weight: 100;
  font-size: 70px;
  line-height: 60px;
  color: #0078C8;
}

.textTwoBlockCallout .body {
  font-size: 18px;
  line-height: 28px;
}

@media all and (max-width: 1145px) {
  .textTwoBlockCallout .blocks {
    flex-direction: column;
    align-items: center;
  }
}

@media all and (max-width: 830px) {
  .textTwoBlockCallout .content {
    flex-direction: column;
  }
}

@media all and (max-width: 350px) {
  .textTwoBlockCallout .blocks > div {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Text Left With Two Block Callouts
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Tout With Multiple Buttons
------------------------------------------------------- */

.toutWithMultiBtns {
  margin-bottom: 80px;
}

.toutWithMultiBtns .content {
  display: flex;
  align-items: center;
  margin-left: 20px;
  position: relative;
  background-color: #FFF5E2;
}

.toutWithMultiBtns .content .img {
  position: absolute;
  top: -20px;
  left: -20px;
  border-bottom-right-radius: 50px;
}

.toutWithMultiBtns .copyWrap {
  margin-left: 255px;
  padding-right: 30px;
  padding: 52px 30px 52px 0;
}

.toutWithMultiBtns .copy {
  margin-bottom: 11px;
  color: #003161;
  font-size: 38px;
  line-height: 44px;
}

.toutWithMultiBtns .copy span {
  color: #0078C8;
}

.toutWithMultiBtns .btn {
  margin: 0 10px 10px 0;
}

@media screen and (max-width:767px) {
  .toutWithMultiBtns .content {
    margin-left: 0;
  }

  .toutWithMultiBtns .content .img {
    display: none;
  }

  .toutWithMultiBtns .copyWrap {
    width: 100%;
    margin-left: 0;
    padding: 40px 30px 40px 30px;
    text-align: center;
  }

  .toutWithMultiBtns .copy {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width:650px) {
  .toutWithMultiBtns .btn {
    width: 100%;
  }
}

/* ----------------------------------------------------
		End Tout With Multiple Buttons
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Large CA With Bullets Vertical
------------------------------------------------------- */

.largeCAWithBulletsVert {
  margin-bottom: 40px;
}

.largeCAWithBulletsVert .contentWrap {
  margin: 20px 20px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #FFF5E2;
}

.largeCAWithBulletsVert .content {
  max-width: 975px;
  padding: 55px 0 48px 30px;
  display: flex;
}

.largeCAWithBulletsVert .content .left {
  flex: 0 1 445px;
}

.largeCAWithBulletsVert .content .right {
  padding-left: 18px;
}

.largeCAWithBulletsVert .lightBlue {
  color: #0078C8;
  font-size: 34px;
  line-height: 40px;
}

.largeCAWithBulletsVert .darkBlue {
  color: #003161;
  font-size: 34px;
  line-height: 40px;
}

.largeCAWithBulletsVert .checkMarkList {
  max-width: 355px;
  font-weight: 700;
}

.largeCAWithBulletsVert .checkMarkList li {
  background: url(/images/GreenCheck.png) 0 7px no-repeat;
}

.largeCAWithBulletsVert .buttonList {
  white-space: nowrap;
}

.largeCAWithBulletsVert .mainImg {
  margin: -20px -20px 0 0;
  border-bottom-left-radius: 75px;
}

@media screen and (max-width:1218px) {
  .largeCAWithBulletsVert .content {
    flex-direction: column;
    padding: 55px 20px 48px 20px;
  }

  .largeCAWithBulletsVert .content .left {
    flex-basis: auto;
    margin-bottom: 35px;
  }

  .largeCAWithBulletsVert .content .right {
    padding-left: 0;
  }
}

@media screen and (max-width:900px) {
  .largeCAWithBulletsVert .contentWrap {
    margin: 0;
  }

  .largeCAWithBulletsVert .mainImg {
    display: none;
  }
}

@media screen and (max-width:735px) {
  .largeCAWithBulletsVert .checkMarkList li {
    width: 100%;
  }
}

@media screen and (max-width:650px) {
  .largeCAWithBulletsVert .content {
    padding: 25px 20px 30px 20px;
  }

  .largeCAWithBulletsVert .buttonList {
    white-space: normal;
  }
}


/* ----------------------------------------------------
		End Large CA With Bullets Vertical
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Payment Popup
------------------------------------------------------- */

.paymentPopup {
  width: 100%;
  max-width: 510px !important;
}

#payment_form a {
  color: #0078C8;
  text-decoration: none;
}

#payment_form .input {
  margin-bottom: 30px;
}

#payment_form .input input {
  border-bottom: 1px solid #A0D5EC;
  background-color: #FFF;
}

#payment_form .cbInput {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  color: #454D58;
}

#payment_form .cbInput input {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin: 6px 9px 0 0;
  outline: 2px solid #A0D5EC !important;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  border: 1px solid #A0D5EC !important;
  background-size: cover;
}

#payment_form .cbInput input[type=checkbox]:checked {
  background: url(/images/checkbox-checked.jpg) 0 0 no-repeat;
  background-size: cover;
}

#payment_form .cbInput .formError {
  flex: 0 0 100%;
}

#payment_form .btns {
  text-align: center;
}

#payment_form .btns input[type=button] {
  width: 100%;
  margin-bottom: 15px;
}

#payment_form .btns .cancelPaymentBtn {
  color: #0078C8;
  transition: color .3s ease-in-out;
}

#payment_form .btns .cancelPaymentBtn:hover {
  color: #003161;
}

#payment_form #errorMessage {
  margin-bottom: 15px;
}

#payment_form .formError {
  color: red;
}

#payment_form input.inputError {
  border-bottom: 1px solid red;
}

/* ----------------------------------------------------
		End Payment Popup
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Cookie Banner
------------------------------------------------------- */

#CookieBanner {
  max-width: 660px;
  margin-left: 65px;
  padding: 20px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100001;
  background-color: #FFF;
  transition: opacity .2s ease-in-out;
}

#CookieBanner .header {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 20px;
  color: #003161;
}

#CookieBanner .cpRight {
  display: flex;
  justify-content: space-between;
}

#CookieBanner .cpRight > * {
  flex: 0 1 48%;
}

@media screen and (min-width:768px) {
  #CookieBanner {
    max-width: 660px;
    padding: 35px;
    right: 20px;
    bottom: 50px;
    display: flex;
    align-items: center;
  }

  #CookieBanner > * {
    flex: 1;
  }

  #CookieBanner .cpRight {
    flex: 0 1 165px;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
  }

  #CookieBanner .cpRight > *:not(:last-child) {
    margin-bottom: 20px;
  }

  #CookieBanner .rteCopy {
    margin-bottom: 0;
  }
}

/* ----------------------------------------------------
		End Cookie Banner
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Cookie Manage Settings
------------------------------------------------------- */

.cookieSettings {
  max-width: 770px;
  margin: 0 auto 75px auto;
}

.cookieSettings .headerText,
.cookieSettings .cookieTypeHeader {
  width: 100%;
  margin: 0 auto 15px auto;
  font-weight: 500;
  font-size: 32px;
  line-height: 34px;
  color: #003161;
}

.cookieSettings .cookieTypeHeader {
  margin: 0 0 8px 0;
  font-size: 20px;
  font-weight: 600;
}

.cookieSettings .cookieTypes {
  margin-bottom: 20px;
}

.cookieSettings .cookieType {
  padding: 15px 0 15px 0;
  position: relative;
  border-bottom: 2px solid #E5F7FF;
}

.cookieSettings .cookieTypes .btnHeader {
  display: flex;
  align-items: baseline;
  padding-right: 140px;
  font-size: 18px;
  text-align: left;
  background-color: transparent;
}

.cookieSettings .cookieTypes .btnHeader:active {
  background-color: transparent;
}

.cookieSettings .cookieTypes button span {
  width: 8px;
  height: 8px;
  margin-right: 17px;
  display: inline-block;
  border-right: 2px solid #0078C8;
  border-bottom: 2px solid #0078C8;
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform .2s ease-in-out;
}

.cookieSettings .cookieType.open button span {
  transform: rotate(225deg) translate(0px, 0px);
}

.cookieSettings .toggleSwitch {
  position: absolute;
  top: 15px;
  right: 2px;
}

.cookieSettings .cookieType .expl {
  /*height: 0px;*/
  overflow: hidden;
}

.cookieSettings .always {
  position: absolute;
  top: 17px;
  right: 2px;
  font-size: 17px;
  color: #0078C8;
}

.cookieSettings .cookieType .expl > * {
  padding-top: 17px;
}

.cookieSettings .confirmMsg {
  opacity: 0;
  margin-top: 10px;
  transition: opacity .2s ease-in-out;
}

@media screen and (min-width:768px) {
  .cookieSettings .cookieType {
    padding: 7px 0 5px 0;
  }

  .cookieSettings .always {
    top: 9px;
  }

  .cookieSettings .toggleSwitch {
    top: 9px;
  }

  .cookieSettings .cookieType .expl > * {
    padding-top: 4px;
  }

  .cookieSettings .btnWrap {
    display: flex;
    gap: 20px;
  }
}


/* ----------------------------------------------------
		End Cookie Manage Settings
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Agent Login
------------------------------------------------------- */
#AgentLogin .headerAlert {
  padding: 24px 2%;
  background-color: #57C3B5;
  border-bottom: 1px solid #FFF;
}

#AgentLogin .headerAlert .content {
  text-align: center;
  color: #FFF;
  line-height: 1.5em;
}

#AgentLogin .headerAlert .rteCopy:last-child {
  margin-bottom: 0;
}

#AgentLogin .agentHero {
  margin-bottom: 50px;
  padding: 55px 0 75px 0;
  background-color: #E5F7FF;
}

#AgentLogin h1 {
  margin-bottom: 25px;
  font-size: 58px;
  text-align: left;
  line-height: 60px;
}

#AgentLogin .loginForm {
  max-width: 345px;
}

#AgentLogin .loginForm > *:not(:last-child) {
  margin-bottom: 20px;
}

#AgentLogin .loginForm input {
  padding: 11px 20px;
  background-color: #FFF;
  border: 1px solid #e9f1f4;
}

#AgentLogin .form-btn-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

#AgentLogin .form-btn-group > *:not(:last-child) {
  margin-bottom: 20px;
}

#AgentLogin .links {
  display: inline-block;
  font-weight: 700;
  color: #454D58;
  font-size: 17px;
}

#AgentLogin .links .rteCopy:last-child {
  margin-bottom: 0;
}

#AgentLogin .links ul {
  display: inline-block;
}

#AgentLogin .links li {
  padding: 0 0 13px 16px;
  background: url(../images/arrow_0078C8.png) 0 7px no-repeat;
  transition: background-position .3s ease-in-out;
}

#AgentLogin .agentHero .links li:hover {
  background-position: 6px 7px;
}

#AgentLogin .links a {
  color: #454D58;
}

#AgentLogin .agentBody .abLeft {
  margin-bottom: 35px;
}

#AgentLogin .agentBody .arrowLink {
  background-position-y: 3px;
  background-size: 9px 14px;
}

#AgentLogin .toutLgImgRight {
  max-width: 345px !important;
}

#AgentLogin .toutLgImgRight .grad {
  height: 50%;
}

.toutLgImgRight .gradElement {
  margin: 0 12px 12px 0;
}

#AgentLogin .toutLgImgRight .title {
  font-size: 30px;
}

#AgentLogin .toutLgImgRight .summary {
  color: #504a4a;
  line-height: 26px;
}

@media screen and (min-width:400px) {
  #AgentLogin .form-btn-group {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  #AgentLogin .form-btn-group > * {
    min-width: 135px;
  }

  #AgentLogin .form-btn-group .regBtn {
    min-width: 190px;
  }
}

@media screen and (min-width:800px) {
  #AgentLogin .agentHero {
    margin-bottom: 75px;
  }

  #AgentLogin .agentBody {
    display: flex;
  }

  #AgentLogin .agentBody > * {
    flex: 1;
  }

  #AgentLogin .agentBody .abRight {
    flex: 0 1 385px;
    display: flex;
    justify-content: flex-end;
  }
}

@media screen and (min-width:1024px) {
  #AgentLogin .agentBody .abRight {
    flex: 0 1 490px;
  }
}

/* ----------------------------------------------------
		End Agent Login
------------------------------------------------------- */


/* ----------------------------------------------------
		Start Term Glossary
------------------------------------------------------- */

/* Gloassary filter and dropdown */
.termGlossary {
  margin-top: -50px;
}

.termGlossary .filter {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
  padding: 50px 0 25px 0;
  position: sticky;
  top: 60px;
  z-index: 10;
  background-color: #FFF;
}

.termGlossary .label {
  flex: 1;
  margin-bottom: 12px;
  color: #003161;
  font-size: 18px;
  font-weight: 500;
}

.termGlossary .letterList {
  display: none;
}

.termGlossary .letterDropdown {
  width: 100%;
  max-width: 260px;
}

.termGlossary .letterDropdown select {
  padding: 0 0 6px 6px;
}

.termGlossary .disclaimer {
  margin-bottom: 50px;
}

@media screen and (min-width:768px) {

  .termGlossary .filter {
    margin-bottom: 25px;
  }

  .termGlossary .letterDropdown {
    display: none;
  }

  .termGlossary .letterList {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }

  .termGlossary .letterList > * {
    flex: 0 0 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    margin-bottom: 16px;
    border-radius: 4px;
    text-transform: uppercase;
  }

  .termGlossary .letterList > *:not(:last-child) {
    margin-right: 18px;
  }

  .termGlossary .letterList button {
    color: #5bbbe1;
    background-color: #FFF;
    border: 1px solid #5bbbe1;
    transition: background-color .2s ease-in-out;
  }

  .termGlossary .letterList button.selected {
    color: #FFF;
    background-color: #0078C8;
  }

  .termGlossary .letterList div {
    color: #b7b7b7;
    border: 1px solid #b7b7b7;
  }
}

/* Gloassary term list */

.termGlossary .letter {
  color: #003161;
  font-size: 32px;
  font-weight: 500;
}

.termGlossary .left {
  margin-bottom: 10px;
}

.termGlossary .cornerBorder {
  padding: 20px 0 0 18px;
  transform: translate(0px, -16px);
}

.termGlossary .termWrap {
  margin-bottom: 25px;
}

.termGlossary .termWrap:last-child {
  margin-bottom: 65px;
  padding-bottom: 30px;
  border-bottom: 1px solid #5db8e7;
}

.termGlossary .term {
  color: #003161;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (min-width:1150px) {
  .termGlossary .section {
    display: flex;
  }

  .termGlossary .left {
    flex: 1;
    margin-bottom: 0;
  }

  .termGlossary .right {
    flex: 0 1 935px;
  }

  .termGlossary .termWrap:last-child {
    margin-bottom: 50px;
  }
}

@media screen and (min-width:1023px) {
  .termGlossary {
    margin-top: -75px;
  }
}

@media screen and (min-width:400px) {
  .termGlossary .filter {
    flex-direction: row;
  }

  .termGlossary .label {
    flex: 0 1 120px;
    margin-bottom: 0;
  }
}

/* ----------------------------------------------------
		End Term Glossary
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Newsletters 
------------------------------------------------------- */

.newsLetterWrap .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 33px 60px 33px 0;
  position: relative;
  border-top: 1px solid #5db8e7;
}

.newsLetterWrap .item:last-child {
  border-bottom: 1px solid #5db8e7;
}

.newsLetterWrap .date {
  margin-bottom: 10px;
  color: #0078C8;
  font-size: 20px;
  font-weight: 600;
}

.newsLetterWrap .title {
  font-weight: 600;
  color: #454D58;
}

.newsLetterWrap .roundBtn {
  position: absolute;
  right: 0;
}

@media screen and (min-width:768px) {
  .newsLetterWrap .item {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .newsLetterWrap .date {
    flex: 0 1 28%;
    margin-bottom: 0;
  }
}

/* ----------------------------------------------------
		End Newsletters 
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Base Content Filtering Styles (Used on multiple pages)
------------------------------------------------------- */

.contentFilter {
  padding: 25px 20px;
  background-color: #f0f0f0;
}

.contentFilter .header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #003161;
  font-weight: 600;
  font-size: 19px;
}

.contentFilter .header .icon {
  margin-right: 10px;
}

.contentFilter .section:not(:last-child) {
  /*margin-bottom: 30px;*/
}

.contentFilter .sectionLabel {
  width: 100%;
  height: 30px;
  padding: 30px 0 15px 0;
  color: #454D58;
  font-weight: 700;
  font-size: 17px;
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #55BEE6;
}

.contentFilter .sectionLabel div {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 3px;
  transform: rotate(-45deg);
  border-bottom: 1px solid #0078C8;
  border-left: 1px solid #0078C8;
  transition: transform .2s ease-in-out;
}

.contentFilter .options {
  padding-top: 20px;
  overflow: hidden;
  height: 0;
}

.contentFilter .options.open {
  height: auto;
}

.contentFilter .options button {
  display: flex;
  margin-bottom: 15px;
}

.contentFilter .options button div {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  transform: translateY(3px);
  border: 1px solid #55BEE6;
  background-color: #FFF;
}

.contentFilter .options button div:after {
  content: "";
  color: #0078C8;
  font-weight: 600;
  font-size: 12px;
}

.contentFilter .options button.selected div:after {
  content: "X";
}

.contentFilter .options button span {
  width: 200px;
  text-align: left;
  line-height: 1.4em;
}

.selectedFilters {
  display: flex;
  flex-wrap: wrap;
  position: sticky;
  top: 80px;
  padding: 24px 0 20px 0;
  background-color: #FFF;
}

#SelectedContentFiltersWrap {
  overflow: hidden;
  position: sticky;
  top: 80px;
}

.selectedFilters > * {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 25px 10px 0;
  padding: 8px 50px 8px 26px;
  border: 1px solid #55BEE6;
  border-radius: 50px;
  color: #313131;
}

.selectedFilters > * button {
  display: block;
  position: absolute;
  right: 14px;
  padding: 4px 10px;
  color: #0078C8;
  font-weight: 800;
  background-color: #FFF;
}

@media screen and (max-width:1060px) {
  #SelectedContentFiltersWrap {
    top: 65px;
  }
}
/* ----------------------------------------------------
		End Base Content Filtering Styles (Used on multiple pages)
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Underwriting Page Styles
------------------------------------------------------- */

.underwriting #UWFilter {
  margin-bottom: 35px;
}

.underwriting #UWContacts .item {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  border-bottom: 1px solid #55BEE6;
}

.underwriting #UWContacts .item button {
  background-color: #FFF;
}

.underwriting #UWContacts .item > * {
  margin-right: 10px;
}

.underwriting #UWContacts .item span {
  display: none;
}

.underwriting #UWContacts .c1 {
  margin-bottom: 3px;
  color: #003161;
  font-size: 20px;
}

.underwriting #UWContacts .c3 button {
  color: #0078C8;
}

.underwriting #ContactList {
  scroll-margin-top: 165px;
}

.underwriting #UWContacts {
  scroll-margin-top: 65px;
}

@media screen and (min-width:675px) {
  .underwriting #UWContacts .item {
    flex-direction: row;
    align-items: center;
  }

  .underwriting #UWContacts .item span {
    display: block;
  }

  .underwriting #UWContacts .c1 {
    margin-bottom: 0;
  }
}


@media screen and (min-width:1024px) {
  .underwriting {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .underwriting #UWFilter {
    flex: 0 1 300px;
    margin-bottom: 0;
    position: sticky;
    top: 80px;
  }

  .underwriting #UWContacts {
    flex: 1;
    padding-left: 55px;
    scroll-margin-top: 75px;
  }
}

/* ----------------------------------------------------
		End Underwriting Page Styles
------------------------------------------------------- */

/* ----------------------------------------------------
		Start Resource Focus Header
------------------------------------------------------- */


.focusHeader {
  padding: 55px 25px 30px 25px;
  background-color: #E5F7FF;
}

.focusHeader .content {
  display: flex;
  flex-direction: column-reverse;
}

.focusHeader .colRight {
  margin-bottom: 35px;
  flex: 0 1 500px;
}

.focusHeader .colRight .gradElement {
  margin: 0 20px 20px 0;
}

@media screen and (min-width:1024px) {
  .focusHeader .content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    max-width: 1260px;
  }

  .focusHeader .colLeft {
    flex: 1;
  }

  .focusHeader .colRight {
    flex: 0 1 500px;
  }

  .focusHeader .focusList .circle {
  }
}


/* ----------------------------------------------------
		End Resource Focus Header
------------------------------------------------------- */

/* ----------------------------------------------------
		Start New Resources Main Left Nav & Mobile Menu
------------------------------------------------------- */

#MainNavLeft .resourceFocusChildren {
  columns: 2;
  gap: 60px;
}

#MainNavLeft .resourceFocusChildren .isNotAg {
  background-color: #e5f8ff;
  padding: 10px 15px;
  border-radius: 16px;
  position: relative;
  right: 15px;
}

.mobileMainMenu .resourceFocusChildren .isNotAg {
  background-color: #e5f8ff;
  padding: 10px 15px;
  border-radius: 16px;
  position: relative;
  right: 15px;
}


/* ----------------------------------------------------
		End New Resources Main Left Nav & Mobile Menu
------------------------------------------------------- */
/* ----------------------------------------------------
		Start New Resources Page Styles
------------------------------------------------------- */

/* Common to a couple of sliders */
.resourceSliderCommon .swiper-slide {
  width: 300px;
  margin-right: 50px;
}

/* Resources Focus Items Header */

.resourceFocusItemsHeader {
  padding: 35px 20px 85px 20px;
  background-color: #E5F7FF;
}

.resourceFocusItemsHeader h1 {
  margin-bottom: 20px;
  font-size: 58px;
  line-height: 64px;
  text-align: left;
}

@media(max-width: 767px) {
  .resourceFocusItemsHeader h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

.resourceFocusItemsHeader .roundBtn {
  width: 40px;
  height: 40px;
}

.resourceFocusItemsHeader .subHead {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 34px;
  color: #003161;
}

.resourceFocusItemsHeader .content {
  max-width: 1350px;
  margin: 0 auto;
}

.resourceFocusItemsHeader .resourceFocusNav a {
  font-size: 20px;
  font-weight: 700;
  color: #454D58;
  display: flex;
  align-items: center;
}

.resourceFocusItemsHeader .resourceFocusNav a .text {
  position: relative;
  left: -10px;
  transition: left .3s linear;
  font-size: 22px;
}

.resourceFocusItemsHeader .resourceFocusNav li {
  border-top: 1px solid #52bfdc;
  padding: 12px 0;
}

.resourceFocusItemsHeader .resourceFocusNav li:last-of-type {
  border-bottom: 1px solid #52bfdc;
}

.resourceFocusItemsHeader .resourceFocusNav a:hover,
.resourceFocusItemsHeader .resourceFocusNav a.active {
  color: #0078C8;
}

.resourceFocusItemsHeader .resourceFocusNav a:hover .text,
.resourceFocusItemsHeader .resourceFocusNav a.active .text {
  left: 5px;
}

.resourceFocusItemsHeader .resourceFocusNav a.active .roundBtn {
  background-color: #0078C8;
}

.resourceFocusItemsHeader .resourceFocusNav a.active .roundBtnArrow0078C8::before {
  border-color: #FFF;
}

.resourceFocusItemsHeader .right {
  display: none;
}

.resourceFocusItemsHeader .right .title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}

.resourceFocusItemsHeader .right .resourceFocusCard {
  opacity: 0;
  display: none;
}

.resourceFocusItemsHeader .right .resourceFocusCard.active {
  display: block;
  opacity: 1;
}

.resourceFocusItemsHeader .right img {
  border-top-left-radius: 70px;
  width: 100%;
}

.resourceFocusItemsHeader .right .imagesWrap {
  position: relative;
  margin-bottom: 10px;
}

.resourceFocusItemsHeader .right .gradElement {
  margin: 0 20px 20px 0;
}

.resourceFocusItemsHeader .right .imagesWrap .grad {
  width: 75%;
  height: 60%;
  position: absolute;
  bottom: 0;
  right: 0 !important;
  left: initial !important;
  background: transparent linear-gradient(200deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

@media (max-width: 1000px) {
  .resourceFocusItemsHeader .resourceFocusNav a:hover,
  .resourceFocusItemsHeader .resourceFocusNav a.active {
    color: #454D58;
  }

  .resourceFocusItemsHeader .resourceFocusNav a .text {
    left: 0;
  }

  .resourceFocusItemsHeader .resourceFocusNav a:hover .text,
  .resourceFocusItemsHeader .resourceFocusNav a.active .text {
    left: 0px;
  }

  .resourceFocusItemsHeader .resourceFocusNav a.active .roundBtn {
    background-color: #E5F7FF;
  }

  .resourceFocusItemsHeader .resourceFocusNav a.active .roundBtnArrow0078C8::before {
    border-color: #0078C8;
  }
}

@media (min-width: 1000px) {
  .resourceFocusItemsHeader {
    padding: 65px 50px;
  }

  .resourceFocusItemsHeader .content {
    display: flex;
    justify-content: space-between;
    gap: 80px;
  }

  .resourceFocusItemsHeader .content .left {
    flex: 1;
  }

  .resourceFocusItemsHeader .content .right {
    flex-basis: 40%;
    display: block;
  }
}

/* Resource Search Bar */

.resourceLandingSearchBar {
  padding: 0 20px
}

.resourceLandingSearchBar .content {
  max-width: 1350px;
  margin: 0 auto;
  padding: 30px;
  background-color: #FFF;
  position: relative;
  top: -50px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,.1);
  gap: 20px;
}

.resourceLandingSearchBar .content .searchBox {
  flex: 1;
}

.resourceLandingSearchBar .content .searchBoxWrap {
  width: 100%;
}


.resourceLandingSearchBar .content h3 {
  flex: .25;
  margin-bottom: 0;
}

@media (max-width: 1000px) {
  .resourceLandingSearchBar .content {
    flex-direction: column;
  }

  .resourceLandingSearchBar .content .searchBox {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .resourceLandingSearchBar {
    padding: 0 50px
  }
}

/* Resource Slider Widget */

.resourceSliderWrapper {
  overflow: hidden;
  margin-bottom: 45px;
}

.resourceSliderWrapper.mostPopular {
  margin-bottom: 20px;
}

.resourceSliderWrapper.contentForYou {
  margin-bottom: 50px;
}

.resourceSliderWrapper .contentWrapper {
  padding: 0 20px;
}

.resourceSliderWrapper .content {
  max-width: 1350px;
  margin: 0 auto;
}

.resourceSliderWrapper .swiperContainer {
  position: relative;
}

.resourceSliderWrapper .swiper {
  max-width: 1350px;
  margin: 0 auto;
  overflow: visible;
  padding: 0 50px;
}

.resourceSliderWrapper .swiper-slide {
  margin-bottom: 0;
}

.resourceSliderWrapper .swiper-slide img {
  width: 100%;
}

.resourceSliderWrapper .swiper-slide-duplicate {
  opacity: 0;
}

.resourceSliderWrapper .swiper-button-prev {
  display: none;
}

.resourceSliderWrapper .roundBtn {
  z-index: 100;
  margin: 10px;
  top: 35%;
}

.resourceSliderWrapper .roundBtnArrowRight:before {
  transform: rotate(-45deg);
  border-width: 2px 0 0 2px;
}

.resourceSliderWrapper .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 550px) {
  .resourceSliderWrapper .swiper {
    padding: 0 70px;
  }
}

@media (min-width: 767px) {

  .resourceSliderWrapper .content {
    padding: 0 20px;
  }

  .resourceSliderWrapper {
    margin-bottom: 40px;
  }

  .resourceSliderWrapper.contentForYou {
    margin-bottom: 65px;
  }

  .resourceSliderWrapper .swiperContainer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, -1), white);
    pointer-events: none;
    z-index: 1;
  }

  .resourceSliderWrapper .swiperContainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
    pointer-events: none;
    z-index: 20;
  }
}


@media (min-width: 1000px) {
  .resourceSliderWrapper .contentWrapper {
    padding: 0 50px;
  }
}

@media (min-width: 1600px) {
  .resourceSliderWrapper .swiperContainer::after,
  .resourceSliderWrapper .swiperContainer::before {
    width: 200px;
  }

  .resourceSliderWrapper .swiper {
    padding: 0;
  }
}

/* Full Width Resource Slider Widget */

.fullWidthResourceSliderWrapper {
  margin-bottom: 60px;
  overflow: hidden;
}



.fullWidthResourceSliderWrapper .swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.fullWidthResourceSliderWrapper .contentWrapper {
  padding: 0 20px;
}

.fullWidthResourceSliderWrapper .content {
  max-width: 1350px;
  margin: 0 auto;
}

.fullWidthResourceSliderWrapper .swiperContainer {
  position: relative;
}

.fullWidthResourceSliderWrapper .swiperContainer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, -1), white);
  pointer-events: none;
  z-index: 1;
}

.fullWidthResourceSliderWrapper .swiperContainer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  pointer-events: none;
  z-index: 20;
}

.fullWidthResourceSliderWrapper .swiper {
  max-width: 1350px;
  margin: 0 auto;
  overflow: visible;
  padding: 0 50px;
}

.fullWidthResourceSliderWrapper .swiper-button-next,
.fullWidthResourceSliderWrapper .swiper-button-prev {
  margin: 10px;
  top: 35%;
  z-index: 100;
}

.fullWidthResourceSliderWrapper .swiper-slide {
  transition: background .3s linear;
  background: #f0f0f0;
  padding: 30px;
}

.fullWidthResourceSliderWrapper .swiper-slide.swiper-slide-active {
  background: linear-gradient(90deg, rgba(0,120,200,1) 0%, rgba(78,189,182,1) 85%, rgba(78,189,182,1) 100%);
}

.fullWidthResourceSliderWrapper .swiper-slide,
.fullWidthResourceSliderWrapper .swiper-slide a {
  transition: color .3s linear;
  color: #454D58;
}

.fullWidthResourceSliderWrapper .swiper-slide:not(.swiper-slide-active) a::before,
.fullWidthResourceSliderWrapper .swiper-slide:not(.swiper-slide-active) a::after {
  background-image: url(../images/btn-arrow-gray.png);
}

.fullWidthResourceSliderWrapper .swiper-slide-active,
.fullWidthResourceSliderWrapper .swiper-slide-active a {
  color: #FFF;
}

.fullWidthResourceSliderWrapper .swiper-slide-duplicate {
  opacity: 0;
}

.fullWidthResourceSliderWrapper .swiper-button-prev {
  display: none;
}

.fullWidthResourceSliderWrapper .swiper-slide .thumbnail {
  border-bottom-left-radius: 75px;
  width: 100%;
}

.fullWidthResourceSliderWrapper .swiper-slide .typeTimeWrap {
  margin-bottom: 25px;
}

.fullWidthResourceSliderWrapper .swiper-slide .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}

.fullWidthResourceSliderWrapper .swiper-slide .summary {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.fullWidthResourceSliderWrapper .swiper-slide .videoButton {
  display: flex;
  align-items: center;
  gap: 20px;
}

.fullWidthResourceSliderWrapper .swiper-slide .btn.arrow {
  background-color: transparent;
  border-color: #454D58;
}

.fullWidthResourceSliderWrapper .swiper-slide.swiper-slide-active .btn.arrow {
  border-color: #FFF;
}

@media (max-width: 767px) {
  .fullWidthResourceSliderWrapper .resContent {
    margin-bottom: 30px;
  }
}

@media (min-width: 767px) {

  .fullWidthResourceSliderWrapper .content {
    padding: 0 20px;
  }

  .fullWidthResourceSliderWrapper {
    margin-bottom: 75px;
  }

  .fullWidthResourceSliderWrapper .swiper-slide {
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
  }

  .fullWidthResourceSliderWrapper .swiper-slide .resContent {
    max-width: 550px;
  }
}

@media (min-width: 1000px) {
  .fullWidthResourceSliderWrapper .contentWrapper {
    padding: 0 50px;
  }
}

@media (min-width: 1450px) {
  .fullWidthResourceSliderWrapper .swiper {
    padding: 0;
  }

  .fullWidthResourceSliderWrapper .swiperContainer::after,
  .fullWidthResourceSliderWrapper .swiperContainer::before {
    width: 200px;
  }
}


/* ----------------------------------------------------
		End New Resources Page Styles
------------------------------------------------------- */
/* ----------------------------------------------------
		End Text Body Copy Resource Header
------------------------------------------------------- */

.textBodyCopyResourceHeader {
  background-color: #e5f8ff;
  padding: 50px 20px;
  margin-bottom: 50px;
}

.textBodyCopyResourceHeader .content {
  max-width: 1350px;
  margin: 0 auto;
}

.textBodyCopyResourceHeader h1 {
  text-align: left;
  margin-bottom: 20px;
}

.textBodyCopyResourceHeader .rteCopy {
  font-size: 18px;
  line-height: 30px;
}

@media (min-width: 767px) {
  .textBodyCopyResourceHeader {
    padding: 100px 20px;
    margin-bottom: 75px;
  }

  .textBodyCopyResourceHeader .content {
    display: flex;
    justify-content: space-between;
  }

  .textBodyCopyResourceHeader .content > div {
    flex-basis: 50%;
  }
}
/* ----------------------------------------------------
		End Text Body Copy Resource Header
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Image Text Body Copy Resource Header
------------------------------------------------------- */

.imageTextBodyCopyResourceHeader {
  background-color: #e5f8ff;
  padding: 50px 20px;
  margin-bottom: 50px;
}

.imageTextBodyCopyResourceHeader .content {
  max-width: 1350px;
  margin: 0 auto;
}

.imageTextBodyCopyResourceHeader .left {
  margin-bottom: 50px;
}

.imageTextBodyCopyResourceHeader h1 {
  text-align: left;
  font-size: 58px;
  line-height: 64px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .imageTextBodyCopyResourceHeader h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

.imageTextBodyCopyResourceHeader .rteCopy {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 30px;
}

.imageTextBodyCopyResourceHeader .gradWrap {
  justify-content: center;
  max-width: 515px;
}

.imageTextBodyCopyResourceHeader .gradElement {
  width: initial;
  margin: 0 15px 15px 0;
}

.imageTextBodyCopyResourceHeader .imagesWrap .grad {
  width: 50%;
  height: 60%;
  position: absolute;
  bottom: 0;
  right: 0 !important;
  left: initial !important;
  background: transparent linear-gradient(200deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.imageTextBodyCopyResourceHeader .imagesWrap img {
  border-top-left-radius: 100px;
}


@media (min-width: 767px) {
  .imageTextBodyCopyResourceHeader {
    padding: 100px 20px;
    margin-bottom: 75px;
  }

  .imageTextBodyCopyResourceHeader .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
  }

  .imageTextBodyCopyResourceHeader .content > div {
    flex-basis: 50%;
  }

  .imageTextBodyCopyResourceHeader .right {
    display: flex;
    justify-content: flex-end;
  }

  .imageTextBodyCopyResourceHeader .left {
    margin-bottom: 0;
  }

  .imageTextBodyCopyResourceHeader .gradWrap {
    justify-content: flex-end;
  }
}
/* ----------------------------------------------------
		End Image Text Body Copy Resource Header
------------------------------------------------------- */
/* ----------------------------------------------------
   Start Featured Resources Slider Widget
------------------------------------------------------- */

.featuredResourcesSliderWidget {
  margin-bottom: 50px;
}

.featuredResourcesSliderWidget .swiperContainer {
  position: relative;
}

.featuredResourcesSliderWidget .swiper-button-next,
.featuredResourcesSliderWidget .swiper-button-prev {
  margin: 10px;
  top: 40%;
  z-index: 100;
}

.featuredResourcesSliderWidget .swiper-button-next {
  right: -33px;
}

.featuredResourcesSliderWidget .swiper-button-prev {
  left: -33px;
}

.featuredResourcesSliderWidget .swiper-slide {
  transition: background .3s linear;
  background: linear-gradient(90deg, rgba(0,120,200,1) 0%, rgba(78,189,182,1) 85%, rgba(78,189,182,1) 100%);
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  gap: 30px;
}

.featuredResourcesSliderWidget .swiper-slide,
.featuredResourcesSliderWidget .swiper-slide a {
  transition: color .3s linear;
  color: #FFF;
}

.featuredResourcesSliderWidget .swiper-slide .thumbnail {
  border-top-left-radius: 75px;
  max-width: 250px;
  width: 100%;
}

.featuredResourcesSliderWidget .swiper-slide .typeTimeWrap {
  margin-bottom: 25px;
}

.featuredResourcesSliderWidget .swiper-slide .title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}

.featuredResourcesSliderWidget .swiper-slide .summary {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.featuredResourcesSliderWidget .swiper-slide .videoButton {
  display: flex;
  align-items: center;
  gap: 20px;
}

.featuredResourcesSliderWidget .swiper-slide .btn.arrow {
  background-color: transparent;
  border-color: #FFF;
}

.featuredResourcesSliderWidget .swiper-slide .buttonWrapper {
  display: flex;
  align-items: center;
  gap: 10px 20px;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .featuredResourcesSliderWidget .resContent {
    margin-bottom: 30px;
  }
}

@media (min-width: 800px) {
  .featuredResourcesSliderWidget {
    margin-bottom: 75px;
  }

  .featuredResourcesSliderWidget .swiper-slide .thumbnail {
    max-width: initial;
  }
}

@media (min-width: 1150px) {
  .featuredResourcesSliderWidget .swiper-slide {
    padding: 60px;
    flex-direction: row;
    gap: 30px;
  }

  .featuredResourcesSliderWidget .swiper-slide .resContent {
    max-width: 50%;
  }
}

/* ----------------------------------------------------
  End Featured Resources Slider Widget
------------------------------------------------------- */
/* ----------------------------------------------------
  Start Three Column Resource Slider
------------------------------------------------------- */

.threeColumnResourceSlider {
  margin-bottom: 15px;
}

.threeColumnResourceSlider .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.threeColumnResourceSlider .content button {
  width: max-content;
  background-color: transparent;
  font-weight: 600;
  color: #454D58;
}

.threeColumnResourceSlider .swiperContainer {
  position: relative;
}

.threeColumnResourceSlider .swiper-slide {
  margin-bottom: 0;
}

.threeColumnResourceSlider .swiper-slide img {
  width: 100%;
}

.threeColumnResourceSlider .roundBtn {
  z-index: 100;
  margin: 10px;
  top: 20%;
}

.threeColumnResourceSlider .roundBtnArrowRight:before {
  transform: rotate(-45deg);
  border-width: 2px 0 0 2px;
}

.threeColumnResourceSlider .swiper-button-next {
  right: -33px;
}

.threeColumnResourceSlider .swiper-button-prev {
  left: -33px;
}

/* ----------------------------------------------------
  End Three Column Resource Slider
------------------------------------------------------- */
/* ----------------------------------------------------
		Start New Interior Resource Page Styles
------------------------------------------------------- */

.resourceFocusWrapper {
  display: flex;
  gap: 75px;
  flex-direction: column;
  max-width: 1360px;
  margin: 0 auto 40px;
  padding: 0 30px;
}

.resourceFocusWrapper .pageContent {
  min-width: 0;
}

.resourceFocusWrapper #ResourceFilterList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.resourceFocusWrapper #ResourceFilterList .item {
  margin-bottom: 30px;
  max-width: 278px;
  opacity: 0;
}

.resourceFocusWrapper .pageContent.loadFromUrl #ResourceFilterList .item {
  opacity: 1;
}

#ResourceFilterPagination .sitewidth {
  padding: 0;
}

#RFSidebar button {
  background-color: transparent;
}

#RFSidebar #FocusAreas button {
  color: #0078C8;
}

#RFSidebar #FocusAreas a {
  color: #454D58;
}

#RFSidebar #FocusAreas .options > div {
  margin-bottom: 10px;
}

#RFSidebar #FocusAreas .options > div:last-of-type {
  margin-bottom: 0;
}

#RFSidebar #FocusAreas a:hover {
  color: #0078C8;
}

#RFSidebar .contentFilter .options button span {
  color: ButtonText;
}

@media (min-width: 800px) {
  .resourceFocusWrapper {
    flex-direction: row;
    margin-bottom: 80px;
  }

  #RFSidebar {
    flex-basis: 300px;
  }

  #RFSidebar .filtersWrap {
    position: sticky;
    top: 80px;
  }

  .resourceFocusWrapper .pageContent {
    flex: 1;
  }

  .resourceFocusWrapper #ResourceFilterList {
    grid-template-columns: repeat(1, 1fr);
    gap: 44px;
  }
}

@media (min-width: 850px) {
  .resourceFocusWrapper #ResourceFilterList {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1100px) {
  .resourceFocusWrapper #ResourceFilterList {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ----------------------------------------------------
		End New Interior Resource Page Styles
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Updated Article Page Styles
------------------------------------------------------- */

.updatedResourceArticleContent {
  margin-top: 40px;
}

.updatedResourceArticleContent h1 {
  font-size: 58px;
  line-height: 64px;
  text-align: left;
}

.updatedResourceArticleContent:has(.topAuthorMention) h1 {
  margin-bottom: 10px;
}

.updatedResourceArticleContent .topAuthorMention {
  color: #0078C8;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .updatedResourceArticleContent h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

.updatedResourceArticleContent .articleSidebar .shareLinkList {
  flex-direction: row;
  gap: 15px;
  margin-bottom: 30px;
}

.updatedResourceArticleContent .articleSidebar .shareLinkList a {
  border: none;
}

.updatedResourceArticleContent .articleSidebar .sectionLabel {
  font-weight: 700;
  color: #003161;
  font-size: 20px;
  margin-bottom: 20px;
}

.updatedResourceArticleContent .articleSidebar .prodResources {
  padding: 0;
  margin-bottom: 50px;
}

.updatedResourceArticleContent .articleSidebar .prodResources .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  background-color: transparent;
}

.updatedResourceArticleContent .articleSidebar .prodResources .item {
  display: flex;
  width: initial;
  margin-bottom: 10px;
  padding: 0 31px 0 10px;
  font-size: 15px;
  color: #454D58;
  border-left: 2px solid #57C3B5;
  background-color: #E5F7FF;
  align-items: center;
  line-height: 20px;
  margin: 0;
}

.updatedResourceArticleContent .articleSidebar .prodResources .item img {
  margin: 0;
}

.updatedResourceArticleContent .articleSidebar .prodResources .item div {
  padding: 20px;
}

.updatedResourceArticleContent .resourceContent .breadcrumb {
  padding: 0 20px;
}

@media (min-width: 1050px) {
  .updatedResourceArticleContent {
    display: flex;
    justify-content: center;
    margin: 40px auto 0;
    gap: 0 10%;
  }

  .updatedResourceArticleContent .resourceContent {
    flex: 1;
  }

  .updatedResourceArticleContent .articleSidebar {
    flex-basis: 330px;
  }
}

.updatedResourceArticleContent .authorBlockWrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  gap: 10px;
  padding: 20px;
  border-top: 1px solid #A0D5EC;
  border-bottom: 1px solid #A0D5EC;
  margin-bottom: 30px;
}

.updatedResourceArticleContent .authorBlockWrap .left img {
  border-bottom-left-radius: 25px;
}

.updatedResourceArticleContent .authorBlockWrap .eyebrow {
  color: #0078C8;
  font-weight: 700;
  font-size: 0.85rem;
  margin-bottom: 5px;
}

.updatedResourceArticleContent .authorBlockWrap .name {
  font-weight: 500;
  color: #003161;
  font-size: 23px;
  line-height: 1;
}

.updatedResourceArticleContent .authorBlockWrap .title {
  font-style: italic;
  font-size: 0.85rem;
  margin-bottom: 5px;
}

.updatedResourceArticleContent .authorBlockWrap .bottomButtons {
  display: flex;
  gap: 20px;
}

.updatedResourceArticleContent .authorBlockWrap .linkedInIcon {
  width: 35px;
}

.updatedResourceArticleContent .authorBlockWrap .btn {
  font-size: 0.9rem;
  padding: 6px 25px 6px 40px;
}

.updatedResourceArticleContent .authorBlockWrap .btn.arrow::before,
.updatedResourceArticleContent .authorBlockWrap .btn.arrow::after {
  top: 9px;
}

@media (min-width: 500px) {
  .updatedResourceArticleContent .authorBlockWrap {
    flex-direction: row;
    gap: 20px;
  }
}


/* Article Sidebar Widgets */
.articleSidebarCta {
  margin-bottom: 30px;
}

.articleSidebarCta .header {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #003161;
}

.articleSidebarCta .gradElement {
  background-color: #fef6e3;
  padding: 20px;
  margin: 0 10px 10px 0;
}

.articleSidebarCta .grad {
  left: auto;
  right: 0;
  height: 65%;
  background: transparent linear-gradient(104deg, #C0FFF700 0%, #74C9BEE6 100%) 0% 0% no-repeat;
}

.articleSidebarTextWidget {
  margin-bottom: 30px;
}

.articleSidebarTextWidget .sectionLabel {
  margin-bottom: 10px !important;
}
/* ----------------------------------------------------
		End Updated Article Page Styles
------------------------------------------------------- */
/* ----------------------------------------------------
		Start Author Styles
------------------------------------------------------- */

.authorInformation {
  padding-top: 50px;
  position: relative;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .authorInformation {
    margin-bottom: 50px;
  }
}

.authorInformation .sitewidth {
  margin: 0 auto;
}

.authorInformation .content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-direction: column-reverse;
}

.authorInformation .content .right {
  display: none;
}

.authorInformation h1 {
  text-align: left;
}

.authorInformation .title {
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}

.authorInformation .linkedInIcon {
  display: inline-block;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .authorInformation .linkedInIcon {
    margin: 10px 0 30px;
  }
}

.authorInformation .imageWrap {
  position: relative;
  padding: 0 15px 15px 0;
  max-width: 500px;
  margin: 0 0 35px 0;
}

.authorInformation .left .imageWrap {
  margin: 0 auto 20px;
}

.authorInformation .imageWrap img {
  border-top-left-radius: 75px;
}

.authorInformation .imageWrap .grad {
  width: 68%;
  height: 68%;
  left: auto;
  right: 0;
  z-index: -1;
  background: transparent linear-gradient(180deg, #FFE07400 0%, #FFE074E6 100%) 0% 0% no-repeat;
}

.authorInformation .areaOfExpertise {
  margin-bottom: 25px;
}

.authorInformation .areaOfExpertise ul {
  margin-bottom: 20px;
  min-height: 1px;
}

.authorInformation .areaOfExpertise li {
  list-style-type: none;
  padding-left: 28px;
  background: url(../images/li_dot.jpg) 0 10px no-repeat;
}

@media (min-width: 1000px) {
  .authorInformation .content {
    flex-direction: row;
    padding: 0 2%;
  }

  .authorInformation .content > div {
    flex-basis: 40%;
  }

  .authorInformation .content > .right {
    flex: 0 0 44%;
    padding-top: 50px;
    display: block;
  }

  .authorInformation .content > .left {
    flex: 0 0 56%;
    display: flex;
    justify-content: flex-end;
  }

  .authorInformation .content > .left .leftContent {
    max-width: 780px;
    padding-right: 15%;
  }

  .authorInformation .left .imageWrap,
  .authorInformation .left .areaOfExpertise {
    display: none;
  }

  .authorInformation .areaOfExpertise {
    margin: 0 0 0 50px;
    padding-left: 20px;
  }

  .authorInformation::after {
    content: "";
    background-color: #E5F7FF;
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 100%;
    z-index: -2;
  }

  .authorInformation .bioWrap {
    padding-left: 20px;
  }
}

@media (min-width: 1050px) {
  .authorInformation .areaOfExpertise {
    margin: 50px 0 0 100px;
  }
}

@media (max-width: 1330px) {
  .authorInformation .content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* Resource Slider */

.authorResourceSliderWrapper {
  margin-bottom: 35px !important;
}

@media (min-width: 767px) {
  .authorResourceSliderWrapper {
    margin-bottom: 45px;
  }
}

/* Industry Publications */
.authorIndustryPublications {
  margin: 35px auto 50px;
}

@media (min-width: 767px) {
  .authorIndustryPublications {
    margin: 100px auto 50px;
  }
}

.authorIndustryPublications .publicationList > .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #A0D5EC;
  gap: 10px;
  padding: 20px 0;
}

.authorIndustryPublications .item .left {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10%;
}

.authorIndustryPublications .item .nameSoruce {
  flex: 1;
}

.authorIndustryPublications .item .roundBtn {
  flex-basis: 36px;
}

.authorIndustryPublications .item:last-of-type {
  border-bottom: 1px solid #A0D5EC;
}

.authorIndustryPublications .item h3 {
  margin-bottom: 0;
  color: #0078C8;
  font-size: 22px;
}

.authorIndustryPublications .item:hover h3 {
  color: inherit;
}

.authorIndustryPublications .item .date,
.authorIndustryPublications .item .source {
  color: #454D58;
}

.authorIndustryPublications .item:hover .date,
.authorIndustryPublications .item:hover .source {
  color: #454D58;
}

@media (Min-width: 767px) {
  .authorIndustryPublications .item .left {
    flex-direction: row;
  }

  .authorIndustryPublications .item .date {
    flex-basis: 150px;
  }

  .authorIndustryPublications .item .roundBtn {
    flex-basis: 50px;
  }
}

/* ----------------------------------------------------
		End Author Styles
------------------------------------------------------- */