/* https://fonts.google.com/selection?selection.family=Baloo+Bhaina|Barlow:400,500,600 */
/*@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Barlow:400,500,600,700,800&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina|Barlow:300,400,500,600,700,800,900&display=swap');



/**
*
* Description: This file is used for Basic Page template specific styles
*
* @todo CLEANUP
* - remove .main-content classes / queries
*
*
*
**/

.category-list ul.home-nav li a.custom-hard-link::after {
  display:none !important;
}

.main-content > .row.row-layout-1.pi1-gridelements-row {
  margin-bottom:0px !important;
}

.youtubeVideo iframe {
  border:none !important;
}

.container-fluid.main-content {
  /*overflow-x: hidden;*/
}
.myaccess-menu-wrapper a {
  text-decoration:none;
}

/*Background 4ce*/
[class*=" backgroundimage-"] {
  padding:25px;
}

main.main-content > div.row:not(.row-layout-0):not(.frame-layout-0) {
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
}

.row .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom:0px;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) {
  padding-top:0px;
  margin-top:0em;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) {
  padding-top:0px;
  margin-top:0em;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) {
  padding-top:0px;
  margin-top:0em ;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) {
  padding-top:0px;
  margin-top:0em;
}

/* allows consecutive layouts without spacing - addressing the .frame-shortcut scenario */
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) > .frame-type-shortcut {
  padding-top:0px;
  margin-top:0em;
}

/* allows consecutive layouts without spacing - addressing the .frame-shortcut scenario */
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - addressing the .frame-shortcut scenario */
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) > .frame-type-shortcut > .frame {
  padding-left: 30px;
  padding-right: 30px;
}

/* LAST OF TYPE ROW */
/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}


/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}
/* END LAST OF TYPE ROW */



/* allows consecutive layouts without spacing - addressing the .frame-shortcut scenario */
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) > .frame-type-shortcut {
  padding-top:0px;
  margin-top:0em;
}

/* allows consecutive layouts without spacing - addressing the .frame-shortcut scenario */
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) > .frame-type-shortcut > .frame {
  padding-left: 30px;
  padding-right: 30px;
}


/* LAST OF TYPE ROW */
/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}

/* allows consecutive layouts without spacing - ignoring layout-0 because layout-0 is default content.*/
.main-content > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) + [class*=" frame-layout-"]:not(.frame-layout-0):not(.row-layout-0):last-of-type {
  margin-bottom:auto !important;
}
/* END LAST OF TYPE ROW */


/** NEW ROW LAYOUT 10 **/
.row.row-layout-10.pi1-gridelements-row {
  padding-left:0px;
  padding-right:0px;

  /* fixes mac issue */
  overflow-x:hidden;
}

.row.row-layout-10.pi1-gridelements-row > .frame-default {
  padding-left: 0px;
  padding-right: 0px;

}

.row.row-layout-10.pi1-gridelements-row > .frame-default > .row > div {
  padding-left:0px;
  padding-right:0px;
}


/** **/

.main-content>.row {
  padding-bottom:0px;
}

