.header-logo-container img{
  max-width:52px;
  margin-right: 10px;
}

.header-logo-container a{
  text-decoration:none;
  color:#343B42;
  font-family:'Commissioner', Open Sans, Arial;
}

#ste_container_ciUtilityNavigation,
#ste_container_ciSocialIcons{
  display:inline-block;
  vertical-align: middle;
}

#ste_container_ciSocialIcons{
  margin: 0px 0px 0px 12px;
}

#ste_container_ciHighlightedLinks,
#ste_container_ciPrimaryNavigation,
#ste_container_ciLogin{
  display:inline-block;
  vertical-align:middle;
}
#ste_container_ciHighlightedLinks{
  margin-top: 5px;
}

#ste_container_ciPrimaryNavigation{
  float:right;
}


.buttonLinks a{
  display: table!important;
  vertical-align:middle;
  min-height:45px;
  color:#fff;
  text-decoration:none;
  width:145px;
  white-space: break-spaces;
  font-size:14px;
  line-height:16px;
  font-family:'Commissioner', Open Sans, Arial;
  background-color:#525E68;
  border-radius:3px;
  padding-left:45px;
  margin-right: 7px;
}

.buttonLinks a .nav-text{
  display: table-cell;
  vertical-align:middle;
}

.buttonLinks .pd a,
.buttonLinks .pd a:visited{
  background:#525E68 url(../assets/pd-02a54300.svg) no-repeat 12px center;
  background-size: 26px;
}

.buttonLinks .pd a:hover,
.buttonLinks .pd a:focus{
  background-color:#0B7FF4;
}

.buttonLinks .mem a,
.buttonLinks .mem a:visited{
  background:#525E68 url(../assets/mem-375adad4.svg) no-repeat 12px center;
  background-size:25px 25px;
}

.buttonLinks .mem a:hover,
.buttonLinks .mem a:focus{
  background-color:#00D3AA;
}

.buttonLinks .adv a,
.buttonLinks .adv a:visited{
  background:#525E68 url(../assets/adv-37c12ad5.svg) no-repeat 12px center;
  background-size:25px 25px;
}

.buttonLinks .adv a:hover,
.buttonLinks .adv a:focus{
  background-color:#FFBB12;
}

.row#InternalArea{
  margin:0;
  background-color:#8073F9;
}

#InternalArea h2{
  color:#fff;
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
  border:0;
  padding: 10px 15px;
  margin: 0px auto;
  max-width: 1350px;
}

.socials a,
.socials a:visited{
  display:block;
  float:left;
  width:30px;
  margin-right:5px;
}

.socials a:hover,
.socials a:focus{
  opacity:0.6;
}

.UtilityAuthenticationLink{
  text-decoration:none;
  color:#fff!important;
  background-color:#343B42;
  font-size:14px;
  font-family:'Commissioner', Open Sans, Arial;
  padding: 6px 13px;
  border-radius:3px;
}

.header-search input[type="text"]{
  background:none;
  padding-left:10px!important;
  border-radius:0px;
  border-color:#525E68;
  color:#BFBFBF;
  font-family:'Commissioner', Open Sans, Arial;
  font-size:14px;
  width:300px;
}

.header-search input[type="text"]:focus{
    color:#525E68;
}

.header-search .SimpleSearchBlock:before{
  content:'';
  display:inline-block;
  width: 40px;
  height: 25px;
  background-image:url(../assets/search-grey-d0ad2c1e.svg);
  background-size: 25px;
  background-repeat:no-repeat;
  background-position:center;
  vertical-align:middle;
}

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

  .header-logo-container {
      max-width:30%;
  }

  .header-logo-container span{
    display:block;
    text-align:center;
    line-height:1.2;
    margin-top:5px;
    max-width: 200px;
    width: 100%;
  }

  .header-logo-container img {
      max-width: 52px;
      margin: 0px auto;
      display: block;
  }

  .header-search input[type="text"]{
    width:170px;
  }

  .navbar-header {
      float: right;
      margin-top: 26px;
  }

}


@media(min-width:768px){
  #ste_container_ciPrimaryNavigation .hlink{
    display: none!important;
  }

}

@media(max-width:767px){
  .header-logo-container img{
    max-width: 65px;
    display: inline-block;
  }

  .header-logo-container span{
    display: inline-block;
    width: 60%;
    vertical-align:middle;
    text-align:left;
  }

  .header-logo-container {
    max-width: 300px;
    margin: 0px auto;
    float: none;
    display: block;
    text-align:center;
  }

  .OnBehalfOf,
  .UtilitySTEToggle{
    display:none;
  }

  #ste_container_ciSocialIcons{
    display:block;
    margin: 10px auto;
  }

  .navbar-header {
      float: none;
      margin-top: 6px;
      text-align: center;
  }

  #ste_container_ciHighlightedLinks{
    display:none;
  }

  #ste_container_ciPrimaryNavigation {
      float: none;
      width: 100%;
  }

  .header-bottom-container {
      background-color: #fff;
      min-height:auto;
  }

  .socials a, 
  .socials a:visited {
      margin:0px 3px!important;
  }

  .header-search .SimpleSearchBlock:before{
    display:none;
  }

  .header-search input[type="text"]{
    background:none;
    padding-left:40px!important;
    border-radius:0px;
    border-color:#BFBFBF;
    color:#BFBFBF;
    background-image:url(../assets/search-white-1f86a405.svg);
    background-repeat:no-repeat;
    background-size:23px;
    background-position:10px center;
    font-family:'Commissioner', Open Sans, Arial;
    font-size:14px;
    width:300px;
  }

  .header-search input[type="text"]:focus{
    color:#BFBFBF;
  }

  .search-container {
      display: block;
      padding: 0px;
  }

}

#ft .footer-content .container{
  max-width:720px;
}

.footer-content h1,
.footer-content h2,
.footer-content h3,
.footer-content h4,
.footer-content h5,
.footer-content h6{
  color:#fff;
}

.footer-content{
  position:relative;
}

.footer-content:after{
  content:'';
  position:absolute;
  height:1px;
  background-color:#A3A7AA;
  left:20px;
  right:20px;
  bottom:0;
}

.footer-links{
  font-family:'Commissioner', Open Sans, Arial;
  color:#A3A7AA;
  padding-top:18px;
}

.footer-links .f-logo{
  color:#fff;
  font-weight:600;
  font-size:10px;
  max-width:7%;
  margin-right: 5%;
}

.footer-links .links{
  padding-top:30px;
  max-width:990px;
  margin:0px auto;
  display: block;
}

.footer-links .links .col-sm-2{
  width: 18%;
}

.footer-links .links .subscribe.col-sm-2{
  width: 28%;
}

.footer-links .f-logo img{
  display:block;
  margin-bottom:10px;
}

.footer-links h3{
  color:#8073F9;
  text-transform:uppercase;
  font-size:14px;
  font-weight:400;
  margin-bottom:20px;
  display:block;
}

.footer-links ul{
  list-style:none;
  padding:0;
}

.footer-links ul a,
.footer-links ul a:visited{
  color:#fff;
  text-decoration:none;
  display:block;
  margin: 10px 0px;
  font-size:14px;
}

.footer-links ul a:hover,
.footer-links ul a:focus{
  color:#8073F9;
}

.footer-nav-copyright{
  text-align:center;
  color:#A3A7AA;
  font-family:'Commissioner', Open Sans, Arial;
  font-size:14px;
  padding: 20px 0px 5px 0px;
}

.footer-nav-copyright .socials{
  display:block;
  float:right;
}

@media(min-width:768px) and (max-width:1305px){
  .footer-links .f-logo{
      max-width:100%;
      float:none;
      width: 100%;
  }

  .footer-links .f-logo img {
      display: inline-block;
      margin-right: 10px;
      max-width:60px;
  }


  .footer-links .links{
    padding-top:10px;
  }

}

@media(max-width:767px){
  .footer-links .links .col-sm-2,
  .footer-links .links .subscribe.col-sm-2,
  .footer-links .f-logo {
      width: 100%;
      max-width: 100%;
  }

  .footer-content img{
    max-width: 100px!important;
   
  }

  .footer-content h1{
    margin-top:10px;
  }
  
  .footer-links .f-logo{
    text-align: left;
    font-size: 14px;
  }

  .footer-links .f-logo img{
    max-width:100px;
    display:block;
    margin: 0px 0px 10px 0px;
  }

  .footer-links h3 {
      font-size: 16px;
      margin-top:40px;
  }

  .footer-links .col-sm-2:first-child h3{
    margin-top:0;
  }

  .footer-nav-copyright{
    text-align:left;
  }

  .footer-nav-copyright .socials{
    display:block;
    float:left;
    margin:10px 0px;
  }

}

.GreenButton,
.GreenButton:visited{
  background-color:#00D3AA;
  border-color:#00D3AA;
}

.GreenButton:hover,
.GreenButton:focus{
  background-color:#66DAC4;
  border-color:#66DAC4;
}


.BlueButton,
.BlueButton:visited{
  background-color:#0B7FF4;
  border-color:#fff;
}

.BlueButton:hover,
.BlueButton:focus{
  background-color:#6DB2F8;
  border-color:#fff;
}

.YellowButton,
.YellowButton:visited{
  background-color:#FFBB12;
  border-color:#FFBB12;
}

.YellowButton:hover,
.YellowButton:focus{
  background-color:#FCCA59;
  border-color:#FCCA59;
}

.row.padding60{
  padding-top:60px;
  padding-bottom:60px;
}

.HomePageFullWidthArea .panel-body, 
.HomePageFullWidthArea .PanelBody {
    padding: 0px;
}

.HomePageFullWidthArea .panel, 
.HomePageFullWidthArea .StandardPanel {
    border:0px;
}

.HomePageFullWidthArea{
  position:relative;

}

.HomePageFullWidthArea .carousel-inner.bg-img > .item{
  clip-path: polygon(0 0, 100% 0%, 100% 66%, 0% 100%);
}

.HomePageFullWidthArea .carousel-control{
  display:none;
}

.HomePageFullWidthArea .carousel-indicators{
  left:23%;
  bottom: 25%;
  padding: 0px;
  text-align: left;
  margin: 0;
}

.carousel-indicators li,
.carousel-indicators .active{
  width:13px;
  height:13px;
  border-radius:13px;
  margin:0px 6px 0px 0px;
}