.contentpage .main-content [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) > .frame-type-shortcut > [class*=" row-layout-"]:not(.frame-layout-0):not(.row-layout-0) {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: auto !important;
  margin-top: auto !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.contentpage .main-content>div {
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}

.contentpage .main-content .frame-type-shortcut {
  padding-left: 0;
  padding-right: 0;
  margin-left: -15px;
  margin-right: -15px;
  width: auto !important;
  min-width: 100%;
}

.contentpage .main-content.basic-page-banner-content > div {
  margin-left:auto !important;
  margin-right:auto !important;
}


/**/

/*** ContentHeroBg STYLES *****/


/* layout */
.copntainer-fluid.content-banner {
  background-color: #f0f2f2;
}

.container-fluid.content-banner {
  background-color: #f0f2f2;
}

main.main-content {
  padding-top:0px !important;
}

.frame-default.frame-layout-1 {
    background-color: #f0f2f2;
}

.frame-default.frame-layout-1.frame-space-before-none {
  margin-top:0px !important;
}

.frame-default.frame-layout-1.frame-space-after-none {
  margin-bottom:0px !important;
}

.content-banner {
  position:relative;
}

.content-banner .myt-breadcrumb {
  position:absolute;
  top:25px;
  z-index:11;
}

.basic-page-banner-content {
  position:relative;
  z-index:10;
}

.container-fluid.main-content {
  padding-bottom:0px !important;
  padding-left:15px;
  padding-right:15px;
}

.container-fluid.main-content:not(.basic-page-banner-content):not(.spacing-top-0) > div:last-of-type {
  padding-bottom:70px !important;
}

.basic-page-banner-content > div.* {
  margin-left:15px;
  margin-right:15px;
}

.basic-page-banner-content {
  min-height:initial;
}

.inline-page-nav-wrapper .page-nav, .inline-page-nav-wrapper .page-nav .dropdown-menu {
  width:360px;
  max-width:90%;
  text-align:left;
}

.basic-page-banner-content .page-nav.inline-after-banner-content {
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom: 25px;
}

.main-content > :not(.row) > * {
  padding-left:15px;
  padding-right:15px;
}

div.basic-page-banner-content.container-fluid {
  padding-left:0;
  padding-right:0;
}

.content-banner {
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding-left:0px;
  padding-right:0px;
}

main.container-fluid.main-content > div:first-of-type {
  padding-top:30px;
}

main.container-fluid.main-content:not(.spacing-top-0) > div:first-of-type {
  padding-top:140px;
  margin-top:0px !important;
}

.content-banner .default-inner-content {
  min-height:580px;
  position:relative;
}

.main-content .frame-space-after-small {
  margin-bottom: 8px;
  padding-bottom:0px;
}

.frame.frame-space-after-medium {
  margin-bottom:15px !important;
  padding-bottom:5px !important;
}

.main-content .row.row-layout-4 {
  overflow:hidden;
  padding-bottom:0px !important;
}

.row-layout-5 {
  position:relative;
  bottom:-20px;
}

.frame-layout-7 {
  display:none;
}

.tx-accessnow-wrapper {
  margin-bottom:0px;
}

.tx-accessnow-wrapper .anow-stat-row {
  padding-bottom:0px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .first-article-wrapper:not(.multiple-article-item) {
      max-width: 100%;
      height: auto;
      margin-bottom: 50px;
      margin-left: auto;
      margin-right: auto;
  }

  .featured-banner-item .featured-caption {
    width:100% !important;
  }

  .simple-list-view .first-article-wrapper .article .header {
    min-height: 140px;
    height: auto !important;
    padding-bottom: 10px;
  }
}

.template-section-nav-wrapper {
  position:relative;
  width:100%;
  top:90px;
}

.template-section-nav {
  position: absolute;
  z-index: 10;
  background-color:white;
  width:520px;
  min-height:540px;
  max-width: 95%;
  box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.15);
  padding-bottom:20px;
}

.template-section-nav .section-nav-inner-wrapper {
  padding-left:50px;
  padding-right:50px;
  padding-top:81.5px;
}

.template-section-nav .section-nav-inner-wrapper .section-banner-content {
  margin-bottom:20px;
}

.template-section-nav .section-nav-inner-wrapper .section-banner-content h1, .basic-page-banner-content h1 {
  font-family: Barlow;
  font-size: 50px;
  color: #00376e;
  font-weight:normal;
}

.template-section-nav .section-nav-inner-wrapper .section-banner-content p, .basic-page-banner-content p {
  font-family: Barlow;
  font-size: 24px;
  color: #798189;
  font-weight:normal;
}


.template-section-nav .section-nav-inner-wrapper .page-nav {
  display:block;
  width:100%;
  margin-bottom:25px;
}


.template-section-nav .section-nav-inner-wrapper .page-nav .dropdown, .template-section-nav .section-nav-inner-wrapper .page-nav .dropdown > button, .template-section-nav .section-nav-inner-wrapper .page-nav .dropdown .dropdown-menu {
  width:100%;
  text-align:left;
}


.template-section-nav .btn-coolgrey.dropdown-toggle::after {
  position: absolute;
  right: 29px;
  transform: translate(50%);
  top: 50%;
}

.page-nav .dropdown-menu {
  padding-top:0px;
  padding-bottom:0px;
  border:none;
  box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.15);
}

.page-nav .dropdown-menu a.dropdown-item {
  padding-top:15px;
  padding-bottom:15px;
  font-size: 18px;
  color: #63656a;
  border-bottom: 1px solid #f5f7f7;
  padding-left: 29px;
  padding-right: 29px;
}

.page-nav .dropdown-menu a.dropdown-item.close-menu {
  font-family: ProximaNova;
  font-size: 14px;
  font-weight: 500;
  color: #0091b2;
  text-align:right;
  border-bottom:none;
}

.page-nav .dropdown-menu a.dropdown-item.close-menu {
  padding-top:25px;
}

.page-nav .dropdown-menu a.dropdown-item.close-menu:hover {
  color: #0091b2;
}

.page-nav .dropdown-menu a.dropdown-item.close-menu:hover {
  background-color:white;
}

.page-nav .dropdown-item.close-menu {
  cursor:pointer;
  float: right;
  width: 120px;
}

.theme-coolgrey .dropdown-toggle::after {
  font-family: "Font Awesome 5 Pro";
  content:"\f078";
  border:none;
  top: 26.5px !important;
  right:45px !important;
  font-size:16px;
}

.theme-coolgrey.show .dropdown-toggle::after {
  font-family: "Font Awesome 5 Pro";
  content:"\f077";
  border:none;
  top: 26.5px !important;
  right:45px !important;
  font-size:16px;
}

.main-content {
  position:relative;
}

.main-content.ignore-min-height {
  min-height:initial;
}


@media (max-width:1199px) {
  .content-banner {
      background-repeat: no-repeat;
      padding-left: 0px;
      padding-right: 0px;
  }
}


.basic-page-banner-content > div:last-of-type {
  padding-bottom:0px;
  margin-bottom:0px;
}


/******************* END ContentHeroBg STYLES ****************/


/******************* START VIDEOBG STYLES ****************/

.video-bg-banner {
  position:relative;
}

.video-bg-banner .default-inner-content {
  position:relative;
  min-height:958px;
}

.videobg-wrapper {
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  overflow:hidden;
}

.viewheper-vid-fallback-inline-img {
  top: 0;
  left:0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
}

/* viewhelper styles here */
.myaccess-viewhelper-vid {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
}

@media (max-width: 1199px) {
  .myaccess-viewhelper-vid, .viewheper-vid-fallback-inline-img {
    transform: translate(-50%, 0);
    left: 50%;
  }
}

/* viewhelper styles here */
.myaccess-viewhelper-vid {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
}

@media (max-width: 1199px) {
  .myaccess-viewhelper-vid, .viewheper-vid-fallback-inline-img {
    transform: translate(-50%, 0);
    left: 50%;
  }
}

.video-bg-banner .default-inner-content {
  min-height: 1000px;
  padding-top: 321px;
  padding-bottom: 55px;
  z-index:3;
}

.video-bg-banner h1 {
  font-size:85px;
  color: #f0f2f2;
  line-height:68px;
}

.video-bg-banner p {
  font-size: 36px;
  line-height:45px;
  color: #f8fafa;
  font-family: Baloo Bhaina;
}

.video-bg-banner a {
  font-family: Barlow;
}

.tx-videobg-rightbars {
  position: absolute;
  bottom: 80px;
  right: 0;
}

.videobg-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  opacity: 0.5;
  background-color: #0091b2;
}

@media (min-width: 768px) {
  .video-bg-banner > .default-inner-content > div {
    padding-left: 125px;
    padding-right: 125px;
    margin-left: auto;
    margin-right: auto;
  }

}

/* 1199.98 we do font-size shrinking */
@media (max-width:1199.98px) {
  .video-bg-banner h1 {
    font-size:50px;
    line-height:45px;
  }
  .video-bg-banner p {
    font-size: 20px;
    line-height:23px;
  }
}

/******************* END VIDEOBG STYLES ****************/

/******************* START NEWS STYLES - Layout 8 ****************/

.tx-news-access-layout-8-itemwrapper {
  margin-bottom:20px;
}

.tx-news-access-layout-8-itemwrapper .article {
  width: 519px;
  min-height: 254px;
  max-width:100%;
  height:100%;
  padding: 23px 10px 13px 30px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-bottom:20px !important;
  display:block;
  float:left;
  position:relative;
}

.tx-news-access-layout-8-itemwrapper:hover .article {
  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16);
  cursor:pointer;
}

.tx-news-access-layout-8-itemwrapper .article .news-img-wrap {
  width: 140px !important;
  height: 140px !important;
  display:inline-block;
  float:left;
  margin-right:5%
}

.tx-news-access-layout-8-itemwrapper .article .news-img-wrap a  {
  width:100% !important;
  height:100% !important;

}

.tx-news-access-layout-8-itemwrapper .article .news-img-wrap a {
  position:relative;
  overflow:hidden;
}

.tx-news-access-layout-8-itemwrapper .article .news-img-wrap a img {
  position:absolute;
  min-width:100%;
  min-height:100%;
  width:auto;
  height:auto;
}

.tx-news-access-layout-8-itemwrapper .article  [itemprop="headline"] {
  font-family: Barlow;
  font-size: 32px;
  letter-spacing: -0.48px;
  text-align: left;
  color: #00376e;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tx-news-access-layout-8-itemwrapper .article  .header a {
  text-decoration:none !important;
}

.tx-news-access-layout-8-itemwrapper .article .news-list-date, .tx-news-access-layout-8-itemwrapper .article a.more {
  display:none;
}

.tx-news-access-layout-8-itemwrapper .article .news-list-category {

  font-family: Proxima Nova;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;

  letter-spacing: -0.27px;
  text-align: right;
  color: #0091b2;
  text-transform:uppercase;
  position: relative;
  bottom: 9px;
  float:right;
}

.tx-news-access-layout-8-itemwrapper .article .teaser-text p {
  font-family: Barlow;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.36px;
  text-align: left;
  color: #00376e;
  line-height:28px;

}

.tx-news-access-layout-8-itemwrapper .article .teaser-text {
  margin: 25px 0 53px 0;
  min-height:56px;
  max-width:250px;
  display:inline-block;

}