.HomePageFullWidthArea .carousel-caption {
    position: absolute;
    left: 23%;
    right: 15%;
    bottom: auto;
    top: 10%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5,
.carousel h6 {
    font-family:'Commissioner', Open Sans, Arial;
    font-weight: 500;
    color: #2E353A;
}

.carousel h1{
  font-size: 30px;
  font-family:'Commissioner', Open Sans, Arial;
  font-weight:400;
  line-height:44px;

}

.carousel h5{
  font-size:12px;
  font-weight: 800;
  text-transform:uppercase;
  margin:0px 0px 10px 2px;
}

.carousel-inner.bg-img > .item.overlay-purp:before{
  display:block;
  content:'';
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  background: rgb(128,115,249);
  background: -moz-linear-gradient(90deg, rgba(128,115,249,0.5) 0%, rgba(128,115,249,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(128,115,249,0.5) 0%, rgba(128,115,249,0) 100%);
  background: linear-gradient(90deg, rgba(128,115,249,0.5) 0%, rgba(128,115,249,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8073f9",endColorstr="#8073f9",GradientType=1);
}

.carousel-inner.bg-img > .item.overlay-dark:before{
  display:block;
  content:'';
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  background: rgba(42,50,63,0.5);
}

.Wrapper-HomePage .HomePageFullWidthArea:after{
    display:block;
    content:'';
    position:absolute;
    top:40%;
    right:0;
    left:auto;
    width:300px;
    height: 312px;
    background: rgba(52,59,66,0.5);
    clip-path: polygon(0 0, 100% 100%, 100% 23%);
}

.white-text .carousel-caption,
.white-text .carousel-caption h1,
.white-text .carousel-caption h2,
.white-text .carousel-caption h3,
.white-text .carousel-caption h4,
.white-text .carousel-caption h5,
.white-text .carousel-caption h6{
  color:#fff;
}

.HomePageFullWidthArea .carousel-caption:before{
  display:block;
  content:'';
  width: 105px;
  height: 98.44px;
  background-image:url(../assets/b-icon-blue-4678e1ee.png);
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  top: 37px;
  left:-135px;
  z-index:3000;
}

.HomePageFullWidthArea .white-text .carousel-caption:before{
  background-image:url(../assets/b-icon-white-734b3d25.png);
}


@media(min-width:768px) and (max-width:1030px){
  .HomePageFullWidthArea .carousel-caption {
      position: absolute;
      left: 13%;
      right: 10%;
  }

  .HomePageFullWidthArea .carousel-caption:before{
    display:block;
    content:'';
    width: 60px;
    height: 55.68px;
    background-image:url(../assets/b-icon-blue-4678e1ee.png);
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top: 37px;
    left:-75px;
    z-index:3000;
  }

  .HomePageFullWidthArea:after{
      top:60%;
      width:200px;
      height: 212px;
  }

  .HomePageFullWidthArea .carousel-indicators {
      left: 13%;
  }

}

@media(max-width:767px){
  .HomePageFullWidthArea .carousel-caption{
      left:15px; right:15px;
  }

  .HomePageFullWidthArea:after{
      top: 70%;
      width:100px;
      height: 200px;
  }

  .HomePageFullWidthArea .carousel-indicators{
    left:15px;
    bottom: 15%;
  }


  .HomePageFullWidthArea .carousel-inner.bg-img > .item{
    clip-path: polygon(0 0, 100% 0%, 100% 86%, 0% 100%);
  }
  
  .carousel-inner.bg-img > .item.overlay-purp:before{
    display:block;
    content:'';
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    background: rgba(128,115,249,0.4);
    }

  .carousel-inner.bg-img > .item.overlay-purp .carousel-caption,
  .carousel-inner.bg-img > .item.overlay-purp .carousel-caption h1,
  .carousel-inner.bg-img > .item.overlay-purp .carousel-caption h5{
    color:#fff;
  }

  .HomePageFullWidthArea .carousel-caption:before{
    display:none;
  }
}



.split-two{
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
   column-gap: 40px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
   column-count: 2;
   margin-bottom:20px;
}

.split-three{
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
   column-gap: 40px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
   column-count: 3;
   margin-bottom:20px;
}

@media(max-width:767px){
  .split-two,
  .split-three{
    -webkit-column-count: 1;
    -moz-column-count: 1;
     column-count: 1;
     margin-bottom:5px;
  }
}

.Wrapper-FullWidth #masterContentArea,
.Wrapper-FullWidth #masterContentArea .row.full{
  max-width:10000px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.Wrapper-FullWidth #masterContentArea .row,
.Wrapper-FullWidth #masterContentArea .row .content{
  max-width: 720px;
  margin:0px auto;
}

.green-slash{
  position:relative;
}

.green-slash:before{
  position:absolute;
  display:block;
  content:'';
  top: 0;
  right:0;
  left:0;
  bottom:-1px;
  background:#00D3AA;
  clip-path: polygon(0% 88%, 100% 33%, 100% 100%, 0% 100%);
}

.grey-slash{
  position:relative;
  background:#5A6772;
  color:#fff;
  padding-bottom:0!important;
  margin-bottom: 135px!important;
}

.grey-slash h1,
.grey-slash h2,
.grey-slash h3,
.grey-slash h4,
.grey-slash h5,
.grey-slash h6,
.purple-slash h1,
.purple-slash h2,
.purple-slash h3,
.purple-slash h4,
.purple-slash h5,
.purple-slash h6{
  color:#fff;
}

.grey-slash:before{
  position:absolute;
  display:block;
  content:'';
  right:0;
  left:0;
  bottom: -199px;
  height: 200px;
  width:100%;
  background:#5A6772;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 1%);
}

.yellow-slash{
  position:relative;
  margin:100px 0px!important;
}

.yellow-slash:before{
  position:absolute;
  display:block;
  content:'';
  right:0;
  left:0;
  bottom: -100px;
  height: 60%;
  width: 100%;
  background:#FFBB12;
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
}

.purple-slash{
  position:relative;
  background:#8073F9;
  color:#fff;
  padding-top: 0px!important;
}

.purple-slash:before{
  position:absolute;
  display:block;
  content:'';
  right:0;
  left:0;
  top: -140px;
  height: 200px;
  width:100%;
  background:#8073F9;
  clip-path: polygon(0% 0%, 100% 68%, 100% 100%, 0% 101%);
}

.img-slash{
  display:block;
  position:relative;
  margin:0px auto;
  max-width:720px;
  width:100%;
  height:370px;
  background-position:center;
  background-size:cover;
}

.img-slash.blue{
  margin: 54px auto 30px auto;
  width:100%;
  height:360px;
}

.img-slash.yellow{
  margin: 54px auto 30px auto;
  width:100%;
  height:445px;
  overflow:hidden;
}

.img-slash.green:before{
  position:absolute;
  display:block;
  content:'';
  top:0;
  right:0;
  left:0;
  bottom:0;
  background: rgba(0,211,170,0.7);
  clip-path: polygon(0% 0%, 100% 0%, 100% 54%, 0% 93%);
}

.img-slash.blue:before{
  position:absolute;
  display:block;
  content:'';
  top:0;
  right: -1px;
  left:0;
  bottom:0;
  background:rgba(11,127,244,0.7);
  clip-path: polygon(0% 75%, 100% 60%, 100% 100%, 0% 100%);
  background-image:url(../assets/pd-grid-icon-ffc4fd2b.png);
  background-position: 92% 84%;
  background-repeat:no-repeat;
  background-size: 80px;
}

.img-slash.yellow:before{
  position:absolute;
  display:block;
  content:'';
  top:0;
  right: -1px;
  left: -1px;
  bottom:0;
  background:rgba(255,187,18,0.7);
  clip-path: polygon(0% 45%, 100% 73%, 100% 100%, 0% 100%);
  background-image:url(../assets/adv-grid-icon-1d4f012d.png);
  background-position: 20% 89%;
  background-repeat:no-repeat;
  background-size: 80px;
}

.green-slash .iMIS-WebPart > .ContentItemContainer, 
.green-slash .WebPartZone > .ContentItemContainer {
    margin-bottom:0px;
    display: block;
}

.img-slash.green .text-block{
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  width: 28%;
  background-color:rgba(42,50,63,0.75);
  color:#fff;
  padding:10px;
  height: 65%;
  clip-path: polygon(0% 18%, 100% 0%, 100% 100%, 0% 100%);
  background-image:url(../assets/mem-grid-icon-0bb1c8f7.png);
  background-repeat:no-repeat;
  background-position: 20px 45px;
}

.img-slash.blue .text-block{
  display:block;
  position:absolute;
  left:0;
  bottom:auto;
  top: 51%;
  width: 55%;
  background-color:rgba(42,50,63,0.75);
  color:#fff;
  padding: 20px 15px 15px 15px;
  clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 100%);
}

.img-slash.yellow .text-block{
  display:block;
  position:absolute;
  right:0;
  bottom:0;
  width: 55%;
  background-color:rgba(42,50,63,0.75);
  color:#fff;
  padding: 30px 0px 5px 10px;
  clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 100%);
}

.img-slash.yellow h2{
  color:#fff;
}

.img-slash.green h2{
  position:absolute;
  bottom:0;
  display:block;
  color:#fff;
  left:20px;
  right:auto;
  text-align: center;
  bottom: 5px;
}

.img-slash.blue h2{
  line-height: 1.2;
}

@media (max-width:319px){
  .green-slash:before{
    clip-path: polygon(0% 84%, 100% 51.3%, 100% 100%, 0% 100%);
  }

  .img-slash.green .text-block{
    width: 76%;
    background-position: 20px 125px;
    background-size: 65px;
    clip-path: polygon(0% 55%, 100% 6%, 100% 100%, 0% 100%);
  }

  .img-slash.blue .text-block{
    top: 51%;
    width: 75%;
  }

}


@media(min-width:320px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 84%, 100% 51.3%, 100% 100%, 0% 100%);
  }

  .img-slash.green .text-block{
    width: 65%;
    background-position: 20px 110px;
    clip-path: polygon(0% 48%, 100% 4%, 100% 100%, 0% 100%);
  }

    .img-slash.blue .text-block{
    top: 51%;
    width: 75%;
  }
}