.tx-news-access-layout-8-itemwrapper .article .news-img-wrap a {
  padding:0;
}

.tx-layout-8-news-title-row .news-title {
  font-family: Baloo Bhaina;
  font-size: 41px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #00376e;
  margin-bottom:10px;
}

.tx-layout-8-news-title-row .more-news-link {
  margin-top: 25px;
  margin-right: 2px;
  text-align:right;
}

.tx-layout-8-news-title-row .more-news-link a {
  font-family: Barlow;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: right;
  color: #0091b2;
  margin-top: 25px;

}

.tx-layout-8-news-title-row .more-news-link a i {
  position: relative;
  top: 1px;
  left: 3px;
}

/* 1199.98 we do font-size shrinking */
@media (max-width:1199.98px) {
  .tx-news-access-layout-8-itemwrapper .article [itemprop="headline"] {
    font-size:22px;
    line-height:28px;
  }

  .tx-news-access-layout-8-itemwrapper .article .teaser-text p {
    font-size:16px;
    line-height:19px;
  }

  .tx-news-access-layout-8-itemwrapper .article .news-list-category {
    font-size:9px;
    line-height:11px;
  }

  .tx-news-access-layout-8-itemwrapper .article .news-img-wrap {
    width:102px !important;
    height:102px !important;
  }

  .tx-news-access-layout-8-itemwrapper .article {
    min-height:168px;
  }

  .tx-news-access-layout-8-itemwrapper .article {
    padding-left:15px;
    padding-top:9px;
  }

  .tx-layout-8-news-title-row .news-title {
    font-size: 27px;
    line-height:28px;
  }

  .tx-layout-8-news-title-row .news-title .tx_mt_custom-title-bar, .tx-layout-8-news-title-row .more-news-link {
    margin-bottom:15px;
  }


}

@media (max-width: 991.98px) {
  .tx-news-access-layout-8-itemwrapper .article .teaser-text {
    margin: 0px 0 53px 0;
    min-height: 56px;
    max-width: 60%;
    display: inline-block;
  }
}

@media (max-width: 400px) {
    .tx-news-access-layout-8-itemwrapper .article .teaser-text {
      margin: 0px 0 53px 0;
      min-height: 56px;
      max-width: 50%;
      display: inline-block;
    }

    .tx-news-access-layout-8-itemwrapper .article .news-img-wrap {
      margin-right: 2%;
    }

    .tx-news-access-layout-8-itemwrapper .article .teaser-text {
      margin-bottom:25px;
    }
}


/******************* END NEWS STYLES - Layout 8 ****************/


/** START Content style that  need to be organized **/

.row.row-layout-0.pi1-gridelements-row {
  margin-left:-15px;
  margin-right:-15px;
}


@media (min-width: 768px){

  .contentpage .page-padding-125>div, .contentpage .content-banner>.contentpage .default-inner-content>div {
      padding-left: 125px;
      padding-right: 125px;
      margin-left: auto;
      margin-right: auto;
  }

  /* new 2022-05-01 */
  .contentpage .page-padding-125 > .row-layout-10.pi1-gridelements-row {
    margin-left: -15px;
    margin-right: -15px;
  }
  /*
  .default-inner-content>div {
    margin-left:-15px;
    margin-right:-15px;
  }*/

  /*
  .main-content > [class*=" row-layout-"]:not(.frame-type-shortcut), .main-content > [class*=" frame-layout-"]:not(.frame-type-shortcut) {
    margin-left:-15px !important;
    margin-right:-15px !important;
  }*/
}


/** END Content style that  need to be organized **/


/**********************global NAV**************************/
span.text-lblue {
  color: #0091b2;
}

span.text-dblue {
  color: #00376e;
}

.icon-img {
  position: relative;
  top: -2px;
  margin-right: 6px;
  margin-left: 6px;
}

/**********************global NAV**************************/




.top-div {
  min-height: 85px;
}

.top-div .lb-sep {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  background-color: #0091b2;
  margin-top: 0px;
  margin-bottom: 0px;
}


.contact {
  height: 154px;
  font-size: 20px;
}

.contact span {
  margin-right: 33px;
  white-space: nowrap;
  margin-bottom: 6px;
  display:block;
}

.contact span.operational-additional-info-mobile {
  display:none;
}


.contact span.operational-heading {
  margin-bottom:15px;
  height:30px;
  font-size:20px;
}

.contact span.operational-default {
  margin-bottom:0px;
  font-size:16px;
  line-height:1.1;
}

.operational-service-hours {
  display:inline-block;
  vertical-align:top;

}

.socials .icons a {
  display: inline-block;
  color: white;
  background-color: transparent;
  font-size: 23.5px;
  padding: 3px;
  transition: 0.08s linear;
  -webkit-transition: 0.08s;
  text-decoration: none;
  height: 40px;
  width: 40px;
}