@media(min-width:360px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 84%, 100% 52%, 100% 100%, 0% 100%);
  }

    .img-slash.blue .text-block{
    top: 51%;
    width: 55%;
  }
}

@media(min-width:375px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 83.7%, 100% 51.8%, 100% 100%, 0% 100%);
  }

      .img-slash.blue .text-block{
    top: 51%;
    width: 55%;
  }
}


@media(min-width:414px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 83.6%, 100% 52%, 100% 100%, 0% 100%);
  } 


  .img-slash.green .text-block{
    width: 46%;
    background-position: 20px 93px;
    background-size: 65px;
    clip-path: polygon(0% 38%, 100% 6%, 100% 100%, 0% 100%);
  }

        .img-slash.blue .text-block{
    top: 51%;
    width: 55%;
  }
}

@media(min-width:568px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 83.4%, 100% 52%, 100% 100%, 0% 100%);
  } 

        .img-slash.blue .text-block{
    top: 51%;
    width: 55%;
  }
}


@media(min-width:640px) and (max-width:767px){
  .green-slash:before{
    clip-path: polygon(0% 83%, 100% 52%, 100% 100%, 0% 100%);
  }

    .img-slash.green .text-block{
    width: 30%;
    height: 83%;
    background-position: 20px 117px;
    clip-path: polygon(0% 38%, 100% 22%, 100% 100%, 0% 100%);
  }

        .img-slash.blue .text-block{
    top: 51%;
    width: 40%;
  }
}