.socials .icons {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  white-space: nowrap;
}

.socials .icons a {
  display: inline-block;
  color: white;
  background-color: transparent;
  font-size: 23.5px;
  padding: 3px;
  transition: 0.08s linear;
  -webkit-transition: 0.08s;
  text-decoration: none;
  height: 40px;
  width: 40px;
}

.socials .icons {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  white-space: nowrap;
}

.socials i:hover, .socials i:focus {
  /*font-size: 25px;*/
  transform: scale(1.025);
}

.opac-00 {
  opacity: 0;
  z-index: -999;
}

/* LOCATION SELECTOR */
section.location>div {
  position: relative;
  margin-bottom: 7px;
}

section.location>div input {
  width: 100%;
  font-size: 16px;
  padding: 0 7px;
  border: 1px solid #CCCCCC;
  height: 40px;
  line-height: 40px;
}

section.location ul.location-selector {
  display: block;
  list-style-type: none;
  margin: -7px;
  padding: 0;
  position: relative;
}

section.location ul.location-selector li {
  display: block;
  position: relative;
  width: 16.6666666666%;
  float: left;
  padding: 7px;
  min-width: 7px;
  min-width: 150px;
}

section.location ul.location-selector li a {
  display: block;
  padding: 7px;
  border: 1px solid #CCCCCC;
  color: #343434;
  font-size: 13px;
}

/*
#locationSelector .modal-header .modal-title {
  font-weight:700;
  font-size: 26px;
}*/
.update-location-modal-btn {
  cursor: pointer;
}


.multistep-page>.row {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

.multistep-form-wrapper-all>.row.multistep-form {
  margin-left: 0;
  margin-right: 0;
}

.multistep-form .multistep-item {
  margin-left: 0;
  margin-right: 0;
}

.multistep-form .multistep-page .form-group.row.pull-right {}

.multistep-page a.button.paginate-navigation, .multistep-page .button.submit {
  color: white;
  cursor: pointer;
  margin: 5px;
}

#multistepForm .input-error-message {
  color: red !important;
}

.psaFormWrapper {
  min-height: 90vh;
}

.multistep-form .multistep-item {}

.myaccess-menu-tab-left-col .inner-left-col {
  min-width: 530px;
  max-width: 920px;
}


.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: #0091b2 !important;
}

a.button.button-primary-dark-yellow-text {
  background-color: #00376e;
  display: table-cell;
  vertical-align: middle;
  border: 0 none transparent;
  text-decoration: none;
  line-height: 1em;
  outline: none;
  padding: 0.9em 1.1em;
  border-radius: 2px;
  font-family: Barlow;
  text-align: left;
  color: #fee01e;
  font-size: 18px;
  font-weight: 500;
  height: 65px;
  width: 100%;
  padding-right: 50px;
  position: relative;
  width: 380px;
  max-width: 100%;

  border-radius:100px;
}

.frame-default .ce-bodytext .button {
 width:265px;
 max-width: 100%;
}

a.button.button-primary-dark-yellow-text:hover {
  background-color: #0f2d4a;
}

a.button.button-primary-dark-yellow-text:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f178";
  float: right;
  font-size: 1.45rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}



/***FOOTER****/
/****** RESPONSIVE ***********/
/* Small devices (landscape phones, 576px and up) */
/* sm */


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* md */
@media (min-width: 768px) {

  .mobile-location-selector {
    display: none;
  }

  .mobile-featured-product {
    display: none;
  }

  .myaccess-bottom-nav .location-selector, .mobile-location-selector {
    padding-left: 15px;
  }

  .socials {
    height: 140px;
    line-height: 150px;
    /* @TODO remove dependency on line-height */
  }

  /*
  .myaccess-middle-nav .menu-logo img {
    width: 150px;
  }*/


  main.main-content > div:not(.row) > * {
    padding-left:15px;
    padding-right:15px;
  }
}

/* Large devices (desktops, 992px and up) */
/* lg */
@media (min-width: 992px) {
  nav.navbar.no-padding {
    padding-top: 0px;
    padding-bottom: 0px;
  }





}

/* Extra large devices (large desktops, 1200px and up) */
/* xl */
@media (min-width: 1281px) {
  .featured-product-inner {
    max-width: 397px;
  }

  /*
  .myaccess-top-nav>ul, .menu-logo a, .myaccess-bottom-nav .location-selector, .mobile-location-selector {
    margin-left: 50px;
  }*/

  .myaccess-bottom-nav .location-selector, .myaccess-top-nav>ul {
    padding-left: 0px;
  }

  .myaccess-menu-search {
    margin-right: 41px;
  }
}

@media (max-width:1280px) {

  .myaccess-top-nav .inline-static-link a {
    padding-left: 9px;
    padding-right: 9px;
    min-width: initial;
  }

  .quick-links-right {
    padding-right: 20px;
    margin-right: 10px;
  }

  .myaccess-menu-search {
    margin-right: 20px;
  }

  .myaccess-menu-search {
    margin-right: 0px;
  }

  .quick-links-right {
    margin-right: 10px;
  }
  
  .myaccess-menu-tab-left-col {
    padding-left: 35px;
  }

  .myaccess-menu-tab {
    left: 25px;
  }
}

/****** RESPONSIVE desktop first ***********/
@media (max-width: 1199px) {
  .content-banner .row:first-of-type h1 {
    font-size: 52px
  }
  .first-article-wrapper .header h3 span {
    font-size:18px !important;
  }

  .video-bg-banner .default-inner-content {
    min-height:600px;
  }


}


@media (min-width:992px) and (max-width:1599px) {
  .main-content .row.row-layout-4 > div > .row > div:first-child > div {
    padding-right:45px;
  }
  
  .main-content .row.row-layout-4 > div > .row > div:last-child > div {
    padding-left:45px;
  }
}

@media (min-width:1600px) {
  .main-content .row.row-layout-4 > div > .row > div:first-child > div {
    padding-right:45px;
  }
  
  .main-content .row.row-layout-4 > div > .row > div:last-child > div {
    padding-left:45px;
  }
}

@media (max-width: 991.98px) {

  .tx-videobg-rightbars {
    position: absolute;
    bottom: 80px;
    right: -92px;
    top: -40px;
    max-width: 620px;
  }

  .frame-default.frame-layout-1 {
      margin-left:-15px;
      margin-right:-15px;
  }

  /* CONTENT HERO BG STYLES */

  .row-layout-6 {
    display:none;
  }
  .frame-layout-7 {
    display:block;
  }
  .row-layout-5 {
    margin-top:-100px !important;
  }

  .row-layout-5 > div {
    width:50% !important;
    flex:none !important;
  }

  .row-layout-5 {
    bottom: -140px;
  }


  .main-content .row.row-layout-4 {
    padding-left:0px;
    padding-right:0px;
  }

  .row.row-layout-4 > div.col-12 > .row > div:last-of-type {
    background-color:#f5f7f7 !important;
    padding-bottom: 100px;
    padding-top:50px;
  }

  .row.row-layout-4 > div.col-12 > .row > div > * {
    padding-left:15px !important;
    padding-right: 15px !important;
    margin-left:0px;
    margin-right:0px;
  }


  .featured-banner-item .featured-caption   {
    font-size:18px;
  }

  .tx-accessnow-wrapper {
    margin-bottom:0;
  }

  .featured-stacking-banner-item, .featured-banner-item {
    margin-top:0px;
    margin-bottom:50px;
  }

  .tx-accessnow-wrapper .anow-title-col {
    padding-top:0px;
  }

  .featured-banner-item .featured-caption {
    margin-bottom:50px;
  }



  /* END CONTENT HERO BG STYLES */
  /*
  .myaccess-top-nav>ul, .menu-logo a, .myaccess-bottom-nav .location-selector, .mobile-location-selector {
    margin-left: 24px;
  }*/

  .myaccess-bottom-nav .location-selector {
    padding-left: 0px;
  }

  .main-content>div, .content-banner>.default-inner-content>div {
    padding-left: 15px;
    padding-right: 15px;
  }

  /**Content Hero BG styles **/
  .content-banner .default-inner-content h1 {
    font-size:38px;
  }

  .content-banner .default-inner-content p {
    font-size:18px;
  }

  .content-banner.container-fluid .default-inner-content, .content-banner.container-fluid .template-section-nav-wrapper {
    padding-left:0;
    padding-right:0;
  }
  .content-banner.container-fluid .default-inner-content .template-section-nav {
    margin-left:2.5%;
    margin-right:2.5%;
  }
  .content-banner.container-fluid .default-inner-content .template-section-nav-wrapper {
    top: 140px;
  }
  main.container-fluid.main-content:not(.spacing-top-0) > div:first-of-type {
      padding-top: 140px;
  }



  /**END Content Hero BG styles **/


   .default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }


  .socials .icons a {
    padding: 3px;
    margin: 3px;
  }

  .myaccess-top-nav .inline-static-link a {
    min-width: 88px;
    font-size: 15px;
  }

  .myaccess-middle-nav ul li {
    margin-right: 15px;
  }

  .myaccess-middle-nav ul li a {
    font-size: 24px;
  }

  .myaccess-middle-nav ul {
    margin-left: 15px;
  }

  .myaccess-menu-search {
    position: relative;
  }

  .myaccess-menu-tab-title {
    font-size: 32px;
  }

  .tab-category li:first-of-type .menu-cat-item {
    font-size: 20px;
  }

  .tab-category li:not(:first-of-type) .menu-cat-item {
    font-size: 16px;
  }

  .featured-product-inner {
    width: auto;
  }

  .category-menu-close {
    right: 0px;
    top: 5px;
  }

  .featured-caption {
    font-size: 24px;
    line-height: 1.2;
  }


  .myaccess-middle-nav ul.flat-nav li {
    margin-right: 15px;
  }
  /*
   .myaccess-menu-wrapper .category-item ul {
    margin-left: 15px;
  }*/

  .flat-nav .flat-nav-item:first-of-type a::before {
    height: 25px;
    bottom: 41px;
    left: -7px;
  }

  .flat-nav .flat-nav-item:not(:first-of-type) a::before {
    bottom: 43px;
  }

  .myaccess-top-nav ul li a, .myaccess-top-nav .inline-static-link a {
    letter-spacing: -0.52px;
  }

  .myaccess-top-nav .inline-static-link a {
    padding-left: 3px;
    padding-right: 3px;
  }
  /*
  .myaccess-top-nav ul li a div {
    padding-left: 13px;
    padding-right: 13px;
  }*/


  /* TEMPLATE STYLES */

  .content-banner .default-inner-content {
    min-height: 520px;
  }

  main.main-content:not(.spacing-top-0) > div:first-of-type {
    padding-top:150px;
  }

  .template-section-nav .section-nav-inner-wrapper .section-banner-content h1 {
    font-size:36px;
    line-height: 1.11;
  }
  .template-section-nav .section-nav-inner-wrapper .section-banner-content p {
    font-size:24px;
    line-height: 1.33;
  }

  .template-section-nav .btn-coolgrey {
    font-size:20px;
  }

  .template-section-nav .section-nav-inner-wrapper {
    padding-left:29px;
    padding-right:29px;
  }

  .template-section-nav {
    min-height:420px;
    top:25px;
  }

  .row.row-layout-10.pi1-gridelements-row .ce-bodytext {
    padding-left:5px;
    padding-right:5px;
  }

  /* END TEMPLATE STYLES */

}