@media(min-width:768px){
  .green-slash:before{
    clip-path: polygon(0% 83.5%, 100% 52%, 100% 100%, 0% 100%);
  }
}


@media(min-width:812px){
  .green-slash:before{
    clip-path: polygon(0% 84.4%, 100% 51%, 100% 100%, 0% 100%);
  }
}


@media(min-width:823px){
  .green-slash:before{
    clip-path: polygon(0% 84.5%, 100% 50.7%, 100% 100%, 0% 100%);
  }
}


@media(min-width:1024px){
  .green-slash:before{
    clip-path: polygon(0% 88.8%, 100% 46.5%, 100% 100%, 0% 100%);
  }
}

@media(min-width:1114px){
  .green-slash:before{
    clip-path: polygon(0% 90.5%, 100% 44.5%, 100% 100%, 0% 100%);
  }
}

@media(min-width:1280px){
  .green-slash:before{
    clip-path: polygon(0% 95%, 100% 40.2%, 100% 100%, 0% 100%);
  }
}

@media(min-width:1366px){
  .green-slash:before{
    clip-path: polygon(0% 95.5%, 100% 39.5%, 100% 100%, 0% 100%);
  }
}

@media(min-width:1920px){
  .green-slash:before{
    clip-path: polygon(0% 95.5%, 100% 39.5%, 100% 100%, 0% 100%);
  }
}

@media(min-width:2560px){
  .green-slash:before{
    clip-path: polygon(0% 92.5%, 100% 30.5%, 100% 100%, 0% 100%);
  }

  .img-slash.green:before{
    clip-path: polygon(0% 0%, 100% 0%, 100% 54%, 0% 77%);
  }

  .img-slash.green .text-block{
    clip-path: polygon(0% 24%, 100% 14%, 100% 100%, 0% 100%);
    height: 72%;
    background-position: 20px 80px;
  }
}

@media(min-width:768px) and (max-width:1000px){

  .grey-slash .col-sm-3{
    width:50%;
    margin-bottom:30px;
  }

}

@media(max-width:767px){
  .grey-slash{
    padding-bottom:5px!important;
    margin-bottom: 65px!important;
  }

  .grey-slash:before{
    bottom: -140px;
    height: 140px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, -1% 0%);
  }

  .grey-slash .col-sm-3{
    margin-bottom:30px;
  }

  .yellow-slash {
      position: relative;
      margin: 30px 0px!important;
  }

  .purple-slash:before{
    position:absolute;
    display:block;
    content:'';
    right:0;
    left:0;
    top: -98px;
    height: 140px;
    width:100%;
    background:#8073F9;
    clip-path: polygon(0% 0%, 100% 68%, 100% 100%, 0% 101%);
  }
  
}

@media(min-width:280px) and (max-width:420px){

  .img-slash.yellow .text-block{
    width: 65%;
  }

  .img-slash.yellow:before{
    background-position: 10% 80%;
    background-repeat:no-repeat;
    background-size: 80px;
  }


  .yellow-slash:before{
    position:absolute;
    display:block;
    content:'';
    right:0;
    left:0;
    bottom: -100px;
    height: 25%;
    width: 100%;
    background:#FFBB12;
    clip-path: polygon(0% 52%, 100% 0%, 100% 100%, 0% 100%);
  }
  
}

@media(max-width:767px){
  .hide-mob{
    display:none;
  }

  .Wrapper-HomePage #masterContentArea{
    margin-top:30px;
  }
}


.hero-page .InternalHeaderArea{
  max-width:1350px;
  margin:0px auto;
}

.hero-page .row#InternalArea{
  margin:0;
  padding: 25px 140px 25px 0px;
  display: inline-block;
  position:relative;
}

.hero-page .row#InternalArea:after{
  display:block;
  content:'';
  width:60px;
  height:60px;
  background-image:url(../assets/hero-icon-477d42a4.png);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
  right:30px;
  top:50%;
  transform:translateY(-50%);
}

.hero-page #InternalArea h2{
  font-size:40px;
  font-weight:100;
  line-height: 40px;
  padding: 0;
}

.hero-page.green .row#InternalArea{
    background-color:#00D3AA;
}

.hero-page.blue .row#InternalArea{
    background-color:#0B7FF4;
}

.hero-page.yellow .row#InternalArea{
    background-color:#FFBB12;
}


.hero-page.green .buttonLinks .mem a,
.hero-page.green .buttonLinks .mem a:visited{
  background-color:#00D3AA;
}

.hero-page.yellow .buttonLinks .adv a,
.hero-page.yellow .buttonLinks .adv a:visited{
  background-color:#FFBB12;
}


.hero-page.blue .buttonLinks .pd a,
.hero-page.blue .buttonLinks .pd a:visited{
  background-color:#0B7FF4;
}


.text-box h3{
  display:block;
  padding:10px;
  color:#fff;
  background-color:#0B7FF4;
  margin: 0;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:16px;
  font-weight:600;
}

.text-box.grey h3{
  display:block;
  padding:10px;
  color:#fff;
  background-color:#343b42;
  margin: 0;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:16px;
  font-weight:600;
}

.text-box.blue h3{
  display:block;
  padding:10px;
  color:#fff;
  background-color:#0B7FF4;
  margin: 0;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:16px;
  font-weight:600;
}

.text-box p{
  padding:15px;
  font-size: 12px;
  line-height: 24px;
  margin: 0;
}

.text-box.green h3{
    background-color:#00D3AA;
}

.text-box.yellow h3{
    background-color:#FFBB12;
}

.text-box h6{
   padding:0px 15px;
}





/* OAMRS CUSTOM */