@media (max-width: 767px) {



  /* TEMPLATE STYLES */
  .myt-breadcrumb {
    display:none;
  }
  .main-content.basic-page-banner-content > div:first-of-type {
    padding-top:30px;
  }

  .powermail_form .row.field-container>div, .powermail_form .row.field-container>div>div, .powermail_form .row.field-container>div>label {
    padding-left:15px !important;
    padding-right:15px !important;
  }

  /* END TEMPLATE STYLES */

  a.button.button-primary-dark-yellow-text {
    font-size: 16px;
  }

  a.button.button-primary-dark-yellow-text:after {
    font-size: 1.55rem;
  }



  .logo-address {
    width: 100%;
  }

  .copyright>div {
    text-align: left !important;
    padding-left: 12.5px;
    padding-top: 8px;
  }

  .mobile-location-selector {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.23px;
    font-weight: 400;
    font-family: Barlow;
    margin-left: 0px;
  }

  .mobile-location-selector .current-location {
    letter-spacing: normal;
    font-weight: 600;
  }

  .mobile-location-selector .update-location-modal-btn {
    font-weight: 600;
    letter-spacing: -0.21px;
    line-height: 17px;
    font-size: 14px;
    margin-left: 9px;
  }

  .main-content .ce-gallery .ce-row .ce-column {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*width: 50%;*/
  }

  .frame-default .ce-bodytext .button {
    margin-top:5px;
  }

  .main-content .ce-gallery .ce-row .ce-column figure.image {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
  }

  .main-content .ce-gallery .ce-row .ce-column .image-caption {
    width: 100%;
    display: block;
    margin-bottom: 25px;
  }

  h2 {
    font-size: 28px;
  }

  /* overrides */
  .dce.hero-image .hero-text p span {
    letter-spacing: -0.48px !important;
    font-size: 19px !important;
  }

  .dce.hero-image .hero-text p span {
    letter-spacing: -0.48px !important;
    font-size: 19px !important;
  }

  .content-banner .row:first-of-type h1 {
    font-size: 42px !important;
  }

   .main-content .frame-type-shortcut.frame-layout-1 .row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

   .main-content p {
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  .main-content .ce-gallery .ce-row .ce-column {
    width:auto;
  }



  .row.row-layout-10.pi1-gridelements-row .ce-gallery .ce-row .ce-column figure.image {
    padding:0px;
  }
  .row.row-layout-10.pi1-gridelements-row .ce-gallery .ce-row .ce-column {
    max-width:100%;
    width:auto;
  }


}

@media (max-width: 575px) {


  .homepage .main-content .row.row-layout-3 {
      padding-bottom: 0px !important;
      margin-bottom: 40px !important;
      margin-top: 10px !important;
  }


  .main-content>div, .content-banner>.default-inner-content>div.frame {
    padding-left: 15px;
    padding-right: 15px;

  }

  .contact {
    height: 144px;
  }

  .contact span {
    white-space: nowrap;
    line-height: 1.19;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .contact .largefont:first-of-type {
    margin-bottom: 18px;
    line-height: 1.18;
    font-size: 22px;
    margin-top: 21px;
  }

  .content-banner>.default-inner-content {
    padding-left: 15px;
    padding-right: 15px;
  }

   .default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .contact {
    height: 144px;
  }

  .contact span {
    white-space: nowrap;
    line-height: 1.19;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .contact span:first-of-type {
    margin-bottom: 18px;
    line-height: 1.18;
    font-size: 22px;
    margin-top: 21px;
  }



  .socials {
    height: 65px;
  }

  .socials .icons a {
    padding-left: 0px;
    margin-left: 0px;
  }



  main.container-fluid.main-content:not(.spacing-top-0) > div:first-of-type {
    padding-top: 170px;
  }

}



@media (min-width:1950px) {

  .default-inner-content {
    padding-left:350px;
    padding-right:350px;
  }

  main.main-content > div.frame-type-header {
    padding-left:15px;
    padding-right:15px;
  }


  /* home page ?? */
  .main-content>div, .content-banner>.default-inner-content>div {
    padding-left: 0px;
    padding-right: 0px;
  }

  .content-banner .default-inner-content>div {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

  .main-content .row.row-layout-1>div {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
  }

  .homepage .content-banner > .default-inner-content > div {
    padding-left:0px;
    padding-right:0px;
  }

  .default-inner-content {
      padding-left: 0px;
      padding-right: 0px;
  }

  .homepage .main-content > div {
    padding-left:15px;
    padding-right:15px;
  }
}

@media (min-width:1200px) and (max-width:1350px) {
  .dce-overlay-div p.description-text {
    line-height: 1.1;
  }
}

@media (min-width: 992px) and (max-width:1280px) {
  .dce-overlay-div p.header-text {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 3%;
    line-height: 1;
    font-size: 24px;
  }

  .dce-overlay-div p.description-text {
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 3%;
    line-height: 1;
    font-size: 18px;
  }
}

@media (min-width:768px) and (max-width:1300px) {
  .tab-category li:not(:first-of-type) {
    margin-bottom: 12px;
  }

  .inner-left-col ul li {
    width: 160px;
  }

  .myaccess-menu-tab-inner .product-img-wrapper {
    height: auto;
    min-height: initial;
  }
}

@media (min-width:768px) and (max-width:890px) {
  .inner-left-col .tab-category {
    padding-left: 0px;
    width: 150px;
  }

  .inner-left-col ul li {
    min-width: 150px;
  }
}

@media (min-width:1800px) {
  /*
  .myaccess-middle-nav ul.flat-nav {
    margin-left: 40px;
  }

  .myaccess-middle-nav ul.flat-nav li {
    margin-right: 25px;
  }*/

  .flat-nav .flat-nav-item:first-of-type a::before {
    left: -10px;
  }

  .flat-nav .flat-nav-item:not(:first-of-type) a::before {
    left: -11px;
  }

  .tab-category {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 640px) and (min-width: 1px) {
  section.location ul.location-selector li {
    width: 50%;
  }
}

section.wireless-coveragemap #map_canvas {
  width: 100%;
  height: 600px;
}

section.wireless-coveragemap #search-panel {
  margin-bottom: 15px;
}

section.wireless-coveragemap #coverage-note {
  margin-top: 15px;
  font-size: 12px;
}

@media only screen and (min-width: 1px) and (max-width: 640px) {
  section.wireless-coveragemap #map_canvas {
    height: 300px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1179px) {
  section.wireless-coveragemap #map_canvas {
    height: 400px;
  }
}

@media (min-width:1921px) {
  .content-banner {
        background-size: 100% auto;
  }

  .content-banner .default-inner-content {
    height: calc(100vw *0.28);
  }
}

/* contentherobg styles */
@media (min-width:1950px) {


  .main-content > .row.row-layout-1 > div, .main-content > .row.row-layout-2 > div, .main-content > .row.row-layout-3 > div, .main-content > .row.row-layout-4 > div {
    max-width:100%;
    margin-left:auto !important;
    margin-right:auto !important;

  }

  .content-banner .template-section-nav {
    top: calc(100vw *0.01);
  }

  .main-content > .pi1-gridelements-row > div > *, .main-content > .frame-type-gridelements_pi1.frame-layout-0 {
    max-width: 1850px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

}

@media (min-width:2150px) and (max-width:2299px) {
  .content-banner .template-section-nav {
    top: calc(100vw *0.025);
  }
}

@media (min-width:2300px) and (max-width:2399px) {
  .content-banner .template-section-nav {
    top: calc(100vw *0.045);
  }
}

@media (min-width:2400px) {
  .content-banner .template-section-nav {
    top: calc(90vw *0.06);
  }
}

/** end contentherobg styles */