/****
OAMRS custom Start
****/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url(http://fonts.googleapis.com/css?family=Commissioner:300,400,500);


.OMRwrap {
    -webkit-font-smoothing: antialiased;
    /*background-color: #f9fcfd; 
    background-color:#f5f6f7 ;*/
    padding: 40px 0;
    margin:  8px;
}

.OMRcard {
    min-height: 522px;
    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
}

/* banding sets where columns respond*/

.OMRband {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
  align-items: center;
  justify-content: center;  
  }

.OMRbandMembershipGroup {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
  align-items: center;
  justify-content: center;  
  }


@media only screen and (min-width: 200px) {
  .OMRband {
    grid-template-columns: 1fr;
  }  
  .item-1 {
  grid-column: 1/ span 1;
  }
  .OMRbandMembershipGroup {
    grid-template-columns: 1fr;
  }
   
}


@media only screen and (min-width: 1352px) {
  .OMRband {
    grid-template-columns: 1fr 1fr ;
  }
   .item-1 {
  grid-column: 1/ span 1;
  }
   .item-2 {
  grid-column: 2/ span 1;
  }
  .OMRbandMembershipGroup {
    grid-template-columns: 1fr 1fr;
  }
  
}

@media only screen and (min-width: 1920px) {
  .OMRband {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .OMRbandMembershipGroup {
    grid-template-columns: 1fr 1fr;
  }
   .item-1 {
  grid-column: 1/ span 1;
  }
   .item-2 {
  grid-column: 2/ span 1;
  }
  .item-3 {
  grid-column: 3/ span 1;
  }
} 

/* card spacing */

.OMRcard article {
  /*display: flex;*/  
  flex: 1;
  justify-content: space-between;
  flex-direction: column;

  
} 

.OMRcard a {
    color: #00d3aa;
    text-decoration: none;
    font-family: "Commissioner";
}

.OMRcard:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}


/* membership groups card TOP CONTENT */

.OMRcard__circle {
    position: absolute;
    box-sizing: border-box;
    top: 16px;
    left: 20px;
    width: 36px;
    height: 36px;
    padding-top: 7px;
    background-color: 00d3aa;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 13px;
}

.material-icons {
    font-size:24px;
    color:white;
}

.OMRcard__date__day {
    font-size: 15px;
    colour: #FFF;
}

.OMRcard__tag {
    text-transform: uppercase;
    font-family: "Commissioner";
    font-weight: 500;
    font-size: 12px;
    letter-spacing:  0.1em;
    text-align: left;
    color: #fff;
    display:  inline-block;
    padding:  26px 0 0 70px;
}

.OMRcard__display {
   font-family: "Commissioner";
   font-weight: 500;
   font-size: 56px;
   letter-spacing:  -0.02em;
   text-align: left;
   color: #fff;
   display:  inline-block;
   padding:  2px 0 0 20px;
}


/* Membership groups CARD IMAGE not used */

.OMRcard__thumb {
    height: 245px;
    overflow: hidden;
    background-color: #343b42;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.OMRcard__thumbMembership {
    height: 0px;
}


.OMRcard:hover .OMRcard__thumb {
    height: 130px;
}


.OMRcard:hover .card__thumb img {
    opacity: 0.6;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


/* Membership groups and membership cards Bottom Content */

.OMRcard__body {
    position: relative;
    box-sizing: border-box;
    height: 185px;
    padding: 14px 20px 20px 20px;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
}

.OMRcard:hover .OMRcard__body {
    height: 300px;
}

.OMRcard__category {
    position: absolute;
    top: -25px;
    left: 0;
    height: 25px;
    padding: 0 15px;
    background-color: coral;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 25px;
}

.OMRcard__title {
    font-family: "Commissioner";
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    letter-spacing:  -0.03em;
    text-align: left;
    margin: 0;
    padding: 0 0 12px 0;
    color: #343b42;
}

.OMRcard__tagMembership {
    color: #343b42;
    text-transform: uppercase;
    font-family: "Commissioner";
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing:  0.1em;
    text-align: left;
    display:  inline-block;
    /*padding:  0px 0 0 0px;*/
}

.OMRcard__MembershipPrice {
    font-family: "Commissioner";
    font-weight: bold;
    font-weight: 400;
    font-size: 26px;
    line-height: 0px;
    letter-spacing:  -0.03em;
    text-align: left;
    padding: 12px 0 0 0px;
    color: #343b42;
}

.OMRcard__MembershipTitle {
    font-family: "Commissioner";
    font-weight: bold;
    font-weight: 400;
    font-size: 42px;
    line-height: 44px;
    letter-spacing:  -0.03em;
    text-align: left;
    padding: 20px 0 10px 0px;
    color: #00d3aa;
}

.OMRcard__BenefitTitle {
    text-transform: uppercase;
    font-family: "Commissioner";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing:  0.1em;
    text-align: left;
    display:  block;
    /*padding:  0px 0 0px 0px;*/
    color: #7e8e9b;
}

.OMRcard__BenefitDescription {
    font-family: "Commissioner";
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing:  0.1em;
    text-align: left;
    display:  block;
    padding:  0 0 16px 0;
    color: #343b42;
}

.OMRcard__MembershipSubtitle {
    margin:  0;
    padding: 0 0 0 30px;
    font-size:  18px;
    color: #00d3aa;
}

.OMRcard__tag {
    text-transform: uppercase;
    font-family: "Commissioner";
    font-weight: 500;
    font-size: 12px;
    letter-spacing:  0.1em;
    text-align: left;
    color: #fff;
    display:  inline-block;
    padding:  26px 0 0 20px;
}

.OMRcard__subtitle {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 18px;
    color: #00d3aa;
}

.OMRcard:hover .OMRcard__description {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.OMRbanner-wrap {
    position:relative;
}

.OMRbanner::after { 
    box-sizing: border-box;
    content: "";
    display:block;
    background: #00d3aa;
    width:200%;
    height:150px;
    position:absolute;
    left:-30%;
    top: 52px;
    z-index:0;
    transform: rotate(-5deg);
}

.OMRbutton {
  box-sizing: border-box;
  font-family: "Commissioner";
  font-weight: 500;
  letter-spacing:  0.01em;
  background-color: #343b42;
  border: none;
  padding: 8px;
  text-align: center;
  color: #FFF !important;
  display: inline-block;
  font-size: 16px;
  position: absolute;
    bottom: -114px;
    right: 0px;
  cursor: pointer;
  border-radius: 6px;
  z-index:  1;
} 

.OMRMembershipButton {
  box-sizing: border-box;
  font-family: "Commissioner";
  font-weight: 500;
  letter-spacing:  0.01em;
  background-color: #343b42;
  border: none;
  padding: 8px;
  text-align: center;
  color: #FFF !important;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  border-radius: 6px;
} 




/*  membership benefits big callouts cards  */

.OMRbenefitswrap {
    -webkit-font-smoothing: antialiased;
    /*background-color: #f9fcfd; 
    background-color:#f5f6f7 ;*/
    padding: 40px 0;
    margin:  8px;
}


.OMRbandbenefits {
  width: 68%; 
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
  align-items: center;
  justify-content: center; 
}

@media only screen and (max-width: 1040px) {
  .OMRbandbenefits {
    display: grid;
    grid-template-columns: 1fr;
    padding: 1em;
    grid-row-gap: 100px;
    width:  80%;
  }
  .OMRbenfitscard {
    min-height: 240px;
}
}


@media only screen and (max-width: 1650px) {
  .OMRbandbenefits {
    width:  80%;
  }
}


/*
@media only screen and (min-width: 1000px) {
  .OMRbandbenefits {
    grid-template-columns: 1fr;
    width: 90%;
  }
}


@media only screen and (min-width: 1352px) {
  .OMRband {
    grid-template-columns: 1fr 1fr ;
  }
   .callout-1 {
  grid-column: 1/ span 1;
  }
   .callout-2 {
  grid-column: 2/ span 1;
  }
  .OMRbandbenefits {
  grid-template-columns: 1fr;
  width: 90%;
  }   
}



@media only screen and (min-width: 1920px) {
  
   .OMRbandbenefits {
  grid-template-columns: 1fr 1fr 1fr;
  }

   .callout-1 {
  grid-column: 1/ span 1;
  }
   .callout-2 {
  grid-column: 2/ span 1;
  }
  .callout-3 {
  grid-column: 3/ span 1;
  }
} 
*/

  .OMRbenfitscard {
    justify-content: center;
    align-items: center;
    min-height: 420px;
    background: white;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
    border-radius: 8px;
    padding-top: 20px;
} 


.OMRbenefitscard__icon {
    padding: px 0 0 0px; 
    width: 40px; 
    height:auto;
    display: block;
    position:relative;
    left:50%;
    transform:translate(-50%,-50%)

}

.OMRbenfitscard__BenefitTitle {
    font-family: "Commissioner";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing:  .01em;
    text-align: center;
    display:  block;
    padding:  0 0 16px 0;
    color: #343b42;
}

.OMRbenfitscard__BenefitDescription {
    font-family: "Commissioner";
    font-size: 14px;
    line-height: 20px;
    letter-spacing:  -0.05em;
    text-align: center;
    display:  block;
    padding:  0 0 16px 0;
    color: #343b42;
}

.OMRbenfitscard__benefitsLink {
    font-size:  16px;
    color: #00d3aa;
    text-align: center;
    align-items: center;
}


/*small callouts on membership benefits page */
.banner-container {
        
        height: 600px;
        display: flex;
    }

      .banner-item {
        font-size: 7vw;
        margin: auto;
    }

      .callout-container {
        max-width: 1000px;
        padding: 20px 20px 20px 20px;
        margin: 30px auto 0 auto;
    }

      .callout {
        box-sizing: border-box;
        flex-basis: 28%;
        padding: 20px;
        margin-bottom: 5px;
    }

      .OMRcallout__icon {
        padding-bottom: 10px;
        display: inline-block;
        width: 40px;
        height: auto;
        vertical-align: middle;
        color: #2597dd; 
    }

      .OMRcallout__title {
        font-family: "Commissioner";
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        letter-spacing:  .01em;
        text-align: left;
        display:  block;
        padding:  0 0 16px 0;
        color: #343b42;
    }

    .OMRcallout__description {
        font-family: "Commissioner";
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        line-height: 20px;
        letter-spacing:  -0.05em;
        text-align: left;
        display:  block;
        padding:  0 0 16px 0;
        color: #343b42;
    }

      @media(min-width: 800px) {
        
        .callout-container {
          display: flex;
          justify-content: space-around;
          padding: 10px 10px 10px 10px;
        }
      }



      /*tabbed widget*/


.OMRtabwrap {
    -webkit-font-smoothing: antialiased;
    /*background-color: #f9fcfd; 
    background-color:#f5f6f7 ;*/
    padding-bottom: 40px;
    padding-top:10px;
    margin:  8px;
}


.OMRtabband {
  width: 60%; 
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 25px;
  align-items: top;
  justify-content: center; 
}

.tabBox {
    justify-content: center;
    align-items: center;
    min-height: 320px;
    flex-direction: column;
    flex-grow;
    border: 1px solid #e5e5e5;
    background: #FFF;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    padding-top: 20px;
    max-width: 100%;
} 


.tabs {
    max-width: 100%;
    float: none;
    list-style: none;
    padding: 0;
    margin:0px auto;
    /*border-bottom: 4px solid #ccc;*/
}
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: 33.3333%;
    color: #ccc;
    font-family: "Commissioner";
    font-size: 18px;
    font-weight: normal;
    letter-spacing:  0.01em;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    border-bottom: .5px solid #ccc;
    /*box-shadow: inset 0 4px #ccc;
   
    -webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}

.OMRtabTitle {
    font-family: "Commissioner";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing:  .01em;
    text-align: Left;
    display:  block;
    padding:  0 0 0px 0;
    color: #343b42;
}

.OMRtabdescription {
    font-family: "Commissioner";
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.01em;
    text-align: left;
    display: block;
    padding: 0 0 16px 0;
    color: #343b42;
}

.tabs label span {
    display: none;
}
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
/*
.tabs label:hover {
    color: #00d3aa;
    border-bottom: 4px solid #00d3aa;
}
*/

.tab-content {
    display: none;
    width: 80%;
    float: left;
    padding: 15px;
    padding-left:  60px;
    box-sizing: border-box;
    background-color:#ffffff;
}


.tabs [id^="tab"]:checked + label {
    background: #FFF;
    /*box-shadow: inset 0 4px #3498db;*/
    border-bottom: 4px solid #00d3aa;
    color: #00d3aa;
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}

.tabs [id^="tabITEM2"]:checked + label {
    background: #FFF;
    /*box-shadow: inset 0 4px #3498db;*/
    border-bottom: 4px solid #00d3aa;
    color: #00d3aa;
}
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
    display: block;
}

.tabs [id^="tabITEM3"]:checked + label {
    background: #FFF;
    /*box-shadow: inset 0 4px #3498db;*/
    border-bottom: 4px solid #00d3aa;
    color: #00d3aa;
}
#tab7:checked ~ #tab-content7,
#tab8:checked ~ #tab-content8,
#tab9:checked ~ #tab-content9 {
    display: block;
}

@media (min-width: 768px) {
    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }
    .tabs label span {
        display: inline-block;
    }
    .tabs {
    max-width:  100%;
    /*max-width: 850px;*/
    margin: 0px auto;
    }
}

/*tabbed widget end */
/*tabbed widget end */


/* Bootstap 5.0 compatibility */
.row > .content,
.row > .links {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

@media (min-width: 768px) {
  .col-sm-pull-6 {order: 1 !important;}
  .col-sm-push-6 {order: 2 !important;}
}

.Wrapper-FullWidth #masterContentArea .row, 
.Wrapper-FullWidth #masterContentArea .row .content {
  z-index: 100;
}

.OAMRSMenu a {

  padding:4px 8px;;background-color:#343B42;color:#FFF;border-radius:5px;text-decoration:none;margin-right: -6px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius:3px;
  border-top-right-radius: 3px;
  padding-bottom:6px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 6px;
  
  

}

.OAMRSMenuRightMargin a {

  padding:4px 8px;;background-color:#343B42;color:#FFF;border-radius:5px;text-decoration:none;margin-right: 2px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius:3px;
  border-top-right-radius: 3px;
  padding-bottom:6px;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 6px;
  
  

}


/****
OAMRS custom End
****/