/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.gradient-blue-blue {
  background-image: -webkit-linear-gradient(-125.38deg, #0077a0 0, #009de0 100%);
  background-image: -moz-linear-gradient(-125.38deg, #0077a0 0, #009de0 100%);
  background-image: -ms-linear-gradient(-125.38deg, #0077a0 0, #009de0 100%);
  background-image: -o-linear-gradient(-125.38deg, #0077a0 0, #009de0 100%);
  background-image: linear-gradient(215.38deg, #0077a0 0, #009de0 100%);
  background-color: #009de0;
}
.gradient-pink-purple {
  background-image: -webkit-linear-gradient(-130.99deg, #ee3d8b 0, #009de0 100%);
  background-image: -moz-linear-gradient(-130.99deg, #ee3d8b 0, #009de0 100%);
  background-image: -ms-linear-gradient(-130.99deg, #ee3d8b 0, #009de0 100%);
  background-image: -o-linear-gradient(-130.99deg, #ee3d8b 0, #009de0 100%);
  background-image: linear-gradient(220.99deg, #ee3d8b 0, #009de0 100%);
  background-color: #009de0;
}
.gradient-blue-green {
  background-image: -webkit-linear-gradient(-135deg, #00ac41 0, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #00ac41 0, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #00ac41 0, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #00ac41 0, #009de0 100%);
  background-image: linear-gradient(225deg, #00ac41 0, #009de0 100%);
}
.gradient-blue-purple {
  background-image: -webkit-linear-gradient(-132.84deg, #8246af 0, #009de0 100%);
  background-image: -moz-linear-gradient(-132.84deg, #8246af 0, #009de0 100%);
  background-image: -ms-linear-gradient(-132.84deg, #8246af 0, #009de0 100%);
  background-image: -o-linear-gradient(-132.84deg, #8246af 0, #009de0 100%);
  background-image: linear-gradient(222.84deg, #8246af 0, #009de0 100%);
}
.gradient-green-blue {
  background-image: -webkit-linear-gradient(-135deg, #00ac41 0%, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #00ac41 0%, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #00ac41 0%, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #00ac41 0%, #009de0 100%);
  background-image: linear-gradient(225deg, #00ac41 0%, #009de0 100%);
  background-color: #00ac41;
}
.gradient-purple-blue {
  background-image: -webkit-linear-gradient(-135deg, #8246af 0%, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #8246af 0%, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #8246af 0%, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #8246af 0%, #009de0 100%);
  background-image: linear-gradient(225deg, #8246af 0%, #009de0 100%);
  background-color: #8246af;
}
.gradient-turquoise-blue {
  background-image: -webkit-linear-gradient(-135deg, #00968f 0%, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #00968f 0%, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #00968f 0%, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #00968f 0%, #009de0 100%);
  background-image: linear-gradient(225deg, #00968f 0%, #009de0 100%);
  background-color: #00968f;
}
.gradient-teal-blue {
  background-image: -webkit-linear-gradient(-135deg, #0077a0 0%, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #0077a0 0%, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #0077a0 0%, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #0077a0 0%, #009de0 100%);
  background-image: linear-gradient(225deg, #0077a0 0%, #009de0 100%);
  background-color: #0077a0;
}
.gradient-pink-blue {
  background-image: -webkit-linear-gradient(-135deg, #ee3d8b 0%, #009de0 100%);
  background-image: -moz-linear-gradient(-135deg, #ee3d8b 0%, #009de0 100%);
  background-image: -ms-linear-gradient(-135deg, #ee3d8b 0%, #009de0 100%);
  background-image: -o-linear-gradient(-135deg, #ee3d8b 0%, #009de0 100%);
  background-image: linear-gradient(225deg, #ee3d8b 0%, #009de0 100%);
  background-color: #ee3d8b;
}
/* Background Gradients Start*/
.gradeGrey {
  background: linear-gradient(to right, #2c3e50, #bdc3c7);
}
.coolBlues {
  background: linear-gradient(to right, #6dd5ed, #2193b0);
}
.moonlitAstroid {
  background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
}
.darkOcean {
  background: linear-gradient(to right, #373b44, #4286f4);
}
.harvey {
  background: linear-gradient(to right, #1f4037, #99f2c8);
}
.morpheusDen {
  background: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
.flyHigh {
  background: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
}
.moonPurple {
  background: linear-gradient(to right, #4e54c8, #8f94fb);
}
.expresso {
  background: linear-gradient(to right, #ad5389, #3c1053);
}
.orangeCoral {
  background: linear-gradient(to right, #ff9966, #ff5e62);
}
.blueSkies {
  background: linear-gradient(to right, #56ccf2, #2f80ed);
}
.vanusa {
  background: linear-gradient(to right, #da4453, #89216b);
}
.pacificDream {
  background: linear-gradient(to right, #34e89e, #0f3443);
}
.frost {
  background: linear-gradient(to right, #000428, #004e92);
}
.blueGradient {
  background: linear-gradient(to right, #0e6ca2 0, #14a0c9 100%);
}
.greenGradient {
  background: linear-gradient(to right, #61b535 0, #177d30 100%);
}
/* Background Gradients End*/
.owl-carousel.owl-theme .owl-nav .owl-prev,
.owl-carousel.owl-theme .owl-nav .owl-next {
  color: #627798;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
  background: #d1e0ec;
}
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #009de0;
}
.socialconnect-wrapper .socialconnect-ul li a.linkedin {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-in-green.png);
}
.socialconnect-wrapper .socialconnect-ul li a.linkedinblue {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-in-blue.png);
}
.socialconnect-wrapper .socialconnect-ul li a.twitter {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-tw-green.png);
}
.socialconnect-wrapper .socialconnect-ul li a.twitterblue {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-tw-blue.png);
}
.socialconnect-wrapper .socialconnect-ul li a.facebook {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-fb-green.png);
}
.socialconnect-wrapper .socialconnect-ul li a.facebookblue {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-fb-blue.png);
}
.socialconnect-wrapper .socialconnect-ul li a.youtubegreen {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-youtube-green.png);
}
.socialconnect-wrapper .socialconnect-ul li a.youtube {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-yt-blue.png);
}
.socialconnect-wrapper .socialconnect-ul li a.glassdoor {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-glassdoor.png);
}
.socialconnect-wrapper .socialconnect-ul li a.merceralumni {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-merceralumni.png);
}
.socialconnect-wrapper .socialconnect-ul li a.mmctalent {
  background-image: url(clientlib-mercer-sites-global/resources/images/icon-mmctalent-green.png);
}
.share-bar.share-bar-theme-18 .social-button.qqzone:before {
  content: url(clientlib-mercer-sites-global/resources/images/qq-zone-new.png);
}
.videobox-wrap {
  height: 100%;
  position: relative;
  min-height: 100%;
}
.videobox-wrap .video-bg-img {
  height: 100%;
  width: 100%;
}
.videobox-wrap .play-btn {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjQgNEMxMi45NSA0IDQgMTIuOTUgNCAyNHM4Ljk1IDIwIDIwIDIwIDIwLTguOTUgMjAtMjBTMzUuMDUgNCAyNCA0em0tNCAyOVYxNWwxMiA5LTEyIDl6Ii8+PC9zdmc+') no-repeat;
  background-size: cover;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.12));
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
}
.custom-modalbox {
  background-color: #ffffff;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: none;
  position: fixed;
  top: 50%;
  z-index: 99999999;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  overflow: visible;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .custom-modalbox {
    max-width: 90%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  .custom-modalbox {
    max-width: 75%;
    max-height: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .custom-modalbox {
    max-width: 55em;
    width: 70%;
  }
}
.custom-modalbox .close-button {
  font-size: 32px;
  top: -40px;
  color: #ffffff;
  opacity: .65;
  right: 0;
  font-weight: 600;
}
.custom-modalbox .close-button:after {
  content: "\f00d";
  font-family: "FontAwesome";
}
.custom-modalbox .close-button:hover {
  opacity: 1;
}
.custom-modalbox .brightcove-container {
  margin: 0 !important;
}
.custom-modalbox .bc-player-ryzRR500_default {
  width: 100%;
  height: 100%;
  padding: 28%;
}
.custom-modalbox .vjs-poster {
  background-size: cover;
}
.custom-modalbox .vjs-dock-shelf,
.custom-modalbox .vjs-dock-text {
  display: none;
}
.custom-modalbox .vjs-big-play-button {
  font-size: 28px;
  width: 50px !important;
  height: 50px;
  line-height: 50px;
}
.custom-modalbox-bg {
  background: rgba(0, 0, 0, 0.75);
  bottom: 0;
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999;
  left: 0;
}
.open-custom-modalbox .custom-modalbox,
.open-custom-modalbox .custom-modalbox-bg {
  display: block;
}
.featuredList5 .featuredList5.variation1 .fl5-container .fl-cta-link .ico-right-arrow {
  background: url('clientlib-mercer-sites-global/resources/images/icon-right-arrow.svg') no-repeat;
  width: 20px;
  height: 20px;
}
.featuredList5 .featuredList5.variation1 .fl5-container .fl-cta-link .ico-video {
  background: url('clientlib-mercer-sites-global/resources/images/icon-play-video-hero-button-mobile.svg') no-repeat;
  width: 20px;
  height: 20px;
}
/* Adding the Right and Left Nav Icons for the Slider 1. */
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-prev {
  background: url('clientlib-mercer-sites-global/resources/images/left-arrow.png');
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-next {
  background: url('clientlib-mercer-sites-global/resources/images/right-arrow-angle.png') no-repeat;
}
.header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown.show-page-info {
  background-image: url(clientlib-mercer-sites-global/resources/images/bg-whowehelp-roles.png) !important;
}
.header5 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown.show-page-info {
  background-image: url(clientlib-mercer-sites-global/resources/images/bg-whowehelp-roles.png) !important;
}
blockquote {
  line-height: 28px;
  color: inherit;
}
blockquote p {
  line-height: 28px;
  color: inherit;
}
blockquote.quote-large {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 25px;
  color: #006d9e;
}
blockquote.quote-small,
blockquote.quote-small p {
  color: #643c99;
  font-family: "NotoSansItalic", Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 25px;
}
sup {
  top: -0.5em;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
span.small--font {
  font-size: 12px;
  line-height: 20px;
}
span.small--font a {
  font-size: 12px;
  line-height: 20px;
}
.avatar--circle {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
}
.quote--large {
  font-family: "NotoSansItalic", Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 49px;
  padding: 0 0 0 30px;
  border-left: 5px solid #00a8d0;
  color: #00a8d0;
}
/*Content Authoring fixes for error page RTE*/
.testimonial-one .mainErrorheading {
  display: inline-block;
  font-size: 36.0px;
  padding: 10.0px 15.0px;
  letter-spacing: 5.0px;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.testimonial-one .errrorPageDescription {
  font-size: 18.0px;
  width: 60%;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .testimonial-one .mainErrorheading {
    font-size: 18px;
    padding: 5.0px 5.0px;
    line-height: 28px;
  }
  .testimonial-one .errrorPageDescription {
    width: 100%;
  }
}
/*hero 15 - css for icons*/
.hero15.variation1 .hero-rebrand-image .smoothScroll {
  background: url('clientlib-mercer-sites-global/resources/images/icon-scroll-nudge.svg') no-repeat;
}
.hero15.variation1 .hero-rebrand-image .hero-contents .mobile-bg .hero-cta .view-video-btn:after {
  content: '';
  background: url('clientlib-mercer-sites-global/resources/images/icon-play-video-hero-button-mobile.svg') no-repeat #ffffff;
  width: 16px;
  height: 12px;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .hero15.variation1 .hero-rebrand-image .hero-contents .mobile-bg .hero-cta .view-video-btn:after {
    background: url('clientlib-mercer-sites-global/resources/images/icon-play-video-hero-button-desktop.svg') no-repeat #ffffff;
    width: 25px;
    height: 18px;
  }
}
/*Card 1 - css for icons*/
.card1.variation13 .content-wrap .icon-card-wrapper .card-cta .arrow-icon {
  margin-left: 8px;
  background: url('clientlib-mercer-sites-global/resources/images/icon-right-arrow.svg') no-repeat;
  height: 12px;
  width: 15px;
}

@charset "UTF-8";
/*=============================================================================
  calculate em
  ========================================================================== */
/*=============================================================================
  fonts
  ========================================================================== */
.icon-wechat:before {
  content: "\e600";
}
.icon-sina-weibo:before {
  content: "\e601";
}
.icon-newspaper:before {
  content: "\e625";
}
.icon-envelop3:before {
  content: "\e626";
}
.icon-location:before {
  content: "\e602";
}
.icon-reset:before {
  content: "\e622";
}
.icon-bubble-dots3:before {
  content: "\e627";
}
.icon-users:before {
  content: "\e628";
}
.icon-user3:before {
  content: "\e603";
}
.icon-spinner11:before {
  content: "\e623";
}
.icon-search:before {
  content: "\e604";
}
.icon-zoom-in:before {
  content: "\e605";
}
.icon-zoom-out:before {
  content: "\e606";
}
.icon-cog6:before {
  content: "\e607";
}
.icon-list:before {
  content: "\e608";
}
.icon-grid6:before {
  content: "\e609";
}
.icon-download5:before {
  content: "\e629";
}
.icon-upload5:before {
  content: "\e62a";
}
.icon-attachment:before {
  content: "\e62b";
}
.icon-notification2:before {
  content: "\e60a";
}
.icon-question4:before {
  content: "\e60b";
}
.icon-plus2:before {
  content: "\e60c";
}
.icon-minus2:before {
  content: "\e60d";
}
.icon-plus3:before {
  content: "\e60e";
}
.icon-minus3:before {
  content: "\e60f";
}
.icon-cancel-circle2:before {
  content: "\e624";
}
.icon-arrow-up:before {
  content: "\e610";
}
.icon-arrow-up2:before {
  content: "\e611";
}
.icon-arrow-right:before {
  content: "\e612";
}
.icon-arrow-right2:before {
  content: "\e613";
}
.icon-arrow-down:before {
  content: "\e614";
}
.icon-arrow-down2:before {
  content: "\e615";
}
.icon-arrow-left:before {
  content: "\e616";
}
.icon-arrow-left2:before {
  content: "\e617";
}
.icon-arrow-up5:before {
  content: "\e618";
}
.icon-arrow-right5:before {
  content: "\e619";
}
.icon-arrow-down5:before {
  content: "\e61a";
}
.icon-arrow-left5:before {
  content: "\e61b";
}
.icon-mail5:before {
  content: "\e801";
}
.icon-google-plus2:before {
  content: "\e61c";
}
.icon-facebook2:before {
  content: "\e61d";
}
.icon-twitter2:before {
  content: "\e61e";
}
.icon-youtube:before {
  content: "\e61f";
}
.icon-vimeo2:before {
  content: "\e800";
}
.icon-linkedin:before {
  content: "\e620";
}
.icon-pinterest2:before {
  content: "\e621";
}
/*=============================================================================
  common page styles
  ========================================================================== */
/*hr {
  margin-bottom: 25px;
  border: 0;
  height: 1px;
  background: #ccc;
  max-width: 100%;
}*/
button {
  cursor: pointer;
}
button:focus {
  outline: none;
}
.image-circle {
  max-width: 150px;
  margin: 0 auto;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
}
.uppercase {
  text-transform: uppercase;
}
.foundation-bar {
  margin-bottom: 20px;
}
.main-section {
  background: #ccc;
  padding: 20px;
}
.mobile {
  display: none;
}
.align-right {
  text-align: right;
}
.row--full-width {
  margin-bottom: 30px !important;
}
.row--full-width:before {
  content: " ";
  display: table;
}
.row--full-width:after {
  content: " ";
  display: table;
  clear: both;
}
.bottom-30 {
  margin-bottom: 30px !important;
}
.bottom-10 {
  margin-bottom: 10px !important;
  display: block;
}
.bottom-20 {
  margin-bottom: 20px !important;
  display: block;
}
.filter-view__anchor {
  width: 23px;
  height: 23px;
  border: 1px solid #fff;
  display: inline-block;
  line-height: 0;
}
.filter-view__anchor:hover,
.filter-view__anchor:active,
.filter-view__anchor:focus {
  border-color: #dfdfdf;
}
.filter-view__anchor.active {
  border-color: #dfdfdf;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*=============================================================================
  ie 10 & 11 fixes
  ========================================================================== */
.form__select::-ms-expand {
  display: none;
}
_:-ms-input-placeholder,
:root .form__select::-ms-expand {
  display: none;
}
_:-ms-fullscreen,
:root .form__select::-ms-expand {
  display: none;
}
/*# sourceMappingURL=styles.css.map */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(vendor/owl-carousel/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.card1 .listing-listingtile-article {
  width: 100%;
  min-height: 470px;
  font-family: "NotoSans", Arial, sans-serif;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .card1 .listing-listingtile-article {
    min-height: 410px;
  }
}
@media only screen and (min-width: 1200px) {
  .card1 .listing-listingtile-article {
    margin-bottom: 15px;
  }
}
.card1 .content-heading {
  padding-top: 20px;
  line-height: 25px;
  margin-bottom: 10px;
  color: #002C77;
  letter-spacing: 0;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  text-align: center;
}
.card1 .listing-listingtile-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  height: auto;
  overflow: auto;
  padding: 15px 15px 0px 15px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.card1 .listing-listingtile-title:hover {
  color: #0065ac;
}
@media only screen and (min-width: 1024px) {
  .card1 .listing-listingtile-title {
    margin-bottom: 0;
    height: 65px;
  }
}
@media only screen and (min-width: 1200px) {
  .card1 .listing-listingtile-title {
    height: 67px;
    overflow: hidden;
  }
}
.card1 .listing-listingtile-description {
  margin: 0 15px;
  height: auto;
}
.card1 .listing-listingtile-description p {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
@media only screen and (min-width: 641px) {
  .card1 .listing-listingtile-description p {
    height: 100px;
    overflow: hidden;
  }
}
.card1 .content-variation1 .listing-listingtile-description p {
  max-height: 200px;
}
.card1 .listing-listingtile-image {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: block;
}
.card1 a.listing-listingtile-anchor {
  color: #002c77;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 25px 15px 5px 15px;
  display: block;
  text-decoration: inherit;
}
.card1 a.listing-listingtile-anchor:hover {
  color: #0065ac;
}
@media only screen and (max-width: 767px) {
  .card1 a.listing-listingtile-anchor {
    padding-bottom: 27px;
  }
}
.card1 a.listing-listingtile-anchor span {
  margin-left: 5px;
  font-size: 15px;
  display: inline-block;
}
.card1 .article-description {
  color: #000000;
}
.card1 .card1-title-big .content-heading {
  font-size: 48px !important;
  text-align: center;
  margin: 5rem;
}
.card1 .card1-title-white .content-heading {
  color: #ffffff;
}
.card1 .card1-content-center .listing-listingtile-title {
  text-align: center;
}
.card1 .card1-content-center .listing-listingtile-description p {
  text-align: center;
}
.card1 .card1-content-left .listing-listingtile-title {
  text-align: left;
}
.card1 .card1-content-left .listing-listingtile-description {
  text-align: left;
}
.card1 .card1-content-dark .listing-listingtile-article {
  background-color: #252525;
}
.card1 .card1-content-dark .listing-listingtile-title {
  color: #ffffff;
}
.card1 .card1-content-dark .listing-listingtile-description {
  color: #ffffff;
}
.card1 .card1-content-clear .listing-listingtile-article {
  background-color: #000000;
}
.card1 .card1-content-button .card-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.card1 .card1-content-button .button-anchor {
  position: absolute;
  text-align: right;
  padding-right: 15px;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
  top: 110px;
}
.card1 .card1-content-button .content-cta-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 60px;
  background-color: #000000;
  color: #ffffff;
  width: 60px;
  height: 60px;
  text-align: center;
  display: inline-block;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.card1 .card1-content-button .content-cta-button:hover {
  background-color: #252525;
}
.card1 .card1-content-button .content-cta-button span {
  display: none !important;
}
.card1 .card1-content-button a.listing-listingtile-anchor {
  padding: 0;
  display: inline-block;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .card1 .listing-cta-article {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .card1 .listing-cta-article:hover .listing-overlay {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .card1 .listing-cta-article:hover .listing-cta-copy {
    display: table-cell;
  }
}
@media only screen and (max-width: 1024px) {
  .card1 .listing-videotile-image {
    height: 130px;
  }
}
.card1 .content-variation2 .listing-listingtile-article {
  min-height: auto;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 641px) {
  .card1 .content-variation2 .listing-listingtile-article {
    min-height: 450px;
    overflow: hidden;
  }
}
.card1 .content-variation2 .listing-listingtile-title {
  padding-top: 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 641px) {
  .card1 .content-variation2 .listing-listingtile-title {
    height: 77px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 641px) {
  .card1 .content-variation2 .listing-listingtile-description p {
    height: 122px;
    overflow: hidden;
  }
}
.card1 .content-variation2 .grid-x > .medium-auto,
.card1 .content-variation2 .grid-x .large-auto {
  -ms-flex: 0 0 30%;
}
.card1 .content-heading.variation2 {
  text-align: left;
  margin-bottom: 20px;
}
.card1 .content-variation3 .listing-listingtile-article {
  min-height: 350px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .card1 .content-variation3 .listing-listingtile-article {
    min-height: 0;
  }
}
.card1 .content-variation3 .listing-listingtile-description {
  margin: 0 !important;
}
.card1 .content-variation3 .listing-listingtile-title {
  padding-left: 0 !important;
}
.card1 .content-variation3 .listing-listingtile-image {
  height: 80px;
  background-position: center;
  background-size: contain;
  margin-left: 15px;
  margin: 0;
}
.card1 .card1-content-left .content-variation3 .listing-listingtile-image {
  background-position: top left !important;
  margin-left: 15px;
}
.card1 .content-variation4 .listing-cta-article {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: table;
  position: relative;
  margin-bottom: 15px;
}
.card1 .content-variation4 .listing-cta-article:hover .listing-overlay {
  display: block;
}
.card1 .content-variation4 .listing-cta-article:hover .listing-cta-copy {
  display: none;
}
.card1 .content-variation4 .listing-cta-article.darken:before {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.25;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.card1 .content-variation4 .listing-cta__title {
  max-height: 54px;
  margin-bottom: 15px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
  color: #ffffff;
  letter-spacing: 0;
  overflow: hidden;
}
.card1 .content-variation4 .listing-cta-copy {
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.card1 .content-variation4 .listing-cta-copy p,
.card1 .content-variation4 .listing-cta-copy a {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
}
.card1 .content-variation4 .listing-cta-copy a {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
  color: #ffffff;
}
.card1 .content-variation4 .listing-cta__excerpt {
  height: 35px;
  margin-bottom: 20px;
}
.card1 .content-variation4 .listing-cta__excerpt p {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.card1 .content-variation4 .listing-overlay {
  width: 100%;
  height: 100%;
  padding: 30px 15px 35px;
  color: #ffffff;
  background: rgba(0, 56, 101, 0.8);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.card1 .content-variation4 .listing-overlay .listing-readmore-anchor {
  padding: 8px 25px;
  display: inline-block;
  color: #ffffff !important;
  background-color: #0065ac;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
}
.card1 .content-variation4 .listing-overlay .listing-readmore-anchor span {
  margin-left: 5px;
  font-size: 18px;
  display: inline-block;
}
.card1 .content-variation5 .listing-listingtile-article {
  min-height: auto;
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .card1 .content-variation5 .listing-listingtile-article {
    min-height: 325px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card1 .content-variation5 .listing-listingtile-article {
    min-height: 275px;
  }
}
.card1 .content-variation5 .listing-videotile-image {
  width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: block;
  position: relative;
}
.card1 .content-variation5 .listing-videotile-image:after {
  width: 100%;
  height: 100%;
  content: "";
  background: url(../../../etc/designs/mercer/relaunch/common/clientlibs/img/Revamp/icon-play.png) center center no-repeat;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.card1 .content-variation6 .listing-listingtile-title {
  font-size: 20px;
  color: #006697;
  text-align: center;
  min-height: 70px;
  font-weight: bold;
  padding: 15px 15px 15px 15px;
  height: auto;
}
.card1 .content-variation6 .listing-listingtile-anchor {
  font-size: 15px;
  color: #009bc0;
  font-weight: bold;
}
.card1 .content-variation6 .listing-listingtile-article {
  background: #eff8fa;
  text-align: center;
}
.card1 .content-variation6 .listing-listingtile-article .listing-listingtile-image {
  height: 150px;
  width: 100%;
  background-size: cover;
}
.card1 .content-variation7 .listing-listingtile-article {
  border: 2px solid #dcddde;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 190px;
  min-height: 0;
  margin-bottom: 1.375rem;
  padding: 20px 20px 10px 20px;
}
.card1 .content-variation7 .listing-listingtile-image {
  width: 105px;
  height: 110px;
  float: left;
  overflow: auto;
  margin-right: 15px;
}
.card1 .content-variation7 .listing-listingtile-title {
  height: 30px;
  margin-bottom: 10px;
  padding: 0;
  letter-spacing: 1px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 18px;
}
.card1 .content-variation7 .listing-listingtile-description {
  margin: 0;
}
.card1 .content-variation7 .listing-listingtile-description p {
  font-size: 14px;
  color: #626867;
  font-style: italic;
  margin: 0;
}
.card1 .content-variation7 a.listing-listingtile-anchor {
  padding: 10px 0;
  color: #00a8c8;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
}
.card1 .content-variation8 .listing-listingtile-article {
  height: calc(85%);
  min-height: 260px;
  padding: 20px 20px 10px 20px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.card1 .content-variation8 .listing-listingtile-article .listing-listingtile-title {
  height: 52px;
  margin-bottom: 10px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
  padding: 0;
  color: #001538;
  overflow: hidden;
}
.card1 .content-variation8 .listing-listingtile-article .listing-listingtile-description,
.card1 .content-variation8 .listing-listingtile-article .listing-listingtile-description p {
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.card1 .content-variation8 .listing-listingtile-article .listing-listingtile-description {
  height: 120px;
  margin: 0 0 20px 0;
}
.card1 .content-variation8 .listing-listingtile-article .listing-listingtile-description p {
  color: #001538;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 120px;
}
.card1 .content-variation8 .listing-listingtile-article a.listing-listingtile-anchor {
  padding: 0;
  color: #002c77;
}
.card1 .content-variation8 .listing-listingtile-article a.listing-listingtile-anchor:hover {
  color: #0065ac;
}
.card1 .content-variation8 .listing-listingtile-article a.listing-listingtile-anchor span {
  display: none;
}
.card1 .content-variation8 .listing-listingtile-article a:first-child {
  pointer-events: none;
}
@media only screen and (max-width: 991px) {
  .card1 .content-variation8 .grid-x .cell {
    margin-bottom: 10px;
  }
}
.card1 .content-heading.variation8 {
  margin-bottom: 20px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  text-align: left;
}
.card1 .content-variation9 .listing-listingtile-article {
  margin: 40px 0;
  max-height: 300px;
  min-height: auto;
  height: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.card1 .content-variation9 .listing-listingtile-article .listing-listingtile-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 20px;
  margin-bottom: 10px;
  height: auto;
  padding: 0;
  letter-spacing: normal;
}
.card1 .content-variation9 .listing-listingtile-article .listing-listingtile-description {
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 0;
  width: 87%;
}
.card1 .content-variation9 .listing-listingtile-article .listing-listingtile-description p {
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  min-height: 40px;
  overflow: hidden;
  max-height: 105px;
}
.card1 .content-variation9 .listing-listingtile-article a.listing-listingtile-anchor:nth-child(1) {
  pointer-events: none;
}
.card1 .content-variation9 .listing-listingtile-article a.listing-listingtile-anchor:nth-child(2) {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #00a8c7;
  font-size: 11px;
  display: block;
  margin: 15px;
  padding: 5px;
  text-align: center;
  min-width: 140px;
  width: 140px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.card1 .content-variation9 .listing-listingtile-article a.listing-listingtile-anchor:nth-child(2) span {
  display: none;
}
.card1 .content-variation10 .listing-listingtile-article {
  margin: 50px 0 30px 0;
  padding: 0 15px;
  min-height: auto;
  max-height: initial;
  text-align: center;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.card1 .content-variation10 .listing-listingtile-image {
  width: 160px;
  height: 160px;
  margin: 0 auto 1.2rem;
}
.card1 .content-variation10 .listing-listingtile-title {
  color: #002C77;
  font-size: 22px;
  line-height: 28px;
  padding: 0;
  height: auto;
  margin-bottom: 1.6rem;
  font-weight: 800;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .card1 .content-variation10 .listing-listingtile-title {
    font-size: 30px;
    line-height: 41px;
  }
}
.card1 .content-variation10 .listing-listingtile-description {
  margin: 0;
}
.card1 .content-variation10 .listing-listingtile-description p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 14px;
  max-height: initial;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .card1 .content-variation10 .listing-listingtile-description p {
    font-size: 16px;
    line-height: 1.6;
  }
}
.card1 .content-variation11 .listing-listingtile-article {
  height: 210px;
  min-height: 210px;
  padding: 20px 20px 10px 20px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 991px) {
  .card1 .content-variation11 .listing-listingtile-article {
    height: 250px;
    min-height: 250px;
  }
}
.card1 .content-variation11 .listing-listingtile-article .listing-listingtile-title {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
  height: 55px;
  margin-bottom: 10px;
  padding: 0;
  color: #002C77 !important;
}
@media only screen and (max-width: 767px) {
  .card1 .content-variation11 .listing-listingtile-article .listing-listingtile-title {
    height: auto;
  }
}
@media only screen and (max-width: 991px) {
  .card1 .content-variation11 .listing-listingtile-article .listing-listingtile-title {
    overflow: hidden;
  }
}
.card1 .content-variation11 .listing-listingtile-article .listing-listingtile-description,
.card1 .content-variation11 .listing-listingtile-article .listing-listingtile-description p {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
}
.card1 .content-variation11 .listing-listingtile-article .listing-listingtile-description {
  height: 70px;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 991px) {
  .card1 .content-variation11 .listing-listingtile-article .listing-listingtile-description {
    height: 90px;
  }
}
.card1 .content-variation11 .listing-listingtile-article .listing-listingtile-description p {
  max-height: 90px;
  color: #001538;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card1 .content-variation11 .listing-listingtile-article a.listing-listingtile-anchor {
  padding: 0;
}
.card1 .content-variation11 .listing-listingtile-article a.listing-listingtile-anchor span {
  display: none;
}
.card1 .content-variation11 .listing-listingtile-article a:first-child {
  pointer-events: none;
  outline: none;
}
@media only screen and (max-width: 991px) {
  .card1 .content-variation11 .grid-x .cell {
    margin-bottom: 10px;
  }
}
.card1 .content-heading.variation11 {
  text-align: left;
  margin-bottom: 20px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
  padding-top: 30px;
}
.card1 .content-variation12 .listing-listingtile-article {
  min-height: 450px;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: none;
}
.card1 .content-variation12 .listing-listingtile-title {
  height: 65px;
  padding-top: 20px;
  overflow: hidden;
  color: #002C77;
}
.card1 .content-variation12 .button-anchor {
  margin-top: 15px;
}
.card1 .content-variation12 a.listing-listingtile-anchor {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0;
  color: #FBAE17;
  text-decoration: underline;
  padding-top: 0px;
  text-transform: none;
}
.card1 .content-variation12 a.listing-listingtile-anchor span {
  display: none;
}
.card1.variation13 .content-heading {
  color: #002C77;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 26px;
  line-height: 33px;
  text-align: left;
  padding-top: 24px;
  margin: 0 0.375rem 16px;
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-heading {
    margin: 0 57px 48px;
    padding-top: 48px;
  }
}
.card1.variation13 .content-wrap {
  padding-bottom: 48px;
}
@media only screen and (max-width: 991px) {
  .card1.variation13 .content-wrap {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-wrap {
    margin: 0 21px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 991px) {
  .card1.variation13 .content-wrap .grid-x {
    margin: 0 -10px;
    padding: 2px 0;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 991px) {
  .card1.variation13 .content-wrap .grid-x .cell {
    width: auto;
  }
}
.card1.variation13 .content-wrap .grid-x .card-content-wrapper {
  margin-bottom: 0 ;
}
@media only screen and (min-width: 1024px) {
  .card1.variation13 .content-wrap .grid-x .card-content-wrapper {
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-wrap .grid-x .card-content-wrapper {
    margin-bottom: 72px;
  }
}
.card1.variation13 .content-wrap .icon-card-wrapper {
  background: #ffffff;
  display: block;
  padding: 24px;
  margin: 0 16px;
  width: 260px;
  position: relative;
  height: 100%;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) {
  .card1.variation13 .content-wrap .icon-card-wrapper {
    width: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .card1.variation13 .content-wrap .icon-card-wrapper {
    white-space: normal;
  }
}
@media only screen and (min-width: 1024px) {
  .card1.variation13 .content-wrap .icon-card-wrapper {
    width: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-wrap .icon-card-wrapper {
    margin: 0 36px;
    padding: 32px;
  }
}
.card1.variation13 .content-wrap .icon-card-wrapper .card-img {
  margin-bottom: 27px;
}
.card1.variation13 .content-wrap .icon-card-wrapper .card-img img {
  width: 72px;
  height: 72px;
}
.card1.variation13 .content-wrap .icon-card-wrapper .card-title {
  font-size: 26px;
  line-height: 29px;
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  height: 90px;
  overflow: hidden;
  padding-top: 5px;
}
.card1.variation13 .content-wrap .icon-card-wrapper .card-description {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-wrap .icon-card-wrapper .card-description p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 45px;
  }
}
.card1.variation13 .content-wrap .icon-card-wrapper .card-cta {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
  position: absolute;
  bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 1200px) {
  .card1.variation13 .content-wrap .icon-card-wrapper .card-cta {
    bottom: 25px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
.card2 .card2-variation1 .card2-content {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0;
}
.card2 .card2-variation1 .card2-content .section-title {
  padding-top: 20px;
}
.card2 .card2-variation1 .card2-content .card-box {
  padding: 20px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation1 .card2-content .card-box:hover .card2-image {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card2 .card2-variation1 .card2-content .card-box:hover .card-border {
  height: 10px;
  width: 450px;
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -ms-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
}
.card2 .card2-variation1 .card2-content .card-box:hover .card-section {
  opacity: 6;
}
.card2 .card2-variation1 .card2-content .card {
  height: 500px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
}
.card2 .card2-variation1 .card2-content .card__image__container {
  max-height: 260px;
  overflow: hidden;
  min-height: 260px;
}
.card2 .card2-variation1 .card2-content .card2-image {
  margin-bottom: 36px;
  height: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card2 .card2-variation1 .card2-content .card-section {
  padding: 6% 6% 11% 6%;
  text-align: left;
}
.card2 .card2-variation1 .card2-content .card-section p {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
  max-height: 150px;
  overflow: hidden;
}
.card2 .card2-variation1 .card2-content .card-section h3 {
  font-size: 22px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
.card2 .card2-variation1 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card2 .card2-variation1 .card2-content.button {
  padding: 1rem;
  background-color: #cacaca;
}
.card2 .card2-variation1 .card2-content.button:after {
  content: 'Select';
}
.card2 .card2-variation1 .card2-content.button:hover,
.card2 .card2-variation1 .card2-content.button:focus {
  background-color: #1779ba;
}
.card2 .card2-variation1 .card2-content.is-selected {
  border: 1px solid #1779ba;
  box-shadow: 0 0 10px #e6e6e6;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation1 .card2-content.is-selected .button {
  background-color: #1779ba;
}
.card2 .card2-variation1 .card2-content.is-selected .button:after {
  content: 'Selected';
}
.card2 .card2-variation2 .card2-content {
  text-align: center;
  padding: 0;
}
.card2 .card2-variation2 .card2-content .card-box {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation2 .card2-content #kicker {
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  color: #333;
}
.card2 .card2-variation2 .card2-content #kicker .section-title {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  padding-top: 20px;
}
.card2 .card2-variation2 .card2-content #kicker .section-description {
  font-size: 16px;
  width: 100%;
}
.card2 .card2-variation2 .card2-content .card {
  height: 550px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border: none;
  min-width: 300px;
  padding: 15px 0 27px 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation2 .card2-content .card:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.card2 .card2-variation2 .card2-content .card2-image {
  margin-bottom: 36px;
  height: 202px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}
.card2 .card2-variation2 .card2-content .card-section {
  text-align: left;
  margin: 0;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-style: normal;
  padding: 0 1rem !important;
}
.card2 .card2-variation2 .card2-content .card-section p {
  font-size: 16px;
  line-height: 24px;
  height: 130px;
  margin-bottom: auto;
  color: #001f37;
  overflow: hidden;
}
.card2 .card2-variation2 .card2-content .card-section h3 {
  padding-bottom: 6px;
  font-size: 20px;
  line-height: 26px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  color: #001f37;
  min-height: 54px;
  margin-bottom: 0;
}
.card2 .card2-variation2 .card2-content .card-section .card2-cta {
  font-size: 16px;
  line-height: 24px;
  color: #005a8e;
  padding-top: 1rem;
  margin: auto;
}
.card2 .card2-variation2 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #4e6287;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0 1rem;
}
.card2 .card2-variation2 .card-subheading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #001f37;
  height: auto;
  padding: 0 1rem;
  margin-bottom: 24px;
}
.card2 .card2-variation3 .card2-content {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 4rem 0;
}
.card2 .card2-variation3 .card2-content .card-box {
  padding: 20px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation3 .card2-content .card-box:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1.05);
}
.card2 .card2-variation3 .card2-content .card-box:hover .card-border {
  height: 10px;
  width: 450px;
  transition: width 1s ease;
}
.card2 .card2-variation3 .card2-content .card-box:hover .card-section {
  opacity: 6;
}
.card2 .card2-variation3 .card2-content .card-box .card-border {
  height: 10px;
  width: 450px;
  background: #2daebf;
  width: 0;
  transition: width 1s ease;
}
.card2 .card2-variation3 .card2-content .card {
  height: 500px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
}
.card2 .card2-variation3 .card2-content .card-section {
  padding: 6% 6% 11% 6%;
  text-align: left;
}
.card2 .card2-variation3 .card2-content .card-section p {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
}
.card2 .card2-variation3 .card2-content .card-section h3 {
  font-size: 22px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
.card2 .card2-variation3 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card2 .card2-variation3 .card2-content.button {
  padding: 1rem;
  background-color: #cacaca;
}
.card2 .card2-variation3 .card2-content.button:after {
  content: 'Select';
}
.card2 .card2-variation3 .card2-content.button:hover,
.card2 .card2-variation3 .card2-content.button:focus {
  background-color: #1779ba;
}
.card2 .card2-variation3 .card2-content.is-selected {
  border: 1px solid #1779ba;
  -webkit-box-shadow: 0 0 10px #e6e6e6;
  -moz-box-shadow: 0 0 10px #e6e6e6;
  box-shadow: 0 0 10px #e6e6e6;
  transition: all 0.5s ease;
}
.card2 .card2-variation3 .card2-content.is-selected .button {
  background-color: #1779ba;
}
.card2 .card2-variation3 .card2-content.is-selected .button:after {
  content: 'Selected';
}
.card2 .card2-variation4 {
  padding: 55px 5%;
}
@media only screen and (min-width: 768px) {
  .card2 .card2-variation4 {
    padding: 55px 10%;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation4 {
    padding: 55px 0;
  }
}
.card2 .card2-variation4 #kicker .section-title {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
  padding-bottom: 30px;
}
.card2 .card2-variation4 #kicker .section-description {
  color: #001f37;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation4 #kicker .section-description {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation4 #kicker .section-description {
    width: 80%;
  }
}
.card2 .card2-variation4 .card-heading {
  color: #4e6287;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.card2 .card2-variation4 .card-subheading {
  color: #001f37;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  height: auto;
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0 1rem;
}
.card2 .card2-variation4 .card__image__container img {
  object-fit: cover;
  object-position: center top;
  margin-bottom: 36px;
  height: 202px;
  width: 100%;
}
.card2 .card2-variation4 .card {
  padding: 15px 0 27px 0;
  border: none;
  height: 100%;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.card2 .card2-variation4 .card:hover {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}
.card2 .card2-variation4 .card .card2-cta {
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #005a8e;
}
.card2 .card2-variation4 .card .card2-cta:hover {
  text-decoration: underline;
  color: #007bb7;
}
.card2 .card2-variation4 .card-section {
  text-align: left;
  margin: 0;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-style: normal;
  padding: 0 20px !important;
}
.card2 .card2-variation4 .card-section h3 {
  color: #001f37;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 20px;
  line-height: 26px;
  padding-bottom: 6px;
}
.card2 .card2-variation4 .card-section p {
  height: 125px;
  margin-bottom: auto;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .card2 .card2-variation4 .grid-x {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.card2 .card2-variation5 {
  padding-top: 30px;
}
.card2 .card2-variation5 .card2-content {
  text-align: center;
  padding: 0;
}
.card2 .card2-variation5 .card2-content .card-box {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation5 .card2-content #kicker {
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  color: #333;
}
.card2 .card2-variation5 .card2-content #kicker .section-title {
  font-size: 36px;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  padding-top: 20px;
}
.card2 .card2-variation5 .card2-content #kicker .section-description {
  font-size: 16px;
  width: 50%;
}
.card2 .card2-variation5 .card2-content .card {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border: none;
  height: 520px;
  max-width: 293px;
  min-width: 180px;
  padding: 15px 0 27px 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation5 .card2-content .card:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation5 .card2-content .card {
    margin: 0 auto !important;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .card2-content .card {
    height: 545px;
    max-width: 383px;
    min-width: 300px;
  }
}
.card2 .card2-variation5 .card2-content .card2-image {
  margin-bottom: 20px;
  height: 202px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .card2-content .card2-image {
    margin-bottom: 36px;
  }
}
.card2 .card2-variation5 .card2-content .card-section {
  text-align: left;
  margin: 0;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-style: normal;
  padding: 0 1rem !important;
}
.card2 .card2-variation5 .card2-content .card-section p {
  font-size: 16px;
  height: 120px;
  margin-bottom: auto;
  color: #666;
  overflow: hidden;
}
.card2 .card2-variation5 .card2-content .card-section h3 {
  padding-bottom: 6px;
  font-size: 18px;
  color: #333;
  min-height: 54px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .card2-content .card-section h3 {
    min-height: 25px;
  }
}
.card2 .card2-variation5 .card2-content .card-section .card2-cta {
  font-size: 16px;
  color: #00a8c8;
  padding-top: 1rem;
  margin: auto;
}
.card2 .card2-variation5 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #333;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .card-heading {
    margin-bottom: 20px;
    font-size: 13px;
  }
}
.card2 .card2-variation5 .card-subheading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "NotoSansLight", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #333;
  height: auto;
  padding: 0 1rem;
  margin-bottom: 24px;
}
.card2 .card2-variation5 .large-4 {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation5 .large-4 {
    width: 95% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 90px;
  }
}
.card2 .card2-variation5 .grid-x {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .grid-x {
    -webkit-justify-content: right;
    justify-content: right;
  }
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .medium-6 {
    width: 40% !important;
    margin: 0 15px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.card2 .card2-variation1 .card2-content {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0;
}
.card2 .card2-variation1 .card2-content .section-title {
  padding-top: 20px;
}
.card2 .card2-variation1 .card2-content .card-box {
  padding: 20px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation1 .card2-content .card-box:hover .card2-image {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.card2 .card2-variation1 .card2-content .card-box:hover .card-border {
  height: 10px;
  width: 450px;
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -ms-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
}
.card2 .card2-variation1 .card2-content .card-box:hover .card-section {
  opacity: 6;
}
.card2 .card2-variation1 .card2-content .card {
  height: 500px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
}
.card2 .card2-variation1 .card2-content .card__image__container {
  max-height: 260px;
  overflow: hidden;
  min-height: 260px;
}
.card2 .card2-variation1 .card2-content .card2-image {
  margin-bottom: 36px;
  height: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.card2 .card2-variation1 .card2-content .card-section {
  padding: 6% 6% 11% 6%;
  text-align: left;
}
.card2 .card2-variation1 .card2-content .card-section p {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
  max-height: 150px;
  overflow: hidden;
}
.card2 .card2-variation1 .card2-content .card-section h3 {
  font-size: 22px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.card2 .card2-variation1 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card2 .card2-variation1 .card2-content.button {
  padding: 1rem;
  background-color: #cacaca;
}
.card2 .card2-variation1 .card2-content.button:after {
  content: 'Select';
}
.card2 .card2-variation1 .card2-content.button:hover,
.card2 .card2-variation1 .card2-content.button:focus {
  background-color: #1779ba;
}
.card2 .card2-variation1 .card2-content.is-selected {
  border: 1px solid #1779ba;
  box-shadow: 0 0 10px #e6e6e6;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation1 .card2-content.is-selected .button {
  background-color: #1779ba;
}
.card2 .card2-variation1 .card2-content.is-selected .button:after {
  content: 'Selected';
}
.card2 .card2-variation2 .card2-content {
  text-align: center;
  padding: 0;
}
.card2 .card2-variation2 .card2-content .card-box {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation2 .card2-content #kicker {
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #333;
}
.card2 .card2-variation2 .card2-content #kicker .section-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 32px;
    line-height: 35px;*/
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  padding-top: 20px;
}
.card2 .card2-variation2 .card2-content #kicker .section-description {
  font-size: 16px;
  width: 100%;
}
.card2 .card2-variation2 .card2-content .card {
  height: 550px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border: none;
  min-width: 300px;
  padding: 15px 0 27px 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation2 .card2-content .card:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.card2 .card2-variation2 .card2-content .card2-image {
  margin-bottom: 36px;
  height: 202px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}
.card2 .card2-variation2 .card2-content .card-section {
  text-align: left;
  margin: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: normal;
  padding: 0 1rem !important;
}
.card2 .card2-variation2 .card2-content .card-section p {
  font-size: 16px;
  line-height: 24px;
  height: 130px;
  margin-bottom: auto;
  color: #001538;
  overflow: hidden;
}
.card2 .card2-variation2 .card2-content .card-section h3 {
  padding-bottom: 6px;
  font-size: 20px;
  line-height: 26px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #001538;
  min-height: 54px;
  margin-bottom: 0;
}
.card2 .card2-variation2 .card2-content .card-section .card2-cta {
  font-size: 16px;
  line-height: 24px;
  color: #002c77;
  padding-top: 1rem;
  margin: auto;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.card2 .card2-variation2 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  /*color: @blueGrey-color600;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #002c77;
  font-family: "NotoSansBold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0 1rem;
}
.card2 .card2-variation2 .card-subheading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  color: #001538;
  height: auto;
  padding: 0 1rem;
  margin-bottom: 24px;
}
.card2 .card2-variation3 .card2-content {
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 4rem 0;
}
.card2 .card2-variation3 .card2-content .card-box {
  padding: 20px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card2 .card2-variation3 .card2-content .card-box:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1.05);
}
.card2 .card2-variation3 .card2-content .card-box:hover .card-border {
  height: 10px;
  width: 450px;
  transition: width 1s ease;
}
.card2 .card2-variation3 .card2-content .card-box:hover .card-section {
  opacity: 6;
}
.card2 .card2-variation3 .card2-content .card-box .card-border {
  height: 10px;
  width: 450px;
  background: #2daebf;
  width: 0;
  transition: width 1s ease;
}
.card2 .card2-variation3 .card2-content .card {
  height: 500px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
}
.card2 .card2-variation3 .card2-content .card-section {
  padding: 6% 6% 11% 6%;
  text-align: left;
}
.card2 .card2-variation3 .card2-content .card-section p {
  color: #4b4b4b;
  font-size: 15px;
  line-height: 1.7;
}
.card2 .card2-variation3 .card2-content .card-section h3 {
  font-size: 22px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.card2 .card2-variation3 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card2 .card2-variation3 .card2-content.button {
  padding: 1rem;
  background-color: #cacaca;
}
.card2 .card2-variation3 .card2-content.button:after {
  content: 'Select';
}
.card2 .card2-variation3 .card2-content.button:hover,
.card2 .card2-variation3 .card2-content.button:focus {
  background-color: #1779ba;
}
.card2 .card2-variation3 .card2-content.is-selected {
  border: 1px solid #1779ba;
  -webkit-box-shadow: 0 0 10px #e6e6e6;
  -moz-box-shadow: 0 0 10px #e6e6e6;
  box-shadow: 0 0 10px #e6e6e6;
  transition: all 0.5s ease;
}
.card2 .card2-variation3 .card2-content.is-selected .button {
  background-color: #1779ba;
}
.card2 .card2-variation3 .card2-content.is-selected .button:after {
  content: 'Selected';
}
.card2 .card2-variation4 {
  padding: 55px 5%;
}
@media only screen and (min-width: 768px) {
  .card2 .card2-variation4 {
    padding: 55px 10%;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation4 {
    padding: 55px 0;
  }
}
.card2 .card2-variation4 #kicker .section-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 32px;
    line-height: 35px;*/
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 30px;
}
.card2 .card2-variation4 #kicker .section-description {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation4 #kicker .section-description {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation4 #kicker .section-description {
    width: 80%;
  }
}
.card2 .card2-variation4 .card-heading {
  /*color: @blueGrey-color600;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #002c77;
  font-family: "NotoSansBold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.card2 .card2-variation4 .card-subheading {
  color: #001538;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  height: auto;
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0 1rem;
}
.card2 .card2-variation4 .card__image__container img {
  object-fit: cover;
  object-position: center top;
  margin-bottom: 36px;
  height: 202px;
  width: 100%;
}
.card2 .card2-variation4 .card {
  padding: 15px 0 27px 0;
  border: none;
  height: 100%;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.card2 .card2-variation4 .card:hover {
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}
.card2 .card2-variation4 .card .card2-cta {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  color: #005a8e;
}
.card2 .card2-variation4 .card .card2-cta:hover {
  text-decoration: underline;
  color: #007bb7;
}
.card2 .card2-variation4 .card-section {
  text-align: left;
  margin: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: normal;
  padding: 0 20px !important;
}
.card2 .card2-variation4 .card-section h3 {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 20px;
  line-height: 26px;
  padding-bottom: 6px;
}
.card2 .card2-variation4 .card-section p {
  height: 125px;
  margin-bottom: auto;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .card2 .card2-variation4 .grid-x {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.card2 .card2-variation5 {
  padding-top: 30px;
}
.card2 .card2-variation5 .card2-content {
  text-align: center;
  padding: 0;
}
.card2 .card2-variation5 .card2-content .card-box {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation5 .card2-content #kicker {
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #333;
}
.card2 .card2-variation5 .card2-content #kicker .section-title {
  font-size: 36px;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  padding-top: 20px;
}
.card2 .card2-variation5 .card2-content #kicker .section-description {
  font-size: 16px;
  width: 50%;
}
.card2 .card2-variation5 .card2-content .card {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  border: none;
  height: 520px;
  max-width: 293px;
  min-width: 180px;
  padding: 15px 0 27px 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.card2 .card2-variation5 .card2-content .card:hover {
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation5 .card2-content .card {
    margin: 0 auto !important;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .card2-content .card {
    height: 545px;
    max-width: 383px;
    min-width: 300px;
  }
}
.card2 .card2-variation5 .card2-content .card2-image {
  margin-bottom: 20px;
  height: 202px;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .card2-content .card2-image {
    margin-bottom: 36px;
  }
}
.card2 .card2-variation5 .card2-content .card-section {
  text-align: left;
  margin: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: normal;
  padding: 0 1rem !important;
}
.card2 .card2-variation5 .card2-content .card-section p {
  font-size: 16px;
  height: 120px;
  margin-bottom: auto;
  color: #666;
  overflow: hidden;
}
.card2 .card2-variation5 .card2-content .card-section h3 {
  padding-bottom: 6px;
  font-size: 18px;
  color: #333;
  min-height: 54px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .card2-content .card-section h3 {
    min-height: 25px;
  }
}
.card2 .card2-variation5 .card2-content .card-section .card2-cta {
  font-size: 16px;
  color: #00a8c8;
  padding-top: 1rem;
  margin: auto;
}
.card2 .card2-variation5 .card-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  font-style: normal;
  color: #333;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .card-heading {
    margin-bottom: 20px;
    font-size: 13px;
  }
}
.card2 .card2-variation5 .card-subheading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  color: #333;
  height: auto;
  padding: 0 1rem;
  margin-bottom: 24px;
}
.card2 .card2-variation5 .large-4 {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .card2 .card2-variation5 .large-4 {
    width: 95% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 1440px) {
  .card2 .card2-variation5 .large-4 {
    margin-right: 90px;
  }
}
.card2 .card2-variation5 .grid-x {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .grid-x {
    -webkit-justify-content: right;
    justify-content: right;
  }
}
@media only screen and (max-width: 991px) {
  .card2 .card2-variation5 .medium-6 {
    width: 40% !important;
    margin: 0 15px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
.card3 .card-image {
  background: #ffffff;
  border-top: 3px solid #1779ba;
  box-sizing: inherit;
}
@media only screen and (max-width: 767px) {
  .card3 .card-image {
    margin-bottom: 15px;
  }
}
.card3 .card-image .card-kicker {
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: gray;
  letter-spacing: .025rem;
  padding: 20px 15px 0;
  margin-bottom: 0;
}
.card3 .card-image .card-heading {
  font-size: 22px;
  line-height: 24px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #006d9e;
  padding: 15px;
  margin-bottom: 0;
  height: 96px;
}
@media only screen and (max-width: 767px) {
  .card3 .card-image .card-heading {
    height: auto !important;
  }
}
.card3 .card-image .card-img {
  height: 200px;
  margin: 0 auto 20px auto;
  background-size: cover;
  background-position: center top;
  display: block;
  width: 100%;
}
.card3 .card-image .card-paragraphly {
  color: #404040;
  font-size: 16px;
  line-height: 20px;
  padding: 0 15px;
  min-height: 120px;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
.card3 .card-image .card-btnLink {
  margin: 0 15px 20px;
  min-width: 190px;
  cursor: pointer;
  position: relative;
  bottom: 0;
}
.card3 .callout {
  margin: 1rem 0;
}
@media only screen and (max-width: 767px) {
  .card3 .callout {
    margin: 30px 0;
  }
}
.card3 .callout .overlap {
  margin: 25px 0 10px;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .card3 .callout .overlap {
    margin: 30px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card3 .callout .overlap {
    margin: -40px 0 1rem;
  }
}
.card3 .callout .overlap .card-image .card-btnLink a {
  background-color: #006d9e;
}
.card3 .callout .overlap .card-image .card-btnLink a:hover,
.card3 .callout .overlap .card-image .card-btnLink a:focus {
  background-color: #00a8c8;
}
.card3 .variation3 .card-image .card-kicker {
  font-size: 12px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  letter-spacing: .2rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.card3 .variation3 .card-image .card-paragraphly {
  letter-spacing: 0;
  font-size: 18px;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  line-height: 22px;
}
.card3 .variation3 .card-image a.button {
  margin: 0 15px 15px 15px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.card3 .card-image {
  background: #ffffff;
  border-top: 3px solid #1779ba;
  box-sizing: inherit;
}
@media only screen and (max-width: 767px) {
  .card3 .card-image {
    margin-bottom: 15px;
  }
}
.card3 .card-image .card-kicker {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 16px;
  color: gray;
  letter-spacing: .025rem;
  padding: 20px 15px 0;
  margin-bottom: 0;
}
.card3 .card-image .card-heading {
  font-size: 22px;
  line-height: 24px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 22px;
  color: #006d9e;
  padding: 15px;
  margin-bottom: 0;
  height: 96px;
}
@media only screen and (max-width: 767px) {
  .card3 .card-image .card-heading {
    height: auto !important;
  }
}
.card3 .card-image .card-img {
  height: 200px;
  margin: 0 auto 20px auto;
  background-size: cover;
  background-position: center top;
  display: block;
  width: 100%;
}
.card3 .card-image .card-paragraphly {
  color: #404040;
  font-size: 16px;
  line-height: 20px;
  padding: 0 15px;
  min-height: 120px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.card3 .card-image .card-btnLink {
  margin: 0 15px 20px;
  min-width: 190px;
  cursor: pointer;
  position: relative;
  bottom: 0;
}
.card3 .callout {
  margin: 1rem 0;
}
@media only screen and (max-width: 767px) {
  .card3 .callout {
    margin: 30px 0;
  }
}
.card3 .callout .overlap {
  margin: 25px 0 10px;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
  .card3 .callout .overlap {
    margin: 30px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .card3 .callout .overlap {
    margin: -40px 0 1rem;
  }
}
.card3 .callout .overlap .card-image .card-btnLink a {
  background-color: #006d9e;
}
.card3 .callout .overlap .card-image .card-btnLink a:hover,
.card3 .callout .overlap .card-image .card-btnLink a:focus {
  background-color: #00a8c8;
}
.card3 .variation3 .card-image .card-kicker {
  font-size: 12px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  letter-spacing: .2rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.card3 .variation3 .card-image .card-paragraphly {
  letter-spacing: 0;
  font-size: 18px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 22px;
}
.card3 .variation3 .card-image a.button {
  margin: 0 15px 15px 15px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
.card4 .content-variation1 {
  position: relative;
  background-size: contain;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  white-space: nowrap;
}
.card4 .content-variation1:hover .overlay {
  display: block;
  opacity: 0.90;
  text-align: left;
}
.card4 .content-variation1:hover .title {
  display: none;
}
.card4 .content-variation1 .card-image {
  position: relative;
}
.card4 .content-variation1 .card-image .image-filter {
  display: inline-block;
}
.card4 .content-variation1 .card-image .overlay {
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  color: #ffffff;
  background: #0066CB;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.card4 .content-variation1 .card-image .noOverlay {
  text-shadow: 1px 1px 2px #0a0a0a;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: table-cell;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.card4 .content-variation1 .card-image .noOverlay .title {
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation1 .card-image .noOverlay .title {
    font-size: 48px;
    line-height: 54px;
  }
}
.card4 .content-variation1 .card-image .text {
  width: 80%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
  margin: 5% 5% auto 10%;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text {
    padding: 2.5% 2.5%;
    margin: 0;
    width: 100%;
  }
}
.card4 .content-variation1 .card-image .text .title-hover {
  font-size: 38px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text .title-hover {
    font-size: 18px;
    line-height: normal;
  }
}
.card4 .content-variation1 .card-image .text .title-divider-hover {
  width: 30%;
}
.card4 .content-variation1 .card-image .text .description {
  margin-top: 10px;
  color: #ffffff;
  font-size: 10px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation1 .card-image .text .description {
    margin-top: 26px;
    font-size: 20px;
  }
}
.card4 .content-variation1 .card-image .text .readmore-anchor {
  padding: 14px 30px;
  display: inline-block;
  color: #0066CB;
  background: #ffffff;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 20px;
  line-height: 25px;
  margin-top: 5%;
  position: relative;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation1 .card-image .text .readmore-anchor:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text .readmore-anchor {
    padding: 8px 12px;
    font-size: 10px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 .content-variation2 {
  background-size: contain;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.card4 .content-variation2:hover .overlay {
  display: block;
  opacity: 0.90;
}
.card4 .content-variation2:hover .title {
  display: none;
}
.card4 .content-variation2 .card-image {
  position: relative;
}
.card4 .content-variation2 .card-image .image-filter {
  display: inline-block;
}
.card4 .content-variation2 .card-image .overlay {
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  color: #ffffff;
  background: #008075;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.card4 .content-variation2 .card-image .title {
  color: #ffffff;
  text-shadow: 1px 1px 2px #0a0a0a;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  left: 0%;
  margin-left: 40px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .title {
    font-size: 32px;
    line-height: 34px;
  }
}
.card4 .content-variation2 .card-image .text {
  position: absolute;
  top: 0%;
  left: 0%;
  margin: 15px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .text {
    margin: 40px;
  }
}
.card4 .content-variation2 .card-image .text .title-hover {
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 2px;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
.card4 .content-variation2 .card-image .text .description {
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .text .description {
    margin-top: 20px;
    font-size: 20px;
  }
}
.card4 .content-variation2 .card-image .text .readmore-anchor {
  padding: 8px 30px;
  display: inline-block;
  color: #ffffff;
  background: #09ac87;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation2 .card-image .text .readmore-anchor:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation2 .card-image .text .readmore-anchor {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 {
  height: 100%;
}
.card4 .content-variation3 {
  height: 100%;
}
.card4 .content-variation3 .inner-box {
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.card4 .content-variation3 .inner-box .card-image {
  height: 100%;
  max-height: 450px;
  position: relative;
}
.card4 .content-variation3 .inner-box .card-image:before {
  background: -moz-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: -ms-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: -o-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: rgba(0, 56, 101, 0.8);
  bottom: 0px;
  content: '';
  display: block;
  left: 0px;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  z-index: 1;
}
.card4 .content-variation3 .inner-box .card-image .img-wrap {
  background-size: cover;
  background-position: center;
  height: 540px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .card-image .img-wrap {
    height: 375px;
  }
}
.card4 .content-variation3 .inner-box .card-image .inner-text {
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 2;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
}
@media only screen and (max-width: 991px) {
  .card4 .content-variation3 .inner-box .card-image .inner-text {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .card-image .inner-text {
    font-size: 20px;
    line-height: 25px;
  }
}
.card4 .content-variation3 .inner-box .overlay {
  color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}
.card4 .content-variation3 .inner-box .overlay:before {
  background-color: #1c2541;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
  visibility: hidden;
}
.card4 .content-variation3 .inner-box .overlay-inner {
  display: table;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  vertical-align: middle;
  width: 100%;
}
.card4 .content-variation3 .inner-box .overlay-inner .description {
  display: table-cell;
  padding: 0 15px;
  position: relative;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .overlay-inner .description {
    padding: 0 50px;
  }
}
.card4 .content-variation3 .inner-box .overlay-inner .description h3 {
  display: inline-block;
  padding-bottom: 2px;
  font-size: 20px;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .overlay-inner .description h3 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
.card4 .content-variation3 .inner-box .text p {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 10px;
  position: relative;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .text p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  .card4 .content-variation3 .inner-box .text p {
    font-size: 18px;
    line-height: 26px;
  }
}
.card4 .content-variation3 .inner-box .read-more {
  background: #007bb7;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 21px;
  padding: 12px 20px;
  padding: 8px 20px;
  position: relative;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation3 .inner-box .read-more:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .read-more {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 .content-variation3 .inner-box:hover .overlay {
  opacity: 1;
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
}
.card4 .content-variation3 .inner-box:hover .overlay:before {
  opacity: 1;
  visibility: visible;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.card4 .content-variation1 {
  position: relative;
  background-size: contain;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  white-space: nowrap;
}
.card4 .content-variation1:hover .overlay {
  display: block;
  opacity: 0.90;
  text-align: left;
}
.card4 .content-variation1:hover .title {
  display: none;
}
.card4 .content-variation1 .card-image {
  position: relative;
}
.card4 .content-variation1 .card-image .image-filter {
  display: inline-block;
}
.card4 .content-variation1 .card-image .overlay {
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  color: #ffffff;
  background: #0066CB;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.card4 .content-variation1 .card-image .noOverlay {
  text-shadow: 1px 1px 2px #0a0a0a;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: table-cell;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.card4 .content-variation1 .card-image .noOverlay .title {
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation1 .card-image .noOverlay .title {
    font-size: 48px;
    line-height: 54px;
  }
}
.card4 .content-variation1 .card-image .text {
  width: 80%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: hidden;
  margin: 5% 5% auto 10%;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text {
    padding: 2.5% 2.5%;
    margin: 0;
    width: 100%;
  }
}
.card4 .content-variation1 .card-image .text .title-hover {
  font-size: 38px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text .title-hover {
    font-size: 18px;
    line-height: normal;
  }
}
.card4 .content-variation1 .card-image .text .title-divider-hover {
  width: 30%;
}
.card4 .content-variation1 .card-image .text .description {
  margin-top: 10px;
  color: #ffffff;
  font-size: 10px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation1 .card-image .text .description {
    margin-top: 26px;
    font-size: 20px;
  }
}
.card4 .content-variation1 .card-image .text .readmore-anchor {
  padding: 14px 30px;
  display: inline-block;
  color: #0066CB;
  background: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 20px;
  line-height: 25px;
  margin-top: 5%;
  position: relative;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation1 .card-image .text .readmore-anchor:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation1 .card-image .text .readmore-anchor {
    padding: 8px 12px;
    font-size: 10px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 .content-variation2 {
  background-size: contain;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.card4 .content-variation2:hover .overlay {
  display: block;
  opacity: 0.90;
}
.card4 .content-variation2:hover .title {
  display: none;
}
.card4 .content-variation2 .card-image {
  position: relative;
}
.card4 .content-variation2 .card-image .image-filter {
  display: inline-block;
}
.card4 .content-variation2 .card-image .overlay {
  width: 100%;
  height: 100%;
  padding: 35px 15px;
  color: #ffffff;
  background: #008075;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.card4 .content-variation2 .card-image .title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  left: 0%;
  margin-left: 40px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .title {
    font-size: 32px;
    line-height: 34px;
  }
}
.card4 .content-variation2 .card-image .text {
  position: absolute;
  top: 0%;
  left: 0%;
  margin: 15px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .text {
    margin: 40px;
  }
}
.card4 .content-variation2 .card-image .text .title-hover {
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: 2px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.card4 .content-variation2 .card-image .text .description {
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation2 .card-image .text .description {
    margin-top: 20px;
    font-size: 20px;
  }
}
.card4 .content-variation2 .card-image .text .readmore-anchor {
  padding: 8px 30px;
  display: inline-block;
  color: #ffffff;
  background: #09ac87;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 15px;
  line-height: 15px;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation2 .card-image .text .readmore-anchor:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation2 .card-image .text .readmore-anchor {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 {
  height: 100%;
}
.card4 .content-variation3 {
  height: 100%;
}
.card4 .content-variation3 .inner-box {
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.card4 .content-variation3 .inner-box .card-image {
  height: 100%;
  max-height: 450px;
  position: relative;
}
.card4 .content-variation3 .inner-box .card-image:before {
  background: -moz-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: -ms-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: -o-linear-gradient(top, transparent, rgba(0, 56, 101, 0.8));
  background: rgba(0, 56, 101, 0.8);
  bottom: 0px;
  content: '';
  display: block;
  left: 0px;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  z-index: 1;
}
.card4 .content-variation3 .inner-box .card-image .img-wrap {
  background-size: cover;
  background-position: center;
  height: 540px;
  position: relative;
  display: block;
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .card-image .img-wrap {
    height: 375px;
  }
}
.card4 .content-variation3 .inner-box .card-image .inner-text {
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  z-index: 2;
  font-family: "NotoSans", Arial, sans-serif !important;
  font-size: 32px;
  line-height: 35px;
}
@media only screen and (max-width: 991px) {
  .card4 .content-variation3 .inner-box .card-image .inner-text {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .card-image .inner-text {
    font-size: 20px;
    line-height: 25px;
  }
}
.card4 .content-variation3 .inner-box .overlay {
  color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}
.card4 .content-variation3 .inner-box .overlay:before {
  background-color: #1c2541;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
  visibility: hidden;
}
.card4 .content-variation3 .inner-box .overlay-inner {
  display: table;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  vertical-align: middle;
  width: 100%;
}
.card4 .content-variation3 .inner-box .overlay-inner .description {
  display: table-cell;
  padding: 0 15px;
  position: relative;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .overlay-inner .description {
    padding: 0 50px;
  }
}
.card4 .content-variation3 .inner-box .overlay-inner .description h3 {
  display: inline-block;
  padding-bottom: 2px;
  font-size: 20px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .overlay-inner .description h3 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
.card4 .content-variation3 .inner-box .text p {
  color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 10px;
  position: relative;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .card4 .content-variation3 .inner-box .text p {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  .card4 .content-variation3 .inner-box .text p {
    font-size: 18px;
    line-height: 26px;
  }
}
.card4 .content-variation3 .inner-box .read-more {
  background: #0065ac;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 21px;
  padding: 12px 20px;
  padding: 8px 20px;
  position: relative;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  -webkit-transition: all ease-in-out 250ms;
  -moz-transition: all ease-in-out 250ms;
  -ms-transition: all ease-in-out 250ms;
  -o-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
}
.card4 .content-variation3 .inner-box .read-more:hover {
  filter: brightness(70%);
}
@media only screen and (max-width: 767px) {
  .card4 .content-variation3 .inner-box .read-more {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0;
  }
}
.card4 .content-variation3 .inner-box:hover .overlay {
  opacity: 1;
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
}
.card4 .content-variation3 .inner-box:hover .overlay:before {
  opacity: 1;
  visibility: visible;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
@media screen and (max-width: 1920px) {
  .card5 .content-variation1 {
    margin: 35px 10%;
  }
}
@media screen and (max-width: 1440px) {
  .card5 .content-variation1 {
    margin: 35px 7.92%;
  }
}
@media screen and (max-width: 1366px) {
  .card5 .content-variation1 {
    margin: 35px 5%;
  }
}
@media screen and (max-width: 1024px) {
  .card5 .content-variation1 {
    margin: 35px 3%;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 {
    margin: 30px 6.67% 20px;
  }
}
.card5 .content-variation1 .listing-listingtile-title {
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  color: #4e6287;
  font-size: 20px;
  line-height: 36px;
  text-align: left;
  height: auto;
  overflow: inherit;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-title {
    font-size: 28px;
    margin-bottom: 5px;
  }
}
.card5 .content-variation1 .column-space {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .column-space {
    margin-left: 22px;
    margin-right: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 .column-space {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-bottom: 10px;
  }
}
.card5 .content-variation1 .listing-listingtile-article {
  background-color: #f2fcff;
  border: 1px solid #d5d9e0;
  box-shadow: none;
  border-radius: 4px;
  transition: .3s;
  min-height: auto;
  height: 90%;
  position: relative;
}
.card5 .content-variation1 .listing-listingtile-article:hover {
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
}
.card5 .content-variation1 .listing-listingtile-article .card-flex {
  padding: 15px 20px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .card-flex {
    padding: 24px 34px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
  height: 136px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
    height: 242px;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
    height: 130px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description {
  margin: 0;
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description .article-description {
  font-size: 16px;
  line-height: 22px;
  color: #001f37;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description .article-description {
    font-size: 17px;
    padding-bottom: 24px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor {
  padding-top: 40px;
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor {
  min-width: 190px;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  display: inline-block;
  background: #005a8e;
  color: #ffffff;
  padding: 5px 15px 5px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  position: absolute;
  bottom: 20px;
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor {
    padding: 12px 32px 10px;
    min-width: 260px;
    bottom: 24px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
@media screen and (max-width: 1920px) {
  .card5 .content-variation1 {
    margin: 35px 10%;
  }
}
@media screen and (max-width: 1440px) {
  .card5 .content-variation1 {
    margin: 35px 7.92%;
  }
}
@media screen and (max-width: 1366px) {
  .card5 .content-variation1 {
    margin: 35px 5%;
  }
}
@media screen and (max-width: 1024px) {
  .card5 .content-variation1 {
    margin: 35px 3%;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 {
    margin: 30px 6.67% 20px;
  }
}
.card5 .content-variation1 .listing-listingtile-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #627798;
  font-size: 20px;
  line-height: 36px;
  text-align: left;
  height: auto;
  overflow: inherit;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-title {
    font-size: 28px;
    margin-bottom: 5px;
  }
}
.card5 .content-variation1 .column-space {
  margin-left: 15px;
  margin-right: 15px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .column-space {
    margin-left: 22px;
    margin-right: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 .column-space {
    margin-left: .625rem;
    margin-right: .625rem;
    margin-bottom: 10px;
  }
}
.card5 .content-variation1 .listing-listingtile-article {
  background-color: #f2fcff;
  border: 1px solid #e3e3e3;
  box-shadow: none;
  border-radius: 4px;
  transition: .3s;
  min-height: auto;
  height: 90%;
  position: relative;
}
.card5 .content-variation1 .listing-listingtile-article:hover {
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2));
}
.card5 .content-variation1 .listing-listingtile-article .card-flex {
  padding: 15px 20px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .card-flex {
    padding: 24px 34px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
  height: 136px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
    height: 242px;
  }
}
@media only screen and (max-width: 767px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-image {
    height: 130px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description {
  margin: 0;
}
.card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description .article-description {
  font-size: 16px;
  line-height: 22px;
  color: #001538;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .listing-listingtile-description .article-description {
    font-size: 17px;
    padding-bottom: 24px;
  }
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor {
  padding-top: 40px;
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor {
  min-width: 190px;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  display: inline-block;
  background: #002c77;
  color: #ffffff;
  padding: 5px 15px 5px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  position: absolute;
  bottom: 20px;
}
.card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 1024px) {
  .card5 .content-variation1 .listing-listingtile-article .button-anchor .listing-listingtile-anchor {
    padding: 12px 32px 10px;
    min-width: 260px;
    bottom: 24px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
.promoCard .variation1 .promo-card-content {
  margin: 0 10px 25px 10px;
}
@media only screen and (min-width: 768px) {
  .promoCard .variation1 .promo-card-content {
    margin: 0 20px 20px;
  }
}
.promoCard .variation1 .promo-card-content .promo .promo-image {
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
.promoCard .variation1 .promo-card-content .promo .promo-image img {
  max-height: 200px;
  margin-bottom: 10px;
  display: block;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-kicker {
  color: #005a8e;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  letter-spacing: 0;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-title,
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-description {
  color: #4e6287;
  font-size: 14px;
  line-height: 21px;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-title {
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  display: block;
  padding: 0;
  margin-bottom: 10px;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-description {
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  margin-bottom: 10px;
}
.promoCard .variation1 .promo-card-content .promo .promo-button {
  background: #005a8e;
  color: #ffffff;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 14px;
  line-height: 21px;
  margin-top: 15px;
  min-width: 190px;
  cursor: pointer;
  position: relative;
  bottom: 0;
  padding: 8px 30px 7px 30px;
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.promoCard .variation1 .promo-card-content .promo .promo-button:hover {
  background: #007bb7;
  outline: none;
}
.promoCard .variation1 .promo-card-content .promo .promo-button:focus {
  background: #007bb7;
}
.promoCard .variation1 .hidden-linkspan {
  display: none;
}
.promoCard .variation2 .promocard-wrapper {
  border-top: 3px solid #00a8d0;
  -webkit-box-shadow: 0 0 1px 1px #d6d6d6;
  -moz-box-shadow: 0 0 1px 1px #d6d6d6;
  box-shadow: 0 0 1px 1px #d6d6d6;
}
.promoCard .variation2 .promocard-wrapper .promocard-content {
  padding: 17px 20px;
  background: #f5f5f5;
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-kicker {
  margin-bottom: 5px;
  color: #4e6287;
  font-size: 12px;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  letter-spacing: 1px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-title {
  color: #000000;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 22px;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
}
@media only screen and (max-width: 991px) {
  .promoCard .variation2 .promocard-wrapper .promocard-content .promo-title {
    font-size: 15px;
    line-height: 16px;
  }
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-button {
  background: #005a8e;
  color: #ffffff;
  min-width: 190px;
  padding: 8px 30px;
  font-size: 14px;
  line-height: 14px;
  font-family: "NotoSansBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 15px;
}
.promoCard .variation2 .promocard-wrapper .promocard-image img {
  width: 100%;
}
.sponsored-event {
  margin-top: 20px;
  width: 250px;
  border: 1px solid #eee;
  -webkit-box-shadow: 1px 1px #eeeeee;
  -moz-box-shadow: 1px 1px #eeeeee;
  box-shadow: 1px 1px #eeeeee;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .sponsored-event {
    margin: 60px auto 20px;
  }
}
.sponsored-event .grid-y {
  display: block;
  width: 100% !important;
}
@media only screen and (max-width: 991px) {
  .sponsored-event .grid-y {
    display: inline-block;
  }
}
.sponsored-event img {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}
@media only screen and (min-width: 1024px) {
  .sponsored-event img {
    width: 100%;
  }
}
.sponsored-event .image-caption-wrapper {
  padding: 15px 20px;
  display: inline-block;
  font-family: "NotoSansSemiBold", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  font-size: 16px;
  width: 100%;
}
.sponsored-event .image-caption-wrapper h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2.5px;
  line-height: 24px;
}
.sponsored-event .image-caption-wrapper h2 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
  line-height: 26px;
}
.sponsored-event .image-caption-wrapper p {
  padding: 5px 0 10px;
  font-size: 16px;
  line-height: 24px;
}
.sponsored-event .image-caption-wrapper p.para-sponsered {
  padding-bottom: 10px;
  height: 170px;
  overflow: hidden;
}
.sponsored-event .image-caption-wrapper .learn_more_side {
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.sponsored-event .image-caption-wrapper .learn_more_side span {
  font-size: 16px;
  color: #005c96;
  padding-top: 10px;
  line-height: 24px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001f37;
  font-family: "GrifoSBold", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
.promoCard2 {
  width: 100%;
  min-height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 18%;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .promoCard2 {
    background-position: center;
  }
}
@media only screen and (max-width: 991px) {
  .promoCard2 {
    background-position: 18%;
  }
}
@media only screen and (min-width: 1024px) {
  .promoCard2 {
    background-position: left;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-description {
    padding: 20px;
  }
}
.promoCard2 .promo-description h4 {
  font-size: 19px;
  padding-left: 40px;
  max-height: 110px;
  overflow: hidden;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  color: #0074D9;
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-description h4 {
    font-size: 18px;
    padding-left: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-description h4 {
    font-size: 16px;
    padding-left: 0;
  }
}
.promoCard2 .promo-button {
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-button {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-button {
    float: none;
    padding-left: 0;
  }
}
.promoCard2 .promo-button .btn-subscribe {
  height: 58px;
  border-radius: 30px;
  width: 10rem;
  font-size: 20px;
  text-align: center;
  padding: 12px 15px;
  display: inline-block;
  font-family: "NotoSansRegular", source-han-sans-cjk-ja, source-han-sans-cjk-sc, source-han-sans-cjk-tc, source-han-sans-cjk-hk, source-han-sans-cjk-ko, Arial, sans-serif;
  color: #ffffff;
  background: #3D9970;
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-button .btn-subscribe {
    font-size: 16px;
    padding: 10px;
    margin: 20px auto;
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-button .btn-subscribe {
    width: 9rem;
    height: 45px;
    font-size: 18px;
    padding: 7px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.pullQuote .content-pullquote.variation1 blockquote.variation1 {
  color: #001538;
  font-family: "NotoSansItalic", Arial, sans-serif;
  font-size: 18px;
  line-height: 26px;
  padding: 0 0 0 30px;
  margin-bottom: 25px;
}
.pullQuote .content-pullquote.variation2 blockquote.variation2 {
  border-left: 2px solid #009de0;
  color: #001538;
  font-family: "NotoSansItalic", Arial, sans-serif;
  font-size: 23px;
  line-height: 30px;
  padding: 0 0 0 30px;
  margin: 30px 0;
}
.pullQuote .content-pullquote.variation2 blockquote.variation2 p,
.pullQuote .content-pullquote.variation2 blockquote.variation2 b,
.pullQuote .content-pullquote.variation2 blockquote.variation2 strong {
  color: inherit;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper {
  padding: 38px 72px 41px;
  position: relative;
  overflow: hidden;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pullquote-border {
  border-top: .5px solid #e0e0e0;
  margin: 24px 0 0 0;
  padding-top: 25px;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-open,
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-close {
  position: absolute;
  color: #009de0;
  height: 41px;
  width: 72px;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-open svg,
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-close svg {
  width: 100%;
  height: 100%;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-open {
  left: 0;
  top: 0;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .pull-quote-close {
  right: 0;
  bottom: 0;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .author-image {
  margin-right: 15px;
}
@media only screen and (min-width: 1024px) {
  .pullQuote .content-pullquote.variation3 .pullquote-wrapper .author-image {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .pullQuote .content-pullquote.variation3 .pullquote-wrapper .author-image {
    margin-right: 0;
  }
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper h5 {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 29px;
  line-height: 33px;
  margin: 0;
}
.pullQuote .content-pullquote.variation3 .pullquote-wrapper .author-description {
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .pullQuote .content-pullquote.variation3 .pullquote-wrapper .author-description {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pullQuote .content-pullquote.variation3 .pullquote-wrapper .quoteImg {
    margin-bottom: 14px;
    width: 28px;
    height: 28px;
  }
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper {
  padding: 41px 72px;
  position: relative;
  overflow: hidden;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pullquote-border {
  border-top: 0.5px solid #e0e0e0;
  margin: 24px 0 0 0;
  padding-top: 25px;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-open,
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-close {
  position: absolute;
  color: #009de0;
  height: 41px;
  width: 72px;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-open svg,
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-close svg {
  width: 100%;
  height: 100%;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-open {
  left: 0;
  top: 0;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-close {
  right: 0;
  bottom: 0;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .quote-text {
  color: #001538;
  font-family: "NotoSansItalic", Arial, sans-serif;
  font-size: 26px;
  line-height: 34px;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-open .quote-symbol {
  color: #009de0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 100px;
  line-height: 1;
  height: 90px;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .pull-quote-open .quote-text {
  position: relative;
  top: -30px;
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .author-image {
  margin-right: 15px;
}
@media only screen and (min-width: 1024px) {
  .pullQuote .content-pullquote.variation4 .pullquote-wrapper .author-image {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .pullQuote .content-pullquote.variation4 .pullquote-wrapper .author-image {
    margin-right: 0;
  }
}
.pullQuote .content-pullquote.variation4 .pullquote-wrapper .author-description {
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .pullQuote .content-pullquote.variation4 .pullquote-wrapper .author-description {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pullQuote .content-pullquote.variation4 .pullquote-wrapper .quoteImg {
    margin-bottom: 14px;
    width: 28px;
    height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .pullQuote .content-pullquote.variation4 .pullquote-wrapper h5 {
    font-size: 23px;
    line-height: 32px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.testimonial-one .testimonial-1-color-var {
  padding: 40px 30px;
}
@media only screen and (max-width: 991px) {
  .testimonial-one .testimonial-1-color-var {
    padding: 0;
  }
}
.testimonial-one .testimonial-1-color-var .content {
  text-align: center;
}
.testimonial-one .testimonial-1-color-var .content h1 {
  color: #627798;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 26px;
}
.testimonial-one .testimonial-1-color-var .content p {
  font-size: 18px;
  line-height: 26px;
}
.testimonial-one section.testimonial-1-color-var .content {
  padding: 0;
}
.testimonial-one .fontStylesBold {
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.testimonial-one .statement.future-of-work small {
  font-size: 18px;
  line-height: 34px;
}
.testimonial-one .large-Text {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 18px;
}
.testimonial-one .fontStylesRegular {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.testimonial-one .commonHeaderStyle {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 28px;
  text-align: center;
  color: #252525;
}
.testimonial-one .commonDescriptionStyle {
  font-size: 16px;
  color: #343333;
}
.testimonial-one .statement {
  padding: 40px 20px;
  color: #00a6ce;
}
@media only screen and (min-width: 768px) {
  .testimonial-one .statement {
    padding: 60px;
  }
}
.testimonial-one .subHeadSmall {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 22px;
  text-align: left;
  color: #252525;
}
.testimonial-one .teamHeadings {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 25px;
  margin-left: 10%;
}
.testimonial-one section.homepage-quote {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  height: 100%;
}
.testimonial-one section.homepage-quote:before {
  content: '';
  display: block;
  width: 100%;
  height: inherit;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
}
.testimonial-one section.homepage-quote .quote-content {
  padding: 40px 10px;
  min-height: 350px !important;
}
@media only screen and (min-width: 768px) {
  .testimonial-one section.homepage-quote .quote-content {
    padding: 20px !important;
  }
}
.testimonial-one section.homepage-quote .quote-content .wow {
  position: relative;
}
.testimonial-one section.homepage-quote .quote-content .wow .testimonial_btn {
  position: relative;
  margin-top: 1rem;
}
.testimonial-one section.homepage-quote .quote-content small {
  padding: 20px !important;
  font-size: 14px;
  color: #ffffff;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .testimonial-one section.homepage-quote .quote-content small {
    padding: inherit;
    font-size: 16px;
  }
}
.testimonial-one section.homepage-quote .quote-content .quatation {
  margin-bottom: 40px;
  text-align: center;
}
.testimonial-one .skyBlueGradient {
  background: linear-gradient(45deg, #009de0 0, #00ac41 100%);
  color: #ffffff !important;
}
.testimonial-one section.block .content {
  padding: 40px 20px;
  min-height: 350px;
}
@media only screen and (max-width: 991px) {
  .testimonial-one section.block .content {
    padding: 30px 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonial-one section.block .content {
    padding: 20px;
  }
}
.testimonial-one section.block .content h2 {
  margin-bottom: 20px;
}
.testimonial-one .darkBlueGradient {
  background: linear-gradient(135deg, #005c96 0, #002c77 100%);
}
.testimonial-one .saffireGradient {
  background: linear-gradient(45deg, #00a8c8 0, #005c96 100%);
  color: #ffffff !important;
}
.testimonial-one .Georgia {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 28px;
}
.testimonial-one .lightGrayGradient {
  background: linear-gradient(to right, #ececec 0, #ffffff 100%);
}
.testimonial-one .blueGradient {
  background: #0e6ca2;
  background: -moz-linear-gradient(left, #0e6ca2 0%, #14a0c9 100%);
  background: -webkit-linear-gradient(left, #0e6ca2 0%, #14a0c9 100%);
  background: linear-gradient(to right, #0e6ca2 0%, #14a0c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e6ca2', endColorstr='#14a0c9', GradientType=1);
  color: #ffffff !important;
}
.testimonial-one .greenGradient {
  background: #61b535;
  background: -moz-linear-gradient(left, #61b535 0%, #177d30 100%);
  background: -webkit-linear-gradient(left, #61b535 0%, #177d30 100%);
  background: linear-gradient(to right, #61b535 0%, #177d30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b535', endColorstr='#177d30', GradientType=1);
  color: #ffffff !important;
}
.testimonial-one .emeraldGradient {
  background: #1cab82;
  background: -moz-linear-gradient(-45deg, #1cab82 17%, #0e6f62 100%);
  background: -webkit-linear-gradient(-45deg, #1cab82 17%, #0e6f62 100%);
  background: linear-gradient(135deg, #1cab82 17%, #0e6f62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cab82', endColorstr='#0e6f62', GradientType=1);
  color: #ffffff !important;
}
.testimonial-one .quote--large {
  font-size: 18px;
  line-height: 26px;
}
.testimonial-one .quote--large > strong {
  font-size: 18px;
  line-height: 26px;
}
.testimonial-one .regular--body {
  font-size: 16px;
  line-height: 24px;
}
.testimonial-one .regular--body > strong {
  font-size: 16px;
  line-height: 24px;
}
.testimonial-one .dense--body {
  font-size: 14px;
  line-height: 22px;
}
.testimonial-one .dense--body > strong {
  font-size: 14px;
  line-height: 22px;
}
.testimonial-one .top-bottom-space {
  margin: 30px 0px;
}
.Georgia > strong {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 28px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.testimonial2 .testimonial2 {
  padding: 0 !important;
}
@media screen {
  .testimonial2 .testimonial2 {
    padding: 3rem;
  }
}
.testimonial2 .testimonial2 .card-image {
  margin: 1.5rem;
  background: #fff;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-sizing: inherit;
  position: relative;
}
.testimonial2 .testimonial2 .card-image:before {
  font-size: 80px !important;
  left: -10px;
  top: -60px !important;
  content: "\f10d";
  font-family: fontAwesome;
  position: absolute;
  color: #00A8C7;
  display: block;
}
@media only screen and (min-width: 768px) {
  .testimonial2 .testimonial2 .card-image:before {
    font-size: 150px;
    left: -30px;
    top: -80px;
  }
}
.testimonial2 .testimonial2 .card-image .content-testimonial {
  margin: 10px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .testimonial2 .testimonial2 .card-image .content-testimonial {
    margin: 2rem;
  }
}
.testimonial2 .testimonial2 .card-image .content-testimonial .testimonial {
  padding: 48px 10px;
}
@media only screen and (min-width: 768px) {
  .testimonial2 .testimonial2 .card-image .content-testimonial .testimonial {
    padding: 5.5rem 2rem;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.testimonial-three .testimonial-3-color-var {
  padding: 40px 30px;
}
.testimonial-three section.testimonial-3-color-var .content {
  padding: 0;
}
.testimonial-three .statementBold {
  font-size: 36px;
  line-height: 38px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .testimonial-three .statementBold {
    font-size: 58px;
    line-height: 60px;
  }
}
.testimonial-three .statementRegular {
  font-size: 25px;
  line-height: 32px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #ffffff;
  text-align: center;
  margin-bottom: 32px;
  display: block;
}
.testimonial-three .pullQuoteDiv p:nth-child(2) {
  margin-bottom: 0;
}
.testimonial-three .fontStylesBold {
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.testimonial-three .statement.future-of-work small {
  font-size: 18px;
  line-height: 34px;
}
.testimonial-three .large-Text {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 18px;
}
.testimonial-three .fontStylesRegular {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.testimonial-three .commonHeaderStyle {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 28px;
  text-align: center;
  color: #252525;
}
.testimonial-three .commonDescriptionStyle {
  font-size: 16px;
  color: #343333;
}
.testimonial-three .statement {
  padding: 40px 20px;
  color: #00a6ce;
}
@media only screen and (min-width: 768px) {
  .testimonial-three .statement {
    padding: 60px;
  }
}
.testimonial-three .subHeadSmall {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 22px;
  text-align: left;
  color: #252525;
}
.testimonial-three .teamHeadings {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 25px;
  margin-left: 10%;
}
.testimonial-three section.homepage-quote {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  height: 100%;
}
.testimonial-three section.homepage-quote:before {
  content: '';
  display: block;
  width: 100%;
  height: inherit;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
}
.testimonial-three section.homepage-quote .quote-content {
  padding: 40px 10px;
  min-height: 350px !important;
}
@media only screen and (min-width: 768px) {
  .testimonial-three section.homepage-quote .quote-content {
    padding: 20px !important;
  }
}
.testimonial-three section.homepage-quote .quote-content .wow {
  position: relative;
}
.testimonial-three section.homepage-quote .quote-content .wow .testimonial_btn {
  position: relative;
  margin-top: 1rem;
}
.testimonial-three section.homepage-quote .quote-content small {
  padding: 20px !important;
  font-size: 14px;
  color: #ffffff;
  line-height: inherit;
}
@media only screen and (min-width: 768px) {
  .testimonial-three section.homepage-quote .quote-content small {
    padding: inherit;
    font-size: 16px;
  }
}
.testimonial-three section.homepage-quote .quote-content .quatation {
  margin-bottom: 40px;
  text-align: center;
}
.testimonial-three .skyBlueGradient {
  background: linear-gradient(45deg, #009de0 0, #00ac41 100%);
  color: #ffffff !important;
}
.testimonial-three section.block .content {
  padding: 40px 20px;
  min-height: 350px;
}
@media only screen and (min-width: 768px) {
  .testimonial-three section.block .content {
    padding: 20px;
  }
}
.testimonial-three section.block .content h2 {
  margin-bottom: 20px;
}
.testimonial-three .darkBlueGradient {
  background: linear-gradient(135deg, #005c96 0, #002c77 100%);
}
.testimonial-three .saffireGradient {
  background: linear-gradient(45deg, #00a8c8 0, #005c96 100%);
  color: #ffffff !important;
}
.testimonial-three .Georgia {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 28px;
}
.testimonial-three .lightGrayGradient {
  background: linear-gradient(to right, #ececec 0, #ffffff 100%);
}
.testimonial-three .blueGradient {
  background: #0e6ca2;
  background: -moz-linear-gradient(left, #0e6ca2 0%, #14a0c9 100%);
  background: -webkit-linear-gradient(left, #0e6ca2 0%, #14a0c9 100%);
  background: linear-gradient(to right, #0e6ca2 0%, #14a0c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e6ca2', endColorstr='#14a0c9', GradientType=1);
  color: #ffffff !important;
}
.testimonial-three .greenGradient {
  background: #61b535;
  background: -moz-linear-gradient(left, #61b535 0%, #177d30 100%);
  background: -webkit-linear-gradient(left, #61b535 0%, #177d30 100%);
  background: linear-gradient(to right, #61b535 0%, #177d30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61b535', endColorstr='#177d30', GradientType=1);
  color: #ffffff !important;
}
.testimonial-three .emeraldGradient {
  background: #1cab82;
  background: -moz-linear-gradient(-45deg, #1cab82 17%, #0e6f62 100%);
  background: -webkit-linear-gradient(-45deg, #1cab82 17%, #0e6f62 100%);
  background: linear-gradient(135deg, #1cab82 17%, #0e6f62 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cab82', endColorstr='#0e6f62', GradientType=1);
  color: #ffffff !important;
}
.testimonial-three .quote--large {
  font-size: 18px;
  line-height: 26px;
}
.testimonial-three .quote--large > strong {
  font-size: 18px;
  line-height: 26px;
}
.testimonial-three .regular--body {
  font-size: 16px;
  line-height: 24px;
}
.testimonial-three .regular--body > strong {
  font-size: 16px;
  line-height: 24px;
}
.testimonial-three .dense--body {
  font-size: 14px;
  line-height: 22px;
}
.testimonial-three .dense--body > strong {
  font-size: 14px;
  line-height: 22px;
}
.testimonial-three .top-bottom-space {
  margin: 30px 0px;
}
.Georgia > strong {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 28px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.testimonial4.variation1 {
  padding: 60px 45px 20px;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper {
  padding-top: 0px !important;
  margin-top: -10px;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter {
  text-align: center;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .tiles-kickertitle {
  font-size: 31px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .data-description {
  margin: 0 auto;
  width: 74%;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .divider-line {
  text-align: center;
  width: 65%;
  margin: 0 auto;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data {
  padding-bottom: 20px;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
  width: 62%;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
  width: 50%;
  border: 0.5px solid !important;
}
.testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
  font-size: 88px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 90px;
}
.testimonial4.variation1 .gradientTitle {
  background: linear-gradient(to left, #8246af 50%, #009de0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  line-height: normal;
  background-image: -ms-linear-gradient(top, transparent, transparent);
}
.testimonial4.variation1 .descsectionPadding {
  padding: 60px 0px 0px;
}
.testimonial4.variation1 .descsectionPadding .descp p {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 26px;
  color: #ffffff;
  width: 49%;
  line-height: 33px;
}
.testimonial4.variation1 h2 {
  font-size: 52px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #009de0;
  line-height: 60px;
  margin-bottom: -15px;
}
.testimonial4.variation1 h1 {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 94px;
  color: #009de0;
  width: 100%;
}
@media (max-width: 1366px) {
  .testimonial4.variation1 {
    padding: 60px 35px 20px;
  }
  .testimonial4.variation1 .descsectionPadding .descp p {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .testimonial4.variation1 {
    padding: 30px 20px 0px;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper {
    padding: 0px !important;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
    width: 85%;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
    width: 90%;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
    font-size: 50px;
  }
  .testimonial4.variation1 h1 {
    font-size: 70px;
  }
  .testimonial4.variation1 .descsectionPadding {
    padding: 30px 0px;
  }
  .testimonial4.variation1 .descsectionPadding .descp p {
    padding-bottom: 10px;
  }
  .testimonial4.variation1 h2 {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .testimonial4.variation1 {
    padding: 20px 15px 0px;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper {
    padding: 10px 0px !important;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
    width: 80%;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
    font-size: 88px;
  }
  .testimonial4.variation1 .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
    width: 70%;
  }
  .testimonial4.variation1 h2 {
    font-size: 29px;
    line-height: 35px;
    margin-bottom: 30px;
  }
  .testimonial4.variation1 h1 {
    font-size: 35px;
  }
  .testimonial4.variation1 .descsectionPadding {
    padding: 20px 0px;
  }
  .testimonial4.variation1 .descsectionPadding .descp p {
    width: 100%;
    font-size: 22px;
  }
  .testimonial4 .descsectionPadding .descp p {
    width: 100%;
    font-size: 22px;
  }
}
.testimonial4.variation2 {
  padding: 60px 45px 260px 60px;
  background-color: #001f37;
  background-repeat: no-repeat;
  background-position: top right;
}
.testimonial4.variation2 .gradientTitle {
  background: linear-gradient(to left, #8246af 90%, #009de0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  line-height: normal;
  background-image: -ms-linear-gradient(top, transparent, transparent);
}
.testimonial4.variation2 .descsectionPadding {
  padding: 20px 0px 40px;
}
.testimonial4.variation2 .descsectionPadding p {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 26px;
  color: #ffffff;
  width: 90%;
  line-height: 33px;
}
.testimonial4.variation2 .descsectionPadding .content-text p {
  font-size: 31px !important;
}
.testimonial4.variation2 h2 {
  font-size: 52px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #009de0;
  line-height: 60px;
  margin-bottom: -15px;
}
.testimonial4.variation2 h1 {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 130px;
  color: #009de0;
}
.testimonial4.variation2 .contentBlock3.contentBlockTarget .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
  font-size: 88px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #009de0;
}
@media (max-width: 1366px) {
  .testimonial4.variation2 {
    padding: 60px 35px 200px;
  }
  .testimonial4.variation2 .descsectionPadding p {
    width: 90%;
  }
  .contentBlock3.contentBlockTarget .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description p {
    width: 74%;
  }
}
@media (max-width: 1024px) {
  .testimonial4.variation2 {
    background-size: 100%;
    padding-bottom: 160px !important;
    padding: 30px 20px 0px;
  }
  .testimonial4.variation2 .descsectionPadding p {
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    font-size: 15px;
    width: 30% !important;
    line-height: 26px;
    padding-bottom: 10px;
    width: 60%;
  }
  .testimonial4.variation2 h1 {
    font-size: 70px;
  }
  .testimonial4.variation2 h2 {
    font-size: 45px;
  }
  .descsectionPadding {
    padding: 30px 0px;
  }
}
@media (max-width: 992px) {
  .testimonial4.variation2 {
    padding-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .testimonial4.variation2 {
    padding: 20px 15px 0px !important;
    background-image: none !important;
  }
  .testimonial4.variation2 h2 {
    font-size: 29px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .testimonial4.variation2 h1 {
    font-size: 35px;
  }
  .testimonial4.variation2 .descsectionPadding p {
    width: 92% !important;
    font-size: 16px;
  }
  .testimonial4.variation2 .descsectionPadding img {
    margin-left: -20px;
  }
  .descsectionPadding {
    padding: 10px 0px;
  }
}
.testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents .mobile-bg {
  width: 100% !important;
  padding: 65px 48px !important;
}
.testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .kicker-title {
  font-size: 32px;
  margin-bottom: 0px;
  color: #ffffff;
}
.testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .hero-headline {
  font-size: 41px;
  margin-bottom: 20px;
  color: #ffffff;
}
@media (max-width: 1920px) {
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .hero-description p {
    font-size: 18px;
    width: 56%;
    color: #ffffff;
  }
}
@media (max-width: 1366px) {
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .hero-description p {
    font-size: 18px;
    width: 81%;
  }
}
@media (max-width: 992px) {
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents .mobile-bg {
    background-color: transparent;
    padding: 20px 15px !important;
  }
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents .brand-asset-mobile {
    height: 100%;
  }
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .hero-description p {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents.Small .hero-description p {
    width: 100%;
  }
  .testimonial4targetsec.testimonial4 .hero-rebrand-image .hero-contents .mobile-bg {
    width: 100% !important;
    padding: 20px 15px !important;
  }
  .testimonial4targetsec.testimonial4 .button1-container .button1.large {
    width: 100% !important;
    padding: 10px 48px !important;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.testimonial5.variation1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  min-height: 220px;
}
.testimonial5.variation1 .testimonial-wrapper {
  min-height: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .testimonial5.variation1 .testimonial-wrapper {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 16px;
  }
}
.testimonial5.variation1 .testimonial-wrapper .title {
  color: #ffffff;
  padding-left: 0;
  width: 100%;
  font-size: 46px;
  line-height: 50px;
  text-align: left;
  /* new changes */
}
@media only screen and (min-width: 768px) {
  .testimonial5.variation1 .testimonial-wrapper .title {
    font-size: 58px;
    line-height: 61px;
    width: 60%;
    padding-left: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonial5.variation1 .testimonial-wrapper .title {
    font-size: 66px;
    line-height: 70px;
    padding-left: 12%;
    width: 66%;
  }
}
.testimonial5.variation1 .testimonial-wrapper .rightSectionText {
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .testimonial5.variation1 .testimonial-wrapper .rightSectionText {
    width: 40%;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonial5.variation1 .testimonial-wrapper .rightSectionText {
    width: 34%;
  }
}
.testimonial5.variation2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  min-height: 220px;
}
.testimonial5.variation2 .testimonial-wrapper {
  min-height: 220px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .testimonial5.variation2 .testimonial-wrapper {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 16px;
  }
}
.testimonial5.variation2 .testimonial-wrapper .description {
  color: #ffffff;
  padding-left: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .testimonial5.variation2 .testimonial-wrapper .description {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonial5.variation2 .testimonial-wrapper .description {
    width: 60%;
    padding-left: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonial5.variation2 .testimonial-wrapper .description {
    padding-left: 12%;
    width: 65%;
  }
}
.testimonial5.variation2 .testimonial-wrapper .description p {
  font-size: 20px;
  line-height: 25px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: inherit;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .testimonial5.variation2 .testimonial-wrapper .description p {
    font-size: 32px;
    line-height: 37px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonial5.variation2 .testimonial-wrapper .description p {
    font-size: 40px;
    line-height: 45px;
  }
}
.testimonial5.variation2 .testimonial-wrapper .right-section {
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .testimonial5.variation2 .testimonial-wrapper .right-section {
    width: 40%;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonial5.variation2 .testimonial-wrapper .right-section {
    width: 35%;
  }
}
.testimonial5.variation2 .testimonial-wrapper .button1-container .button1 {
  margin-bottom: 0;
  background: #ffffff;
  color: #002c77;
  padding: 8px 32px 8px;
  font-size: 20px;
  line-height: 26px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin: 10px auto 0;
}
@media only screen and (max-width: 767px) {
  .testimonial5.variation2 .testimonial-wrapper .button1-container .button1 {
    margin: 10px 0 0;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.button1-wrapper .button1-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.button1-wrapper .button1-container.button1-container--start {
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.button1-wrapper .button1-container.button1-container--center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.button1-wrapper .button1-container.button1-container--end {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.button1-wrapper .button1-container .button1.oval {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.button1-wrapper .button1-container .button1.border-rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.button1-wrapper .button1-container .button1.rectangle {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.button1-wrapper .button1-container .button1.italic {
  font-family: "NotoSansItalic", Arial, sans-serif;
}
.button1-wrapper .button1-container .button1.bold {
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.button1-wrapper .button1-container .button1.normal {
  font-weight: 400;
}
.button1-wrapper .button1-container .hidden-linkspan {
  display: none;
}
.button1-wrapper.variation1 .button,
.button1-wrapper.variation1 .button1-container .button1 {
  background-color: #0B41AD;
  border: 0;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  border: 1px solid transparent;
  border-radius: 5px;
  margin: 0px;
}
.button1-wrapper.variation1 .button.Small,
.button1-wrapper.variation1 .button1-container .button1.Small {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem 1rem;
  padding: 0.5625rem 1rem 0.4375rem 1rem;
}
.button1-wrapper.variation1 .button.Default,
.button1-wrapper.variation1 .button1-container .button1.Default {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  padding: 0.8125rem 1.5rem 0.6875rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.button1-wrapper.variation1 .button:focus,
.button1-wrapper.variation1 .button1-container .button1:focus,
.button1-wrapper.variation1 .button:hover,
.button1-wrapper.variation1 .button1-container .button1:hover,
.button1-wrapper.variation1 .button:active,
.button1-wrapper.variation1 .button1-container .button1:active,
.button1-wrapper.variation1 .button.active,
.button1-wrapper.variation1 .button1-container .button1.active {
  background-color: #2C6EF2;
  color: #ffffff;
}
.button1-wrapper.variation1 .button:focus,
.button1-wrapper.variation1 .button1-container .button1:focus {
  box-shadow: 0px 0px 2px #0b41ad;
  border: 1px solid #ffffff;
  outline: 1px solid transparent;
}
.button1-wrapper.variation1 .button.disabled,
.button1-wrapper.variation1 .button1-container .button1.disabled,
.button1-wrapper.variation1 .button:disabled,
.button1-wrapper.variation1 .button1-container .button1:disabled {
  background-color: rgba(11, 65, 173, 0.4);
  color: #ffffff;
  opacity: 1;
}
.button1-wrapper.variation1 .button.hollow,
.button1-wrapper.variation1 .button1-container .button1.hollow {
  background-color: transparent;
  border: 1px solid #0B41AD;
  color: #0B41AD;
  padding-top: 10px;
  padding-bottom: 8px;
  border-radius: 5px;
}
.button1-wrapper.variation1 .button.hollow.Small,
.button1-wrapper.variation1 .button1-container .button1.hollow.Small {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5625rem 1rem 0.4375rem 1rem;
}
.button1-wrapper.variation1 .button.hollow.Default,
.button1-wrapper.variation1 .button1-container .button1.hollow.Default {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  padding: 0.8125rem 1.5rem 0.6875rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.button1-wrapper.variation1 .button.hollow:focus,
.button1-wrapper.variation1 .button1-container .button1.hollow:focus,
.button1-wrapper.variation1 .button.hollow:hover,
.button1-wrapper.variation1 .button1-container .button1.hollow:hover,
.button1-wrapper.variation1 .button.hollow:active,
.button1-wrapper.variation1 .button1-container .button1.hollow:active,
.button1-wrapper.variation1 .button.hollow.active,
.button1-wrapper.variation1 .button1-container .button1.hollow.active {
  background-color: #0B41AD;
  border-color: #0B41AD;
  color: #ffffff;
}
.button1-wrapper.variation1 .button.hollow:focus,
.button1-wrapper.variation1 .button1-container .button1.hollow:focus {
  box-shadow: 0px 0px 2px #0b41ad;
  border: 1px solid #ffffff;
  outline: 1px solid transparent;
}
.button1-wrapper.variation1 .button.hollow.disabled,
.button1-wrapper.variation1 .button1-container .button1.hollow.disabled,
.button1-wrapper.variation1 .button.hollow:disabled,
.button1-wrapper.variation1 .button1-container .button1.hollow:disabled {
  background-color: transparent;
  border: 1px solid rgba(11, 65, 173, 0.4);
  color: rgba(11, 65, 173, 0.4);
}
.button1-wrapper.variation2 {
  width: 100%;
  color: #ffffff;
}
.button1-wrapper.variation2 .button,
.button1-wrapper.variation2 .button1-container .button1 {
  background-color: #ffffff;
  border: 0;
  color: #0B41AD;
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.5rem;
  text-transform: none;
  border: 1px solid transparent;
  border-radius: 5px;
}
.button1-wrapper.variation2 .button.Small,
.button1-wrapper.variation2 .button1-container .button1.Small {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5625rem 1rem 0.4375rem 1rem;
}
.button1-wrapper.variation2 .button.Default,
.button1-wrapper.variation2 .button1-container .button1.Default {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  padding: 0.8125rem 1.5rem 0.6875rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.button1-wrapper.variation2 .button:focus,
.button1-wrapper.variation2 .button1-container .button1:focus,
.button1-wrapper.variation2 .button:hover,
.button1-wrapper.variation2 .button1-container .button1:hover,
.button1-wrapper.variation2 .button:active,
.button1-wrapper.variation2 .button1-container .button1:active,
.button1-wrapper.variation2 .button.active,
.button1-wrapper.variation2 .button1-container .button1.active {
  background-color: #2C6EF2;
  color: #ffffff;
}
.button1-wrapper.variation2 .button:focus,
.button1-wrapper.variation2 .button1-container .button1:focus {
  outline: 1px solid transparent;
  border: 1px solid #ffffff;
  box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8);
}
.button1-wrapper.variation2 .button.disabled,
.button1-wrapper.variation2 .button1-container .button1.disabled,
.button1-wrapper.variation2 .button:disabled,
.button1-wrapper.variation2 .button1-container .button1:disabled {
  background-color: #335692;
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}
.button1-wrapper.variation2 .button.hollow,
.button1-wrapper.variation2 .button1-container .button1.hollow {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding-top: 0.625rem;
  padding-bottom: 0.5rem;
  border-radius: 5px;
}
.button1-wrapper.variation2 .button.hollow.Small,
.button1-wrapper.variation2 .button1-container .button1.hollow.Small {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5625rem 1rem 0.4375rem 1rem;
}
.button1-wrapper.variation2 .button.hollow.Default,
.button1-wrapper.variation2 .button1-container .button1.hollow.Default {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  padding: 0.8125rem 1.5rem 0.6875rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.button1-wrapper.variation2 .button.hollow:hover,
.button1-wrapper.variation2 .button1-container .button1.hollow:hover,
.button1-wrapper.variation2 .button.hollow:active,
.button1-wrapper.variation2 .button1-container .button1.hollow:active,
.button1-wrapper.variation2 .button.hollow.active,
.button1-wrapper.variation2 .button1-container .button1.hollow.active {
  background-color: #ffffff;
  color: #0B41AD;
}
.button1-wrapper.variation2 .button.hollow:focus,
.button1-wrapper.variation2 .button1-container .button1.hollow:focus {
  border: 1px solid #ffffff;
  box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8);
}
.button1-wrapper.variation2 .button.hollow.disabled,
.button1-wrapper.variation2 .button1-container .button1.hollow.disabled,
.button1-wrapper.variation2 .button.hollow:disabled,
.button1-wrapper.variation2 .button1-container .button1.hollow:disabled {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.2);
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.button2 .button-content {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 20px 40px;
  background-position-x: 226px;
  background-position-y: 24px;
  border: 1px solid #00a8c8;
  width: 262px;
  height: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.button2 .button-content:hover {
  background-color: #00a8c8;
  color: #ffffff;
}
.button2 .button-content::after {
  content: '\f138';
  font-family: "FontAwesome";
  position: relative;
  top: -15px;
  font-weight: normal;
  font-size: 18px;
}
.button2 .button-content .button-title {
  font-size: 20px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  padding-top: 2px;
  line-height: 22px;
  padding-left: 16px;
  margin-bottom: 0;
}
.button2 .button-content .button-subtTitle {
  padding-left: 16px;
  margin-bottom: 0;
  font-size: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  width: 85%;
}
.button2 .button-content p:hover {
  background-color: #00a8c8;
  color: #ffffff;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
section.variation3.stats-list {
  padding: 100px 0px;
}
section.variation3.stats-list .stats-content {
  padding: 0px;
  margin-bottom: 0px;
}
section.variation3.stats-list .stats-content .mBtm50 {
  margin-bottom: 0px;
}
section.variation3.stats-list .stats-content p {
  white-space: normal;
}
section.variation3 .stats-section-heading {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 35px;
  line-height: 41px;
}
section.variation3 span.unit-value {
  color: #ffffff;
}
section.variation3 .counter-value {
  color: #ffffff;
}
section.stats-list {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
section.stats-list .stats-content {
  text-align: center;
  padding: 40px 0;
  margin-bottom: 50px;
  color: #ffffff;
}
section.stats-list .stats-content .mBtm50 {
  margin-bottom: 50px;
}
section.stats-list .stats-content .number {
  font-size: 50px;
  line-height: 70px;
  font-size: 64px;
  font-weight: 600;
  line-height: 90px;
}
section.stats-list .stats-content .number .counter-value {
  display: inline;
}
section.stats-list .stats-content p {
  font-size: 18px;
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 500;
  white-space: nowrap;
}
.unit-value {
  white-space: nowrap;
}
.statistics .column-control .image.section {
  text-align: center;
}
.statistics .column-control .image.section img {
  width: 70%;
  margin-top: 20px;
  margin-bottom: 30px;
}
.statistics .number {
  color: #303036;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 22px;
}
.statistics .stats-title {
  color: #303036;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 22px;
}
.statistics .variation3 .stats-content .grid-x > .medium-auto {
  -ms-flex: 0 0 20%;
}
.statistics .variation3 .stats-content .grid-x > .large-auto {
  -ms-flex: 0 0 20%;
}
.title .cmp-title .cmp-title__text {
  text-align: center;
  font-size: 2.375rem;
  color: #303036;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin: 50px 0;
}
.stats-list .stats-content .stats-section-heading {
  color: #000000;
}
.section_header {
  text-align: center;
  font-size: 2.375rem;
  color: #303036;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin: 50px 0;
}
.section_description_common {
  font-size: 16px;
  width: 80%;
  margin: 0 auto;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #303036;
  text-align: center;
}
.divHeight .block .content {
  min-height: 100px !important;
}
@media only screen and (max-width: 767px) {
  .title .cmp-title .cmp-title__text {
    text-align: center;
    font-size: 1.5rem;
  }
  section.stats-list .stats-content .number {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.5;
  }
  section.variation3.stats-list {
    padding: 50px 0px;
  }
  section.variation3 .stats-section-heading {
    font-size: 25px;
  }
}
@media only screen and (max-width: 992px) {
  section.stats-list .stats-content .number {
    font-size: 50px;
    font-weight: 600;
    line-height: 1.5;
  }
}

.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  color: white;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content {
  line-height: 1.5;
  padding: 10px;
  z-index: 1;
  font-size: 14px;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog {
  text-align: left;
  border: 1px #999 solid;
  overflow: hidden;
  padding: 10px;
  background: rgba(24, 24, 24, 0.8);
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-headline {
  font-size: 20px;
  margin-bottom: 10px;
  color: white;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-code {
  word-break: break-all;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details {
  margin-top: 10px;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details .feature-vjs-errors-message {
  border: 1px #999 solid;
  background-color: #2c2c2c;
  overflow: auto;
  margin-top: 10px;
  padding: 10px;
}
.codeInput .carousel-error-overlya-plugin .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-ref-id {
  color: rgba(255, 255, 255, 0.5);
  font-size: .75em;
  margin: 0.5em 0 0;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.youtubeVideo .main-title {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  font-size: 30px;
  line-height: 41px;
  margin: 15px 0;
}
.youtubeVideo .video-wrap {
  position: relative;
}
.youtubeVideo .video-wrap:after {
  content: '';
  border-bottom: 1px solid #cacaca;
  display: block;
  z-index: 9;
  margin: 20px 0;
}
.youtubeVideo .video-wrap .flex-video {
  margin-bottom: 5px;
}
.youtubeVideo .video-wrap .video-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.youtubeVideo .video-wrap .video-sub-title {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media only screen and (max-width: 767px) {
  .youtubeVideo .main-title {
    font-size: 22px;
    line-height: 28px;
  }
  .youtubeVideo .video-wrap .video-sub-title {
    font-size: 14px;
    line-height: 22px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.share-bar::after {
  content: "";
  display: table;
  clear: both;
}
.share-bar .share-bar-headline {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.share-bar .sharebar-listing {
  display: inline-block;
}
.share-bar .social-button {
  color: #fefefe;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border: 0rem solid transparent;
  padding: 0.125rem;
  text-decoration: none;
  text-align: center;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.8em;
  -webkit-border-radius: 1.6875rem;
  -moz-border-radius: 1.6875rem;
  border-radius: 1.6875rem;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
}
.share-bar .social-button:not(:last-child) {
  margin-right: .25rem;
}
.share-bar .social-button:before {
  font-family: "FontAwesome";
}
.share-bar .social-button:hover {
  border: .125rem solid;
  padding: 0;
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.share-bar .social-button.facebook {
  background: #3B5998;
}
.share-bar .social-button.facebook:before {
  content: "";
}
.share-bar .social-button.facebook:hover {
  background: #fefefe;
  color: #3b5998;
  border-color: #3b5998;
}
.share-bar .social-button.twitter {
  background: #1DA1F2;
}
.share-bar .social-button.twitter:before {
  content: "";
}
.share-bar .social-button.twitter:hover {
  background: #fefefe;
  color: #55acee;
  border-color: #55acee;
}
.share-bar .social-button.linkedin {
  background: #0077B5;
}
.share-bar .social-button.linkedin:before {
  content: "";
}
.share-bar .social-button.linkedin:hover {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}
.share-bar .social-button.youtube {
  background: #CD201F;
}
.share-bar .social-button.youtube:before {
  content: "\f16a";
}
.share-bar .social-button.youtube:hover {
  color: #dd4b39;
  background: #fefefe;
  border-color: #dd4b39;
}
.share-bar .social-button.instagram {
  background-image: linear-gradient(to top right, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb);
  background-color: #000000;
  color: #ffffff;
}
.share-bar .social-button.instagram:before {
  content: "\f16d";
}
.share-bar .social-button.instagram:hover {
  color: #000000;
  background: #fefefe;
  border-color: #000000;
}
.share-bar .social-button.mailto {
  background-color: #2882d0;
}
.share-bar .social-button.mailto:before {
  content: "\f0e0";
}
.share-bar .social-button.mailto:hover {
  color: #2882d0;
  background-color: #fefefe;
  border-color: #2882d0;
}
.share-bar .social-button.wechat {
  background-color: #00b70c;
  color: #ffffff;
}
.share-bar .social-button.wechat:before {
  content: "\f1d7";
}
.share-bar .social-button.wechat:hover {
  color: #00b70c;
  background-color: #ffffff;
  border-color: #00b70c;
}
.share-bar .social-button.weibo {
  background-color: #d34237;
  color: #ffffff;
}
.share-bar .social-button.weibo:before {
  content: "\f18a";
}
.share-bar .social-button.weibo:hover {
  color: #d34237;
  background-color: #ffffff;
  border-color: #d34237;
}
.share-bar .social-button.qq {
  background-color: #449fc2;
  color: #ffffff;
}
.share-bar .social-button.qq:before {
  content: "\f1d6";
}
.share-bar .social-button.qq:hover {
  color: #d34237;
  background-color: #ffffff;
  border-color: #d34237;
}
.share-bar .social-button.qqzone {
  display: none;
}
.share-bar.sharebar-left {
  text-align: left !important;
}
.share-bar.sharebar-center {
  text-align: center !important;
  display: block !important;
}
.share-bar.sharebar-right {
  text-align: right !important;
}
.share-bar.share-bar-theme-2 .social-button {
  color: #002c77;
  background: #ffffff;
  border: 0 none transparent;
  font-size: 20px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: 28px;
  height: 28px;
  padding: 0;
  margin-right: 0 !important;
}
.share-bar.share-bar-theme-2 .social-button:hover {
  background: transparent;
  border-color: transparent;
  color: #006d9e;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-3 .share-bar-headline {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
}
.share-bar.share-bar-theme-3 .social-button {
  background: #ffffff;
  font-size: 1rem;
  width: 32px;
  height: 32px;
  margin-right: 0.05rem !important;
}
.share-bar.share-bar-theme-3 .social-button:hover {
  border: 0 none transparent !important;
  background: transparent;
  padding: .125rem;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-3 .social-button.facebook {
  color: #3b5998;
}
.share-bar.share-bar-theme-3 .social-button.linkedin {
  color: #0077b5;
}
.share-bar.share-bar-theme-3 .social-button.twitter {
  color: #1da1f2;
}
.share-bar.share-bar-theme-3 .social-button.instagram:before {
  background: linear-gradient(to top right, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.share-bar.share-bar-theme-3 .social-button.youtube {
  color: #cd201f;
}
.share-bar.share-bar-theme-3 .social-button.wechat {
  color: #00b70c;
}
.share-bar.share-bar-theme-3 .social-button.weibo {
  color: #d34237;
}
.share-bar.share-bar-theme-3 .social-button.qq {
  color: #449fc2;
}
.share-bar.share-bar-theme-4 {
  background: #001f52;
  padding: 25px 20px;
}
.share-bar.share-bar-theme-4 .share-bar-headline {
  color: #ffffff;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 12px;
}
.share-bar.share-bar-theme-4 .social-button {
  background: #ffffff;
  border: 0 none transparent !important;
  color: #001f52;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: 28px;
  padding: 0;
  margin-right: 0 !important;
  margin-bottom: .25rem;
}
@media only screen and (min-width: 1024px) {
  .share-bar.share-bar-theme-4 .social-button {
    margin-bottom: 0;
  }
}
.share-bar.share-bar-theme-4 .social-button:hover {
  border: 0 none transparent !important;
  color: #002c77;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-5 {
  margin-top: 15px;
}
.share-bar.share-bar-theme-5 .share-bar-headline {
  color: #006d9e;
  font-size: 13px;
  line-height: 13px;
}
.share-bar.share-bar-theme-5 .social-button {
  background: #006d9e !important;
  color: #ffffff !important;
  border: 0 none transparent !important;
  font-size: 14px;
  line-height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 0 !important;
}
.share-bar.share-bar-theme-5 .social-button:hover {
  border: 0 none transparent !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-6 {
  margin-bottom: 20px;
}
.share-bar.share-bar-theme-6 .share-bar-headline {
  color: #627798;
}
.share-bar.share-bar-theme-6 .social-button {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: 28px;
  border: 0 none transparent !important;
  padding: 0;
  color: #ffffff !important;
  background: #002C77 !important;
  margin-right: .25rem !important;
}
.share-bar.share-bar-theme-6 .social-button:hover {
  background: #006d9e !important;
  border: 0 none transparent !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-7 {
  padding: 20px 15px;
  margin-top: 30px;
}
.share-bar.share-bar-theme-7 .share-bar-headline {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 4px;
}
.share-bar.share-bar-theme-7 .share-bar-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}
.share-bar.share-bar-theme-7 .social-button {
  height: auto;
  line-height: 30px;
  font-size: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: auto;
  border: 0 none transparent !important;
  padding: 0;
  color: #ffffff !important;
  background: none !important;
  margin-right: 0 !important;
}
.share-bar.share-bar-theme-7 .social-button:hover {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-7 .social-button.facebook:before {
  content: "\f082";
}
.share-bar.share-bar-theme-7 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-7 .social-button.twitter:before {
  content: "\f081";
}
.share-bar.share-bar-theme-7 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-7 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-8 {
  margin-top: 0;
  margin-bottom: 15px;
}
.share-bar.share-bar-theme-8 .share-bar-headline {
  color: #006d9e;
  font-size: 14px;
  line-height: 14px;
}
.share-bar.share-bar-theme-8 .social-button {
  background: none !important;
  color: #002c77 !important;
  height: auto;
  line-height: 35px;
  font-size: 35px;
  vertical-align: top;
  width: auto;
  border: 0 none transparent !important;
  padding: 0;
  margin-right: .25rem !important;
}
.share-bar.share-bar-theme-8 .social-button:hover {
  border: 0 none transparent !important;
  color: #0065ac !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-8 .social-button.facebook:before {
  content: "\f082";
}
.share-bar.share-bar-theme-8 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-8 .social-button.twitter:before {
  content: "\f081";
}
.share-bar.share-bar-theme-8 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-8 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-9 {
  margin-top: 0;
  margin-bottom: 15px;
}
.share-bar.share-bar-theme-9 .share-bar-headline {
  color: #006d9e;
  font-size: 14px;
  line-height: 14px;
}
.share-bar.share-bar-theme-9 .social-button {
  height: auto;
  line-height: 35px;
  font-size: 35px;
  vertical-align: top;
  width: auto;
  border: 0 none transparent !important;
  padding: 0;
  color: #004eae !important;
  background: none !important;
  margin-right: .25rem !important;
}
.share-bar.share-bar-theme-9 .social-button:hover {
  border: 0 none transparent !important;
  color: #00a8c8 !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-9 .social-button.facebook:before {
  content: "\f082";
}
.share-bar.share-bar-theme-9 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-9 .social-button.twitter:before {
  content: "\f081";
}
.share-bar.share-bar-theme-9 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-9 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-10 {
  text-align: center;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  .share-bar.share-bar-theme-10 {
    padding: 70px 0 0;
  }
}
.share-bar.share-bar-theme-10 .share-bar-headline {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 2px;
}
.share-bar.share-bar-theme-10 .share-bar-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.share-bar.share-bar-theme-10 .social-button {
  height: auto;
  line-height: 30px;
  font-size: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  width: auto;
  border: 0 none transparent !important;
  padding: 0;
  color: #ffffff !important;
  background: none !important;
  margin-right: 0 !important;
}
.share-bar.share-bar-theme-10 .social-button:hover {
  border: 0 none transparent !important;
  color: #00a8c8 !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-10 .social-button.facebook:before {
  content: "\f082";
}
.share-bar.share-bar-theme-10 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-10 .social-button.twitter:before {
  content: "\f081";
}
.share-bar.share-bar-theme-10 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-10 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-11 .share-bar-headline {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
}
.share-bar.share-bar-theme-11 .social-button {
  background: #ffffff;
  width: auto;
  height: auto;
  font-size: 46px;
  margin-right: 10px !important;
  line-height: 46px;
}
.share-bar.share-bar-theme-11 .social-button:hover {
  background: transparent;
  border: 0 none transparent !important;
  padding: .125rem;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-11 .social-button.facebook {
  color: #3b5998;
}
.share-bar.share-bar-theme-11 .social-button.linkedin {
  color: #0077b5;
}
.share-bar.share-bar-theme-11 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-11 .social-button.twitter {
  color: #1da1f2;
}
.share-bar.share-bar-theme-11 .social-button.instagram:before {
  background: linear-gradient(to top right, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.share-bar.share-bar-theme-11 .social-button.youtube {
  color: #cd201f;
}
.share-bar.share-bar-theme-11 .social-button.wechat {
  color: #00b70c;
}
.share-bar.share-bar-theme-11 .social-button.weibo {
  color: #d34237;
}
.share-bar.share-bar-theme-11 .social-button.qq {
  color: #449fc2;
}
.share-bar.share-bar-theme-12 {
  margin-top: 100px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .share-bar.share-bar-theme-12 {
    margin-top: 50px;
    text-align: right;
  }
}
.share-bar.share-bar-theme-12 .social-button {
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #1585cf;
  width: 28px;
  height: 27px;
  font-size: 20px;
  line-height: 27px;
}
.share-bar.share-bar-theme-12 .social-button:hover {
  background: #ffffff;
  border-color: transparent;
  color: #1585cf;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-13 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 15px;
}
.share-bar.share-bar-theme-13.sharebar-right {
  float: right;
}
.share-bar.share-bar-theme-13 .share-bar-headline {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 30px;
  margin-right: 10px;
}
.share-bar.share-bar-theme-13 .social-button {
  margin-right: 2px;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
.share-bar.share-bar-theme-13 .social-button:hover {
  color: #ffffff;
  border: .125rem solid;
  padding: 0;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-13 .social-button.facebook:hover {
  background: #3B5998;
  border-color: #3B5998;
}
.share-bar.share-bar-theme-13 .social-button.twitter:hover {
  background: #1DA1F2;
  border-color: #1DA1F2;
}
.share-bar.share-bar-theme-13 .social-button.linkedin:hover {
  background: #0077B5;
  border-color: #0077B5;
}
.share-bar.share-bar-theme-13 .social-button.youtube:hover {
  background: #CD201F;
  border-color: #CD201F;
}
.share-bar.share-bar-theme-13 .social-button.instagram:hover {
  background-image: linear-gradient(to top right, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb);
  background: transparent;
  border-color: transparent;
}
.share-bar.share-bar-theme-13 .social-button.mailto {
  background-color: #0d47a1;
}
.share-bar.share-bar-theme-13 .social-button.mailto:hover {
  background-color: #0d47a1;
  border-color: #0d47a1;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  .share-bar.share-bar-theme-13 {
    margin-top: -50px;
    float: right;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .share-bar.share-bar-theme-13.sharebar-right,
  .share-bar.share-bar-theme-13.sharebar-left {
    text-align: center !important;
    display: block !important;
    float: none;
  }
}
.share-bar.share-bar-theme-14 {
  background: #00a8c8;
  padding: 20px 0;
  min-height: unset;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
@media only screen and (min-width: 1024px) {
  .share-bar.share-bar-theme-14 {
    padding: 65px 20px;
    min-height: 215px;
  }
}
.share-bar.share-bar-theme-14 .share-bar-headline {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 2px;
}
.share-bar.share-bar-theme-14 .share-bar-description {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.share-bar.share-bar-theme-14 .social-button {
  color: #00a8c8 !important;
  background: #ffffff !important;
  border: 0 none transparent !important;
  font-size: 20px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  height: 28px;
  width: 28px;
  padding: 0;
  margin-right: 0 !important;
  margin-bottom: .25rem;
}
@media only screen and (min-width: 1024px) {
  .share-bar.share-bar-theme-14 .social-button {
    margin-bottom: 0;
  }
}
.share-bar.share-bar-theme-14 .social-button:hover {
  border: 0 none transparent !important;
  color: #006d9e !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-15 {
  margin-top: 0;
  margin-bottom: 15px;
}
.share-bar.share-bar-theme-15 .share-bar-description,
.share-bar.share-bar-theme-15 .share-bar-headline {
  display: none !important;
}
.share-bar.share-bar-theme-15 .sharebar-listing {
  position: fixed;
  bottom: 45%;
  padding: 10px 6px;
  width: 46px;
  left: 0;
  z-index:  99999;
}
@media only screen and (max-width: 767px) {
  .share-bar.share-bar-theme-15 .sharebar-listing {
    background: #ffffff;
    top: 60px;
    padding: 4px 5px;
    width: auto;
    margin-bottom: 0;
    height: 30px;
  }
}
.share-bar.share-bar-theme-15 .social-button {
  color: #006d9e !important;
  background: none !important;
  border: 0 none transparent !important;
  display: inline-block;
  line-height: 25px;
  font-size: 20px;
  vertical-align: top;
  height: auto;
  width: auto;
  text-align: left;
  padding: 0;
  margin-right: 0 !important;
}
@media only screen and (min-width: 768px) {
  .share-bar.share-bar-theme-15 .social-button {
    display: block;
    font-size: 32px;
    line-height: 45px;
  }
}
.share-bar.share-bar-theme-15 .social-button:hover {
  border: 0 none transparent !important;
  color: #00a8c8 !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-15 .social-button.facebook:before {
  content: "\f09a";
}
.share-bar.share-bar-theme-15 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-15 .social-button.twitter:before {
  content: "\f099";
}
.share-bar.share-bar-theme-15 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-15 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-16.sharebar-center {
  background-color: #00a8c8;
  padding: 20px 0;
}
.share-bar.share-bar-theme-16 .share-bar-description,
.share-bar.share-bar-theme-16 .share-bar-headline {
  display: none;
}
.share-bar.share-bar-theme-16 .social-button {
  color: #ffffff !important;
  background: none !important;
  border: 0 none transparent !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
  font-size: 30px;
  vertical-align: top;
  width: 28px;
  padding: 0;
  margin-right: 25px;
  margin-left: 25px;
}
.share-bar.share-bar-theme-17 {
  margin-top: 0;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .share-bar.share-bar-theme-17 {
    position: relative;
  }
}
.share-bar.share-bar-theme-17 .share-bar-description,
.share-bar.share-bar-theme-17 .share-bar-headline {
  display: none !important;
}
.share-bar.share-bar-theme-17 .sharebar-listing {
  position: fixed;
  bottom: 45%;
  padding: 10px 6px;
  width: 46px;
  left: 0;
  z-index:  99999;
}
@media (max-width: 1024px) {
  .share-bar.share-bar-theme-17 .sharebar-listing {
    position: absolute;
    bottom: 45%;
    padding: 0px;
    width: 100%;
    left: auto;
    z-index: 999999;
    top: 0;
    justify-content: center;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .share-bar.share-bar-theme-17 .sharebar-listing {
    left: 0px;
    background: #ffffff;
    top: 56px;
    padding: 5px;
    width: auto;
    margin-bottom: 0;
    height: 25px;
    position: fixed;
  }
}
.share-bar.share-bar-theme-17 .social-button {
  color: #006d9e !important;
  background: none !important;
  border: 0 none transparent !important;
  display: inline-block;
  line-height: 25px;
  font-size: 20px;
  vertical-align: top;
  height: auto;
  width: auto;
  text-align: left;
  padding: 0;
  margin-right: 0 !important;
}
@media (max-width: 1024px) {
  .share-bar.share-bar-theme-17 .social-button {
    display: inline-flex;
    font-size: 32px;
    line-height: 45px;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .share-bar.share-bar-theme-17 .social-button {
    display: block;
    font-size: 32px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .share-bar.share-bar-theme-17 .social-button {
    font-size: 14px;
    padding: 0 6px;
    line-height: normal;
  }
}
.share-bar.share-bar-theme-17 .social-button:hover {
  border: 0 none transparent !important;
  color: #00a8c8 !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-17 .social-button.facebook:before {
  content: "\f09a";
}
.share-bar.share-bar-theme-17 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-17 .social-button.twitter:before {
  content: "\f099";
}
.share-bar.share-bar-theme-17 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-17 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-18 .share-bar-headline {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #001538;
  margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .share-bar.share-bar-theme-18 .share-bar-headline {
    font-size: 16px;
  }
}
.share-bar.share-bar-theme-18 .social-button {
  width: 34px;
  height: 34px;
  font-size: 23px;
  line-height: 29px;
  margin-right: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .share-bar.share-bar-theme-18 .social-button {
    width: 25px;
    height: 25px;
    font-size: 15px;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.share-bar.share-bar-theme-18 .social-button:hover {
  transform: none;
  transition: none;
  padding: 0.125rem;
}
.share-bar.share-bar-theme-18 .social-button.weibo {
  background-color: #e6162d;
  color: #ffffff;
  border: none;
}
.share-bar.share-bar-theme-18 .social-button.qq {
  background-color: #449fc2;
  color: #ffffff;
  border: none;
}
.share-bar.share-bar-theme-18 .social-button.wechat {
  background-color: #71bf4b;
  color: #ffffff;
  border: none;
}
.share-bar.share-bar-theme-18 .social-button.qqzone {
  background-color: #ebc445;
  position: relative;
  border: none;
  display: inline-block;
}
.share-bar.share-bar-theme-18 .social-button.qqzone:before {
  position: relative;
  right: 0;
  top: 1px;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 1024px) {
  .share-bar.share-bar-theme-18 .social-button.qqzone:before {
    top: -1px;
  }
}
.share-bar.share-bar-theme-19 {
  margin-top: 0;
  margin-bottom: 15px;
}
.share-bar.share-bar-theme-19 .list-style-socialicon {
  list-style-type: none;
  display: flex;
  margin: 0 0;
}
.share-bar.share-bar-theme-19 .list-style-socialicon li {
  padding: 0 2px;
}
.share-bar.share-bar-theme-19 .share-bar-headline {
  color: #006d9e;
  font-size: 14px;
  line-height: 14px;
}
.share-bar.share-bar-theme-19 .social-button {
  background: none !important;
  color: #009de0 !important;
  height: auto;
  line-height: 35px;
  font-size: 35px;
  vertical-align: top;
  width: auto;
  border: 0 none transparent !important;
  padding: 0;
  margin-right: .25rem !important;
}
.share-bar.share-bar-theme-19 .social-button:hover {
  border: 0 none transparent !important;
  color: #3bb8f0 !important;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.share-bar.share-bar-theme-19 .social-button.facebook:before {
  content: "\f082";
}
.share-bar.share-bar-theme-19 .social-button.linkedin:before {
  content: "\f08c";
}
.share-bar.share-bar-theme-19 .social-button.twitter:before {
  content: "\f081";
}
.share-bar.share-bar-theme-19 .social-button.youtube:before {
  content: "\f16a";
}
.share-bar.share-bar-theme-19 .social-button.instagram:before {
  content: "\f16d";
}
.share-bar.share-bar-theme-20 .list-style-socialicon {
  list-style-type: none;
  display: flex;
  margin: 0 0;
}
.share-bar.share-bar-theme-20 .list-style-socialicon li {
  padding: 0 4px;
}
.share-bar.share-bar-theme-20::after {
  content: "";
  display: table;
  clear: both;
}
.share-bar.share-bar-theme-20 .share-bar.share-bar-theme-20-headline {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  margin-bottom: 10px;
}
.share-bar.share-bar-theme-20 .sharebar-listing {
  display: inline-block;
  float: right;
}
.share-bar.share-bar-theme-20 .social-button {
  color: #fefefe;
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border: 0rem solid transparent;
  padding: 0.125rem;
  text-decoration: none;
  text-align: center;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.8em;
  -webkit-border-radius: 1.6875rem;
  -moz-border-radius: 1.6875rem;
  border-radius: 1.6875rem;
  -webkit-transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all;
  -o-transition: 0.5s ease all;
  transition: 0.5s ease all;
  background: #009DE0;
  color: #ffffff;
  margin-bottom: 10px;
}
.share-bar.share-bar-theme-20 .social-button:not(:last-child) {
  margin-right: .25rem;
}
.share-bar.share-bar-theme-20 .social-button:before {
  font-family: "FontAwesome";
}
.share-bar.share-bar-theme-20 .social-button:hover {
  background: #3BB8F0 !important;
  transform: rotate(0deg);
  color: #ffffff!important;
}
.share-bar.share-bar-theme-20 .social-button:focus {
  background: #76D3FF !important;
}
.share-bar.share-bar-theme-20.sharebar-left {
  text-align: left !important;
}
.share-bar.share-bar-theme-20.sharebar-center {
  text-align: center !important;
  display: block !important;
}
.share-bar.share-bar-theme-20.sharebar-right {
  text-align: right !important;
}
@media (max-width: 1024px) {
  .share-bar.share-bar-theme-20 .sharebar-listing {
    margin-bottom: 20px;
  }
  .share-bar.share-bar-theme-20 .social-button {
    width: 2.2rem;
    height: 2.2rem;
    margin-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .share-bar.share-bar-theme-20 {
    text-align: center;
  }
  .share-bar.share-bar-theme-20 .sharebar-listing {
    float: none;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .share-bar.share-bar-theme-20 .sharebar-listing {
    float: left;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.collapsibleContent2 {
  max-width: 100%;
  height: 100%;
  position: relative;
}
.collapsibleContent2 .collapsibleContent2-content {
  background: #ffffff;
  overflow: hidden;
  bottom: 0;
  height: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  z-index: 2;
  -webkit-transition: height 0.5s linear;
  -moz-transition: height 0.5s linear;
  -ms-transition: height 0.5s linear;
  -o-transition: height 0.5s linear;
  transition: height 0.5s linear;
}
.collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-ctaText {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  padding: 0 15px;
  margin: 0;
}
.collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-heading {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  text-transform: none !important;
  min-height: 50px;
  padding: 0 15px;
  margin: 0 0 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-heading {
    height: 115px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1200px) {
  .collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-heading {
    min-height: 100px;
  }
}
.collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  color: #000000;
  height: 120px;
  overflow: hidden;
  padding: 0 15px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2 .collapsibleContent2-content .collapsibleContent2-content-description {
    height: 140px;
  }
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper {
  background-color: #ffffff;
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  width: 100%;
  padding: 15px;
  margin: 0px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .collapsibleContent2 .collapsibleContent2-toggle_wrapper {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2 .collapsibleContent2-toggle_wrapper {
    height: 86px;
    padding: 30px 25px;
  }
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper:hover {
  background-color: #001f52 !important;
  color: #ffffff !important;
  -webkit-box-shadow: 5px 5px 10px #545252;
  -moz-box-shadow: 5px 5px 10px #545252;
  box-shadow: 5px 5px 10px #545252;
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper:hover span {
  color: #ffffff !important;
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper:hover .collapsible-content-icon.white-plus-img {
  display: inline-block !important;
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper:hover .collapsible-content-icon.black-plus-img {
  display: none;
}
.collapsibleContent2 .collapsibleContent2-toggle_wrapper .white-plus-img {
  display: none !important;
}
.collapsibleContent2 .kicker,
.collapsibleContent2 .inner-kicker {
  color: #001538;
  cursor: pointer;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  width: 100%;
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.collapsibleContent2 .kicker:after,
.collapsibleContent2 .inner-kicker:after {
  font-family: "FontAwesome";
  font-size: 36px;
  margin-left: 10px;
}
.collapsibleContent2 .kicker {
  background-color: #ffffff;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2 .kicker {
    padding: 25px;
    min-height: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .collapsibleContent2 .kicker {
    min-height: 86px;
  }
}
.collapsibleContent2 .kicker:hover {
  background-color: #001f52 !important;
  color: #ffffff !important;
}
.collapsibleContent2 .kicker:after {
  content: "\f055";
}
@media only screen and (min-width: 768px) {
  .collapsibleContent2 .kicker:after {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2 .kicker:after {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .collapsibleContent2 .inner-kicker {
    min-height: 80px;
  }
}
.collapsibleContent2 .inner-kicker:after {
  content: "\f057";
}
@media only screen and (min-width: 768px) {
  .collapsibleContent2 .inner-kicker:after {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2 .inner-kicker:after {
    margin-left: 10px;
  }
}
.collapsibleContent2.open .collapsibleContent2-content {
  display: block;
  height: 360px;
}
@media only screen and (min-width: 768px) {
  .collapsibleContent2.open .collapsibleContent2-content {
    height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .collapsibleContent2.open .collapsibleContent2-content {
    padding: 5px;
    height: 420px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.author1 .author-component.variation1 {
  height: 70px;
}
.author1 .author-component.variation1 img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  height: 50px;
  width: 50px;
}
.author1 .author-component.variation1 .au-title {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  line-height: 70px;
  margin-left: 20px;
}
.author1 .author-component.variation2 {
  margin-top: 10px;
  border-top-width: 0.5px;
  border-top-style: solid;
  border-top-color: #e0e0e0;
}
.author1 .author-component.variation3 .author-content {
  position: relative;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .author1 .author-component.variation3 .author-content a {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .author1 .author-component.variation3 .author-content .au-text {
    position: relative !important;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .author1 .author-component.variation3 .author-content .au-text {
    position: absolute !important;
    margin-top: 0;
  }
}
.author1 .author-component.variation2 .author-content,
.author1 .author-component.variation3 .author-content {
  padding: 32px 15px 0;
  min-height: 75px;
  margin-bottom: 1.25rem;
}
.author1 .author-component.variation2 .author-content img,
.author1 .author-component.variation3 .author-content img {
  height: 64px;
  width: 64px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 15px;
}
@media screen and (max-width: 667px) {
  .author1 .author-component.variation2 .author-content img,
  .author1 .author-component.variation3 .author-content img {
    margin-top: unset;
  }
}
.author1 .author-component.variation2 .author-content .au-text,
.author1 .author-component.variation3 .author-content .au-text {
  position: absolute;
  display: inline-block;
  overflow: hidden;
}
.author1 .author-component.variation2 .author-content .au-text .au-title,
.author1 .author-component.variation3 .author-content .au-text .au-title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin-bottom: 0;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/heros/hero1/clientlib/less/hero-1.less
Error: NameError: variable @base-font-semi-bold is undefined in /apps/mercer-au-publicsite/components/heros/hero1/clientlib/less/variation-1.less on line 97, column 17:
96             letter-spacing: normal;
97 			font-family: @base-font-semi-bold;
98 			position: relative;


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";
@import "variation-1.less";
@import "variation-2.less";
@import "variation-3.less";
@import "variation-4.less";
@import "variation-5.less";
@import "variation-6.less";
@import "variation-7.less";


/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero-two .hero-content-section {
  top: 150px;
  background-color: transparent;
  position: relative;
  padding-left: 61px;
  margin-top: 9rem;
  top: 0;
  left: 0;
  padding: 118px 80px;
  margin-top: 0;
}
.hero-two .hero-content-section .del1 {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  transition: 0.5s;
}
.hero-two .hero-content-section .del2 {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
}
.hero-two .hero-content-section .del3 {
  animation-delay: 4s;
  -webkit-animation-delay: 3s;
}
.hero-two .hero-content-section h1 {
  margin-bottom: 15px;
  font-size: 50px;
  line-height: normal;
  margin-bottom: 25px;
  font-size: 44px;
  font-size: 4.624em;
  line-height: 1.1em;
  letter-spacing: 0;
  margin-bottom: .5rem;
}
.hero-two .hero-content-section p {
  line-height: 26px;
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 5px;
  width: 62%;
  font-family: "NotoSans", Arial, sans-serif !important;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}
.hero-two .hero-content-section h2 {
  font-size: 20px;
  padding-bottom: 10px;
  line-height: normal;
  margin: 30px 0 15px;
}
.hero-two .hero-content-section h4 {
  color: #ffffff;
  font-size: 1.8125rem;
  line-height: 1em;
  font-family: "NotoSans", Arial, sans-serif !important;
  margin-bottom: 10px;
}
.hero-two .hero-content-section h5 {
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 2.8px;
  padding-bottom: 0;
  margin: 30px 0 15px;
  font-family: inherit !important;
}
.hero-two .hero-content-section .buttons-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.hero-two .hero-background-section {
  background-size: cover;
  min-height: 610px;
  position: relative;
  color: #ffffff;
}
.hero-two .hero-background-section:before {
  width: 100%;
  background: #000000;
  opacity: 0.1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media (max-width: 992px) {
  .hero-two .hero-background-section {
    background-size: 100% 76%;
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
    background-position: 65% 61%;
  }
  .hero-two .hero-background-section h4 {
    font-size: 23px;
  }
  .hero-two .hero-background-section h1 {
    font-size: 45px !important;
  }
}
@media (max-width: 767px) {
  .hero-two .hero-content-section {
    top: 10px;
    left: 0px;
    padding-left: 5%;
    margin-top: 40px;
    padding: 0 10px 0;
    margin-top: 20px;
  }
  .hero-two .hero-content-section h5 {
    font-size: 1rem;
    padding-bottom: 0px;
    line-height: normal;
    font-size: 16px;
    margin: 0px 0 12px;
  }
  .hero-two .hero-content-section h1 {
    margin-bottom: 6px;
    margin-top: 60px;
    font-size: 20px;
    font-size: 42px;
    line-height: 51px;
    margin-top: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .hero-two .hero-content-section p {
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    padding-bottom: 20px;
    padding-bottom: 0;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .hero-two .hero-content-section h4 {
    font-size: 17px;
    line-height: 25px;
  }
  .hero-two .hero-content-section .buttons-container {
    margin-bottom: 0;
  }
  .hero-two .hero-content-section .sharebar-container {
    padding-bottom: 1.6rem;
  }
  .hero-two .hero-background-section {
    background-repeat: no-repeat;
    min-height: auto;
    min-height: 482px;
    background-size: cover;
    background-position: 45%;
  }
}
@media (max-width: 1920px) {
  .hero-two .hero-background-section {
    background-size: cover;
  }
}
@media (max-width: 1366px) {
  .hero-two .hero-background-section {
    background-size: cover;
    background-position: 65% 80%;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1024px) {
  .hero-two .hero-background-section {
    background-size: cover;
  }
  .hero-two .hero-content-section h1 {
    margin-bottom: 1.8rem;
    width: 78%;
  }
}
.hero-two .variation-two .hero-content-section h1 {
  font-size: 40px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin-bottom: 50px;
}
.hero-two .variation-two .hero-content-section p {
  width: 65%;
  font-size: 24px;
  margin-bottom: 1.6em;
  font-family: "NotoSans", Arial, sans-serif !important;
  line-height: 36px;
}
.hero-two .variation-two .buttons-container div {
  display: inline-block;
  margin-right: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .hero-two .variation-two .hero-content-section p {
    width: 100%;
    font-size: 15px;
    margin-bottom: 1.6em;
    font-family: "NotoSans", Arial, sans-serif !important;
    line-height: 1.5;
    text-align: center;
  }
  .hero-two .variation-two .hero-content-section h4 {
    text-align: left;
  }
  .hero-two .variation-two .hero-content-section h1 {
    line-height: 1.5;
    margin-top: 30%;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 23px !important;
  }
  .hero-two .variation-two .buttons-container div {
    width: 100%;
  }
  .hero-two .variation-two .buttons-container div a {
    display: block;
  }
  .hero-two .variation-two .buttons-container div a.button.hollow {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .hero-two .variation-two .hero-content-section p {
    font-size: 20px;
    line-height: 1.5;
    width: 100%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero-three {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 350px;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
  -ms-flex-align: left;
  -webkit-align-items: left;
  align-items: left;
  padding: 30px 30px 20px;
  border-bottom: 2px solid #009de0;
}
.hero-three .hero-content {
  position: relative;
}
.hero-three .hero-section-text {
  margin-top: 10px;
  width: 50%;
  color: #fefefe;
  position: relative;
  z-index: 1;
}
.hero-three .hero-section-text .kicker {
  margin-bottom: 5px;
  font-family: "NotoSans", Arial, sans-serif !important;
  color: #ffffff;
  font-size: 41px;
  line-height: 52px;
  letter-spacing: -1px;
}
.hero-three .hero-section-text h1 {
  margin-bottom: 5px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  letter-spacing: 0;
  color: #ffffff;
  font-size: 66px;
  line-height: 70px;
}
.hero-three .hero-section-text p {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin-bottom: 25px;
  color: #ffffff;
  font-size: 26px;
  line-height: 33px;
}
.hero-three .button-container {
  width: 100%;
}
.hero-three .button-container a {
  background-color: #ffffff;
  color: #0065ac;
  margin: 0;
  min-width: 185px;
}
.hero-three .button-container a:hover {
  background-color: rgba(0, 90, 142, 0.1);
}
.hero-three .button-container .sharebar-container {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: right;
}
.hero-three.hero-three-var-1 {
  padding: 30px 30px 40px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.hero-three.hero-three-var-1 .hero-content {
  width: 80%;
}
.hero-three.hero-three-var-1 .hero-section-text {
  width: 100%;
}
.hero-three.hero-three-var-1 .hero-section-text .kicker {
  font-size: 41px;
  line-height: 42px;
}
.hero-three.hero-three-var-1 .hero-section-text h1 {
  font-size: 58px;
  line-height: 60px;
}
.hero-three.hero-three-var-1 .hero-section-text p {
  font-size: 25px;
  line-height: 32px;
}
.hero-three.hero-three-var-1 .sharebar-container {
  margin-top: -25px;
}
@media only screen and (max-width: 1024px) {
  .hero-three .hero-section-text {
    width: 66.66667%;
  }
  .hero-three .hero-section-text .kicker {
    font-size: 41px;
    line-height: 42px;
  }
  .hero-three .hero-section-text h1 {
    font-size: 58px;
    line-height: 61px;
    letter-spacing: normal;
  }
  .hero-three .hero-section-text p {
    font-size: 20px;
    line-height: 26px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
  }
  .hero-three .hero-three.hero-three-var-1 .hero-content {
    width: 100%;
  }
  .hero-three .hero-three.hero-three-var-1 .hero-content .kicker {
    font-size: 41px;
    line-height: 42px;
  }
  .hero-three .hero-three.hero-three-var-1 .hero-content h1 {
    font-size: 58px;
    line-height: 61px;
    letter-spacing: normal;
  }
  .hero-three .hero-three.hero-three-var-1 .hero-content p {
    font-size: 20px;
    line-height: 26px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
  }
}
@media only screen and (max-width: 767px) {
  .hero-three {
    height: 460px;
    text-align: left;
    padding: 30px .9375rem 20px;
  }
  .hero-three .hero-content {
    position: relative;
    top: 4rem;
  }
  .hero-three .hero-content .kicker {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.5px;
  }
  .hero-three .hero-content h1 {
    font-size: 46px;
    line-height: 50px;
  }
  .hero-three .hero-content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
  }
  .hero-three .sharebar-container {
    position: initial;
    text-align: center;
    width: 100%;
  }
  .hero-three .sharebar-container .share-bar {
    text-align: left !important;
  }
  .hero-three .sharebar-container .share-bar-headline {
    text-align: center;
  }
  .hero-three .button-container .button1-container {
    -webkit-justify-content: left;
    justify-content: left;
  }
  .hero-three .button-container a {
    margin-bottom: 1rem;
  }
  .hero-three .hero-section-text {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  .hero-three.hero-three-var-1 .hero-content {
    width: 100%;
  }
  .hero-three.hero-three-var-1 .hero-content .kicker {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.5px;
  }
  .hero-three.hero-three-var-1 .hero-content h1 {
    font-size: 46px;
    line-height: 50px;
  }
  .hero-three.hero-three-var-1 .hero-content p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
  }
  .hero-three.hero-three-var-1 .sharebar-container .share-bar {
    margin-top: 80px;
  }
}
.hero-three.hero-three-var-2 {
  border-bottom: none;
  align-items: center;
  background-attachment: fixed;
  background-position: center;
  min-height: 350px;
  height: auto;
}
.hero-three.hero-three-var-2 .hero-content {
  padding: 0 14%;
}
.hero-three.hero-three-var-2 .hero-section-text {
  width: 100%;
  margin-top: 0;
}
.hero-three.hero-three-var-2 .hero-section-text .kicker {
  font-size: 41px;
  line-height: 52px;
  letter-spacing: -1px;
  margin-bottom: 16px;
  font-family: "NotoSans", Arial, sans-serif !important;
  color: #ffffff;
}
.hero-three.hero-three-var-2 .hero-section-text h1 {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  font-size: 66px;
  line-height: 70px;
  letter-spacing: normal;
  margin-bottom: 25px;
}
.hero-three.hero-three-var-2 .hero-section-text p {
  font-size: 26px;
  line-height: 33px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 25px;
}
.hero-three.hero-three-var-2 .hero-section-text .buttonGreen {
  display: none;
}
.hero-three.hero-three-var-2 a {
  color: inherit;
}
.hero-three.hero-three-var-2 .sharebar-container {
  text-align: left;
  margin-top: 0;
  position: initial;
  width: 100%;
}
.hero-three.hero-three-var-2 .breadcrumb-container {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .hero-three.hero-three-var-2 .hero-content {
    padding: 0 2% 0 10%;
    margin-top: 20px;
  }
  .hero-three.hero-three-var-2 .hero-section-text .kicker {
    line-height: 42px;
  }
  .hero-three.hero-three-var-2 .hero-section-text h1 {
    font-size: 58px;
    line-height: 61px;
  }
  .hero-three.hero-three-var-2 .hero-section-text p {
    font-size: 18px;
    line-height: 26px;
    font-family: "MMCDisplayBold", Times New Roman, serif;
  }
}
@media only screen and (max-width: 767px) {
  .hero-three.hero-three-var-2 {
    background-attachment: scroll;
    background-size: cover;
    height: auto;
  }
  .hero-three.hero-three-var-2 .hero-content {
    padding: 0;
    top: 0;
    margin-top: 0;
  }
  .hero-three.hero-three-var-2 .hero-section-text .kicker {
    line-height: 34px;
    font-size: 32px;
    letter-spacing: -0.5px;
  }
  .hero-three.hero-three-var-2 .hero-section-text h1 {
    font-size: 46px;
    line-height: 50px;
  }
  .hero-three.hero-three-var-2 .hero-section-text p {
    font-size: 16px;
    line-height: 24px;
    font-family: "MMCDisplayBold", Times New Roman, serif;
  }
  .hero-three.hero-three-var-2 .button1-container {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .hero-three.hero-three-var-2 .sharebar-container {
    text-align: center;
  }
  .hero-three.hero-three-var-2 .sharebar-container .share-bar {
    text-align: left !important;
  }
}
.hero-three.hero-three-var-3 {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 48px;
  border-bottom: none;
}
.hero-three.hero-three-var-3 .hero-content-text {
  width: 58.33333%;
  margin-top: 115px;
  margin-bottom: 50px;
}
.hero-three.hero-three-var-3 .hero-content-text .kicker {
  font-size: 41px;
  line-height: 52px;
  letter-spacing: -1px;
  margin-bottom: 16px;
  font-family: "NotoSans", Arial, sans-serif !important;
  color: #ffffff;
}
.hero-three.hero-three-var-3 .hero-content-text h1 {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  font-size: 66px;
  line-height: 70px;
  letter-spacing: normal;
  margin-bottom: 25px;
}
.hero-three.hero-three-var-3 .hero-content-text p {
  font-size: 26px;
  line-height: 33px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 25px;
}
.hero-fixed-background {
  width: 100%;
  min-height: 500px;
  background-color: #001f52;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.hero-fixed-background:before {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 1024px) {
  .hero-three.hero-three-var-3 {
    padding: 0 15px;
  }
  .hero-three.hero-three-var-3 .hero-content-text {
    width: 100%;
  }
  .hero-three.hero-three-var-3 .hero-content-text .kicker {
    line-height: 42px;
  }
  .hero-three.hero-three-var-3 .hero-content-text h1 {
    font-size: 58px;
    line-height: 61px;
  }
  .hero-three.hero-three-var-3 .hero-content-text p {
    font-size: 18px;
    line-height: 26px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    color: #ffffff;
  }
}
@media (max-width: 767px) {
  .hero-three.hero-three-var-3 {
    background-image: none !important;
    background-color: #001f52;
  }
  .hero-three.hero-three-var-3 .hero-content-text {
    margin-top: 35px;
    margin-bottom: 30px;
    width: 100%;
    text-align: left;
  }
  .hero-three.hero-three-var-3 .hero-content-text .kicker {
    line-height: 34px;
    font-size: 32px;
    letter-spacing: -0.5px;
  }
  .hero-three.hero-three-var-3 .hero-content-text h1 {
    font-size: 46px;
    line-height: 50px;
  }
  .hero-three.hero-three-var-3 .hero-content-text p {
    font-size: 18px;
    line-height: 26px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    color: #ffffff;
  }
  .hero-three.hero-three-var-3 .parsys-container .contentBlock2.variation2 .tiles-list {
    box-shadow: none !important;
  }
  .hero-fixed-background {
    background-image: none !important;
    background: #001f52;
  }
}
.hero-three.hero-three-var-4 {
  padding: 30px 140px;
  min-height: 350px;
  height: auto;
}
.hero-three.hero-three-var-4 .hero-section-text {
  width: 100%;
}
@media screen and (max-width: 40em) {
  .hero-three.hero-three-var-4 {
    padding-left: 9%;
    padding-right: 9%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero-four .hero-content-section {
  position: relative;
  height: 350px;
  overflow: hidden;
}
.hero-four .hero-content-section img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-four .hero-content-section:before {
  width: 100%;
  background: #000000;
  opacity: 0.1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
}
.hero-four .hero-content-section .hero-title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 66px;
  line-height: 70px;
  text-align: center;
  margin-top: 8%;
}
.hero-four .hero-content-section .hero-description,
.hero-four .hero-content-section .hero-description span,
.hero-four .hero-content-section .hero-description p {
  color: #ffffff !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 41px;
  line-height: 52px;
  text-align: center;
  width: 100%;
}
.hero-four .hero-content-section .hero-text-container {
  position: absolute;
  top: 38%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
}
.hero-four .hero-content-section h4 {
  opacity: 0.8;
  color: #ffffff;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
  padding-bottom: 5px;
}
.hero-four .hero-content-section h5 {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  font: inherit;
  width: 100%;
}
.hero-four .hero-content-section p {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font: inherit;
  width: 100%;
  text-align: center;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.hero-four .hero-content-container {
  height: 100%;
}
.hero-four .hero-content-container .sharebar-container {
  position: absolute;
  right: 1rem;
  bottom: 1.2rem;
  width: calc(98%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media only screen and (max-width: 1024px) {
  .hero-four .hero-content-section .hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .hero-four .hero-content-section .hero-image {
    min-height: 300px;
  }
  .hero-four .hero-content-section .hero-description {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-four .hero-content-section {
    position: relative;
    top: 0px;
  }
  .hero-four .hero-content-section .hero-image {
    min-height: 366px;
  }
  .hero-four .hero-content-section .hero-title {
    font-size: 22px;
    margin-bottom: 4px;
  }
  .hero-four .hero-content-section .hero-description {
    width: 100%;
  }
  .hero-four .hero-content-section h4 {
    font-size: 22px;
    text-align: center;
    line-height: 30px;
  }
  .hero-four .hero-content-section h5 {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
  }
  .hero-four .hero-content-section p {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 19px;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/heros/hero5/clientlib/less/hero5.less
Error: NameError: variable @base-font-semi-bold is undefined in /apps/mercer-au-publicsite/components/heros/hero5/clientlib/less/styles.less on line 41, column 17:
40 			line-height: 36px;
41 			font-family: @base-font-semi-bold;
42 		}


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";;
@import "animate.less";
@import "author.less";
@import "styles.less";
/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero-6 {
  padding: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  align-items: stretch;
  height: 600px;
}
.hero-6 .hero-section-text {
  padding-left: 48px;
  padding-top: 45px;
  margin-top: 0;
}
.hero-6 .hero-section-text .Heading1 {
  display: none;
}
.hero-6 .hero-section-text .kickertext {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 18px;
  font-style: normal;
  line-height: 14.4px;
  position: relative;
  color: #ffffff;
}
.hero-6 .hero-section-text .ctaLink {
  pointer-events: none;
  cursor: none;
}
.hero-6 .hero-section-text h1 {
  width: 58%;
  margin-top: 40px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 66px;
  font-style: normal;
  letter-spacing: normal;
  line-height: 70px;
  color: #ffffff;
}
.hero-6 .hero-section-text p {
  width: 55%;
  margin-top: 20px;
  margin-bottom: 1rem;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 26px;
  font-style: normal;
  line-height: 33px;
  letter-spacing: normal;
  color: #ffffff;
}
.hero-6 .hero-button-component {
  padding-left: 48px;
  padding-right: 48px;
}
.hero-6 .hero-banner-footer {
  padding-left: 48px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.hero-6.hero-6-var-1 {
  background-position: center top;
}
.hero-6.hero-6-var-1 .hero-button-component .button1-container .button1 {
  background-color: #ffffff;
  color: #0065ac;
}
@media only screen and (max-width: 992px) {
  .hero-6 {
    height: 600px;
  }
  .hero-6 .hero-section-text .kickertext {
    font-size: 41px;
    line-height: 42px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    letter-spacing: -1px;
  }
  .hero-6 .hero-section-text h1 {
    width: 90%;
    font-size: 58px;
    line-height: 61px;
  }
  .hero-6 .hero-section-text h2 {
    font-size: 27px;
    line-height: 45px;
    margin-top: 38px;
  }
  .hero-6 .hero-section-text p {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6 {
    height: 600px;
  }
  .hero-6 .hero-section-text {
    padding-left: 5%;
    line-height: 1.4;
  }
  .hero-6 .hero-section-text .kickertext {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.5px;
    text-align: left;
  }
  .hero-6 .hero-section-text h1 {
    font-size: 46px;
    line-height: 50px;
    width: 100%;
  }
  .hero-6 .hero-section-text h2 {
    font-size: 30px;
    line-height: normal;
  }
  .hero-6 .hero-section-text p {
    font-size: 16px;
    text-align: left;
    line-height: normal;
  }
  .hero-6 .hero-button-component {
    padding-left: 20px;
    margin: 30px auto;
    text-align: center;
  }
  .hero-6 .hero-banner-footer {
    padding-left: 5%;
  }
}
.hero-6-var-2 {
  min-height: 570px;
  height: auto;
}
.hero-6-var-2 .hero-section-text {
  padding-left: 11%;
}
.hero-6-var-2 .hero-section-text .kickertext {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  display: block;
  letter-spacing: normal;
}
.hero-6-var-2 .hero-section-text h1 {
  width: 78%;
  font-size: 58px;
  line-height: 61px;
  height: auto;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.hero-6-var-2 .hero-section-text .description {
  width: 78%;
  font-size: 26px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  line-height: 33px;
}
.hero-6-var-2 .three-button-section {
  position: relative;
  max-width: 100%;
  margin: 70px 0px 50px 10%;
}
.hero-6-var-2 .three-button-section ul {
  padding: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.hero-6-var-2 .three-button-section ul li {
  display: inline-block;
  list-style: none;
  width: 30%;
}
.hero-6-var-2 .three-button-section ul li .author_bio_wrap {
  height: 100%;
}
.hero-6-var-2 .three-button-section li:not(:first-child) {
  margin-left: 25px;
}
@media only screen and (max-width: 992px) {
  .hero-6-var-2 .hero-section-text {
    padding-left: 2%;
  }
  .hero-6-var-2 .hero-section-text h1 {
    line-height: 45px;
    font-size: 27px;
    width: 80%;
  }
  .hero-6-var-2 .hero-section-text .description {
    width: 78%;
  }
  .hero-6-var-2 .three-button-section {
    margin: 50px 0px 50px 2%;
  }
  .hero-6-var-2 .three-button-section ul {
    margin-left: 0px;
  }
  .hero-6-var-2 .three-button-section ul li:not(:first-child) {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6-var-2 .hero-section-text {
    padding-left: 4%;
  }
  .hero-6-var-2 .hero-section-text h1 {
    line-height: 38px;
    font-size: 38px;
    width: 82%;
  }
  .hero-6-var-2 .hero-section-text .description {
    width: 80%;
  }
  .hero-6-var-2 .three-button-section {
    margin: 50px 0px 50px 0%;
    max-width: 95%;
    margin-left: 10px;
  }
  .hero-6-var-2 .three-button-section ul {
    margin-left: 1rem;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .hero-6-var-2 .three-button-section ul li {
    margin: 10px 0px 0px 0px !important;
    max-height: 340px;
    max-width: 95%;
    width: 100%;
    margin-top: 10px;
    display: block;
  }
  .hero-6.hero-6-var-2 .three-button-section li:nth-child(2) {
    float: none;
  }
}
.hero-6-var-3 {
  height: 650px;
  color: #ffffff;
  background-position: center top;
}
.hero-6-var-3 .hero-section-text {
  padding: 0;
  margin-left: 48px;
  font-style: normal;
}
.hero-6-var-3 .hero-section-text .kickertext {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 41px;
  color: #ffffff;
  font-style: normal;
  letter-spacing: -1px;
  top: 45px;
  display: block;
  line-height: 52px;
}
.hero-6-var-3 .hero-section-text h1 {
  margin-top: 60px;
  width: 55%;
  font-size: 66px;
  line-height: 65px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 70px;
}
.hero-6-var-3 .hero-section-text .description {
  font-size: 26px;
  margin-bottom: 4rem;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  line-height: 33px;
}
.hero-6-var-3 .hero-button-component {
  margin: 36px 0 50px 0;
}
.hero-6-var-3 .hero-6-content {
  position: relative;
}
.hero-6-var-3 .hero-6-content .hero-section-text .breadcrumb-wrapper {
  top: 25px;
  position: relative;
}
.hero-6-var-3 .hero-featuredList-component {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1025px) {
  .hero-6-var-3 .hero-section-text .description {
    width: 55%;
  }
}
@media only screen and (max-width: 1024px) {
  .hero-6-var-3 .hero-section-text .kickertext {
    font-size: 41px;
    line-height: 42px;
  }
  .hero-6-var-3 .hero-section-text h1 {
    font-size: 58px;
    line-height: 61px;
  }
}
@media only screen and (max-width: 992px) {
  .hero-6-var-3 .hero-section-text .kickertext {
    font-size: 41px;
    line-height: 42px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    letter-spacing: -1px;
  }
  .hero-6-var-3 .hero-section-text h1 {
    font-size: 58px;
    line-height: 61px;
    width: 80%;
  }
  .hero-6-var-3 .hero-section-text .description {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6-var-3 {
    height: unset;
  }
  .hero-6-var-3 .hero-featuredList-component {
    position: relative;
  }
  .hero-6-var-3 .hero-section-text .kickertext {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.5px;
  }
  .hero-6-var-3 .hero-section-text h1 {
    line-height: 50px;
    font-size: 46px;
    width: 82%;
  }
  .hero-6-var-3 .hero-section-text .description {
    width: 80%;
  }
  .hero-6.hero-6-var-3 .hero-section-text {
    padding-left: 0;
    margin-left: 20px;
  }
}
.hero-6.hero-6-var-4 {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 {
    height: 640px;
  }
}
.hero-6.hero-6-var-4 .hero-6-content {
  padding: 10px .9375rem 10px .9375rem;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-6-content {
    padding-top: 45px;
    padding-left: 52px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-6.hero-6-var-4 .hero-6-content {
    padding: 30px;
  }
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text {
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text .breadcrumb-wrapper {
  margin: 10px 0 1rem 0;
  line-height: 1.6;
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-subtitle {
  font-size: 18px;
  letter-spacing: normal;
  line-height: normal;
  min-width: 100%;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: normal;
  text-align: left;
  padding-bottom: 16px;
  width: 50%;
  color: #ffffff;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-subtitle {
    font-size: 32px;
    line-height: 42px;
    min-width: 600px;
  }
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text .kickertext {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 32px;
  line-height: 34px;
  color: #ffffff;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .kickertext {
    line-height: 42px;
    font-size: 41px;
    letter-spacing: -1px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .kickertext {
    line-height: 52px;
  }
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-title {
  font-size: 46px;
  line-height: 50px;
  width: 58%;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-style: normal;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: .5rem;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-title {
    line-height: 61px;
    font-size: 58px;
  }
}
@media only screen and (max-width: 991px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-title {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .banner-title {
    font-size: 66px;
    line-height: 70px;
  }
}
.hero-6.hero-6-var-4 .hero-6-content .hero-section-text .description {
  font-size: 26px;
  line-height: 33px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  text-align: left;
  padding: 10px 0;
  min-width: 720px;
  color: #ffffff;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .hero-6.hero-6-var-4 .hero-6-content .hero-section-text .description {
    width: 100%;
    min-width: 100%;
  }
}
.hero-6.hero-6-var-4 .hero-6-content .hero-banner-footer p {
  font-size: 1rem;
  font-weight: normal;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #ffffff;
}
.hero-6.hero-6-var-4 .hero-button-component {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-button-component .button1-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.hero-6.hero-6-var-4 .hero-button-component a.button {
  background-color: #ffffff;
  color: #0065ac;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  padding: 11px 16px;
  width: 100%;
  line-height: 18px;
  border: 0;
}
@media only screen and (min-width: 768px) {
  .hero-6.hero-6-var-4 .hero-button-component a.button {
    font-size: 18px;
    line-height: 26px;
    padding: 11px 50px;
  }
}
.hero-6.hero-6-var-4 .hero-button-component a.button:hover {
  opacity: .8;
}
.hero6-raised-tile-section {
  background-color: #009de0;
}
.hero6-raised-tile-section .hero6-raised-tile-content {
  margin: 0 auto;
  text-align: center;
  z-index: 100;
  float: none;
  top: auto;
  position: relative;
  max-width: 87%;
  padding-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 993px) {
  .hero6-raised-tile-section .hero6-raised-tile-content {
    top: -90px;
    padding-top: 0;
  }
}
.hero6-raised-tile-section .hero6-raised-tile-content .custom-tile-width {
  max-width: 320px;
  min-width: 23%;
  margin: 0 7px;
}
.hero6-raised-tile-section .hero6-raised-tile-content .custom-tile-width .tile {
  margin-bottom: 20px;
}
@media only screen and (max-width: 639px) {
  .hero6-raised-tile-section .hero6-raised-tile-content .custom-tile-width .tile {
    height: auto !important;
  }
}
.hero-6.hero-6-var-5 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 640px;
}
.hero-6.hero-6-var-5 .hero-6-content {
  padding-top: 45px;
  padding-left: 205px;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-section-text {
  padding-left: unset;
  padding-top: unset;
  margin-top: unset;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-section-text .breadcrumb-wrapper {
  margin: 10px 0 1rem 0;
  line-height: 1.6;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-section-text .banner-subtitle {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 32px;
  font-style: normal;
  text-align: left;
  line-height: 42px;
  letter-spacing: 0;
  width: 50%;
  min-width: 600px;
  color: #ffffff;
  margin-bottom: 0;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-section-text .banner-title {
  width: 60%;
  font-size: 58px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 56px;
  color: #ffffff;
  margin-top: 0;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-section-text .description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: normal;
  font-size: 19px;
  text-align: left;
  letter-spacing: 0;
  padding: 10px 0 0;
  width: 50%;
  min-width: 600px;
  color: #ffffff;
  margin-top: 0;
  line-height: 1.5;
}
.hero-6.hero-6-var-5 .hero-6-content .hero-banner-footer p {
  font-size: 1rem;
  font-weight: normal;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #ffffff;
}
.hero-6.hero-6-var-5 .hero-button-component {
  width: 345px;
  padding-left: 0;
}
.hero-6.hero-6-var-5 .hero-button-component a.button {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 11px 16px;
  width: 100%;
  line-height: 10.1px;
}
.hero-6.hero-6-var-5 .hero-button-component a.button:hover {
  opacity: .8;
}
.hero-6-var-5 .two-button-section {
  position: relative;
  max-width: 80%;
}
.hero-6-var-5 .two-button-section ul {
  padding: 0px;
  margin-left: 0;
}
.hero-6-var-5 .two-button-section ul li {
  display: inline-block;
  list-style: none;
  width: 30%;
}
.hero-6-var-5 .two-button-section li:not(:first-child) {
  margin-left: 25px;
}
@media only screen and (max-width: 992px) {
  .hero-6.hero-6-var-5 .hero-6-content {
    padding: 30px;
    margin-left: 0;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .kickertext {
    font-size: 41px;
    line-height: 42px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    letter-spacing: -1px;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .banner-title {
    width: 100%;
    font-size: 58px;
    line-height: 61px;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .description {
    width: 100%;
    min-width: 100%;
  }
  .hero-6.hero-6-var-5 .hero-6-content .two-button-section {
    max-width: 100%;
  }
  .hero-6.hero-6-var-5 .hero-button-component .hero-section-text a.button {
    font-size: 16px;
    width: 80%;
    padding: 11px 50px;
    letter-spacing: .18em;
  }
}
@media only screen and (max-width: 767px) {
  .hero-6.hero-6-var-5 {
    background-size: cover;
    height: 100%;
    background-position: center center;
  }
  .hero-6.hero-6-var-5 .hero-6-content {
    padding: 10px .9375rem 10px .9375rem;
    margin-left: 0;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .kickertext {
    font-size: 32px;
    line-height: 34px;
    letter-spacing: -0.5px;
    text-align: left;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .banner-title {
    font-size: 46px;
    line-height: 50px;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .banner-subtitle {
    font-size: 18px;
    letter-spacing: normal;
    line-height: normal;
    min-width: 100%;
  }
  .hero-6.hero-6-var-5 .hero-6-content .hero-section-text .description {
    font-size: 18px;
    letter-spacing: normal;
    min-width: 90%;
  }
  .hero-6.hero-6-var-5 .hero-button-component {
    width: 100%;
  }
  .hero-6.hero-6-var-5 .two-button-section {
    max-width: 100%;
  }
  .hero-6.hero-6-var-5 .two-button-section li:not(:first-child) {
    margin-left: 0;
  }
  .hero-6.hero-6-var-5 .two-button-section ul li {
    width: 100%;
    display: block;
  }
  .hero-6.hero-6-var-5 .two-button-section ul li .hero-button2-wrapper .button1-container a {
    width: 100%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero7 .content-hero-section-variation1 {
  background-size: cover;
  height: 500px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.hero7 .content-hero-section-variation1 .button1-container {
  justify-content: center;
}
.hero7 .content-hero-section-variation1 .hero-content-text {
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation1 .hero-content-text {
    width: 80%;
  }
}
.hero7 .content-hero-section-variation1 .hero-content-header {
  font-size: 36px;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation1 .hero-content-header {
    font-size: 48px;
  }
}
.hero7 .content-hero-section-variation1 .hero-description {
  font-size: 18px;
  width: 50%;
  margin: 18px auto;
}
.hero7 .content-hero-section-variation1 .divider-herobanner {
  width: 30%;
  margin: 25px auto 15px;
}
.hero7 .hero-full-block:before {
  background: transparent;
}
.hero7 .hero-section-text-banner-img {
  display: none;
}
.hero7 .content-hero-section-variation2 {
  height: 470px;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 40em) {
  .hero7 .content-hero-section-variation2 {
    background-position: center center;
  }
}
.hero7 .content-hero-section-variation2 .hero-content-header {
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  font-size: 36px;
  text-transform: none;
}
.hero7 .content-hero-section-variation2 .subheader {
  color: #000000;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  padding: 10px 0;
}
@media screen and (min-width: 40em) {
  .hero7 .content-hero-section-variation2 .hero-content-align-left {
    padding-right: 50%;
  }
}
@media screen and (min-width: 40em) {
  .hero7 .content-hero-section-variation2 .hero-content-align-right {
    padding-left: 50%;
  }
}
.hero7 .content-hero-section-variation2 .hero-content-variation2 {
  max-width: 75rem;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}
.hero7 .content-hero-section-variation2 .hero-content-variation2 .hero-content-header {
  color: #000000;
  font-size: 32px;
}
.hero7 .hero-full-block:before {
  background: transparent;
}
.hero7 .content-hero-section-variation3 {
  background-size: 100% 100%;
  background-repeat: no-reapeat;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: left;
  justify-content: left;
}
@media only screen and (max-width: 767px) {
  .hero7 .content-hero-section-variation3 {
    background-image: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 {
    min-height: 570px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero7 .content-hero-section-variation3 {
    background-size: cover;
  }
}
.hero7 .content-hero-section-variation3 .hero-content-text-banner-img {
  display: block;
  width: 100%;
  min-height: 150px;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text-banner-img {
    display: none;
  }
}
.hero7 .content-hero-section-variation3 .hero-content-text {
  background: #818481;
  color: #ffffff;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text {
    background: transparent;
    margin-left: 40px;
    width: 72%;
  }
}
@media screen and (min-width: 1025px) {
  .hero7 .content-hero-section-variation3 .hero-content-text {
    width: 56%;
  }
}
.hero7 .content-hero-section-variation3 .hero-content-text .herobannerDescGroup {
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text .herobannerDescGroup {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-right {
    width: 65%;
    margin-left: auto;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1025px) {
  .hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-right {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-right .hero-description {
    width: 100%;
  }
}
.hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-center {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-center {
    width: 59%;
  }
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-content-text.hero-content-align-center .hero-description {
    width: 64%;
  }
}
.hero7 .content-hero-section-variation3 .hero-content-header {
  margin-bottom: 25px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 44px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .hero7 .content-hero-section-variation3 .hero-content-header {
    position: absolute;
    top: 6px;
    font-size: 20px !important;
    padding: 10px;
  }
}
.hero7 .content-hero-section-variation3 .kicker-title {
  font-size: 1rem;
  padding-bottom: 10px;
  line-height: normal;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .kicker-title {
    font-size: 1.5rem;
  }
}
.hero7 .content-hero-section-variation3 h5 {
  font-size: 18px;
  width: 50%;
  margin: 18px auto;
}
.hero7 .content-hero-section-variation3 .hero-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 17px;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .hero-description {
    font-size: 1.2rem;
    line-height: 26px;
    margin-bottom: 0;
    width: 80%;
  }
}
.hero7 .content-hero-section-variation3 .divider-herobanner {
  width: 21%;
  margin: 10px 0 5px;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 .divider-herobanner {
    margin: 20px 0;
  }
}
.hero7 .content-hero-section-variation3 div a.button {
  font-size: 14px;
  padding: 11px 10px;
  border: 1px red solid;
  width: 125px;
  border-radius: 5px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 14px;
  margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
  .hero7 .content-hero-section-variation3 div a.button {
    font-size: 19.2px;
    padding: 15px 0;
    min-width: 190px;
    margin: 40px 0 0 0;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero8.hero8-bg-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  text-align: left;
  height: 400px;
  position: relative;
  color: #ffffff;
}
.hero8.hero8-bg-image .hero-content {
  padding-left: 90px;
  margin-top: 40px;
}
.hero8.hero8-bg-image .hero-content .hero-kicker {
  margin-bottom: 10px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 13px;
  line-height: 15px;
}
.hero8.hero8-bg-image .hero-content .hero-title {
  letter-spacing: .1rem;
  margin-bottom: 7px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 22px;
  line-height: 22px;
}
.hero8.hero8-bg-image .circle-numberwith-line {
  position: relative;
}
.hero8.hero8-bg-image .circle-numberwith-line .circle-line {
  width: 140px;
  border: solid 1px #fff;
  top: 50%;
  position: absolute;
  left: 0%;
}
.hero8.hero8-bg-image .circle-numberwith-line .circle-number {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 50%;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 38px;
  line-height: 56px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-left: 140px;
}
.hero8.hero8-bg-image .herosub-content {
  margin-left: 30px;
}
.hero8.hero8-bg-image .herosub-content .herosub-title {
  letter-spacing: .1rem;
  margin-bottom: 15px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 44px;
  line-height: 46px;
}
.hero8.hero8-bg-image .herosub-content .herosub-kicker {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 17px;
  line-height: 19px;
  color: #ffffff;
}
.hero8.hero8-bg-image .subcontent-alignment {
  margin-top: 50px;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 640px) and (orientation: landscape) {
  .hero8.hero8-bg-image {
    background-position: 75%;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 640px) and (orientation: portrait) {
  .hero8.hero8-bg-image {
    background-position: 75%;
  }
}
@media (max-width: 640px) {
  .hero8.hero8-bg-image {
    height: 350px;
    background-position: 75%;
  }
  .hero8.hero8-bg-image .hero-content {
    padding-left: 20px;
    margin-top: 20px;
  }
  .hero8.hero8-bg-image .circle-numberwith-line .circle-line {
    width: 80px;
  }
  .hero8.hero8-bg-image .circle-numberwith-line .circle-number {
    margin-left: 80px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 30px;
  }
  .hero8.hero8-bg-image .herosub-content {
    margin-left: 15px;
    margin-right: 15px;
  }
  .hero8.hero8-bg-image .herosub-content .herosub-title {
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 35px;
    line-height: 38px;
  }
  .hero8.hero8-bg-image .subcontent-alignment {
    margin-top: 30px;
  }
}
@media (max-width: 375px) {
  .hero8.hero8-bg-image .herosub-content .herosub-title {
    word-break: break-word;
    margin-bottom: 10px;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 30px;
    line-height: 32px;
  }
  .hero8.hero8-bg-image .herosub-content .herosub-kicker {
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 15px;
    line-height: 17px;
  }
  .hero8.hero8-bg-image .hero-content .hero-title {
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 18px;
    line-height: 20px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero-9 {
  position: relative;
  width: 100%;
  min-height: 200px;
  padding: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .hero-9 {
    padding: 40px;
    min-height: 450px;
  }
}
.hero-9:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #131313;
  background: -moz-linear-gradient(to right, #131313 0, rgba(94, 94, 94, 0.6) 60%, rgba(255, 255, 255, 0.4) 100%);
  background: -webkit-linear-gradient(to right, #131313 0, rgba(94, 94, 94, 0.6) 60%, rgba(255, 255, 255, 0.4) 100%);
  background: linear-gradient(to right, #131313 0, rgba(94, 94, 94, 0.6) 60%, rgba(255, 255, 255, 0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#ffffff', GradientType=1);
}
.hero-9 .home-banner-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero-9 .hero-content {
  width: 100%;
  z-index: 2;
}
.hero-9 .hero-content h4.kiker-title {
  opacity: .8;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 15px;
  font-size: 16px;
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
}
.hero-9 .hero-content > h2.title {
  color: #ffffff;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .hero-9 .hero-content > h2.title {
    font-size: 30px;
    line-height: 41px;
  }
}
.hero-9 .hero-content > p.description {
  color: #ffffff;
  font-size: 16px;
  padding-top: 10px;
}
@media only screen and (min-width: 768px) {
  .hero-9 .hero-content > p.description {
    padding-top: 30px;
  }
}
.hero-9 .banner-bottom-content {
  position: absolute;
  bottom: 5px;
  left: 20px;
  line-height: 70px;
  color: #ffffff;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .hero-9 .banner-bottom-content {
    left: 40px;
    bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-9 .banner-bottom-content img {
    height: 50px;
    width: 50px;
    border-radius: 100px;
    display: inline;
    min-height: auto;
    max-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .hero-9 .banner-bottom-content .au-title {
    color: #ffffff;
    line-height: 70px;
    margin-left: 5px;
  }
}
.hero-9-var-2 {
  min-height: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .hero-9-var-2 {
    min-height: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-9-var-2 {
    min-height: 400px;
  }
}
.hero-9-var-2 .hero-content h2.title {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  .hero-9-var-2 .hero-content h2.title {
    font-size: 60px;
    line-height: 79px;
  }
}
.hero-9-var-2 .hero-content p.description {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  padding-top: 0px;
}
@media only screen and (min-width: 768px) {
  .hero-9-var-2 .hero-content p.description {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-9-var-2 .hero-content p.description {
    font-size: 24px;
    line-height: 33px;
  }
}
.hero-9-var-2 .banner-bottom-content {
  display: none;
}
.hero-9-var-2 h4.kiker-title {
  display: none;
}
@media only screen and (min-width: 768px) {
  .hero-9.hero-9-var-3 {
    min-height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-9.hero-9-var-3 {
    min-height: 225px;
  }
}
.hero-9.hero-9-var-3:after {
  content: none;
}
.hero-9.hero-9-var-3 .hero-content h2.title {
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) {
  .hero-9.hero-9-var-3 .hero-content h2.title {
    font-size: 60px;
    line-height: 79px;
  }
}
.hero-9.hero-9-var-3 .hero-content > p.description {
  color: #ffffff;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .hero-9.hero-9-var-3 .hero-content > p.description {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-9.hero-9-var-3 .hero-content > p.description {
    font-size: 24px;
    line-height: 33px;
  }
}
.hero-9.hero-9-var-3 .banner-bottom-content {
  display: none;
}
.hero-9.hero-9-var-3 h4.kiker-title {
  display: none;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero10 .gradient-blue-purple .hero-headline,
.hero10 .gradient-pink-blue .hero-headline,
.hero10 .gradient-teal-blue .hero-headline,
.hero10 .gradient-blue-green .hero-headline,
.hero10 .gradient-turquoise-blue .hero-headline,
.hero10 .gradient-blue-purple .kicker-title,
.hero10 .gradient-pink-blue .kicker-title,
.hero10 .gradient-teal-blue .kicker-title,
.hero10 .gradient-blue-green .kicker-title,
.hero10 .gradient-turquoise-blue .kicker-title,
.hero10 .gradient-blue-purple .hero-description,
.hero10 .gradient-pink-blue .hero-description,
.hero10 .gradient-teal-blue .hero-description,
.hero10 .gradient-blue-green .hero-description,
.hero10 .gradient-turquoise-blue .hero-description,
.hero10 .gradient-blue-purple .hero-subtitle,
.hero10 .gradient-pink-blue .hero-subtitle,
.hero10 .gradient-teal-blue .hero-subtitle,
.hero10 .gradient-blue-green .hero-subtitle,
.hero10 .gradient-turquoise-blue .hero-subtitle {
  color: #ffffff !important;
}
.hero10 .gradient-pride {
  background: linear-gradient(28deg, #f8acbe 8%, #9cd9e4 13%, #9cd9e4 14.5%, #202020 23%, #4d3817 29%, #965d00 37%, #ef4e45 48%, #ff8c00 56%, #ffbe00 65%, #00ac41 75%, #0077a0 82%, #8246af 90%);
}
.hero10 .gradient-pride .hero-headline,
.hero10 .gradient-pride .kicker-title,
.hero10 .gradient-pride .hero-description,
.hero10 .gradient-pride .hero-subtitle {
  color: #ffffff !important;
}
.hero10 .solid-dark-blue {
  background: #002c77;
}
.hero10 .solid-dark-blue .herocta3 a {
  background: #ffffff;
  color: #0B41AD !important;
}
.hero10 .solid-dark-blue .herocta3 a:focus,
.hero10 .solid-dark-blue .herocta3 a:hover,
.hero10 .solid-dark-blue .herocta3 a:active,
.hero10 .solid-dark-blue .herocta3 a.active {
  background-color: #2C6EF2 !important;
  color: #ffffff !important;
  border: 1px solid transparent !important;
}
.hero10 .solid-dark-blue .herocta3 a:focus {
  outline: 1px solid transparent !important;
  border: 1px solid #ffffff !important;
  box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8) !important;
}
.hero10 .solid-light-grey {
  background: #F8FAFC;
}
.hero10 .solid-light-grey .hero-rebrand-image-generic .hero-contents .mobile-bg {
  background: transparent;
}
.hero10 .solid-light-grey .hero-headline,
.hero10 .solid-light-grey .kicker-title,
.hero10 .solid-light-grey .hero-description,
.hero10 .solid-light-grey .hero-subtitle {
  color: #002c77 !important;
}
.hero10 .solid-light-grey .herocta3 a {
  background: #0B41AD;
}
.hero10 .solid-light-grey .herocta3 a:focus,
.hero10 .solid-light-grey .herocta3 a:hover,
.hero10 .solid-light-grey .herocta3 a.active {
  background-color: #2C6EF2 !important;
  color: #ffffff !important;
}
.hero10 .solid-light-grey .herocta3 a:focus {
  box-shadow: 0px 0px 2px #0b41ad !important;
  border: 1px solid #ffffff !important;
  outline: 1px solid transparent;
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic {
    background-image: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .hero10 .hero-rebrand-image-generic {
    background-image: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic {
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 992px) {
  .hero10 .hero-rebrand-image-generic {
    background-image: none !important;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents {
  /*  width: 100%;
    	@media @laptop {
			width: 60%;
        }*/
  /*Mobile and Tablet Common Default Styles for small medium and large start here*/
  /*Mobile and Tablet Common Default Styles for small medium and large ends here*/
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
  font-size: 32px;
  line-height: 34px;
  letter-spacing: -0.5px;
  font-family: "NotoSans", Arial, sans-serif;
  color: #ffffff;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
    font-size: 41px;
    line-height: 42px;
    letter-spacing: -1px;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
    display: none;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
  font-size: 46px;
  line-height: 50px;
  letter-spacing: normal;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
    font-size: 52px;
    line-height: 52px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
    font-size: 41px;
    line-height: 41px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: normal;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: normal;
    margin-top: 32px;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
    font-size: 18px;
    line-height: 27px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #ffffff;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: normal;
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
    font-size: 18px;
    line-height: 27px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 24px;
  line-height: 24px;
  margin: 30px 0px;
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 13px 24px 11px 24px;
  background: #fff;
  color: #0b41ad !important;
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:hover,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:hover,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:hover,
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:active,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:active,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:active {
  background-color: #ffffff;
  color: #0B41AD;
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:focus,
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:focus,
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:focus {
  border: 1px solid #ffffff;
  box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8);
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title {
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 16px;
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline {
    font-size: 74px;
    line-height: 74px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .hero-description {
    font-size: 24px;
    line-height: 36px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    margin-bottom: 32px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
  margin: 30px 0px;
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
    font-size: 16px;
    line-height: 16px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 13px 24px 11px 24px;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title {
    font-size: 41px;
    line-height: 41px;
    letter-spacing: -1px;
    margin-bottom: 16px;
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline {
    font-size: 83px;
    line-height: 83px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .hero-description {
    font-size: 24px;
    line-height: 36px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    margin-bottom: 32px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
  margin: 30px 0px;
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
    font-size: 16px;
    line-height: 16px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 13px 24px 11px 24px;
  color: #ffffff;
}
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-rebrand-gradient-bg-generic .button1-container .button1 {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  background: transparent !important;
  border: 2px solid #ffffff;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
    font-size: 41px;
    line-height: 41px;
    letter-spacing: -1px;
    margin-bottom: 16px;
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
    font-size: 94px;
    line-height: 94px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
    font-size: 24px;
    line-height: 36px;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    margin-bottom: 32px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin: 30px 0px;
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
    font-size: 24px !important;
    line-height: 24px !important;
  }
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
    font-size: 16px;
    line-height: 16px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a {
  border: 1px solid white;
  border-radius: 5px;
  color: white;
  padding: 13px 24px 11px 24px;
  color: #ffffff;
}
.hero10 .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
  width: 100%;
  height: 201px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
    height: 300px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
    display: none;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents .mobile-bg {
  width: 100%;
  background-color: #002c77;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  .hero10 .hero-rebrand-image-generic .hero-contents .mobile-bg {
    padding: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero10 .hero-rebrand-image-generic .hero-contents .mobile-bg {
    background: transparent;
    width: 70%;
    /*float:left;*/
    padding: 68px 48px;
  }
}
.hero10 .hero-rebrand-image-generic .hero-contents .mobile-bg .hero-sharebar .share-bar.share-bar-theme-7 {
  margin-top: 0;
  padding: 0;
}
.hero10 .hero-rebrand-image-generic .hero-contents .mobile-bg .hero-sharebar .share-bar.share-bar-theme-7 .sharebar-listing .social-button {
  margin-right: 3px !important;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.image-carousel-var1 {
  background: #ffffff;
}
.image-carousel-var1.static-banner {
  position: relative;
  z-index: 1;
  min-height: 272px;
}
.image-carousel-var1.static-banner .item-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.image-carousel-var1.static-banner .static-banner-wrap {
  margin: 0 auto;
  max-width: 63.25rem;
  padding: 15px 5px;
}
.image-carousel-var1.static-banner .static-banner-wrap .kicker-title {
  color: #00b0d3;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.025rem;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
}
.image-carousel-var1.static-banner .static-banner-wrap .banner-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  color: #006ba0;
  line-height: 28px;
  margin: 0;
}
.image-carousel-var1.static-banner .static-banner-wrap .banner-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  max-height: 152px;
  overflow: hidden;
}
.image-carousel-var1.static-banner .static-banner-wrap .banner-description p {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
  font-family: inherit;
}
.image-carousel-var1.static-banner .static-banner-wrap .banner-description ul {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
  font-family: inherit;
}
.image-carousel-var1.static-banner .static-banner-wrap .banner-description ol {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
  font-family: inherit;
}
.image-carousel-var1.static-banner .static-banner-wrap .button {
  background-color: #006d9e;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  font-size: 14px;
  line-height: 40px;
  width: 100%;
  margin: 0;
  padding: 5px 30px;
}
@media only screen and (min-width: 40em) {
  .image-carousel-var1.static-banner .static-banner-wrap {
    padding: 30px 0;
  }
  .image-carousel-var1.static-banner .static-banner-wrap .banner-title {
    font-size: 36px;
    line-height: 40px;
  }
  .image-carousel-var1.static-banner .static-banner-wrap .banner-description p {
    font-size: 16px;
  }
  .image-carousel-var1.static-banner .static-banner-wrap .banner-description ul {
    font-size: 16px;
  }
  .image-carousel-var1.static-banner .static-banner-wrap .banner-description ol {
    font-size: 16px;
  }
  .image-carousel-var1.static-banner .static-banner-wrap .button {
    line-height: 1;
    margin: 10px 0 0;
    width: auto;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .image-carousel-var1.static-banner .static-banner-wrap .banner-title {
    font-size: 30px;
    line-height: 34px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero12-rebrand {
  width: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand {
    padding: 76px 72px;
  }
}
.hero12-rebrand .hero-contents {
  width: 100%;
}
.hero12-rebrand .hero-contents .workforce-title {
  color: #ffffff;
  font-family: "NotoSans", Arial, sans-serif;
  font-weight: 300;
}
.hero12-rebrand .hero-contents .hero-headline {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  word-break: break-word;
}
.hero12-rebrand .hero-contents .hero-subtitle {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.hero12-rebrand .hero-contents .hero-description {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.hero12-rebrand .hero-contents .hero-cta .button {
  color: #001f52;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  background-color: #ffffff;
  margin-bottom: 23px;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents .hero-cta .button {
    font-size: 18px;
  }
}
.hero12-rebrand .hero-contents.Large .workforce-title,
.hero12-rebrand .hero-contents.Medium .workforce-title,
.hero12-rebrand .hero-contents.Small .workforce-title {
  font-size: 36px;
  letter-spacing: -0.5px;
  line-height: 46px;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents.Large .workforce-title,
  .hero12-rebrand .hero-contents.Medium .workforce-title,
  .hero12-rebrand .hero-contents.Small .workforce-title {
    font-size: 41px;
    letter-spacing: -1px;
    line-height: 52px;
  }
}
.hero12-rebrand .hero-contents.Large .hero-headline,
.hero12-rebrand .hero-contents.Medium .hero-headline,
.hero12-rebrand .hero-contents.Small .hero-headline {
  font-size: 51px;
  line-height: 52px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents.Large .hero-headline,
  .hero12-rebrand .hero-contents.Medium .hero-headline,
  .hero12-rebrand .hero-contents.Small .hero-headline {
    font-size: 64px;
    line-height: 69px;
  }
}
.hero12-rebrand .hero-contents.Large .hero-subtitle,
.hero12-rebrand .hero-contents.Medium .hero-subtitle,
.hero12-rebrand .hero-contents.Small .hero-subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents.Large .hero-subtitle,
  .hero12-rebrand .hero-contents.Medium .hero-subtitle,
  .hero12-rebrand .hero-contents.Small .hero-subtitle {
    font-size: 20px;
    line-height: 26px;
  }
}
.hero12-rebrand .hero-contents.Large .hero-description,
.hero12-rebrand .hero-contents.Medium .hero-description,
.hero12-rebrand .hero-contents.Small .hero-description {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents.Large .hero-description,
  .hero12-rebrand .hero-contents.Medium .hero-description,
  .hero12-rebrand .hero-contents.Small .hero-description {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Large .workforce-title {
    font-size: 65px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 80px;
    margin-bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Large .hero-headline {
    font-size: 147px;
    font-weight: bold;
    line-height: 141px;
    margin-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Large .hero-subtitle {
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Large .hero-description {
    font-size: 25px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Medium .workforce-title {
    font-size: 58px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 61px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Medium .hero-headline {
    font-size: 116px;
    font-weight: bold;
    line-height: 122px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Medium .hero-subtitle {
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Medium .hero-description {
    font-size: 25px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Small .workforce-title {
    font-size: 41px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 52px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Small .hero-headline {
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Small .hero-subtitle {
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents.Small .hero-description {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 32px;
  }
}
.hero12-rebrand .hero-contents .gradient-wrapper {
  padding: 32px 24px;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents .gradient-wrapper {
    padding: 32px 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents .gradient-wrapper {
    padding: 0;
  }
}
.hero12-rebrand .hero-contents .mobile-bg {
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  .hero12-rebrand .hero-contents .mobile-bg {
    padding: 32px 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero12-rebrand .hero-contents .mobile-bg {
    padding: 0;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero13 {
  width: 100%;
  position: relative;
  background: none;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .hero13 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
.hero13 .hero-contents {
  width: 100%;
  padding: 0;
  /* -- Common Styles -- */
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents {
    padding: 54px 0 54px 56px;
  }
}
@media only screen and (min-width: 1200px) {
  .hero13 .hero-contents {
    padding: 0;
  }
}
.hero13 .hero-contents .gradient-wrapper {
  padding: 32px 24px;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .gradient-wrapper {
    padding: 32px 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents .gradient-wrapper {
    padding: 0;
  }
}
.hero13 .hero-contents .mobile-bg {
  display: block;
  width: 100%;
  background-color: #001f52;
  padding: 24px;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .mobile-bg {
    padding: 32px 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents .mobile-bg {
    background-color: transparent;
    padding: 0;
  }
}
.hero13 .hero-contents .kicker-title {
  color: #ffffff;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 34px;
  z-index: 1;
  position: relative;
  width: 60%;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .kicker-title {
    font-size: 41px;
    letter-spacing: -1px;
    line-height: 42px;
  }
}
.hero13 .hero-contents .hero-headline {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 0;
  z-index: 1;
  position: relative;
  width: 60%;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .hero-headline {
    font-size: 58px;
    line-height: 61px;
  }
}
.hero13 .hero-contents .hero-subtitle {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  width: 60%;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .hero-subtitle {
    font-size: 20px;
    line-height: 26px;
  }
}
.hero13 .hero-contents .hero-description {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .hero-description {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 24px;
  }
}
.hero13 .hero-contents .hero-sharebar {
  width: 95%;
}
.hero13 .hero-contents .hero-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px;
  width: 95%;
}
.hero13 .hero-contents .hero-cta a:first-child {
  margin-bottom: 8px;
}
.hero13 .hero-contents .hero-cta .button {
  background-color: #ffffff;
  color: #001f52;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: normal;
  text-align: center;
  width: 100%;
  height: 49px;
  margin-bottom: 23px;
  padding: 0.85em 24px;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) {
  .hero13 .hero-contents .hero-cta .button {
    font-size: 18px;
    line-height: 18px;
    height: 56px;
    width: 185px;
  }
}
.hero13 .hero-contents .hero-cta .buttons-container {
  margin-bottom: 0;
}
.hero13 .hero-contents .hero-cta .sharebar-container {
  padding-bottom: 1.6rem;
}
.hero13 .hero-contents.Large {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Large {
    padding: 87px 0 87px 96px;
  }
}
.hero13 .hero-contents.Large .kicker-title {
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Large .kicker-title {
    font-size: 58px;
    letter-spacing: -1px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Large .hero-headline {
    font-size: 133px;
    line-height: 132px;
    margin-bottom: 48px;
  }
}
.hero13 .hero-contents.Large .hero-subtitle {
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Large .hero-subtitle {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Large .hero-description {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 32px;
    width: 60%;
  }
}
.hero13 .hero-contents.Medium {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Medium {
    padding: 77px 0 77px 96px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Medium .kicker-title {
    font-size: 52px;
    letter-spacing: -1px;
    line-height: 55px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Medium .hero-headline {
    font-size: 94px;
    line-height: 90px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Medium .hero-subtitle {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Medium .hero-description {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 32px;
    width: 60%;
  }
}
.hero13 .hero-contents.Small {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Small {
    padding: 69px 0 69px 96px;
  }
}
.hero13 .hero-contents.Small .kicker-title {
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Small .kicker-title {
    font-size: 41px;
    letter-spacing: -1px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Small .hero-headline {
    font-size: 66px;
    line-height: 70px;
    margin-bottom: 24px;
  }
}
.hero13 .hero-contents.Small .hero-subtitle {
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Small .hero-subtitle {
    font-size: 26px;
    line-height: 33px;
  }
}
.hero13 .hero-contents.Small .hero-description {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .hero13 .hero-contents.Small .hero-description {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 32px;
    width: 60%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.hero14 {
  position: relative;
}
.hero14 .hero-img-wrap {
  height: 415px;
  width: 100%;
}
.hero14 .hero-img-wrap .hero-bg-img {
  background-size: cover;
  background-position: center;
  height: 100%;
}
.hero14 .hero-content-wrap {
  background-color: #404040;
  color: #ffffff;
  padding: 50px 30px;
  text-align: center;
  position: relative;
  width: 100%;
}
.hero14 .hero-content-wrap h3 {
  color: inherit;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 5px;
  margin: 0 0 20px;
}
.hero14 .hero-content-wrap h4 {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 1px;
  margin: 0;
  color: inherit;
}
.hero14 .hero-content-wrap .hero-icon {
  width: 50px;
  height: auto;
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.hero14 .hero-content-wrap .hero-icon img {
  width: 100%;
  height: auto;
}
.hero14.variation2 .hero-content-wrap .hero-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 20px 0 20px;
  border-color: #00a7c8 transparent transparent transparent;
  display: block;
}
.hero14.variation2 .hero-content-wrap .hero-icon img {
  display: none;
}
.hero14.variation2 .hero-content-wrap h2 {
  color: inherit;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: 8px;
  margin: 0 0 20px;
}
.hero14.variation2 .hero-content-wrap h3 {
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 20px;
}
.hero14.variation2 .hero-content-wrap h4 {
  font-size: 18px;
  line-height: 24px;
}
.hero14.variation2 .hero-img-wrap .hero-img-content {
  padding: 0 25px;
}
.hero14.variation2 .hero-img-wrap .hero-img-content h2 {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 4.5vw;
  line-height: 1.1;
  letter-spacing: 10px;
}
@media screen and (min-width: 40em) {
  .hero14 .hero-img-wrap {
    height: auto;
  }
  .hero14 .hero-img-wrap .hero-bg-img {
    padding-top: 56.25%;
  }
  .hero14 .hero-content-wrap {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 30px 30px 70px;
    position: absolute;
    bottom: 0;
  }
  .hero14 .hero-content-wrap h3 {
    font-size: 28px;
    line-height: 24px;
    margin: 0 0 15px;
  }
  .hero14 .hero-content-wrap h4 {
    font-size: 24px;
    line-height: 22px;
  }
  .hero14 .hero-content-wrap .hero-icon {
    top: auto;
    bottom: 25px;
  }
  .hero14.variation2 .hero-img-wrap .hero-img-content {
    color: #ffffff;
    position: absolute;
    bottom: 38%;
    text-align: center;
    width: 100%;
  }
  .hero14.variation2 .hero-img-wrap .hero-img-content h2 {
    color: inherit;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
  }
  .hero14.variation2 .hero-img-wrap .hero-img-content h3 {
    color: inherit;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 1.67vw;
    letter-spacing: 1px;
    line-height: 1.1;
    margin: 0 0 10px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
  }
  .hero14.variation2 .hero-content-wrap {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .hero14.variation2 .hero-content-wrap h3 {
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 25px;
    line-height: 24px;
    letter-spacing: 9px;
    margin: 0 0 10px;
  }
  .hero14.variation2 .hero-content-wrap h4 {
    font-size: 21px;
    line-height: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .hero14 .hero-img-wrap .hero-bg-img {
    padding-top: 45%;
  }
}
@media screen and (min-width: 1200px) {
  .hero14.variation2 .hero-img-wrap .hero-bg-img {
    padding-top: 50%;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/heros/hero15/clientlib/less/hero15.less
Error: NameError: variable @base-font-semi-bold is undefined in /apps/mercer-au-publicsite/components/heros/hero15/clientlib/less/variation1.less on line 268, column 38:
267                         	line-height:21px;
268                         	font-family:@base-font-semi-bold;
269                             float:none;


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";
@import "variation1.less";

.videoBanner .content-overlay-container{
	position: relative;
}
.videoBanner .content-overlay-container .content-overlay-background video{
	position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
	
}
.videoBanner .content-overlay-content{
	position: absolute;
    top: 0;
	color: #fff;
	padding: 45px;
}
.videoBanner .content-overlay-content .kicker-title {
    font: normal 14px/16px "MMCDisplayBold", Times New Roman, serif;
    letter-spacing: .025rem;
    margin-bottom: 10px;
    color: #fff;
}
.videoBanner .content-overlay-content .hero-title {
    font: normal 30px/32px "MMCDisplayBold", Times New Roman, serif;
    margin-bottom: 10px;
}
.videoBanner .content-overlay-content .content-description{
	margin-top: 5px;
    margin-bottom: 25px;
    width: 70%;
    color: #fff;
    font: normal 16px/22px "MMC Display", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
}
.videoBanner .content-overlay-content button{
	font-family: "MMC Display", source-han-sans-cjk-ja, source-han-serif-sc, source-han-serif-tc, source-han-sans-cjk-ko, Times New Roman, serif;
}
@media (max-width: 1024px){

}
@media (max-width: 992px){

}

@media (max-width: 767px){
	.videoBanner .content-overlay-content .content-description{
        width: 100%;
	}
    .mobile-videBanner-image img{
        height:700px;}
}
/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.featuredList.variation1 .featuredListContentWrapper {
  padding-top: 25px;
  padding-bottom: 15px;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.featuredList.variation1 .featuredListContentWrapper .featureListHeading {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
  text-align: center;
}
.featuredList.variation1 .featuredListContentWrapper .listTiles {
  margin-bottom: 15px;
}
.featuredList.variation1 .featuredListContentWrapper .listTitle,
.featuredList.variation1 .featuredListContentWrapper .listSummary,
.featuredList.variation1 .featuredListContentWrapper .readMore {
  color: #ffffff;
  text-align: left;
}
.featuredList.variation1 .featuredListContentWrapper .listTitle {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.featuredList.variation1 .featuredListContentWrapper .listSummary {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}
.featuredList.variation1 .featuredListContentWrapper .readMore {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 24px;
}
.featuredList.variation1 .featuredListContentWrapper .readMore:hover {
  color: #9fe0ff;
}
@media screen and (max-width: 667px) {
  .featuredList {
    border-top: none;
    background-color: #333333;
    position: static;
  }
  .featureListHeading {
    margin-top: 0px;
    text-align: center;
  }
  .featuredList.variation1 .featuredListContentWrapper .listSummary {
    text-align: center;
  }
  .featuredList.variation1 .featuredListContentWrapper .listTiles {
    border-bottom: 0px solid #ffffff;
    padding-bottom: 1em;
    text-align: center;
  }
  .featuredList.variation1 .featuredListContentWrapper .listTitle {
    margin-top: 1em;
    text-align: center;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.featuredList2 .featuredList2ContentWrapper {
  padding: 15px 0;
  width: 100%;
}
.featuredList2 .featuredList2ContentWrapper .listTiles {
  height: 162px;
  overflow: hidden;
  border-color: #ddd;
}
.featuredList2 .featuredList2ContentWrapper .listTiles .listTitle {
  color: #fbae17;
  font-size: 22px;
  display: block;
  padding: 10px 0 0;
  margin-bottom: 0;
}
.featuredList2 .featuredList2ContentWrapper .listTiles .listSummary {
  color: #606060;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin-bottom: 22px;
  height: 120px;
  overflow: hidden;
}
.featuredList2 .featuredList2ContentWrapper .listTiles.topBorder {
  border-top: 2px solid #ddd;
}
.featuredList2 .featuredList2ContentWrapper .listTiles.bottomBorder {
  border-bottom: 2px solid #ddd;
}
@media screen and (max-width: 667px) {
  .featuredList2 {
    position: static;
  }
  .featuredList2 .featuredList2ContentWrapper .listTiles {
    border-top: 2px solid #ddd;
    padding-bottom: 1em;
  }
  .featuredList2 .featuredList2ContentWrapper .listTiles .listTitle {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 640px) and (orientation: portrait) {
  .featuredList2 .featuredList2ContentWrapper .listTiles .listSummary {
    height: 220px;
  }
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles {
  height: 151px;
  overflow: hidden;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles .readMore {
  padding: 0;
  background: 0;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #006ba0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-weight: 700;
  display: inline-block;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles .listTitle {
  width: 100%;
  color: unset;
  font-size: unset;
  padding: unset;
  margin-bottom: unset;
  transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles .listTitle:hover {
  border-bottom: unset !important;
  color: #222;
  display: block;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  padding: -1rem;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles .listTitle.bottomBorder {
  border-bottom: solid 1px #bfdae7;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles .listSummary {
  color: #606060;
  font-size: 16px;
  font-weight: 400;
}
.featuredList2.variation2 .featuredList2ContentWrapper .listTiles.topBorder {
  border-top: 2px solid #ddd;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.featuredList3 .featuredList3Wrapper {
  background: #fbae17;
  padding: 40px 10px 40px 40px;
}
.featuredList3 .featuredList3Wrapper .content-listTiles {
  width: 262px;
  height: 66px;
  border: 1px solid #00a8c8;
  background-color: #ffffff;
  padding: 5px 16px;
  display: block;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
}
.featuredList3 .featuredList3Wrapper .content-listTiles:hover {
  background-color: #00a8c8;
  color: #ffffff;
}
.featuredList3 .featuredList3Wrapper .content-listTiles::after {
  content: '\f138';
  font-family: "FontAwesome";
  position: absolute;
  top: 17px;
  right: 12px;
  font-weight: normal;
  font-size: 18px;
}
.featuredList3 .featuredList3Wrapper .content-listTiles .content-listTitle {
  font-size: 20px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  padding-top: 2px;
  line-height: 22px;
  margin-bottom: 5px;
}
.featuredList3 .featuredList3Wrapper .content-listTiles .content-listKicker {
  font-size: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.featuredList3.variation2 .featuredList3Wrapper .content-listTiles {
  background-color: rgba(255, 255, 255, 0);
}
.featuredList3.variation2 .featuredList3Wrapper .content-listTiles::after {
  content: '';
}
@media only screen and (max-width: 767px) {
  .featuredList3 .featuredList3Wrapper {
    padding: 20px 10px 20px 10px;
  }
  .featuredList3 .featuredList3Wrapper .content-listTiles {
    width: 100%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.featuredList4 .featuredListContentWrapper {
  margin: 15px 0;
}
.featuredList4 .featuredListContentWrapper li {
  list-style: none;
}
.featuredList4 .featuredListContentWrapper .listTiles {
  background: #ffffff;
  border-color: #009de0;
  border-width: 2px;
  border-top-style: solid;
  padding: 15px 0 10px 0;
  margin-bottom: 10px;
  position: relative;
  height: unset;
  z-index: 1;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.featuredList4 .featuredListContentWrapper .listTiles .listKicker {
  /*color: @blueGrey-color600;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #002c77;
  font-family: "NotoSansBold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  letter-spacing: .025rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
  padding: 2px 40px 0 20px;
}
.featuredList4 .featuredListContentWrapper .listTiles .listTitle {
  color: #002c77;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  /*font-size: 20px;
    line-height: 26px;*/
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 20px;
  padding: 0px 20px 0px 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.featuredList4 .featuredListContentWrapper .listTiles .listTitle:hover {
  color: #0065ac;
}
.featuredList4 .featuredListContentWrapper .listTiles .listImage {
  display: block;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 auto 20px auto;
}
.featuredList4 .featuredListContentWrapper .listTiles .listSummary {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  width: 85%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 18px;
  padding: 2px 0 0 20px;
  overflow: hidden;
}
.featuredList4 .featuredListContentWrapper .listTiles .readMore {
  background: 0;
  color: #002c77;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 0;
}
.featuredList4 .featuredListContentWrapper .listTiles .btnLink {
  background: #002c77;
  color: #ffffff;
  cursor: pointer;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 1em;
  line-height: 16px;
  display: inline-block;
  font-weight: 400;
  margin: 0 20px 20px;
  min-width: 120px;
  height: 32px;
  position: relative;
  bottom: 0;
  padding: 8px 16px 8px 16px;
  text-align: center;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.featuredList4 .featuredListContentWrapper .listTiles .btnLink:hover,
.featuredList4 .featuredListContentWrapper .listTiles .btnLink:focus,
.featuredList4 .featuredListContentWrapper .listTiles .btnLink:active {
  background: #0065ac;
}
.featuredList4 .featuredListContentWrapper .overlap {
  margin: -60px auto 1rem;
}
.featuredList4 .hidden-linkspan {
  display: none;
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .featuredList4 .featuredListContentWrapper .listTiles .listSummary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 90%;
  }
}
@media screen and (max-width: 319px) {
  .featuredList4 .featuredListContentWrapper .listTiles .listSummary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 90%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1342px) {
  .featuredList4 .featuredListContentWrapper .listTiles .listSummary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 90%;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.featuredList5 .featuredList5.variation1 {
  padding: 0;
  padding-top: 30px;
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .grid-x .cell {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) {
  .featuredList5 .featuredList5.variation1 {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .featuredList5 .featuredList5.variation1 {
    padding: 70px 36px;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper {
  margin-bottom: 48px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container {
  padding: 0;
  height: 100%;
  position: relative;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .no-hover-styles h3:hover {
  color: #001f37!important;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .default-cursor {
  cursor: default;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .jsFlTitleLinkVideo {
  cursor: pointer;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container ::-webkit-scrollbar {
  width: 10px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container ::-webkit-scrollbar-button {
  height: 0px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container ::-webkit-scrollbar-track-piece {
  background: #eeeeee;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container ::-webkit-scrollbar-thumb {
  background: #888888;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list {
  display: none;
  max-height: 200px;
  overflow: auto;
  margin-bottom: 24px;
  cursor: default;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  color: white;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content {
  line-height: 1.5;
  padding: 10px;
  z-index: 1;
  font-size: 14px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog {
  text-align: left;
  border: 1px #999 solid;
  overflow: hidden;
  padding: 10px;
  background: rgba(24, 24, 24, 0.8);
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-headline {
  font-size: 20px;
  margin-bottom: 10px;
  color: white;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-code {
  word-break: break-all;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details {
  margin-top: 10px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details .feature-vjs-errors-message {
  border: 1px #999 solid;
  background-color: #2c2c2c;
  overflow: auto;
  margin-top: 10px;
  padding: 10px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-ref-id {
  color: rgba(255, 255, 255, 0.5);
  font-size: .75em;
  margin: 0.5em 0 0;
}
@media only screen and (min-width: 768px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container {
    padding: 0 36px 36px 36px;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-kicker-title {
  font-size: 16px;
  line-height: 24px;
  color: #627798;
  letter-spacing: normal;
  font-family: "NotoSans", Arial, sans-serif;
  margin-bottom: 8px;
  height: 26px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-kicker-title {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 768px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-kicker-title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title {
    padding: 0 16px;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title a {
  font-size: 32px;
  line-height: 35px;
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin-bottom: 17px;
  height: 77px;
  padding-top: 7px;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title a {
    height: auto;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title a:hover,
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title a:focus,
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title a:active {
  color: #0065ac;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title h3 {
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 17px;
  height: 77px;
  padding-top: 7px;
  overflow: hidden;
  display: block;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title h3 {
    height: auto;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title h3:hover,
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title h3:focus,
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-title h3:active {
  color: #0065ac;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-image {
  padding-top: 56.25%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-image,
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .videobox-wrap {
  margin-bottom: 24px;
  height: auto;
  min-height: auto;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-description {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-description {
    padding: 0 16px;
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-description p {
    font-size: 18px;
    line-height: 26px;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link {
  position: absolute;
  bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link {
    padding: 0 16px;
    position: relative;
    bottom: 0;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link span {
  float: left;
  margin-right: 10px;
  font-size: 18px;
  line-height: 26px;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  color: #002c77;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link .ico-right-arrow {
  float: left;
  margin-top: 5px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link .ico-video {
  float: left;
  margin-top: 5px;
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link a {
  font-size: 18px;
  line-height: 26px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #002c77;
}
@media only screen and (max-width: 767px) {
  .featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link a {
    padding: 0 16px;
  }
}
.featuredList5 .featuredList5.variation1 .featurelist-wrapper .fl5-container .fl-cta-link .hidden-linkspan {
  display: none;
}
.featuredList5.variation2 {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 {
    padding: 72px;
  }
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .grid-container.fluid {
    padding: 0;
  }
}
.featuredList5.variation2 .component-main-heading {
  color: #002C77;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  font-size: 26px;
  line-height: 33px;
  margin: 32px 0;
  padding: 0 6px;
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .component-main-heading {
    margin-bottom: 48px;
    margin-top: 0;
    padding: 0;
  }
}
.featuredList5.variation2 .content-wrap {
  margin: 0 -0.625rem;
}
@media only screen and (min-width: 768px) {
  .featuredList5.variation2 .content-wrap {
    margin: 0 -0.9375rem;
  }
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .content-wrap {
    margin: 0 -24px;
  }
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .owl-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.featuredList5.variation2 .fl5-container {
  margin: 0;
  width: 260px;
}
.featuredList5.variation2 .fl5-container .no-hover-styles span:hover {
  color: #001f37!important;
}
.featuredList5.variation2 .fl5-container .default-cursor {
  cursor: default;
}
.featuredList5.variation2 .fl5-container .jsFlTitleLinkVideo {
  cursor: pointer;
}
.featuredList5.variation2 .fl5-container ::-webkit-scrollbar {
  width: 10px;
}
.featuredList5.variation2 .fl5-container ::-webkit-scrollbar-button {
  height: 0px;
}
.featuredList5.variation2 .fl5-container ::-webkit-scrollbar-track-piece {
  background: #eeeeee;
}
.featuredList5.variation2 .fl5-container ::-webkit-scrollbar-thumb {
  background: #888888;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list {
  display: none;
  max-height: 150px;
  overflow: auto;
  margin-bottom: 24px;
  cursor: default;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5));
  color: white;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content {
  line-height: 1.5;
  padding: 10px;
  z-index: 1;
  font-size: 14px;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog {
  text-align: left;
  border: 1px #999 solid;
  overflow: hidden;
  padding: 10px;
  background: rgba(24, 24, 24, 0.8);
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-headline {
  font-size: 20px;
  margin-bottom: 10px;
  color: white;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-code {
  word-break: break-all;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details {
  margin-top: 10px;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-details .feature-vjs-errors-message {
  border: 1px #999 solid;
  background-color: #2c2c2c;
  overflow: auto;
  margin-top: 10px;
  padding: 10px;
}
.featuredList5.variation2 .fl5-container .error-overlay-feature-list .feature-vjs-error-display .feature-vjs-modal-dialog-content .feature-vjs-errors-dialog .feature-vjs-errors-content-container .feature-vjs-errors-ref-id {
  color: rgba(255, 255, 255, 0.5);
  font-size: .75em;
  margin: 0.5em 0 0;
}
@media only screen and (min-width: 768px) {
  .featuredList5.variation2 .fl5-container {
    width: 300px;
  }
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .fl5-container {
    width: 100%;
    padding: 0 24px;
  }
}
.featuredList5.variation2 .fl5-container .fl-image,
.featuredList5.variation2 .fl5-container .videobox-wrap {
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .featuredList5.variation2 .fl5-container .fl-image,
  .featuredList5.variation2 .fl5-container .videobox-wrap {
    margin-bottom: 24px;
  }
}
.featuredList5.variation2 .fl5-container .fl-image {
  padding-top: 56.25%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.featuredList5.variation2 .fl5-container .videobox-wrap .play-btn {
  width: 32px;
  height: 32px;
}
.featuredList5.variation2 .fl5-container .videobox-wrap .play-btn:after {
  font-size: 16px;
}
.featuredList5.variation2 .fl5-container .fl-kicker-title {
  font-family: "NotoSans", Arial, sans-serif;
  margin-bottom: 8px;
  height: 48px;
  overflow: hidden;
  padding-top: 2px;
  color: #002C77;
}
.featuredList5.variation2 .fl5-container .fl-title {
  height: 85px;
  overflow: hidden;
  padding-top: 5px;
}
.featuredList5.variation2 .fl5-container .fl-title a {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
.featuredList5.variation2 .fl5-container .fl-title a:hover,
.featuredList5.variation2 .fl5-container .fl-title a:focus,
.featuredList5.variation2 .fl5-container .fl-title a:active {
  color: #007BB7;
}
.featuredList5.variation2 .fl5-container .fl-title span {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
.featuredList5.variation2 .fl5-container .fl-title span:hover,
.featuredList5.variation2 .fl5-container .fl-title span:focus,
.featuredList5.variation2 .fl5-container .fl-title span:active {
  color: #007BB7;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.promoCard .variation1 .promo-card-content {
  margin: 0 10px 25px 10px;
}
@media only screen and (min-width: 768px) {
  .promoCard .variation1 .promo-card-content {
    margin: 0 20px 20px;
  }
}
.promoCard .variation1 .promo-card-content .promo .promo-image {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.promoCard .variation1 .promo-card-content .promo .promo-image img {
  max-height: 200px;
  margin-bottom: 10px;
  display: block;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-kicker {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  position: relative;
  letter-spacing: 0;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-title,
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-description {
  color: #627798;
  font-size: 14px;
  line-height: 21px;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  display: block;
  padding: 0;
  margin-bottom: 10px;
}
.promoCard .variation1 .promo-card-content .promo .promo-link .promo-description {
  font-family: "NotoSans", Arial, sans-serif;
  margin-bottom: 10px;
}
.promoCard .variation1 .promo-card-content .promo .promo-button {
  background: #002c77;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  margin-top: 15px;
  min-width: 190px;
  cursor: pointer;
  position: relative;
  bottom: 0;
  padding: 8px 30px 7px 30px;
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.promoCard .variation1 .promo-card-content .promo .promo-button:hover {
  background: #0065ac;
  outline: none;
}
.promoCard .variation1 .promo-card-content .promo .promo-button:focus {
  background: #0065ac;
}
.promoCard .variation1 .hidden-linkspan {
  display: none;
}
.promoCard .variation2 .promocard-wrapper {
  border-top: 3px solid #00a8d0;
  -webkit-box-shadow: 0 0 1px 1px #d6d6d6;
  -moz-box-shadow: 0 0 1px 1px #d6d6d6;
  box-shadow: 0 0 1px 1px #d6d6d6;
}
.promoCard .variation2 .promocard-wrapper .promocard-content {
  padding: 17px 20px;
  background: #f5f5f5;
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-kicker {
  margin-bottom: 5px;
  color: #4e6287;
  font-size: 12px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  letter-spacing: 1px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-title {
  color: #000000;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 22px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
@media only screen and (max-width: 991px) {
  .promoCard .variation2 .promocard-wrapper .promocard-content .promo-title {
    font-size: 15px;
    line-height: 16px;
  }
}
.promoCard .variation2 .promocard-wrapper .promocard-content .promo-button {
  background: #002c77;
  color: #ffffff;
  min-width: 190px;
  padding: 8px 30px;
  font-size: 14px;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin-bottom: 0;
  margin-top: 15px;
}
.promoCard .variation2 .promocard-wrapper .promocard-image img {
  width: 100%;
}
.sponsored-event {
  margin-top: 20px;
  width: 250px;
  border: 1px solid #eee;
  -webkit-box-shadow: 1px 1px #eeeeee;
  -moz-box-shadow: 1px 1px #eeeeee;
  box-shadow: 1px 1px #eeeeee;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .sponsored-event {
    margin: 60px auto 20px;
  }
}
.sponsored-event .grid-y {
  display: block;
  width: 100% !important;
}
@media only screen and (max-width: 991px) {
  .sponsored-event .grid-y {
    display: inline-block;
  }
}
.sponsored-event img {
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}
@media only screen and (min-width: 1024px) {
  .sponsored-event img {
    width: 100%;
  }
}
.sponsored-event .image-caption-wrapper {
  padding: 15px 20px;
  display: inline-block;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  width: 100%;
}
.sponsored-event .image-caption-wrapper h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2.5px;
  line-height: 24px;
}
.sponsored-event .image-caption-wrapper h2 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
  line-height: 26px;
}
.sponsored-event .image-caption-wrapper p {
  padding: 5px 0 10px;
  font-size: 16px;
  line-height: 24px;
}
.sponsored-event .image-caption-wrapper p.para-sponsered {
  padding-bottom: 10px;
  height: 170px;
  overflow: hidden;
}
.sponsored-event .image-caption-wrapper .learn_more_side {
  position: relative;
  z-index: 1;
  text-decoration: none;
  color: inherit;
}
.sponsored-event .image-caption-wrapper .learn_more_side span {
  font-size: 16px;
  color: #005c96;
  padding-top: 10px;
  line-height: 24px;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.promoCard2 {
  width: 100%;
  min-height: 180px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 18%;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .promoCard2 {
    background-position: center;
  }
}
@media only screen and (max-width: 991px) {
  .promoCard2 {
    background-position: 18%;
  }
}
@media only screen and (min-width: 1024px) {
  .promoCard2 {
    background-position: left;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-description {
    padding: 20px;
  }
}
.promoCard2 .promo-description h4 {
  font-size: 19px;
  padding-left: 40px;
  max-height: 110px;
  overflow: hidden;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #0074D9;
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-description h4 {
    font-size: 18px;
    padding-left: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-description h4 {
    font-size: 16px;
    padding-left: 0;
  }
}
.promoCard2 .promo-button {
  padding-left: 30px;
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-button {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-button {
    float: none;
    padding-left: 0;
  }
}
.promoCard2 .promo-button .btn-subscribe {
  height: 58px;
  border-radius: 30px;
  width: 10rem;
  font-size: 20px;
  text-align: center;
  padding: 12px 15px;
  display: inline-block;
  font-family: "NotoSans", Arial, sans-serif !important;
  color: #ffffff;
  background: #3D9970;
}
@media only screen and (max-width: 767px) {
  .promoCard2 .promo-button .btn-subscribe {
    font-size: 16px;
    padding: 10px;
    margin: 20px auto;
    display: block;
  }
}
@media only screen and (max-width: 991px) {
  .promoCard2 .promo-button .btn-subscribe {
    width: 9rem;
    height: 45px;
    font-size: 18px;
    padding: 7px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
/*.theme1 #contactForm .form-text .form-title{
    font-weight: bold;
    font:normal 16px/22px @base-font-bold;
    color:#333;
    margin-bottom:30px;
}*/
.theme1 #contactForm {
  padding: 60px 30px;
  background: #ffffff;
}
.theme1 #contactForm .mktoForm {
  width: 100% !important;
}
.theme1 #contactForm .mktoForm .mktoFormCol {
  width: 100%;
  float: none !important;
  padding-right: 0;
}
.theme1 #contactForm .mktoForm .mktoFieldWrap {
  float: none !important;
}
.theme1 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
.theme1 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  width: 100% !important;
  display: block;
}
@media only screen and (min-width: 768px) {
  .theme1 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
  .theme1 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
    width: 33.3% !important;
  }
}
.theme1 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.theme1 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=requestConsultationFormCheckbox] {
  display: none !important;
}
.theme1 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: auto !important;
}
.theme1 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
  height: auto !important;
}
.theme1 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input[type="checkbox"] {
  height: auto !important;
  margin-top: 6px;
}
.theme1 #contactForm .mktoForm .mktoField,
.theme1 #contactForm .mktoForm .mktoField.mktoTextField,
.theme1 #contactForm .mktoForm .mktoField.mktoEmailField {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #dadada !important;
  float: left;
  padding: .5rem 1rem !important;
  line-height: 1.5;
  width: 100% !important;
  height: 48px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .theme1 #contactForm .mktoForm .mktoField,
  .theme1 #contactForm .mktoForm .mktoField.mktoTextField,
  .theme1 #contactForm .mktoForm .mktoField.mktoEmailField {
    width: 65.8% !important;
  }
}
.theme1 #contactForm .mktoForm .mktoField:focus,
.theme1 #contactForm .mktoForm .mktoField.mktoTextField:focus,
.theme1 #contactForm .mktoForm .mktoField.mktoEmailField:focus {
  border-color: #dadada !important;
  outline: auto !important;
}
.theme1 #contactForm .mktoForm .mktoRadioList > label,
.theme1 #contactForm .mktoForm .mktoCheckboxList > label {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin-left: 1.5em;
  margin-bottom: 12px;
  display: block;
  min-height: 12px;
}
.theme1 #contactForm .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.theme1 #contactForm .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
@media only screen and (max-width: 767px) {
  .theme1 #contactForm .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
  }
}
.theme1 #contactForm .mktoForm .mktoButton {
  width: 100% !important;
  float: right;
  position: relative;
  right: 15px;
}
.theme1 #contactForm .mktoForm .mktoButton:focus {
  display: inline-block;
  -webkit-box-shadow: 0 0 0 2px #000000;
  -moz-box-shadow: 0 0 0 2px #000000;
  box-shadow: 0 0 0 2px #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) {
  .theme1 #contactForm .mktoForm .mktoButton {
    width: 190px !important;
  }
}
.theme1 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  color: #001538;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  min-width: 100%;
  width: 100% !important;
}
.theme1 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a {
  color: #002c77 !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  text-decoration: inherit;
}
.theme1 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:hover,
.theme1 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:focus,
.theme1 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:active {
  color: #0065ac !important;
}
.theme1 .form-description,
.theme1 .form-description p {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.theme1 .form-description {
  margin-bottom: 20px;
}
.theme1 .form-description p {
  display: inline-block;
  margin-bottom: 25px;
}
.theme1 .requiredfield-text {
  color: #767676;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  float: right;
}
.theme2 #contactForm {
  padding: 60px 30px;
  background: #ffffff;
}
.theme2 #contactForm .mktoForm {
  width: 100% !important;
}
.theme2 #contactForm .mktoForm .mktoFormCol {
  width: 100%;
  float: none !important;
}
.theme2 #contactForm .mktoForm .mktoFieldWrap {
  float: none !important;
}
.theme2 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
.theme2 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  width: 40% !important;
}
.theme2 #contactForm .mktoForm .mktoField {
  width: 60% !important;
  background: #ffffff;
  margin-bottom: 0;
}
.theme2 #contactForm .mktoForm .form__input {
  width: 100%;
  padding: 6px !important;
  border: 1px solid #fbae17;
  color: #333;
  font-size: 14px !important;
  line-height: 14px !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  height: 30px;
}
.theme2 #contactForm .mktoForm .mktoField.mktoEmailField,
.theme2 #contactForm .mktoForm .mktoField.mktoTextField,
.theme2 #contactForm .mktoForm .mktoField.mktoTelField {
  width: 100%;
  border: 1px solid #dadada !important;
}
.theme2 #contactForm .mktoForm .mktoField.mktoEmailField:focus,
.theme2 #contactForm .mktoForm .mktoField.mktoTextField:focus,
.theme2 #contactForm .mktoForm .mktoField.mktoTelField:focus {
  border-color: #dadada !important;
}
.theme2 #contactForm .mktoForm select.mktoField {
  width: 100%;
  border: 1px solid #dadada !important;
  -webkit-appearance: menulist-button;
}
.theme2 #contactForm .mktoForm select.mktoField:focus {
  border-color: #dadada !important;
}
.theme2 #contactForm .mktoForm .mktoRadioList,
.theme2 #contactForm .mktoForm .mktoCheckboxList {
  width: 60% !important;
}
@media only screen and (max-width: 767px) {
  .theme2 #contactForm .mktoForm .mktoRadioList,
  .theme2 #contactForm .mktoForm .mktoCheckboxList {
    width: 100% !important;
  }
}
.theme2 #contactForm .mktoForm .mktoRadioList > label,
.theme2 #contactForm .mktoForm .mktoCheckboxList > label {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.theme2 #contactForm .mktoForm .mktoRadioList .mktoField,
.theme2 #contactForm .mktoForm .mktoCheckboxList .mktoField {
  width: auto !important;
}
.theme2 #contactForm .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.theme2 #contactForm .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
.theme2 #contactForm .mktoForm .mktoButton {
  float: right;
}
.theme2 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  min-width: 100%;
  width: 100% !important;
}
.theme2 #contactForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: 100% !important;
}
.theme2 #contactForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList .mktoField {
  width: 13px !important;
}
.theme2 .form-description {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
.theme2 .form-description p {
  display: inline-block;
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.theme2 .requiredfield-text {
  display: inline-block;
  float: right;
  color: #606060;
  font-size: 14px;
  line-height: 14px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media (max-width: 767px) {
  .theme2 #contactForm {
    padding: 20px 15px;
  }
  .theme2 #contactForm .mktoForm .mktoRequiredField label.mktoLabel {
    width: 100% !important;
    padding: 5px 0px;
  }
  .theme2 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
    width: 100% !important;
    padding: 5px 0px;
  }
  .theme2 #contactForm .mktoForm .mktoField {
    width: 100% !important;
  }
  .theme2 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0 !important;
  }
  .theme2 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    width: 100%;
  }
}
.theme3 .mktoForm {
  width: 100% !important;
  float: none !important;
}
.theme3 .mktoForm .mktoOffset,
.theme3 .mktoForm .mktoGutter {
  display: none !important;
}
.theme3 .mktoForm .mktoRequiredField .mktoAsterix {
  padding-left: 0 !important;
}
.theme3 .mktoForm .mktoRequiredField label.mktoLabel {
  width: 33.3% !important;
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme3 .mktoForm .mktoFieldDescriptor label.mktoLabel {
  width: 33.3% !important;
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme3 .mktoForm .mktoRadioList > label {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme3 .mktoForm .mktoCheckboxList > label {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme3 .mktoForm .mktoAsterix {
  float: left !important;
}
.theme3 .mktoForm .mktoFieldWrap {
  float: none !important;
}
.theme3 .mktoForm .mktoField {
  width: 65.8% !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.theme3 .mktoForm select.mktoField {
  height: 30px;
  background: 0;
  padding: 5px 10px;
}
.theme3 .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.theme3 .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
.theme3 .mktoForm .mktoButton {
  min-width: 190px;
  padding: 8px 30px 7px 30px !important;
  font-size: 14px !important;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff !important;
  text-align: center;
  display: inline-block;
  transition: background-color 300ms ease-out;
  cursor: pointer !important;
  background: #fbae17 !important;
  border: none !important;
  float: right;
}
input[type=checkbox].theme3 .mktoForm + label:before {
  margin-top: 4px;
}
input[type=radio].theme3 .mktoForm + label:before {
  margin-top: 4px;
}
.theme3 .mktoForm input[type=checkbox] {
  margin-top: 4px;
}
.theme3 .form-description p {
  display: inline-block;
}
.theme3 .requiredfield-text {
  display: inline-block;
  float: right;
  color: #ffffff;
}
.theme3 .mktoFormCol {
  width: 100%;
  float: none !important;
}
.theme3 #contactForm {
  padding: 25px;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.theme3 #contactForm .mktoForm .mktoFormCol {
  width: 50%;
  float: left !important;
  margin-bottom: 33px !important;
}
.theme3 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
  padding-left: 20px !important;
}
.theme3 #contactForm .mktoForm .mktoField {
  float: right !important;
  border: 1px solid #efeff0;
  box-shadow: none;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  width: 410px !important;
}
.theme3 #contactForm .mktoForm label {
  color: #4d4d4d;
}
.theme3 #contactForm .mktoForm label.mktoLabel {
  color: #4d4d4d;
  width: 150px !important;
}
.theme3 #contactForm .mktoForm input {
  box-shadow: none;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  width: 410px !important;
}
.theme3 #contactForm .mktoForm textarea {
  height: 73px !important;
}
.theme3 #contactForm .mktoForm .mktoButtonRow {
  margin: 0 0 60px 0 !important;
  width: 100%;
}
.theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
  float: right;
}
.theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
  font-size: 14px;
  letter-spacing: 2px;
  background-color: #ed2c67;
  border-radius: 20px;
  padding: 10px 30px;
  color: #ffffff;
  font-weight: 600;
  box-shadow: none !important;
  border: none !important;
  background-image: none !important;
  position: absolute;
  top: -75px;
  right: 40px;
}
.theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
.theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:active {
  background: #008cba !important;
}
.theme3 #contactForm .mktoForm .mktoCheckboxList .mktoField {
  width: auto !important;
  float: left !important;
  margin: 0;
}
input[type=checkbox].theme3 #contactForm .mktoForm .mktoCheckboxList + label:before {
  box-shadow: none;
}
.theme3 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=requestedConsultation] {
  display: none;
}
.theme3 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  min-width: 100%;
  width: 100% !important;
}
.theme3 #contactForm .form-text {
  padding-left: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.theme3 #contactForm .form-text .form-description {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 72px;
}
.theme3 .mktoCheckboxList label {
  margin-top: -5px !important;
}
.theme3 .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.theme3 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: auto !important;
}
.theme3 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
}
@media only screen and (max-width: 1024px) {
  .theme3 #contactForm .mktoForm {
    max-width: 100%;
    margin: 0 auto;
  }
  .theme3 #contactForm .mktoForm .mktoFormCol {
    width: 100% !important;
  }
  .theme3 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0px !important;
    padding-left: 0;
  }
  .theme3 #contactForm .mktoForm input {
    width: 400px !important;
  }
  .theme3 #contactForm .mktoForm .mktoField {
    width: 400px !important;
  }
  .theme3 #contactForm .mktoForm .mktoButtonRow {
    margin: 0 !important;
  }
  .theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    position: relative;
    top: -15px;
    right: 0;
    margin-top: 0 !important;
  }
  .theme3 #contactForm .form-text {
    margin-left: 0 !important;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .theme3 #contactForm .form-text .form-description {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .theme3 #contactForm .mktoForm {
    padding: 0;
  }
  .theme3 #contactForm .mktoForm label.mktoLabel {
    width: 100% !important;
    max-width: none !important;
  }
  .theme3 #contactForm .mktoForm input,
  .theme3 #contactForm .mktoForm .mktoField {
    width: 100% !important;
    height: 30px;
  }
  .theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: auto !important;
    margin-right: auto;
    float: inherit;
  }
  .theme3 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    float: left;
  }
  .theme3 #contactForm .mktoForm .mktoFormCol {
    margin-bottom: 15px !important;
  }
  .theme3 .section #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0 !important;
  }
}
.contactForm.theme4 {
  background-color: #001f52;
  color: #ffffff;
}
.contactForm.theme4 #contactForm {
  padding: 45px 16px;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm {
    max-width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1024px) {
  .contactForm.theme4 #contactForm {
    padding: 45px 0px 0px 0px;
  }
}
.contactForm.theme4 #contactForm .mktoForm {
  width: 100% !important;
}
.contactForm.theme4 #contactForm .mktoForm #file-input-container input {
  color: #ffffff !important;
  height: 23px;
}
.contactForm.theme4 #contactForm .mktoForm select.mktoField {
  background: #ffffff url(https://app-sjg.marketo.com/js/forms2/images/arrow-down-bk.png) center right no-repeat;
}
@media only screen and (min-width: 1024px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoFormRow {
    margin-left: -15px !important;
  }
}
.contactForm.theme4 #contactForm .mktoForm .mktoFormRow:first-of-type .mktoRadioList {
  width: 100% !important;
  padding: 0 !important;
}
.contactForm.theme4 #contactForm .mktoForm .mktoFormRow:first-of-type .mktoRadioList > label {
  margin: 0 !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoFormRow:first-of-type .mktoRadioList > label {
    width: auto;
  }
}
.contactForm.theme4 #contactForm .mktoForm .mktoFormCol {
  width: 100%;
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoFormCol {
    width: 50%;
    float: left !important;
    margin-bottom: 33px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoFormCol {
    padding-left: 15px !important;
  }
}
.contactForm.theme4 #contactForm .mktoForm .mktoField {
  float: right !important;
  border: 1px solid #0065ac;
  max-width: 510px !important;
  padding: 0.2em 0.8em;
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoField {
    width: 65% !important;
  }
}
.contactForm.theme4 #contactForm .mktoForm label {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.contactForm.theme4 #contactForm .mktoForm label.mktoLabel {
  color: #ffffff !important;
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm label.mktoLabel {
    width: 35% !important;
  }
}
.contactForm.theme4 #contactForm .mktoForm input {
  width: 65% !important;
  max-width: 510px !important;
}
.contactForm.theme4 #contactForm .mktoForm textarea {
  height: 73px !important;
  background-color: #ffffff;
}
.contactForm.theme4 #contactForm .mktoForm #fileUploadForm {
  padding: 10px 0 !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    width: 50%;
    float: right;
  }
}
.contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
  background-image: none !important;
  background-color: #9fe0ff !important;
  color: #001538 !important;
  float: none;
  min-width: 190px;
  padding: 8px 30px 7px 30px !important;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px !important;
  line-height: 21px;
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  cursor: pointer !important;
  border: none !important;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: -105px !important;
  }
}
.contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
.contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:active {
  background: #76d3ff !important;
}
.contactForm.theme4 #contactForm .mktoForm .mktoCheckboxList .mktoField {
  width: auto !important;
  float: left !important;
  margin: 0;
}
input[type=checkbox].contactForm.theme4 #contactForm .mktoForm .mktoCheckboxList + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.contactForm.theme4 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=requestedConsultation] {
  display: none;
}
.contactForm.theme4 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  color: #ffffff;
  min-width: 100%;
  width: 100% !important;
}
.contactForm.theme4 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a {
  color: #9adfff!important;
}
.contactForm.theme4 #contactForm .form-text {
  padding-left: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.contactForm.theme4 #contactForm .form-text .form-title {
  color: #ffffff;
}
.contactForm.theme4 #contactForm .form-text .form-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .form-text .form-description {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.contactForm.theme4 #contactForm .form-text .form-description p {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .form-text .form-description p {
    width: calc(100% - 125px);
  }
}
.contactForm.theme4 #contactForm .form-text .form-description .requiredfield-text {
  color: #ffffff;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 #contactForm .form-text .form-description .requiredfield-text {
    width: 125px;
  }
}
.contactForm.theme4 .mktoForm {
  /*.mktoRadioList {
				&.mktoRequired {
					&>label {
						width: auto !important;
					}
				}
			} */
}
.contactForm.theme4 .mktoForm .mktoOffset,
.contactForm.theme4 .mktoForm .mktoGutter {
  display: none !important;
}
.contactForm.theme4 .mktoForm .mktoRequiredField label.mktoLabel,
.contactForm.theme4 .mktoForm .mktoFieldDescriptor label.mktoLabel {
  width: 33.3% !important;
}
.contactForm.theme4 .mktoForm .mktoRadioList > label,
.contactForm.theme4 .mktoForm .mktoCheckboxList > label {
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
}
.contactForm.theme4 .mktoForm .mktoFieldWrap {
  float: none !important;
}
.contactForm.theme4 .mktoForm .mktoField {
  width: 65.8% !important;
}
.contactForm.theme4 .mktoForm select.mktoField {
  background: 0;
  padding: 5px 10px;
}
.contactForm.theme4 .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.contactForm.theme4 .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
input[type=checkbox].contactForm.theme4 .mktoForm + label:before {
  margin-top: 4px;
}
input[type=radio].contactForm.theme4 .mktoForm + label:before {
  margin-top: 4px;
}
.contactForm.theme4 .mktoForm input[type=checkbox] {
  margin-top: 4px;
}
.contactForm.theme4 .mktoCheckboxList label {
  margin-top: -5px !important;
}
.contactForm.theme4 .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.contactForm.theme4 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: 100% !important;
}
.contactForm.theme4 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList:not(.mktoRequired) {
  width: auto !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme4 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList.mktoRequired {
    width: calc(100% - 35%) !important;
  }
}
.contactForm.theme4 .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
}
@media only screen and (max-width: 1023px) {
  .contactForm.theme4 #contactForm {
    padding: 96px 40px;
    max-width: 100%;
  }
  .contactForm.theme4 #contactForm .form-text {
    margin-left: 0 !important;
    padding-bottom: 20px;
  }
  .contactForm.theme4 #contactForm .mktoForm {
    max-width: 600px;
    width: 100% !important;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoFormCol {
    width: 100% !important;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow {
    margin: 0 !important;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .contactForm.theme4 #contactForm {
    padding: 96px 40px;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoRadioList {
    width: 100% !important;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoRadioList > label,
  .contactForm.theme4 #contactForm .mktoForm .mktoCheckboxList > label {
    margin-left: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .contactForm.theme4 .mktoForm {
    width: 100% !important;
  }
  .contactForm.theme4 #contactForm {
    padding: 40px 20px;
  }
  .contactForm.theme4 #contactForm .mktoForm {
    padding: 0;
  }
  .contactForm.theme4 #contactForm .mktoForm label.mktoLabel,
  .contactForm.theme4 #contactForm .mktoForm input,
  .contactForm.theme4 #contactForm .mktoForm .mktoField {
    width: 100% !important;
    max-width: none !important;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: auto !important;
    margin-right: auto;
    float: inherit;
  }
  .contactForm.theme4 #contactForm .mktoForm .mktoRadioList input {
    margin: 5px 0 0;
  }
}
.theme5 {
  background-color: #f5f5f5;
  color: #000000;
  padding: 50px 80px 0;
}
.theme5 .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
  width: 100% !important;
}
.theme5 strong,
.theme5 b {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
}
.theme5 .row {
  max-width: none;
}
.theme5 .column {
  padding: 0;
}
.theme5 .marketoForm_Pavilion #contactForm {
  padding: 45px 0 0 0;
  max-width: 94%;
}
.theme5 .marketoForm_Pavilion #contactForm .form-text .form-title {
  color: #ffffff;
}
.theme5 #contactForm {
  max-width: 98%;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  /*mkto form ends here*/
}
.theme5 #contactForm .form-text {
  padding-left: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.theme5 #contactForm .form-text .form-description {
  color: #262626;
  font-size: 18px !important;
  line-height: 24px;
  margin-bottom: 42px;
}
.theme5 #contactForm .form-text .form-description p {
  display: inline-block;
}
.theme5 #contactForm .form-text .form-description .requiredfield-text {
  display: inline-block;
  float: right;
  color: red;
  font-size: 14px;
}
.theme5 #contactForm .mktoRadioList {
  display: none;
}
.theme5 #contactForm .mktoForm {
  width: 100% !important;
  float: left;
  padding: 1.25rem 0 3.125rem 0 !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  max-width: 100%;
}
.theme5 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  min-width: 100%;
  width: 100% !important;
}
.theme5 #contactForm .mktoForm select.mktoField {
  background: #ffffff url(https://app-sjg.marketo.com/js/forms2/images/arrow-down-bk.png) center right no-repeat;
}
.theme5 #contactForm .mktoForm label {
  color: #ffffff;
}
.theme5 #contactForm .mktoForm label[for="emailOptIn"] .mktoAsterix {
  display: none !important;
}
.theme5 #contactForm .mktoForm label[for="requestConsultationFormCheckbox"] .mktoAsterix {
  display: none !important;
}
.theme5 #contactForm .mktoForm label[for="Unsubscribed"] {
  width: 0px !important;
}
.theme5 #contactForm .mktoForm label.mktoLabel {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px !important;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  width: 100% !important;
  display: block;
}
.theme5 #contactForm .mktoForm #file-input-container input {
  height: 23px;
}
.theme5 #contactForm .mktoForm .mktoFormCol {
  width: 50% !important;
  float: left !important;
  margin-bottom: 15px !important;
}
.theme5 #contactForm .mktoForm .mktoField {
  width: 100% !important;
  float: left !important;
  margin-top: 8px;
  max-width: 566px !important;
  border: 1px solid #e5e5e5;
}
.theme5 #contactForm .mktoForm .mktoOffset {
  display: none;
}
.theme5 #contactForm .mktoForm .mktoFieldWrap {
  width: 100%;
  float: none !important;
}
.theme5 #contactForm .mktoForm .mktoFieldWrap .mktoGutter {
  display: none;
}
.theme5 #contactForm .mktoForm .mktoFieldWrap .mktoLabel {
  width: 100% !important;
  font-weight: 400 !important;
  padding: 0 !important;
  margin: 0 0 0 0;
}
.theme5 #contactForm .mktoForm .mktoFieldWrap .mktoLabel[for="emailOptIn"] {
  display: none;
}
.theme5 #contactForm .mktoForm .mktoFieldWrap .mktoAsterix {
  float: none;
  display: inline-block !important;
  padding: 0 .25rem 0 0 !important;
  color: #bf0000;
}
.theme5 #contactForm .mktoForm input[type=text],
.theme5 #contactForm .mktoForm input[type=url],
.theme5 #contactForm .mktoForm input[type=email],
.theme5 #contactForm .mktoForm input[type=tel],
.theme5 #contactForm .mktoForm input[type=number],
.theme5 #contactForm .mktoForm input[type=date],
.theme5 #contactForm .mktoForm select.mktoField,
.theme5 #contactForm .mktoForm textarea.mktoField {
  width: 100% !important;
  height: 2.3125rem !important;
  line-height: normal !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e5e5e5 !important;
  padding: .5rem .6666666667rem !important;
  min-height: initial !important;
  font-size: .875rem;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.theme5 #contactForm .mktoForm textarea.mktoField {
  height: 100px !important;
}
.theme5 #contactForm .mktoForm textarea {
  height: 73px !important;
}
.theme5 #contactForm .mktoForm .mktoFormRow .mktoFormCol {
  width: 100%;
  margin: 0 0 0.9375rem 0 !important;
}
.theme5 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
  padding-left: 20px;
}
.theme5 #contactForm .mktoForm .mktoButtonWrap {
  width: 100% !important;
  margin: 0 !important;
}
.theme5 #contactForm .mktoForm .mktoButtonWrap .mktoButton:hover {
  color: #ffffff;
  background: #00a8c8;
}
.theme5 #contactForm .mktoForm .mktoButtonRow {
  display: block;
}
.theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
  width: 50%;
  float: right;
}
.theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
  margin-top: -60px !important;
  background-color: #004eae !important;
  padding: 16px 20px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  border-radius: 2px;
  margin-right: 15px;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  background-image: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  float: right;
}
.theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
.theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:active {
  background: #004eae !important;
}
@media only screen and (max-width: 1366px) {
  .theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: -60px !important;
    padding: 16px 20px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    border-radius: 2px;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: 0 !important;
  }
}
.theme5 #contactForm .mktoForm input[type=checkbox] + label:before,
.theme5 #contactForm .mktoForm input[type=radio] + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 9px !important;
  left: 0 !important;
  margin: 0 !important;
}
.theme5 #contactForm .mktoForm input,
.theme5 #contactForm .mktoForm .mktoField {
  width: 65% !important;
  height: 30px;
  max-width: 510px !important;
  box-shadow: none;
}
.theme5 #contactForm .mktoForm .mktoRadioList > label,
.theme5 #contactForm .mktoForm .mktoCheckboxList > label {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme5 #contactForm .mktoForm .mktoCheckboxList .mktoField {
  width: auto !important;
  float: left !important;
}
.theme5 #contactForm .mktoForm .mktoCheckboxList input[type=checkbox] + label:before {
  box-shadow: none;
}
.theme5 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=requestedConsultation] {
  display: none;
}
@media only screen and (max-width: 1920px) {
  .theme5 #contactForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: -45px !important;
    background-color: #004eae !important;
    padding: 16px 20px !important;
    color: #fff !important;
    font-size: 18px !important;
    border-radius: 2px;
    margin-right: 16.9%;
  }
}
@media only screen and (max-width: 1024px) {
  .theme5 #contactForm .form-text {
    margin-left: 0 !important;
    padding-bottom: 20px;
  }
  .theme5 #contactForm .mktoForm {
    max-width: 100%;
    width: 100% !important;
  }
  .theme5 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0;
  }
  .theme5 #contactForm .mktoForm input[type=text],
  .theme5 #contactForm .mktoForm input[type=url],
  .theme5 #contactForm .mktoForm input[type=email],
  .theme5 #contactForm .mktoForm input[type=tel],
  .theme5 #contactForm .mktoForm input[type=number],
  .theme5 #contactForm .mktoForm input[type=date],
  .theme5 #contactForm .mktoForm select.mktoField,
  .theme5 #contactForm .mktoForm textarea.mktoField {
    width: 90% !important;
  }
  .theme5 #contactForm .mktoForm .mktoFormCol {
    width: 50% !important;
  }
  .theme5 #contactForm .mktoForm .mktoButtonRow {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 992px) {
  .theme5 {
    padding: 48px 48px 0;
  }
  .theme5 #contactForm .mktoForm {
    max-width: 100%;
  }
  .theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-top: -80px;
  }
  .theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    margin-top: -5px !important;
    margin-right: 37px;
  }
  .theme5 #contactForm .mktoForm .mktoFormCol {
    width: 50% !important;
  }
  .theme5 #contactForm .mktoForm input[type=text],
  .theme5 #contactForm .mktoForm input[type=url],
  .theme5 #contactForm .mktoForm input[type=email],
  .theme5 #contactForm .mktoForm input[type=tel],
  .theme5 #contactForm .mktoForm input[type=number],
  .theme5 #contactForm .mktoForm input[type=date],
  .theme5 #contactForm .mktoForm select.mktoField,
  .theme5 #contactForm .mktoForm textarea.mktoField {
    width: 90% !important;
  }
  .theme5 #contactForm .mktoForm .mktoField {
    width: 90% !important;
  }
}
@media only screen and (max-width: 768px) {
  .contact-form #contactForm {
    padding: 96px 40px;
  }
  .contact-form #contactForm .form-text .form-description {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .theme5 {
    padding: 20px 0px;
  }
  .theme5 #contactForm {
    padding: 0 15px;
  }
  .theme5 #contactForm .form-text .form-description {
    margin-top: 10px;
  }
  .theme5 #contactForm .mktoForm .mktoFormCol,
  .theme5 #contactForm .mktoForm .mktoField {
    width: 100% !important;
  }
  .theme5 #contactForm .mktoForm input,
  .theme5 #contactForm .mktoForm input[type=text],
  .theme5 #contactForm .mktoForm input[type=email],
  .theme5 #contactForm .mktoForm select.mktoField {
    width: 100% !important;
  }
  .theme5 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    float: none;
    width: 100%;
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 540px) {
  .contact-form #contactForm {
    padding: 40px 20px;
  }
  .contact-form #contactForm .mktoForm {
    padding: 0;
  }
  .contact-form #contactForm .mktoForm label.mktoLabel {
    width: 100% !important;
    max-width: none !important;
  }
  .contact-form #contactForm .mktoForm input,
  .contact-form #contactForm .mktoForm .mktoField {
    width: 100% !important;
  }
  .contact-form #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: auto !important;
    margin-right: auto;
    float: inherit;
  }
}
.contactForm.theme6 .fa-envelope {
  font-size: 26px;
  color: #fbae17;
}
.contactForm.theme6 .form-text .form-description p {
  display: inline-block;
}
.contactForm.theme6 .form-text .form-description .requiredfield-text {
  display: inline-block;
  color: #ffffff;
}
.contactForm.theme6 .mktoForm,
.contactForm.theme6 .mktoFormCol {
  width: 100% !important;
  float: none !important;
}
.contactForm.theme6 .mktoForm input[type=checkbox] + label:before,
.contactForm.theme6 .mktoForm input[type=checkbox] + label:before,
.contactForm.theme6 .mktoForm input[type=radio] + label:before,
.contactForm.theme6 .mktoForm input[type=checkbox] {
  margin-top: 4px;
}
.contactForm.theme6 #contactForm {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  /*mktoForm*/
}
.contactForm.theme6 #contactForm .form-text {
  padding-left: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.contactForm.theme6 #contactForm .form-text .form-description {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 72px;
}
.contactForm.theme6 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  min-width: 100%;
  width: 100% !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow {
  margin: 0 0 60px 0 !important;
  width: 100%;
}
.contactForm.theme6 #contactForm .mktoForm textarea {
  height: 73px !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoOffset,
.contactForm.theme6 #contactForm .mktoForm .mktoGutter {
  display: none !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoRequiredField .mktoAsterix {
  padding-left: 0 !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=requestedConsultation] {
  display: none;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: auto !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  color: #333;
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  width: 100% !important;
  max-width: none !important;
}
@media only screen and (min-width: 768px) {
  .contactForm.theme6 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
    width: 33.3% !important;
  }
}
.contactForm.theme6 #contactForm .mktoForm .mktoCheckboxList label {
  margin-top: -5px !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoCheckboxList .mktoField {
  width: auto !important;
  float: left !important;
  margin: 0;
}
.contactForm.theme6 #contactForm .mktoForm .mktoCheckboxList input[type=checkbox] + label:before {
  box-shadow: none;
}
.contactForm.theme6 #contactForm .mktoForm .mktoRadioList > label,
.contactForm.theme6 #contactForm .mktoForm .mktoCheckboxList > label {
  margin-left: 1.5em;
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.contactForm.theme6 #contactForm .mktoForm .mktoAsterix {
  float: left !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoFieldWrap {
  float: none !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoField {
  width: 65.8% !important;
  font-size: 14px !important;
  line-height: 14px !important;
  float: right !important;
  border: 1px solid #ccc;
  border-radius: 0;
}
.contactForm.theme6 #contactForm .mktoForm label {
  color: #4d4d4d;
  text-align: left;
}
.contactForm.theme6 #contactForm .mktoForm input {
  box-shadow: none;
  border: 1px solid #ccc;
  border-radius: 0;
}
.contactForm.theme6 #contactForm .mktoForm select.mktoField {
  background: 0;
  padding: 5px 10px;
}
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
  clear: both;
  display: block;
  float: right;
}
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
  min-width: 190px;
  padding: 8px 30px 7px 30px !important;
  font-size: 14px !important;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  background: #fbae17 !important;
  color: #fff !important;
  text-align: center;
  display: inline-block;
  transition: background-color 300ms ease-out;
  cursor: pointer !important;
  border: none !important;
  float: right;
  box-shadow: none !important;
  background-image: none !important;
  position: absolute;
  left: 0px !important;
}
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover,
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus,
.contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:active {
  background: #008cba !important;
}
@media only screen and (max-width: 1024px) {
  .contactForm.theme6 #contactForm .mktoForm {
    max-width: 100%;
    margin: 0 auto;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoFormCol {
    width: 100% !important;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0px !important;
    padding-left: 0;
  }
  .contactForm.theme6 #contactForm .mktoForm input {
    width: 400px !important;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoField {
    width: 400px !important;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoButtonRow {
    margin: 0 !important;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: 0px !important;
    float: left !important;
    left: 0px !important;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    position: relative;
    top: -15px;
    margin-left: 0px !important;
    float: left !important;
    left: 0px !important;
    margin-top: 30px;
    margin-top: 0 !important;
  }
  .contactForm.theme6 #contactForm .form-text {
    margin-left: 0 !important;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .contactForm.theme6 #contactForm .form-text .form-description {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .contactForm.theme6 #contactForm .mktoForm {
    padding: 0;
  }
  .contactForm.theme6 #contactForm .mktoForm input,
  .contactForm.theme6 #contactForm .mktoForm .mktoField {
    width: 100% !important;
    height: 30px;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap {
    margin-left: auto !important;
    margin-right: auto;
    float: inherit;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
    float: left;
    margin-top: 10px;
  }
  .contactForm.theme6 #contactForm .mktoForm .mktoFormCol {
    margin-bottom: 15px !important;
  }
  .contactForm.theme6 .section #contactForm .mktoForm .mktoFormCol:nth-child(2) label {
    padding-left: 0 !important;
  }
}
.theme7 #contactForm {
  padding-left: 35px;
  padding-right: 35px;
  border-top: 2px solid #fbae17;
}
.theme7 #contactForm .form-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  text-decoration: none;
  margin-bottom: 1.9375rem;
  padding-top: 40px;
}
.theme7 #contactForm .form-description p {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.theme7 #contactForm .form-description p a {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.theme7 #contactForm .mktoForm {
  width: 100% !important;
  padding: 0 0 .625rem 0 !important;
}
.theme7 #contactForm .mktoForm .mktoFieldWrap {
  width: 100%;
}
.theme7 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
.theme7 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  width: 100% !important;
  font-weight: 600 !important;
  padding: 0 !important;
  margin: 0 0 4px 0;
}
.theme7 #contactForm .mktoForm .mktoLabel[for="emailOptIn"] {
  display: none;
}
.theme7 #contactForm .mktoForm input[type=checkbox] + label:before,
.theme7 #contactForm .mktoForm input[type=radio] + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 9px !important;
  left: 0 !important;
  margin: 0 !important;
  margin-top: 4px;
}
.theme7 #contactForm .mktoForm input[type=text],
.theme7 #contactForm .mktoForm input[type=url],
.theme7 #contactForm .mktoForm input[type=email],
.theme7 #contactForm .mktoForm input[type=tel],
.theme7 #contactForm .mktoForm input[type=number],
.theme7 #contactForm .mktoForm input[type=date],
.theme7 #contactForm .mktoForm select.mktoField,
.theme7 #contactForm .mktoForm textarea.mktoField {
  width: 100% !important;
  border: 1px solid #dadada !important;
  background-color: #ffffff;
  padding: .6875rem .9166666667rem !important;
}
.theme7 #contactForm .mktoForm textarea.mktoField {
  height: 100px !important;
}
.theme7 #contactForm .mktoForm .mktoFormRow {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .theme7 #contactForm .mktoForm .mktoFormRow {
    margin: 0 -15px;
  }
}
.theme7 #contactForm .mktoForm .mktoFormRow .mktoFormCol {
  width: 100%;
  margin: 0 0 20px !important;
}
@media only screen and (min-width: 768px) {
  .theme7 #contactForm .mktoForm .mktoFormRow .mktoFormCol {
    width: 50%;
    padding: 0 15px;
  }
}
.theme7 #contactForm .mktoForm .mktoLogicalField {
  width: 100% !important;
}
.theme7 #contactForm .mktoForm .mktoRadioList > label {
  margin-top: 0 !important;
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme7 #contactForm .mktoForm .mktoButtonRow {
  width: 100% !important;
  text-align: right;
}
.theme7 #contactForm .mktoForm .mktoButtonWrap {
  width: 100% !important;
  margin: 0 !important;
}
.theme7 #contactForm .mktoForm .mktoButtonWrap .mktoButton {
  height: 48px;
  font-size: 18px !important;
  line-height: 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  padding: .8125rem 1.625rem .8125rem 1.625rem !important;
  min-width: 160px !important;
}
.theme7 #contactForm .mktoForm .mktoCheckboxList > label {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  color: #333;
}
.theme7 #contactForm label {
  cursor: pointer;
  display: block;
  color: #627798;
  margin-bottom: .6875rem;
}
.theme7 #contactForm select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-size: 9px 6px;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-origin: content-box;
}
.theme7 .mktoForm .mktoCheckboxList > label {
  margin-top: 0 !important;
}
.theme8 #contactForm {
  padding: 60px 30px;
  background: transparent;
}
.theme8 #contactForm .mktoForm {
  width: 100% !important;
}
.theme8 #contactForm .mktoForm .mktoFormCol {
  width: 100%;
  float: none !important;
  padding-right: 0;
}
.theme8 #contactForm .mktoForm .mktoFieldWrap {
  float: none !important;
}
.theme8 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
.theme8 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  color: #000000;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  width: 100% !important;
  display: block;
}
@media only screen and (min-width: 768px) {
  .theme8 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
  .theme8 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
    width: 33.3% !important;
  }
}
.theme8 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.theme8 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: auto !important;
}
.theme8 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
  height: auto !important;
}
.theme8 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input[type="checkbox"] {
  height: auto !important;
  margin-top: 6px;
}
.theme8 #contactForm .mktoForm .mktoField,
.theme8 #contactForm .mktoForm .mktoField.mktoTextField,
.theme8 #contactForm .mktoForm .mktoField.mktoEmailField {
  color: #000000 !important;
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #000000 !important;
  float: left;
  padding: .5rem 1rem !important;
  line-height: 1.5;
  width: 100% !important;
  height: 48px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .theme8 #contactForm .mktoForm .mktoField,
  .theme8 #contactForm .mktoForm .mktoField.mktoTextField,
  .theme8 #contactForm .mktoForm .mktoField.mktoEmailField {
    width: 65.8% !important;
  }
}
.theme8 #contactForm .mktoForm .mktoField:focus,
.theme8 #contactForm .mktoForm .mktoField.mktoTextField:focus,
.theme8 #contactForm .mktoForm .mktoField.mktoEmailField:focus {
  border-color: #000000 !important;
}
.theme8 #contactForm .mktoForm .mktoRadioList > label,
.theme8 #contactForm .mktoForm .mktoCheckboxList > label {
  color: #000000;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin-left: 1.5em;
  margin-bottom: 12px;
  display: block;
  min-height: 12px;
}
.theme8 #contactForm .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.theme8 #contactForm .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
@media only screen and (max-width: 767px) {
  .theme8 #contactForm .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
  }
}
.theme8 #contactForm .mktoForm .mktoButton {
  width: 100% !important;
  float: right;
  position: relative;
  right: 15px;
}
@media only screen and (min-width: 768px) {
  .theme8 #contactForm .mktoForm .mktoButton {
    width: 190px !important;
  }
}
.theme8 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  color: #000000;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  min-width: 100%;
  width: 100% !important;
}
.theme8 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a {
  color: #000000 !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  text-decoration: inherit;
}
.theme8 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:hover,
.theme8 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:focus,
.theme8 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:active {
  color: #000000 !important;
}
.theme8 .form-text .form-title {
  color: #000000;
}
.theme8 .form-description,
.theme8 .form-description p {
  color: #000000 !important;
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.theme8 .form-description {
  margin-bottom: 20px;
}
.theme8 .form-description p {
  display: inline-block;
  margin-bottom: 25px;
}
.theme8 .requiredfield-text {
  color: #000000;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  float: right;
}
.theme9 #contactForm {
  padding: 60px 30px;
  background: transparent;
}
.theme9 #contactForm .mktoForm {
  width: 100% !important;
}
.theme9 #contactForm .mktoForm .mktoFormCol {
  width: 100%;
  float: none !important;
  padding-right: 0;
}
.theme9 #contactForm .mktoForm .mktoFieldWrap {
  float: none !important;
}
.theme9 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
.theme9 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  width: 100% !important;
  display: block;
}
@media only screen and (min-width: 768px) {
  .theme9 #contactForm .mktoForm .mktoRequiredField label.mktoLabel,
  .theme9 #contactForm .mktoForm .mktoFieldDescriptor label.mktoLabel {
    width: 33.3% !important;
  }
}
.theme9 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoLabel.mktoHasWidth[for=emailOptIn] {
  display: none !important;
}
.theme9 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList {
  width: auto !important;
}
.theme9 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input {
  width: auto !important;
  height: auto !important;
}
.theme9 #contactForm .mktoForm .mktoFieldDescriptor .mktoFieldWrap .mktoCheckboxList > input[type="checkbox"] {
  height: auto !important;
  margin-top: 6px;
}
.theme9 #contactForm .mktoForm .mktoField,
.theme9 #contactForm .mktoForm .mktoField.mktoTextField,
.theme9 #contactForm .mktoForm .mktoField.mktoEmailField {
  color: #001538 !important;
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #ffffff !important;
  float: left;
  padding: .5rem 1rem !important;
  line-height: 1.5;
  width: 100% !important;
  height: 48px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .theme9 #contactForm .mktoForm .mktoField,
  .theme9 #contactForm .mktoForm .mktoField.mktoTextField,
  .theme9 #contactForm .mktoForm .mktoField.mktoEmailField {
    width: 65.8% !important;
  }
}
.theme9 #contactForm .mktoForm .mktoField:focus,
.theme9 #contactForm .mktoForm .mktoField.mktoTextField:focus,
.theme9 #contactForm .mktoForm .mktoField.mktoEmailField:focus {
  border-color: #ffffff !important;
}
.theme9 #contactForm .mktoForm .mktoRadioList > label,
.theme9 #contactForm .mktoForm .mktoCheckboxList > label {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin-left: 1.5em;
  margin-bottom: 12px;
  display: block;
  min-height: 12px;
}
.theme9 #contactForm .mktoForm .mktoButtonRow {
  width: 100%;
  margin: 20px 0 !important;
}
.theme9 #contactForm .mktoForm .mktoButtonWrap {
  clear: both;
  display: block;
}
@media only screen and (max-width: 767px) {
  .theme9 #contactForm .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
  }
}
.theme9 #contactForm .mktoForm .mktoButton {
  width: 100% !important;
  float: right;
  position: relative;
  right: 15px;
}
@media only screen and (min-width: 768px) {
  .theme9 #contactForm .mktoForm .mktoButton {
    width: 190px !important;
  }
}
.theme9 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  min-width: 100%;
  width: 100% !important;
}
.theme9 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a {
  color: #ffffff !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  text-decoration: inherit;
}
.theme9 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:hover,
.theme9 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:focus,
.theme9 #contactForm .mktoForm .mktoHtmlText.mktoHasWidth a:active {
  color: #ffffff !important;
}
.theme9 .form-text .form-title {
  color: #ffffff;
}
.theme9 .form-description,
.theme9 .form-description p {
  color: #ffffff !important;
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.theme9 .form-description {
  margin-bottom: 20px;
}
.theme9 .form-description p {
  display: inline-block;
  margin-bottom: 25px;
}
.theme9 .requiredfield-text {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  float: right;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider1.variation1.carouselWrap {
  width: 70%;
  margin: 0 auto;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  .slider1.variation1.carouselWrap {
    width: 80%;
  }
}
.slider1.variation1.carouselWrap .sliderTitle {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 30px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .slider1.variation1.carouselWrap .sliderTitle {
    font-size: 36px;
    text-align: left;
  }
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel {
  margin-top: 60px;
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .item a img {
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 180px;
  object-fit: cover;
  object-position: center;
}
@media only screen and (max-width: 767px) {
  .slider1.variation1.carouselWrap .logoCarousel.owl-carousel .item a img {
    width: 100% !important;
  }
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav {
  width: 100%;
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-prev,
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-next {
  color: transparent;
  position: absolute;
  top: 40%;
  height: 30px;
  width: 30px;
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-prev {
  left: -45px;
}
@media only screen and (min-width: 768px) {
  .slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-prev {
    left: -50px;
  }
}
.slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-next {
  right: -45px;
}
@media only screen and (min-width: 768px) {
  .slider1.variation1.carouselWrap .logoCarousel.owl-carousel .owl-nav .owl-next {
    right: -50px;
  }
}
/* This is style file for slider1 variation 2*/
.slider1.variation2.carouselWrap {
  padding: 0 40px;
}
.slider1.variation2 .sliderTitle {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 24px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  letter-spacing: 0.025rem;
}
.slider1.variation2 .sliderDescription {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .slider1.variation2 .owl-carousel .item img {
    width: 100% !important;
  }
}
.slider1.variation2 .owl-carousel .item .item-article {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.slider1.variation2 .owl-carousel .item .item-article:hover .content-overlay {
  display: block;
}
.slider1.variation2 .owl-carousel .item .item-article:hover .content-default {
  display: none;
}
.slider1.variation2 .owl-carousel .item .item-article .content-default {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.slider1.variation2 .owl-carousel .item .item-article .content-default h6 {
  font-size: 16px;
  line-height: 22px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  text-align: center;
  color: #ffffff;
}
.slider1.variation2 .owl-carousel .item .item-article .content-default h6 a {
  color: inherit;
}
.slider1.variation2 .owl-carousel .item .item-article .content-overlay {
  display: none;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  background: rgba(0, 128, 117, 0.95);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  position: relative;
  z-index: 1;
}
.slider1.variation2 .owl-carousel .item .item-article .content-overlay h6 {
  max-height: 54px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay h6 {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay h6 {
    margin-bottom: 10px;
  }
}
.slider1.variation2 .owl-carousel .item .item-article .content-overlay .description {
  line-height: normal;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay .description {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay .description {
    font-size: 14px;
  }
}
.slider1.variation2 .owl-carousel .item .item-article .content-overlay .button {
  padding: 8px 28px;
  margin-top: 55px;
  width: 176px;
  display: inline-block;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
  background: #09ac87;
}
@media only screen and (min-width: 768px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay .button {
    padding: 5px 3px;
    margin-top: 10px;
    width: 110px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider1.variation2 .owl-carousel .item .item-article .content-overlay .button {
    padding: 8px 28px;
    margin-top: 10px;
    width: auto;
    font-size: 12px;
  }
}
.slider1.variation2 .owl-carousel .item .item-article.darken:before {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.25;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.slider1.variation2 .owl-carousel .owl-nav {
  position: absolute;
  top: -20%;
  right: 0;
}
.slider1.variation2 .owl-carousel .owl-nav .owl-prev span,
.slider1.variation2 .owl-carousel .owl-nav .owl-next span {
  font-size: 30px !important;
}
@media only screen and (max-width: 767px) {
  .slider1.variation2 .owl-carousel .owl-nav .owl-next {
    right: -45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider1.variation2 .owl-carousel .owl-nav .owl-prev {
    left: -45px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider2.variation1 .sliderTitle {
  margin: 10px 0;
  letter-spacing: 0.025rem;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.slider2.variation1 .sliderDescription {
  font-size: 16px;
  line-height: 24px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin-bottom: 25px;
  color: #627798;
}
.slider2.variation1 .owl-carousel .owl-nav {
  position: absolute;
  top: -20px;
  width: 100%;
  text-align: right;
  right: 5px;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-prev.disabled {
  color: #dadada !important;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-next.disabled {
  color: #dadada !important;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-prev {
  margin-right: 10px;
  color: #627798;
  font-size: 20px;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-prev:hover {
  color: #0065ac;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-next {
  color: #627798;
  font-size: 20px;
}
.slider2.variation1 .owl-carousel .owl-nav button.owl-next:hover {
  color: #0065ac;
}
.slider2.variation1 .owl-carousel .item .item-article {
  width: 100%;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.slider2.variation1 .owl-carousel .item .item-article .article-image {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper {
  min-height: 260px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper .itemDescription {
  margin-bottom: 18px;
  padding: 0 15px;
  max-height: 190px;
  height: 190px;
  overflow: hidden;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper .itemDescription p {
  font-size: 16px;
  line-height: 24px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #001538;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper a.ctaLink {
  margin-top: auto;
  font-size: 16px;
  line-height: 24px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  display: block;
  padding: 0 15px 40px;
  color: #002c77;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper a.ctaLink:hover {
  color: #0065ac;
}
.slider2.variation1 .owl-carousel .item .item-article .article-content-wrapper a.ctaLink span {
  margin-left: 5px;
  font-size: 18px;
  display: inline-block;
}
.slider2.variation1 .owl-carousel .item .item-article .itemTitle h6 {
  padding: 15px;
  letter-spacing: 0;
  font-size: 25px;
  line-height: 29px;
  margin-bottom: 30px;
}
.slider2.variation1 .owl-carousel .item .item-article .itemTitle h6:hover {
  /* color: @base-color600;*/
}
.slider2.variation1 .owl-carousel .owl-item {
  margin-bottom: 3px;
}
.slider2.variation1 .carouselWrap {
  padding: 15px 16px;
}
@media screen and (max-width: 1366px) {
  .slider2.variation1 .owl-carousel .item .item-article .itemTitle h6 {
    font-size: 21px;
    line-height: normal;
    margin-bottom: 40px;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemDescription {
    max-height: 190px !important;
    height: 190px !important;
  }
}
@media screen and (max-width: 1024px) {
  .slider2.variation1 .owl-carousel .item .item-article .itemTitle h6 {
    font-size: 16px;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemDescription p {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .slider2.variation1 .owl-carousel .item .item-article .itemTitle h6 {
    font-size: 18px;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemDescription {
    max-height: 190px;
    height: 190px;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemDescription p {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .slider2.variation1 .itemDescription {
    max-height: 235px ;
    height: 235px ;
  }
}
@media screen and (max-width: 767px) {
  .slider2.variation1 .carouselWrap {
    padding: 15px 25px;
  }
  .slider2.variation1 .owl-carousel .owl-nav {
    position: absolute;
    top: 30%;
    color: #cdcbcd;
    width: 100%;
  }
  .slider2.variation1 .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    position: absolute;
  }
  .slider2.variation1 .owl-carousel .owl-nav button.owl-prev i {
    font-size: 25px;
  }
  .slider2.variation1 .owl-carousel .owl-nav button.owl-next {
    right: -9px;
    position: absolute;
  }
  .slider2.variation1 .owl-carousel .owl-nav button.owl-next i {
    font-size: 25px;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemTitle h6 {
    height: auto !important;
    margin-bottom: 0;
  }
  .slider2.variation1 .owl-carousel .item .item-article .itemDescription {
    max-height: 190px !important;
    height: 190px !important;
  }
  .slider2.variation1 .sliderDescription {
    margin-bottom: 50px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider3 .slider-slide {
  padding: 25px 45px;
}
@media only screen and (max-width: 767px) {
  .slider3 .slider-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .slider3 .slider-slide {
    padding: 50px 80px;
  }
}
.slider3 .slider-slide .slider-thumbnail {
  text-align: center;
}
.slider3 .slider-slide .slider-thumbnail .thumbnail-img {
  max-width: 170px;
  margin: 0 auto 12px;
}
.slider3 .slider-slide .slider-thumbnail .thumbnail-img img {
  border-radius: 170px;
}
.slider3 .slider-slide .slider-thumbnail .thumbnail-description {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 8px;
}
.slider3 .slider-slide .slider-thumbnail .thumbnail-cta .btn-primary {
  background: #002c77;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 20px 7px 20px;
}
.slider3 .slider-slide .slider-thumbnail .thumbnail-cta .btn-primary:hover,
.slider3 .slider-slide .slider-thumbnail .thumbnail-cta .btn-primary:focus {
  background: #0065ac;
}
.slider3 .slider-slide .slider-content .kicker-title {
  /*color: @blueGrey-color600;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #002c77;
  font-family: "NotoSansBold", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.025rem;
  margin-bottom: 10px;
}
.slider3 .slider-slide .slider-content .title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  color: #002c77;
  float: none;
  margin-bottom: 7px;
}
.slider3 .slider-slide .slider-content .description {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .slider3 .slider-slide .slider-content .description {
    margin-bottom: 10px;
  }
}
.slider3.owl-theme {
  position: relative;
  z-index: 0;
}
.slider3.owl-theme .owl-dots button:focus {
  display: inline-block;
  -webkit-box-shadow: 0 0 0 2px #000000;
  -moz-box-shadow: 0 0 0 2px #000000;
  box-shadow: 0 0 0 2px #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.slider3.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px;
}
.slider3.owl-theme .owl-nav .owl-prev,
.slider3.owl-theme .owl-nav .owl-next {
  position: absolute;
  font-size: 25px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 30%;
}
.slider3.owl-theme .owl-nav .owl-prev:hover,
.slider3.owl-theme .owl-nav .owl-next:hover {
  background: transparent;
  color: #7fd3e3;
}
.slider3.owl-theme .owl-nav .owl-prev {
  left: 0;
}
.slider3.owl-theme .owl-nav .owl-next {
  right: 0;
}
.slider3.owl-theme .owl-nav [class*='owl-'] {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider3.var1 .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
}
.slider3.var3 .slider-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 438px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .slider3.var3 .slider-wrapper {
    background-image: none !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.slider3.var3 .slider-wrapper .slider-content {
  width: 100%;
  padding: 10px 10px 0 10px;
}
@media only screen and (min-width: 768px) {
  .slider3.var3 .slider-wrapper .slider-content {
    width: 60%;
    padding: 0 1.875rem;
  }
}
.slider3.var3 .slider-wrapper .slider-content .kicker-title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: 2px;
}
.slider3.var3 .slider-wrapper .slider-content .title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 36px;
  line-height: 40px;
  float: none;
  margin-bottom: 10px;
}
.slider3.var3 .slider-wrapper .slider-content .description {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 25px;
}
.slider3.var3.owl-theme {
  background-color: #f6f7f6;
}
@media only screen and (min-width: 768px) {
  .slider3.var3.owl-theme {
    background-color: transparent;
  }
}
.slider3.var3.owl-theme .owl-dots .owl-dot span {
  background: #D6D6D6;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
}
.slider3.var3.owl-theme .owl-dots .owl-dot.active span,
.slider3.var3.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}
.slider3.var3.owl-theme .owl-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .slider3.var3.owl-theme .owl-nav {
    display: block;
  }
}
.slider3.var3.owl-theme .owl-nav .owl-prev,
.slider3.var3.owl-theme .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider3.var3 .mobile-hero-image {
  display: block;
}
@media only screen and (min-width: 768px) {
  .slider3.var3 .mobile-hero-image {
    display: none;
  }
}
.slider3.var3 .mobile-hero-image img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: top;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
/*slider variation1 image slider start*/
.orbit-image-slider .orbit-caption {
  bottom: 50%;
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  background: none;
  text-align: center;
  color: #fefefe;
  font-weight: bold;
}
/*slider variation1 image slider end*/
/*slider variation2 text slider start*/
.orbit-text-slider .orbit-container .orbit-slide .orbit-text-slider > h3 {
  padding: 50px;
  font-size: 24px;
  margin-bottom: 25px;
}
.orbit-text-slider .orbit-previous {
  display: none;
}
.orbit-text-slider .orbit-next {
  display: none;
}
.orbit-text-slider .orbit-bullets {
  margin-top: -45px;
}
.orbit-text-slider .orbit-bullets button {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
}
/*slider variation2 text slider end*/
/*slider variation3 gradient slider start*/
.orbit-gradient-slider .orbit-container .orbit-slide .orbit-gradient-slider > h3 {
  padding: 50px;
}
/*slider variation3 gradient slider end*/
.orbit-text-slider4 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.orbit-text-slider4 .orbit-container .orbit-slide .orbit-text-slider > h3 {
  padding: 50px;
  font-size: 24px;
  margin-bottom: 25px;
}
.orbit-text-slider4 .orbit-container .orbit-slide p {
  max-width: 70%;
  margin: 0 auto;
  font-size: 30px;
  line-height: 36px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.orbit-text-slider4 .orbit-previous {
  display: none;
}
.orbit-text-slider4 .orbit-next {
  display: none;
}
.orbit-text-slider4 .orbit-bullets button {
  width: 15px;
  height: 15px;
  margin: 5px 7px;
}
.orbit-text-slider4 .cell {
  padding: 50px 0 50px 0;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider5-background {
  background-color: #f4f4f4;
}
.slider5-background .slider5-content {
  width: 90%;
  margin: 0 auto;
  padding: 40px 0;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-stage {
  padding: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-stage .owl-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-stage .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .slider5-background .slider5-content .articleCarousel.owl-carousel .owl-item img {
    width: 100% !important;
  }
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-item .item > a {
  height: 100%;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-prev,
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-next {
  font-size: 30px;
  font-family: "FontAwesome";
  position: absolute;
  top: 25%;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-prev:hover,
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-next:hover {
  background: unset;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-prev {
  content: '\f053';
  left: -45px;
}
@media only screen and (min-width: 768px) {
  .slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-prev {
    left: -60px;
  }
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-next {
  content: '\f054';
  right: -45px;
}
@media only screen and (min-width: 768px) {
  .slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav .owl-next {
    right: -60px;
  }
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-dots button:focus,
.slider5-background .slider5-content .articleCarousel.owl-carousel .owl-nav button:focus {
  display: inline-block;
  -webkit-box-shadow: 0 0 0 2px #000000;
  -moz-box-shadow: 0 0 0 2px #000000;
  box-shadow: 0 0 0 2px #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper {
  margin: 0 10px 0 10px;
  padding: 15px 20px 20px 20px;
  background: #ffffff;
  border-width: 3px;
  border-top-style: solid;
  border-color: #00ac41;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper.borderYellow {
  border-color: #fbae17;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper.borderBlue {
  border-color: #006d9e;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper .kicker-title {
  color: #627798;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper .article-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  margin-bottom: 10px;
  padding-top: 5px;
}
@media only screen and (min-width: 768px) {
  .slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper .article-title {
    min-height: 58px;
    overflow: hidden;
  }
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper .article-title:hover {
  color: #0065ac;
}
.slider5-background .slider5-content .articleCarousel.owl-carousel .article-wrapper .article-description {
  /*color: @base-color900;
    font-family: @mmc-display-font-regular;
    font-size: 16px;
    line-height: 24px;*/
  color: #001f52;
  font-family: "NotoSans", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.twoContentBlockWithCarousel {
  background: #00a8c8;
  padding: 60px 0;
}
.twoContentBlockWithCarousel .casestudiesWrapper {
  max-width: 80% !important;
  margin: 0 auto;
}
.twoContentBlockWithCarousel .casestudiesWrapper h2 {
  color: #ffffff;
  font-weight: 700 !important;
  padding-left: 10px;
  padding-bottom: 20px;
  font-size: 35px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide {
  padding: 0 5px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell {
  background: #ffffff;
  width: calc(99%);
  padding: 15px 15px 0;
  margin-left: 0.46875rem;
  margin-right: 0.46875rem;
  border-left: 2px solid #efe8e8;
  border-right: 3px solid #f6f6f6;
  border-bottom: 3px solid #f6f6f6;
  border-style: outset;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper h4 {
  font-size: 14px;
  color: gray;
  padding-bottom: 15px;
  font-weight: bold;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .col-pad-0 {
  padding-left: 5px !important;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .col-pad-0 .image-wrapper {
  width: 100%;
  height: 180px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .columns h5 {
  color: #00a8c8;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .columns:last-child:not(:first-child) {
  float: left !important;
  width: 75%;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .columns:first-child:not(:last-child) {
  float: left !important;
  width: 25%;
  padding-right: .9375rem !important;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .columns .learn-more-btn {
  min-width: 190px;
  padding: 8px 30px 7px 30px;
  font-size: 14px;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  text-align: center;
  background: #00a8c8;
  display: inline-block;
  transition: background-color 300ms ease-out;
  cursor: pointer;
  margin-bottom: 40px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-theme .owl-dots .owl-dot span {
  background: #d6d6d6;
  width: 12px;
  height: 12px;
  margin: 5px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
  width: 12px;
  height: 12px;
  margin: 5px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-theme .owl-dots .owl-dot.active span {
  background: #869791;
  width: 12px;
  height: 12px;
  margin: 5px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav {
  width: 100%;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-prev {
  left: -40px;
  position: absolute;
  top: 40%;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-prev:hover {
  background-color: transparent;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-prev span {
  color: #646a6d !important;
  font-size: 40px;
  height: 30px;
  width: 30px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-next {
  right: -40px;
  position: absolute;
  top: 40%;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-next:hover {
  background-color: transparent;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-next span {
  color: #646a6d !important;
  font-size: 40px;
  height: 30px;
  width: 30px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-stage {
  display: flex;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .twoContentBlockWithCarousel .casestudiesWrapper {
    max-width: 85% !important;
    margin: 0 auto;
  }
  .twoContentBlockWithCarousel .casestudiesWrapper .slider6a .testimonial-slide {
    padding: 0 45px;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
  .twoContentBlockWithCarousel .casestudiesWrapper .caption-wrapper .row .columns {
    float: none !important;
    width: 100% !important;
    clear: both;
    padding-left: .625rem;
    padding-right: .625rem;
  }
  .twoContentBlockWithCarousel .casestudiesWrapper .caption-wrapper .image-wrapper {
    width: 100%;
    height: 100%;
  }
  .twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-prev {
    left: -20px;
    top: 60%;
  }
  .twoContentBlockWithCarousel .casestudiesWrapper .slider6a.owl-carousel .owl-nav .owl-next {
    right: -18px;
    top: 60%;
  }
}
.twoContentBlockWithoutCarousel {
  background: #00a8c8;
  padding: 60px 0;
  height: auto;
  overflow: hidden;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper {
  max-width: 80% !important;
  margin: 0 auto;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper h2 {
  color: #ffffff;
  font-weight: 700 !important;
  padding-left: 10px;
  padding-bottom: 20px;
  font-size: 35px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide {
  padding: 0 5px;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide > .columns {
  background: #ffffff;
  width: calc(49%);
  float: left;
  padding: 15px 15px 0;
  margin-left: 0.46875rem;
  margin-right: 0.46875rem;
  border-left: 2px solid #efe8e8;
  border-right: 3px solid #f6f6f6;
  border-bottom: 3px solid #f6f6f6;
  border-style: outset;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper h4 {
  font-size: 14px;
  color: gray;
  padding-bottom: 15px;
  font-weight: bold;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .col-pad-0 {
  padding-left: 5px !important;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .col-pad-0 .image-wrapper {
  width: 100%;
  height: 180px;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns h5 {
  color: #00a8c8;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns:last-child:not(:first-child) {
  float: left !important;
  width: 66%;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns:first-child:not(:last-child) {
  float: left !important;
  width: 25%;
  padding-right: .9375rem !important;
}
.twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns .learn-more-btn {
  min-width: 190px;
  padding: 8px 30px 7px 30px;
  font-size: 14px;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  text-align: center;
  background: #00a8c8;
  display: inline-block;
  transition: background-color 300ms ease-out;
  cursor: pointer;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .twoContentBlockWithoutCarousel .casestudiesWrapper {
    max-width: 85% !important;
    margin: 0 auto;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .slider6a .testimonial-slide {
    padding: 0 45px;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .caption-wrapper .row .columns {
    float: none !important;
    width: 100% !important;
    clear: both;
    padding-left: .625rem;
    padding-right: .625rem;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .caption-wrapper .image-wrapper {
    width: 100%;
    height: 100%;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns {
    float: none !important;
    width: 100%;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide .columns .caption-wrapper h4 {
    margin-bottom: 0;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide > .columns {
    background: #FFF;
    width: calc(99%);
    float: none;
    clear: both;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide > .columns:first-child {
    border-bottom: 0px solid none;
    border-bottom-style: none;
  }
  .twoContentBlockWithoutCarousel .casestudiesWrapper .testimonial-slide > .columns:last-child {
    border-top: 0px solid none;
    border-top-style: none;
  }
}
.twoContentBlockWithoutCarousel1 {
  background: #00a8c8;
  padding: 60px 0;
  height: auto;
  overflow: hidden;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper {
  max-width: 80% !important;
  margin: 0 auto;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper h2 {
  color: #ffffff;
  font-weight: 700 !important;
  padding-left: 10px;
  padding-bottom: 20px;
  font-size: 35px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide {
  padding: 0 5px;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide > .columns {
  background: #ffffff;
  width: calc(49%);
  float: left;
  padding: 15px 15px 0;
  margin-left: 0.46875rem;
  margin-right: 0.46875rem;
  border-left: 2px solid #efe8e8;
  border-right: 3px solid #f6f6f6;
  border-bottom: 3px solid #f6f6f6;
  border-style: outset;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper h4 {
  font-size: 15px;
  color: gray;
  padding-bottom: 15px;
  font-weight: bold;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .col-pad-0 {
  padding-left: 5px !important;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .col-pad-0 .image-wrapper {
  width: 100%;
  height: 180px;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns h5 {
  color: #00a8c8;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns:last-child:not(:first-child) {
  float: left !important;
  width: 66%;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns:first-child:not(:last-child) {
  float: left !important;
  width: 25%;
  padding-right: .9375rem !important;
}
.twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns .learn-more-btn {
  min-width: 190px;
  padding: 8px 30px 7px 30px;
  font-size: 14px;
  line-height: 14px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #ffffff;
  text-align: center;
  background: #00a8c8;
  display: inline-block;
  transition: background-color 300ms ease-out;
  cursor: pointer;
  margin-bottom: 40px;
}
.twoContentBlockWithCarousel .casestudiesWrapper .slider6a .item .testimonial-slide .cell .caption-wrapper .row .columns h5 {
  font-size: 20px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media (max-width: 767px) {
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper {
    max-width: 85% !important;
    margin: 0 auto;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .slider6a .testimonial-slide {
    padding: 0 45px;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .caption-wrapper .row .columns {
    float: none !important;
    width: 100% !important;
    clear: both;
    padding-left: .625rem;
    padding-right: .625rem;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .caption-wrapper .image-wrapper {
    width: 100%;
    height: 100%;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper .row .columns {
    float: none !important;
    width: 100%;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide .columns .caption-wrapper h4 {
    margin-bottom: 0;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide > .columns {
    background: #ffffff;
    width: calc(99%);
    float: none;
    clear: both;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide > .columns:first-child {
    border-bottom: 0px solid none;
    border-bottom-style: none;
  }
  .twoContentBlockWithoutCarousel1 .casestudiesWrapper .testimonial-slide > .columns:last-child {
    border-top: 0px solid none;
    border-top-style: none;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider7 {
  background-image: linear-gradient(to bottom, #ffffff, #f1f2f3);
  text-align: center;
}
.slider7 .item-wrap {
  display: inline-block;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.slider7 .item-wrap .slider-icon {
  width: 125px;
  margin: 0 auto 25px;
}
.slider7 .item-wrap .kicker-title {
  color: #F48132;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 10px;
}
.slider7 .item-wrap .description {
  color: #333333;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}
.slider7 .item-wrap .horizontal-rule {
  background: #00A8C8;
  max-width: 100px;
  width: 100%;
  margin: 12px auto 25px;
}
.slider7 .item-wrap .headline h4 {
  color: #00A8C8;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 20px;
}
.slider7 .item-wrap .headline b {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 25px;
  line-height: 25px;
}
.slider7 .owl-theme .owl-nav {
  margin: 0;
}
.slider7 .owl-theme .owl-dots {
  margin-top: 40px;
}
.slider7 .owl-theme .owl-dots .owl-dot.active span {
  background: #00A8C8;
}
.slider7 .owl-theme .owl-dots .owl-dot:hover span {
  background: #00A8C8;
}
.slider7 .owl-theme .owl-dots .owl-dot span {
  margin: 0 12px;
}
.slider7 .owl-carousel .owl-nav button.owl-prev {
  color: #00A8C8;
  font-size: 48px;
  line-height: 1;
  margin: 0;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.slider7 .owl-carousel .owl-nav button.owl-next {
  color: #00A8C8;
  font-size: 48px;
  line-height: 1;
  margin: 0;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.slider7.variation1 {
  padding: 60px 25px 15px;
}
@media only screen and (min-width: 768px) {
  .slider7.variation1 {
    padding: 75px 20px 65px;
  }
  .slider7 .item-wrap .slider-icon {
    width: 175px;
    height: 60px;
    margin-bottom: 40px;
  }
  .slider7 .item-wrap .kicker-title {
    font-size: 22px;
    line-height: 28px;
  }
  .slider7 .item-wrap .headline h4 {
    font-size: 25px;
    line-height: 32px;
  }
  .slider7 .item-wrap .headline strong {
    font-size: 30px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider7 .item-wrap {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .slider7 .item-wrap .kicker-title {
    font-size: 30px;
    line-height: 40px;
  }
  .slider7 .item-wrap .description {
    font-size: 18px;
    line-height: 25px;
  }
  .slider7 .item-wrap .headline h4 {
    font-size: 30px;
    line-height: 40px;
  }
  .slider7 .item-wrap .headline b {
    font-size: 35px;
    line-height: 40px;
  }
  .slider7 .owl-carousel .owl-nav button.owl-prev {
    left: 30px;
  }
  .slider7 .owl-carousel .owl-nav button.owl-next {
    right: 30px;
  }
}
.slider7.variation2 {
  padding: 75px 20px 60px;
}
.slider7.variation2 .item-wrap {
  max-width: 1250px;
}
.slider7.variation2 .item-wrap .slider-icon {
  width: 125px;
  height: auto;
  margin-bottom: 40px;
}
.slider7.variation2 .item-wrap .headline h4 {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 24px;
  line-height: 32px;
  color: #ce3d95;
  margin-bottom: 40px;
}
.slider7.variation2 .item-wrap .description {
  color: #932077;
  padding: 0 25px;
  margin: 0;
}
.slider7.variation2 .owl-carousel .owl-nav button.owl-prev {
  color: #560054;
}
.slider7.variation2 .owl-carousel .owl-nav button.owl-next {
  color: #560054;
}
.slider7.variation2 .owl-theme .owl-dots .owl-dot.active span {
  background: #ff6896;
}
.slider7.variation2 .owl-theme .owl-dots .owl-dot:hover span {
  background: #ff6896;
}
@media only screen and (min-width: 768px) {
  .slider7.variation2 .item-wrap .headline h4 {
    font-size: 28px;
    line-height: 38px;
  }
  .slider7.variation2 .item-wrap .description {
    font-size: 16px;
    line-height: 24px;
  }
}
.slider7.variation3 {
  padding: 60px 25px;
}
.slider7.variation3 .item-wrap h4 {
  color: #1F7F6B;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0;
}
.slider7.variation3 .owl-carousel .owl-nav button.owl-prev {
  color: #1F7F6B;
}
.slider7.variation3 .owl-carousel .owl-nav button.owl-next {
  color: #1F7F6B;
}
.slider7.variation3 .owl-theme .owl-dots .owl-dot.active span {
  background: #1F7F6B;
}
.slider7.variation3 .owl-theme .owl-dots .owl-dot:hover span {
  background: #1F7F6B;
}
@media only screen and (min-width: 768px) {
  .slider7.variation3 {
    padding: 75px 20px;
  }
  .slider7.variation3 .item-wrap .headline h4 {
    font-size: 28px;
    line-height: 38px;
  }
}
.slider7.variation4 {
  padding: 0;
  height: auto;
  text-align: center;
}
.slider7.variation4 .item-wrap {
  background-color: #00b0d3;
  padding: 35px;
  height: 100%;
}
.slider7.variation4 .item-wrap .percent {
  border: 2px solid #fff;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 30px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 30px;
  letter-spacing: -1px;
}
.slider7.variation4 .item-wrap .description p {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 21px;
  line-height: 1.3;
  margin: 0;
}
.slider7.variation4 .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.slider7.variation4 .owl-carousel .owl-nav button.owl-prev {
  color: #ffffff;
  font-size: 30px;
}
.slider7.variation4 .owl-carousel .owl-nav button.owl-next {
  color: #ffffff;
  font-size: 30px;
}
.slider7 .owl-carousel .owl-nav button.owl-prev {
  left: 10px;
}
.slider7 .owl-carousel .owl-nav button.owl-next {
  right: 10px;
}
@media only screen and (min-width: 768px) {
  .slider7.variation4 .item-wrap {
    padding: 50px;
  }
  .slider7.variation4 .item-wrap .percent {
    font-size: 45px;
    width: 125px;
    height: 125px;
    line-height: 125px;
  }
}
@media only screen and (min-width: 1024px) {
  .slider7.variation4 .item-wrap {
    padding: 50px 40px;
  }
  .slider7.variation4 .item-wrap .description {
    font-size: 24px;
    line-height: 1.3;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.slider-8-component .owl-theme .owl-dots {
  display: none;
}
.slider-8-component .carousel-section {
  padding: 0 15px;
  background: #ffffff;
}
.slider-8-component .banner-caption {
  position: relative;
  top: 0px;
  background-color: #4a4a4a;
  width: 100%;
  padding: 20px 25px;
}
.slider-8-component .banner-caption p {
  color: #ffffff;
  font-size: 24px;
  line-height: 33px;
  width: 78%;
}
.slider-8-component .banner-caption a {
  color: #ffffff;
}
.slider-8-component .banner-caption a:hover {
  color: #0065ac;
}
.slider-8-component .banner-caption span {
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  display: block;
}
.slider-8-component .item img {
  display: block;
  width: 100%;
  min-height: auto;
}
.slider-8-component .owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
.slider-8-component .owl-nav button.owl-next {
  font-size: 30px;
  color: #154A50;
  background: #ffffff;
  height: 50px;
  width: 50px;
  line-height: 30px;
  opacity: 0.8;
  border-radius: 50px;
  right: 3%;
  position: absolute;
  top: 53%;
}
.slider-8-component .owl-nav button.owl-next span {
  font-size: 49px;
  position: relative;
  right: 0;
}
.slider-8-component .owl-nav button.owl-prev {
  font-size: 30px;
  color: #154A50;
  background: #ffffff;
  left: 3%;
  height: 50px;
  width: 50px;
  line-height: 30px;
  opacity: 0.8;
  border-radius: 50px;
  position: absolute;
  top: 53%;
}
.slider-8-component .owl-nav button.owl-prev span {
  right: 0;
  font-size: 49px;
  position: relative;
  left: -2px;
}
@media screen and (max-width: 992px) {
  .slider-8-component .banner-caption {
    font-size: 25px;
    padding: 10px 15px;
  }
  .slider-8-component .banner-caption p {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
  }
  .slider-8-component .banner-caption span {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .slider-8-component .banner-caption {
    line-height: 20px;
    margin-top: 0;
  }
  .slider-8-component .item img {
    min-height: 220px;
  }
  .slider-8-component .owl-nav button.owl-next {
    right: 8%;
  }
  .slider-8-component .owl-nav button.owl-prev {
    left: 8%;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/headers/header/clientlib/less/header.less
Error: NameError: variable @base-font-bold is undefined in /apps/mercer-au-publicsite/components/headers/header/clientlib/less/variation-1.less on line 313, column 19:
312 					color: #002c77;
313 					font-family: @base-font-bold;
314 					font-size: 13px;


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";
@import "variation-1.less";
@import "variation-2.less";
@import "variation-3.less";
@import "variation-4.less";
@import "variation-5.less";
@import "variation-6.less";
@import "variation-7.less";
@import "variation-8.less";

@media only screen and (min-width: 40em) {
	#header1 .search-global-desktop form {
		margin: 0px !important;
	}
}
/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.header2 .non-home-page-class .top-header .languageNavigation {
  display: none;
}
@media (max-width: 1024px) {
  .header2 .non-home-page-class .top-header .languageNavigation {
    display: block;
  }
}
@media (max-width: 1024px) {
  .header2 .non-home-page-class .top-header {
    display: block;
  }
}
.header2 .non-home-page-class .logo-nav-group.sticky {
  height: 85px;
}
.header2 .header2-content {
  padding-left: 5%;
  width: 80%;
}
.header2 .top-header {
  display: none;
  background: #ffffff;
  border-bottom: 1px solid #b8b9b8;
  position: relative;
  height: 85px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px) {
  .header2 .top-header .logo {
    display: block;
  }
}
.header2 .nav-icon {
  display: inline-block;
  width: auto;
  height: auto;
  float: left;
}
.header2 .search-wrapper {
  display: inline-block;
  position: relative;
  width: auto !important;
  height: auto !important;
}
.header2 .search-wrapper .search-btn .fa-times-circle {
  display: none;
}
.header2 .searchbox-wrapper {
  display: none;
  position: absolute;
  top: -8px;
  width: 745px;
  right: 25px;
}
.header2 .searchbox-wrapper .fa {
  position: absolute;
  left: 10px;
  top: 10px;
}
.header2 .search-box {
  text-indent: 25px;
}
.header2 .logo-wrapper {
  padding: 40px 0;
}
.header2 .logo {
  display: block;
  margin: 0 auto;
  width: 280px;
}
.header2 .header-left .logo-wrapper .header2-hamburger-icon {
  display: none;
}
.header2 .header-right .nav-wrapper .nav-list .nav-item:last-child,
.header2 .header-right .nav-wrapper .nav-list .nav-item:nth-last-child(2) {
  display: none;
}
.header2 .nav-wrapper {
  width: 95%;
  margin: 0 auto;
}
.header2 .nav-wrapper .nav-list {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  width: 100%;
  text-align: center;
  float: none;
  margin: 0 auto;
  clear: both;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.header2 .nav-item {
  height: 60px;
  padding: 18px 30px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.header2 .nav-anchor {
  height: 30px;
  font-size: 16px;
  line-height: 16px;
  color: #006d9e;
  display: inline-block;
  position: relative;
}
.header2 .sticky {
  background: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
}
.header2 .sticky .logo-wrapper {
  padding: 0;
}
.header2 .sticky .nav-wrapper .nav-list {
  padding: 8px 0;
  border: 1px solid transparent;
}
.header2 .sticky .nav-item {
  padding: 18px 20px;
}
.header2 .sticky .nav-item .dropdown-wrapper {
  width: 150px;
}
.header2 .sticky .nav-anchor {
  height: 24px;
  font-size: 16px;
}
.header2 .sticky .header-left .logo-wrapper .header2-hamburger-icon {
  display: inline;
}
.header2 .sticky .header-right .nav-wrapper .nav-list .nav-item:last-child,
.header2 .sticky .header-right .nav-wrapper .nav-list .nav-item:nth-last-child(2) {
  display: inline-block;
}
.header2 .logo-nav-group.sticky {
  border-bottom: 1px solid #b8b9b8;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  z-index: 5000;
}
.header2 .width-auto {
  width: auto;
}
.header2 i.fa {
  color: #006d9e;
}
.header2 .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  background-color: #f1f1f1;
  overflow-x: hidden;
  padding-top: 60px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow-y: auto;
}
@media (max-width: 1024px) {
  .header2 .sidenav {
    padding-top: 80px;
  }
}
.header2 .sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.header2 .sidenav .close-nav {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
@media (max-width: 1024px) {
  .header2 .non-home-page-class .top-header {
    display: flex;
  }
  .header2 .logo-nav-group {
    display: none;
  }
  .header2 .nav-icon {
    width: auto;
  }
  .header2 .logo {
    width: 120px;
    margin-top: 7px;
  }
  .header2 .top-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
  }
  .header2 .top-header .small-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .header2 .searchbox-wrapper {
    width: 270px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.header3 .fasearchicon {
  color: #727a88 !important;
  width: 52px;
  top: -2px;
  font-size: 20px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.header3 .buttonSearch-hide {
  display: none;
}
.header3 .sticky-container {
  z-index: 9999;
  position: relative;
}
.header3 .stickyNav {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 999;
}
.header3 .firstmenuwelcome {
  position: relative;
}
.header3 .firstmenuwelcome .newtag {
  position: absolute;
  right: 0;
  background-color: #3ee0ff;
  border-radius: 30px;
  padding: 2px 5px;
  font-size: 12px !important;
  top: -8px;
  text-transform: uppercase;
  height: 17px;
}
.header3 #megamenu {
  background-color: #121111;
}
.header3 #mega-menu {
  width: 100%;
  padding: 0.7rem 0.5em;
}
.header3 #mega-menu .back-to-top {
  display: none;
}
.header3 .top-bar-title {
  padding: 0px;
  margin: 0px;
}
.header3 .top-bar-title .title-bar {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (min-width: 640px) {
  .header3 .top-bar-title .title-bar {
    display: none;
  }
}
.header3 .top-bar-title .menu-icon {
  width: 50px;
  height: 60px;
  margin: 0;
  outline: none;
}
.header3 .top-bar-title .menu-icon:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.header3 .top-bar-title .menu-icon::after {
  background: #002c77;
  content: '';
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 24px;
  height: 2px;
  -webkit-box-shadow: 0 7px 0 #002c77, 0 14px 0 #002c77;
  -moz-box-shadow: 0 7px 0 #002c77, 0 14px 0 #002c77;
  box-shadow: 0 7px 0 #002c77, 0 14px 0 #002c77;
}
.header3 .top-bar {
  padding: 0 !important;
  background: #ffffff;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 639px) {
  .header3 .top-bar {
    display: none;
  }
}
.header3 .top-bar > a {
  color: #006d9e;
  font-size: 16px;
}
.header3 .top-bar .nav__item > .dropdown {
  position: relative;
}
.header3 .top-bar .nav__item:hover .dropdown.main-nav[data-children]:after {
  margin-left: -5px;
  border: inset 6px;
  border-width: 8px 5px 5px 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #627798 transparent transparent transparent;
  position: absolute;
  top: 51px;
  left: 50%;
  z-index: 999;
  border-style: solid;
}
.header3 .top-bar .nav__item:hover .dropdown.main-nav[data-children='']:after {
  display: none;
}
.header3 .top-bar #mega-menu {
  background: #ffffff;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.header3 .top-bar .dropdown-pane {
  width: 100% !important;
  max-width: 100%;
  margin: 0 auto !important;
  left: 0% !important;
  right: 0% !important;
  border: 0;
  top: 62px !important;
  z-index: 550;
  background-color: #f6f7f6;
  padding: 0;
}
.header3 .top-bar .dropdown-pane ul {
  background-color: transparent;
  list-style-type: none;
  margin-bottom: 15px;
}
.header3 .top-bar .dropdown-pane ul a:hover {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_desc {
  padding: 15px 10px;
  background: #ffffff;
  color: #001538;
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #ccc;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_desc .navbar__subnav_heading {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  margin: 0 0 5px 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_desc p {
  color: #001538;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_desc a {
  padding: 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav {
  padding: 20px 0 40px 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_subheading {
  color: #4e6287;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 0.5rem 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_image {
  width: 85%;
  height: 120px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 42px;
}
.header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li a {
  color: #4e6287;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 18px;
  background: 0;
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
  width: 100%;
}
.header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li a:hover,
.header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li a:active,
.header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li a:focus {
  color: #0065ac;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_text {
  color: #4e6287;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_anchor {
  padding: 0;
}
.header3 .top-bar .dropdown-pane .navbar__subnav_anchor:hover .navbar__subnav_subheading,
.header3 .top-bar .dropdown-pane .navbar__subnav_anchor:hover .navbar__subnav_text {
  color: #0065ac;
}
.header3 .top-bar .menu-text {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: auto;
  padding: 0px !important;
}
.header3 .top-bar .menu-text .navbar__logo > a {
  padding: 0;
  display: inline-block;
}
@media only screen and (max-width: 639px) {
  .header3 .top-bar .menu-text .navbar__logo > a {
    display: none;
  }
}
@media (max-width: 639px) {
  .header3 .top-bar .dropdown .nav__item span.dropdown.main-nav {
    color: #001538;
    /*color: @white-color;*/
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 23px;
    line-height: 26px;
    padding: 17px 10px;
  }
}
.header3 .dropdown.menu > li {
  padding: 0px !important;
}
.header3 .dropdown.menu > li > a,
.header3 .dropdown.menu > li > span {
  color: #4e6287 !important;
  font-size: 16px;
  line-height: 16px !important;
}
.header3 .dropdown.menu > li > a:hover,
.header3 .dropdown.menu > li > span:hover {
  color: #0065ac;
}
.header3 .dropdown.menu > li > a.hover,
.header3 .dropdown.menu > li > span.hover {
  color: #0065ac;
  font-family: "NotoSansBold", Arial, sans-serif;
}
.header3 li.nav__item.parent-nav-item.active {
  color: #0065ac;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.header3 li.nav__item.parent-nav-item.active > a {
  color: inherit;
  background-color: transparent;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.header3 li.nav__item.parent-nav-item.active > a:before {
  color: #0065ac;
  margin-left: -5px;
  border: inset 6px;
  border-width: 5px 5px 8px 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #0065ac transparent;
  position: absolute;
  top: 37px;
  left: 50%;
  z-index: 10;
  border-style: solid;
}
.header3 .button {
  background: #002c77;
  color: #ffffff;
  cursor: pointer;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 30px;
  text-align: center;
  display: inline-block;
  margin-bottom: 0;
  -webkit-transition: background-color 300ms ease-out;
  -moz-transition: background-color 300ms ease-out;
  -ms-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}
.header3 .button:hover {
  background: #0065ac;
}
.header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown {
  padding: 65px 25px 0 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  left: 81%;
  top: -54px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  min-height: 242px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown .subdropdown_title {
  margin-bottom: 8px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 1;
}
.header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown p {
  color: #ffffff;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 8px;
}
.header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown a {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 13px;
  line-height: 1;
}
.header3 .show-page-info .menu.vertical.nested_verticle_menu > li:first-child .sub-verticle-dropdown {
  display: block;
  z-index: 1;
}
.header3 .show-page-info .nested_verticle_menu .is-dropdown-submenu-parent {
  position: static !important;
}
.header3 .show-page-info .nested_verticle_menu .is-dropdown-submenu-parent:first-child > a:after,
.header3 .show-page-info .nested_verticle_menu .is-dropdown-submenu-parent.is-active > a:after {
  border: inset 9px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #f6f7f6;
  position: absolute;
  top: 0;
  left: 87%;
  z-index: 10;
  border-style: solid;
  z-index: 5;
}
.header3 .show-page-info .dropdown-pane .navbar__subnav .nested_verticle_menu li a {
  position: relative;
  display: block;
}
.header3 .sub-links-opener {
  height: 2px;
}
.header3 .search-wrapper {
  display: inline-block;
  position: relative;
  width: auto !important;
  height: auto !important;
}
.header3 .search-wrapper .search-btn .fa-times-circle {
  display: none;
  color: #000000;
}
.header3 .searchbox-wrapper {
  display: none;
  position: absolute;
  top: -8px;
  width: 745px;
  right: 25px;
}
.header3 .searchbox-wrapper .fa {
  position: absolute;
  left: 10px;
  top: 6px !important;
  color: #006d9e;
  font-size: 18px;
}
.header3 .search-box {
  text-indent: 25px;
  max-width: 100%;
  height: 32px;
  padding: 8px;
}
.header3 .search-btn {
  color: #006d9e;
  padding: 0px 10px 0px 10px;
  cursor: pointer;
}
.header3 .search-btn:hover {
  color: #00a8c8;
}
.header3 .show-for-medium {
  display: none ;
}
.header3 .show-for-small {
  display: none;
}
.header3.menuOpen .top-bar {
  display: block;
  z-index: 999;
  position: relative;
}
.header3.menuOpen .menu-icon {
  background: #009de0;
}
.header3.menuOpen .menu-icon::after {
  background: #ffffff;
  -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
  -moz-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
.stickyNav .header3 #mega-menu {
  padding: 0;
}
.stickyNav .header3 #mega-menu .back-to-top {
  display: block;
}
.stickyNav .header3 li.nav__item.parent-nav-item.active > a:before {
  top: 31px;
}
.stickyNav .header3 .navbar__bottomtoTop-anchor {
  width: 60px;
  height: 49px;
  background-color: #002c77;
  display: block;
  position: relative;
}
.stickyNav .header3 .navbar__bottomtoTop-anchor:after {
  border: inset 6px;
  border-width: 5px 5px 10px 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 90;
  border-style: solid;
  margin: -10px 0 0 -5px;
}
.stickyNav .header3 .top-bar .navbar__logo {
  margin-left: 0.5em;
}
.stickyNav .header3 .top-bar .dropdown-pane {
  top: 50px !important;
}
.stickyNav .header3 .top-bar .nav__item:hover .dropdown.main-nav[data-children]:after {
  top: 45px;
}
.search-global-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .header3 .firstmenuwelcome .newtag {
    padding: 2px 3px !important;
    right: 2px;
    top: -5px;
  }
  .header3 .searchbox-wrapper {
    width: 400px;
  }
  .header3 .search-global-mobile {
    display: none !important;
  }
  .header3 .search-global-desktop {
    display: block !important;
  }
  .header3 li.nav__item.parent-nav-item.active {
    color: #fbae17;
  }
  .header3 li.nav__item.parent-nav-item.active > span.show-for-medium {
    color: inherit;
    background-color: transparent;
  }
  .header3 li.nav__item.parent-nav-item.active > span.show-for-medium:before,
  .header3 li.nav__item.parent-nav-item.active span.show-for-medium:before {
    color: #fbae17;
    margin-left: -5px;
    border: inset 6px;
    border-width: 5px 5px 8px 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #fbae17 transparent;
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 10;
    border-style: solid;
    margin-top: 12px;
  }
  .header3 .show-page-info .menu.vertical.nested_verticle_menu > li:first-child .sub-verticle-dropdown {
    display: none;
  }
  .header3 .show-page-info .dropdown.menu.vertical > li .sub-verticle-dropdown {
    display: none;
  }
  .header3 .show-page-info .nested_verticle_menu .is-dropdown-submenu-parent:first-child > a:after,
  .header3 .show-page-info .nested_verticle_menu .is-dropdown-submenu-parent.is-active > a:after {
    display: none;
  }
  .header3 .show-page-info.extra-space {
    display: none;
  }
  .header3 .dropdown.menu.vertical > li.opens-right > a::after {
    display: none;
  }
  .header3 .top-bar .dropdown-pane {
    top: 65px !important;
  }
  .header3 .top-bar .dropdown-pane ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .header3 .dropdown.menu > li > a {
    padding: .7rem 0.3rem;
  }
  .header3 .dropdown.menu span {
    padding: .7rem 0.5rem;
  }
  .stickyNav .header3 #mega-menu .back-to-top {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .header3 .fasearchicon {
    width: 35px;
  }
  .header3 .top-bar .nav__item a.dropdown.main-nav[data-children] {
    display: none;
  }
  .header3 .show-for-medium[data-children] {
    display: block !important;
  }
  .header3 .show-for-medium {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .header3 {
    /* .cartWrapper img{
            margin-left: 10px;
        }*/
  }
  .header3 .fasearchicon {
    width: 20px;
    font-size: 20px;
    text-align: center;
    position: relative;
    top: 3px;
  }
  .header3 .firstmenuwelcome .newtag {
    right: auto;
    top: 1px;
    left: 80px;
  }
  .header3 .navbar__logo {
    width: 90%;
  }
  .header3 .user-icon-section .userWrapper img {
    margin-left: 10px;
  }
  .header3 .search-global-desktop {
    display: none !important;
  }
  .header3 .show-for-medium {
    display: none !important;
  }
  .header3 .show-for-medium[data-children] {
    display: none !important;
  }
  .header3 .search-wrapper-mobile {
    display: block;
    position: relative;
    width: 100%;
  }
  .header3 .search-global-mobile {
    display: block;
  }
  .header3 .stickyNav {
    overflow-y: scroll;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav_desc {
    padding: 0px;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav_desc .navbar__subnav_heading {
    font-size: 15px;
    letter-spacing: normal;
    color: #00a8c8;
    text-transform: none !important;
    padding: 7px 10px;
    border-top: 1px solid #ccc;
    background: #f6f7f6;
    margin-bottom: 0px;
  }
  .header3 .submenumenumobile {
    display: none;
    padding: 5px 8px;
    border-top: 1px solid #ccc;
    color: #333333 !important;
  }
  .header3 .search-global-mobile {
    width: 100%;
    display: block !important;
  }
  .header3 .search-global-mobile .search-wrapper-mobile input {
    padding: 0px 24px 0px 0px;
    margin: 0;
    max-width: 100%;
    border: 0px solid;
    text-indent: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .header3 .search-btn-mobile {
    height: 37px;
  }
  .header3 .search-btn-mobile .fa.fa-search {
    position: absolute;
    right: 9px;
    top: 25%;
    color: #006d9e;
  }
  .header3 .navbar__subnav_subheading.show-above-small-devices {
    display: none;
  }
  .header3 .searchbox-wrapper {
    width: 360px;
  }
}
@media (max-width: 639px) {
  .stickyNav .header3 .top-bar .dropdown-pane {
    top: 0 !important;
  }
  .header3 .top-bar {
    background: #f4f4f4;
  }
  .header3 .top-bar .dropdown-pane {
    position: relative;
    top: 0 !important;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav {
    padding: 0;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_subheading {
    background: #f4f4f4;
    color: #0065ac;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 10px;
    border-top: 1px solid #e3e3e3;
    margin-bottom: 0;
    position: relative;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_subheading:after {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #009de0;
    border-left-style: solid;
    margin-right: 10px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
    border-width: 5px 5px 5px 8px;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .navbar__subnav_subheading.open:after {
    border-color: #009de0 transparent transparent transparent;
    border-style: solid;
    margin-right: .9375rem;
    border-width: 8px 5px 5px 5px;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu {
    display: none;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li {
    border-top: 1px solid #e3e3e3;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .nested_verticle_menu li a {
    color: #4e6287;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    font-size: 16px;
    line-height: 21px;
    padding: 12px 10px;
    display: block;
  }
  .header3 .top-bar .dropdown-pane .navbar__subnav .cell {
    padding-right: 0;
    padding-left: 0;
  }
  .header3 .top-bar .dropdown-pane ul {
    margin-bottom: 0;
  }
  .header3 .top-bar .nav__item .dropdown.main-nav:not([data-children]):after,
  .header3 .top-bar .nav__item .dropdown.main-nav:not([data-children]):before {
    display: none;
  }
  .header3 .top-bar .nav__item:hover .dropdown.main-nav[data-children]:after {
    display: none;
  }
  .header3 .top-bar .dropdown .nav__item {
    border-top: 1px solid #e3e3e3;
    position: relative;
    width: 100%;
  }
  .header3 .top-bar .dropdown .nav__item > p {
    color: #002c77;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
    font-size: 13px;
    line-height: 1;
    padding: 17px 10px;
  }
  .header3 .top-bar .dropdown .nav__item > a {
    position: relative;
  }
  .header3 .top-bar .dropdown .nav__item span.is-closed-menu::before {
    content: '+';
    color: #627798;
    right: 10px;
    font-size: 30px;
    position: absolute;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
  }
  .header3 .top-bar .dropdown .nav__item span.is-open::before {
    content: '-';
    color: #627798;
    right: 10px;
    font-size: 44px;
    position: absolute;
    font-family: "MMCDisplayRegular", Times New Roman, serif;
  }
  .header3 .topbar-responsive-logo {
    display: none;
  }
  .header3 .title-bar {
    height: 60px;
    background: #000000;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .header3 #mega-menu {
    padding: 0;
  }
  .header3 .top-bar-title {
    margin: 0;
  }
  .header3 .top-bar-title .title-bar-title {
    margin: 0;
  }
  .header3 .top-bar-title .title-bar {
    padding: .5rem 0 .5rem 16px;
    background: #ffffff;
    color: #006d9e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .header3 .sub-links-opener {
    display: none;
  }
}
@media (min-width: 639px) {
  .header3 .show-above-small-devices {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .header3 .show-for-small {
    display: block;
  }
  .header3 .cartWrapper img {
    margin-left: 0px;
  }
  .header3 .search-global-desktop {
    display: none;
  }
  .header3 .search-global-mobile {
    display: block;
  }
}
.header3 .navbar__subnav_subheading.sub-link-opener.show-for-small + .sub-links-opener + .navbar__subnav_image {
  margin-top: 0;
}
@media (max-width: 639px) {
  .header3 .top-bar .dropdown .nav__item > a.dropdown.main-nav {
    color: #001538;
    font-family: "MMCDisplayBold", Times New Roman, serif;
    font-size: 23px;
    line-height: 26px;
    padding: 17px 10px;
  }
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/headers/header4/clientlib/less/header-4.less
Error: NameError: variable @sub-font-bold is undefined in /apps/mercer-au-publicsite/components/headers/header4/clientlib/less/variation-1.less on line 748, column 23:
747           font-size:16px !important;
748           font-family:@sub-font-bold;
749         }


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";
@import "variation-1.less";

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/mercer-au-publicsite/components/headers/header5/clientlib/less/header-3.less
Error: NameError: variable @base-font-bold is undefined in /apps/mercer-au-publicsite/components/headers/header5/clientlib/less/variation-1.less on line 273, column 22:
272 		color: @base-color600;
273         font-family: @base-font-bold;
274 		&>a {


(uncompiled LESS src is included below)
*****************************************************/
@import (once) "/apps/mercer-au-publicsite/clientlibs/clientlib-mercer-sites-global/less/app.less";
@import "variation-1.less";

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.sectionBlock .section-card-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.sectionBlock .blockStyle {
  background: #ffffff;
  border-left: 1px solid #ccc;
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
}
.sectionBlock .blockStyle:hover {
  background: rgba(0, 56, 101, 0.1);
}
.sectionBlock .blockStyle .blockContent {
  padding: 20px;
  overflow: hidden;
}
.sectionBlock .blockStyle .content-title {
  color: #001538;
}
.sectionBlock .blockStyle .kickerTitle {
  color: #0065ac;
  font-family: "NotoSans", Arial, sans-serif !important;
  font-size: 16px;
  line-height: 24px;
  display: block;
  max-width: 435px !important;
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sectionBlock .blockStyle .description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.sectionBlock .blockStyle .article_date {
  color: #4E6287;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
}
.sectionBlock .blockBig {
  width: 100%;
  height: 439px;
}
.sectionBlock .blockBig .section-card-image {
  width: 100%;
  height: 300px;
}
.sectionBlock .blockBig .section-card-title {
  color: #002c77;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  /*font-size: 26px;
    line-height: 29px;*/
  font-size: 23px;
  line-height: 30px;
  font-family: "NotoSans", Arial, sans-serif !important;
  padding: 0px 20px 0px 0px;
  margin-bottom: 10px;
}
.sectionBlock .blockSmall {
  padding: 20px;
  height: 140px;
}
.sectionBlock .blockSmall h3 {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.sectionBlock.one .card-image-wrap {
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sectionBlock.one .blockContent .section-card-title {
  color: #000000;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  max-height: 45px;
  overflow: hidden;
}
.sectionBlock.one .blockContent .description {
  color: #000000;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 1.6;
  max-height: 100px;
  overflow: hidden;
}
.sectionBlock.one .card-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .sectionBlock.one .card-wrap {
    height: 200px;
  }
}
.sectionBlock.one .card-wrap .blockContent {
  padding: 37px;
}
.sectionBlock.one .card-wrap .blockContent .button {
  background: #006d9e;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  padding: 8px 30px 7px 30px;
}
@media only screen and (max-width: 767px) {
  .sectionBlock.one .card-wrap .blockContent .button {
    display: block;
  }
}
.sectionBlock.three .blockStyle {
  border-left: none;
}
.sectionBlock.three .blockMedium .section-card-image {
  height: 175px;
  width: 100%;
  display: block;
}
.sectionBlock.three .blockMedium .section-card-title {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
.sectionBlock.four.variation1 .blockStyle .description {
  max-height: 200px;
  overflow: hidden;
}
.sectionBlock.four.variation1 .blockStyle.blockMedium {
  height: 270px;
}
.sectionBlock.four.variation1 .blockStyle.displayTxtFlex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sectionBlock.four.variation1 .blockStyle.border0 {
  border: none;
}
.sectionBlock.four.variation1 .blockSmall h3 {
  overflow: hidden;
  max-height: 80px;
}
.sectionBlock.four.variation1 .blockMedium .section-card-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
  padding: 0px 20px 0px 0px;
}
.sectionBlock.four.variation2 .blockBig .section-card-title {
  max-height: 70px;
  overflow: hidden;
}
.sectionBlock.five .blockBig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 40px;
}
.sectionBlock.five .blockBig .section-card-title2 {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 24px;
  max-height: 52px;
  margin: 0;
  overflow: hidden;
}
.sectionBlock.five .blockBig .pullQuotes,
.sectionBlock.five .blockBig .blockQuotes {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
  display: block;
  width: 100%;
  padding: 40px 20px 20px;
}
.sectionBlock.five .blockBig .blockQuotes {
  overflow-wrap: break-word;
  word-wrap: break-word;
  height: 300px;
  overflow: hidden;
  margin-bottom: 10px;
}
.sectionBlock.five .blockBig .blockQuotes:before {
  content: "\201C";
  font-size: 40px;
  line-height: 0;
  display: block;
}
.sectionBlock.five .blockBig .blockQuotes:after {
  content: "\201D";
  font-size: 40px;
  line-height: 40px;
  display: block;
}
.sectionBlock.five .blockBig.quote-block .blockContent {
  padding: 10px 20px 20px;
  width: 100%;
}
.sectionBlock.five .blockBig.quote-block .blockContent .kickerTitle {
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .sectionBlock.five.variation1 .blockBig,
  .sectionBlock.five.variation3 .blockBig,
  .sectionBlock.five.variation6 .blockBig {
    height: auto;
  }
}
.sectionBlock.five.variation3 .blockBig .section-card-image {
  height: 175px;
}
.sectionBlock.five.variation3 .blockBig .section-card-title {
  font-size: 18px;
  line-height: 24px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.sectionBlock.five.variation3 .blockBig .kickerTitle {
  padding: 5px 0px;
}
.sectionBlock.five.variation4 .blockMedium {
  width: 100%;
  height: 295px;
}
.sectionBlock.five.variation4 .blockMedium .section-card-image {
  height: 175px;
  width: 100%;
  display: block;
}
.sectionBlock.five.variation4 .blockMedium .kickerTitle {
  padding: 5px 0px;
  margin-bottom: 0;
}
.sectionBlock.five.variation4 .blockMedium .section-card-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 20px;
  padding: 0px 20px 0px 0px;
}
.sectionBlock.five.variation5 .blockSmall.padding0 {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .sectionBlock.five.variation5 .blockStyle.blockSmall.blockSmallImage {
    height: 175px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .sectionBlock.five.variation5 .blockStyle.blockSmall.blockSmallImage {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .sectionBlock.seven.variation1 .blockBig {
    height: auto;
  }
}
.sectionBlock.seven.variation1 .blockBig .section-card-image {
  height: 175px;
}
.sectionBlock.seven.variation1 .blockBig .section-card-title {
  font-size: 18px;
}
.sectionBlock.seven.variation2 .blockMedium {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .sectionBlock.seven.variation2 .blockMedium {
    height: 295px;
  }
}
@media screen and (max-width: 992px) {
  .sectionBlock.seven.variation2 .blockMedium {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  .sectionBlock.seven.variation2 .blockMedium.blockImg {
    height: 175px;
  }
}
.sectionBlock.seven.variation2 .blockMedium .section-card-image {
  width: 100%;
  height: 100%;
}
.sectionBlock.seven.variation2 .blockMedium .section-card-title {
  font-size: 24px;
  line-height: 28px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  color: #000000;
}
.yellow-theme .sectionBlock .blockStyle {
  border-color: #009de0;
}
.yellow-theme .sectionBlock.three .callout {
  border: none;
  border-left: 1px solid #009de0;
}
.yellow-theme .quote-block {
  background: #009de0;
}
.yellow-theme-2 .sectionBlock .blockStyle {
  border-color: #fbae16;
}
.yellow-theme-2 .sectionBlock .blockStyle .kickerTitle {
  color: #fbae16;
}
.yellow-theme-2 .sectionBlock .blockStyle.blockBig {
  background-color: #fbae16;
}
.yellow-theme-2 .sectionBlock .blockStyle.blockBig .kickerTitle {
  color: #ffffff;
}
.yellow-theme-2 .sectionBlock.three .callout {
  border: none;
  border-left: 1px solid #fbae16;
}
.yellow-theme-2 .quote-block {
  background: #fbae16;
}
.yellow-blue-theme .sectionBlock.seven.variation3 .blockStyle:hover {
  background-color: #ffffff;
  opacity: 0.9;
}
.yellow-blue-theme .sectionBlock .blockStyle {
  border-color: #ccc;
}
.yellow-blue-theme .sectionBlock.three .callout {
  border: none;
  border-left: 1px solid #ccc;
}
.yellow-blue-theme .quote-block {
  background: #fbae16;
}
.blue-theme .quote-block {
  background-color: #009de0;
  border: 0;
  background-image: -webkit-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -moz-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -ms-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -o-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: linear-gradient(45deg, #009de0 0, #8246af 100%);
}
.blue-theme .quote-block:hover {
  background-color: #009de0;
  background-image: -webkit-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -moz-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -ms-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: -o-linear-gradient(45deg, #009de0 0, #8246af 100%);
  background-image: linear-gradient(45deg, #009de0 0, #8246af 100%);
}
.blue-theme .quote-block .article_date {
  Color: #ffffff;
}
.blue-theme .sectionBlock .blockStyle {
  border-color: #8246af;
}
.blue-theme .sectionBlock .blockStyle .kickerTitle {
  color: #643c99;
}
.blue-theme .sectionBlock.three .callout {
  border: none;
  border-left: 1px solid #8246af;
}
.rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 992px) {
  .rowReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.sectionBlock-content-accordion {
  padding: 25px 0;
  background: #f4f4f4;
  border-left: 5px solid #ccc;
}
@media only screen and (min-width: 1024px) {
  .sectionBlock-content-accordion {
    padding: 40px 0;
  }
}
.sectionBlock-content-accordion:nth-child(odd) {
  background: #f4f4f4;
}
.sectionBlock-content-accordion .sideContent-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.sectionBlock-content-accordion .sideContent-text .accordion-tag {
  margin-top: auto;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .sectionBlock-content-accordion .sideContent-text .accordion-tag {
    padding: 15px 0;
  }
}
.sectionBlock-content-accordion .sideContent-text .accordion-tag .tag-heading {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.sectionBlock-content-accordion .sideContent-text .heading-text-link {
  color: #627798;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 20px;
  line-height: 26px;
}
.sectionBlock-content-accordion .sideContent-text .heading-text-link:hover {
  color: #0065ac;
}
.sectionBlock-content-accordion .sideContent-text .content-description {
  font-family: "NotoSans", Arial, sans-serif !important;
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}
.sectionBlock-content-accordion .sideContent-text .heading-text-link,
.sectionBlock-content-accordion .sideContent-text .content-description {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.sectionBlock-content-accordion .accordion-tag .accordion-tagList {
  margin-bottom: 0;
}
.sectionBlock-content-accordion .accordion-tag .accordion-tagList li {
  display: inline-block;
}
.sectionBlock-content-accordion .accordion-tag .accordion-tagList li a {
  margin: 0 3px 3px 0;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fbae16;
  border: 1px solid #fbae16;
  text-align: center;
  display: inline-block;
  -webkit-transition: color 300ms ease-out;
  -moz-transition: color 300ms ease-out;
  -ms-transition: color 300ms ease-out;
  -o-transition: color 300ms ease-out;
  transition: color 300ms ease-out;
}
.sectionBlock-content-accordion .accordion-tag .accordion-tagList li a:hover {
  color: #ffffff;
  background: #fbae16;
}
@media only screen and (max-width: 991px) {
  .sectionBlock-content-accordion .accordion_link {
    padding: 20px 0 0;
  }
}
.sectionBlock-content-accordion .accordion_link .sectionBlock_hide {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 21px;
}
.sectionBlock-content-accordion .accordion_link .sectionBlock_hide:hover,
.sectionBlock-content-accordion .accordion_link .sectionBlock_hide:focus {
  color: #0065ac;
}
.sectionBlock-content-accordion .accordion_link .sectionBlock_hide:after {
  content: "\f139";
  font-family: "FontAwesome";
  margin-left: 5px;
  display: inline-block;
  font-size: 18px;
  vertical-align: text-bottom;
}
.sectionBlock-content-accordion.content-hide .content-block {
  display: none;
}
.sectionBlock-content-accordion.content-hide .sideContent-text .accordion-tag {
  display: none;
}
.sectionBlock-content-accordion.content-hide .accordion_link .sectionBlock_hide:after {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sectionBlock-content-accordion.yellow-theme,
.sectionBlock-content-accordion.yellow-theme-2 {
  border-color: #009de0;
}
.sectionBlock-content-accordion.blue-theme {
  border-color: #8246af;
}
.sectionBlock-content-accordion.yellow-blue-theme {
  border-color: #009de0;
  background: #001f52 !important;
}
.sectionBlock-content-accordion.yellow-blue-theme .sideContent-text {
  color: #ffffff;
}
.sectionBlock-content-accordion.yellow-blue-theme .sideContent-text .heading-text-link {
  color: #ffffff;
}
.sectionBlock-content-accordion.yellow-blue-theme .accordion_link .sectionBlock_hide {
  color: #ffffff;
}
.sectionBlock-content-accordion.yellow-blue-theme .accordion_link .sectionBlock_hide:hover,
.sectionBlock-content-accordion.yellow-blue-theme .accordion_link .sectionBlock_hide:focus {
  color: #009de0;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.contentBlock12.contentBlock12target {
  padding: 0px 15px;
}
.contentBlock12.contentBlock12target .content-wrapper {
  padding: 30px .9375rem 30px !important;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter {
  text-align: center;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .tiles-kickertitle {
  font-size: 31px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .data-description {
  margin: 0 auto;
  width: 74%;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data.tilesaligncenter .divider-line {
  text-align: center;
  width: 65%;
  margin: 0 auto;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data {
  padding-bottom: 20px;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
  width: 62%;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
  width: 50%;
  border: 0.5px solid !important;
}
.contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
  font-size: 88px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 90px;
}
@media (max-width: 1024px) {
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
    width: 90% !important;
  }
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
    width: 85% !important;
  }
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .contentBlock12.contentBlock12target .content-wrapper {
    padding: 10px 0px !important;
  }
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .divider-line {
    width: 80% !important;
  }
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data span {
    font-size: 88px;
  }
  .contentBlock12.contentBlock12target .content-wrapper .contentBlock-tiles .tiles-list .tiles-data .data-description {
    width: 70% !important;
  }
}

.tag-list {
  margin-bottom: 0;
}
.tag-list li {
  display: inline-block;
}
.tag-list .tag {
  margin: 0 3px 3px 0;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  transition: color 300ms ease-out;
}
.tag-list .tag.tag--yellow {
  color: #2C6EF2;
  border: 1px solid #2C6EF2;
}
.tag-list .tag.tag--yellow:hover {
  color: #fff;
  background: #2C6EF2;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.iconTiles {
  padding: 20px 0;
}
.iconTiles .content-icon-tiles {
  padding: 12px;
  text-align: center;
  position: relative;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.iconTiles .content-icon-tiles .iconTiles-image-area .title {
  color: #002c77;
  float: none;
  font-size: 16px;
  padding-top: 20px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
}
.iconTiles .content-icon-tiles .iconTiles-image-area:hover {
  color: #00a8c8;
}
.iconTiles .content-icon-tiles .iconTiles-image-area img {
  width: 70px;
  height: 70px;
}
.iconTiles .content-icon-tiles.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 100%;
}
.iconTiles .content-icon-tiles.animate:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.iconTiles .content-icon-tiles.animate .iconTiles-image-area .title {
  font-size: 15px;
}
.iconTiles .content-icon-tiles.animate .iconTiles-image-area:hover {
  text-decoration: none;
}
.iconTiles .content-icon-tiles.animate .iconTiles-image-area img {
  width: 70px;
  height: 70px;
}
.iconTiles-image-area a {
  color: #000000;
}
/*CSS by Palavi starts here*/
@media only screen and (max-width: 767px) {
  .iconTiles .content-icon-tiles {
    margin-bottom: 25px;
  }
}
/*ends here*/

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.iconTiles2 .iconTilesWrapper {
  padding: 50px 0;
  background-color: #0065ac;
}
.iconTiles2 .iconTilesWrapper .tile-container {
  padding: 36px 5%;
}
@media only screen and (min-width: 768px) {
  .iconTiles2 .iconTilesWrapper .tile-container {
    padding: 0 10%;
  }
}
.iconTiles2 .iconTilesWrapper .tile-container .tile2-main-title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
  margin-bottom: 20px;
}
.iconTiles2 .iconTilesWrapper .tile-container .tile2-main-description {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
}
.iconTiles2 .iconTilesWrapper .tile-container .tile2-main-description p {
  color: inherit;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap {
  text-align: center;
  display: block;
  padding: 30px 0;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap img {
  height: 78px;
  margin-bottom: 18px;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap .icontile-title {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  line-height: 26px;
  padding: 0 34px 0 34px;
  min-height: 48px;
  letter-spacing: normal;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap .icontile-description {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-size: 16px;
  line-height: 24px;
  padding: 24px 10px 35px 10px;
  letter-spacing: normal;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap .icontile-description p {
  color: inherit;
}
.iconTiles2 .iconTilesWrapper .tile-container .icontilewrap.largeIcon img {
  height: auto;
  margin-bottom: 18px;
}
.iconTiles2 .iconTilesWrapper .tile-container footer {
  color: #001538;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: normal;
}
.iconTiles2 .iconTilesWrapper .tile-container footer p {
  color: inherit;
}
.iconTiles2.var2 .iconTilesWrapper {
  padding: 0;
  background-color: transparent;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container {
  padding: 0 0%;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap {
  padding: 0;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap img {
  height: auto;
  margin-bottom: 0;
  border: 1px solid #979797;
  min-width: 100%;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap .icontile-title {
  font-family: "MMCDisplayBold", Times New Roman, serif;
  min-height: auto;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  padding: 15px 0;
  margin-top: 10px;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap .icontile-description {
  padding: 0;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  color: #222;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 1rem;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap:hover .icontile-title,
.iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap:hover .icontile-description {
  color: #00a8c8;
  transition: color 300ms ease-out;
}
.iconTiles2.var2 .iconTilesWrapper .tile-container .tile2-main-title {
  font-size: 30px;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
  text-transform: inherit;
  margin-bottom: 30px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
@media screen and (max-width: 767px) {
  .iconTiles2.var2 .iconTilesWrapper .tile-container .icontilewrap {
    margin-bottom: 20px;
  }
}
.iconTiles2.variation3 .iconTilesWrapper {
  padding: 40px 0;
  background-color: #F8F8F8;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container {
  padding: 0 0%;
  justify-content: center;
  text-align: center;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap {
  padding: 0 20px;
  margin-bottom: 0;
  text-align: center;
  display: block;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap .icontile-title {
  padding: 12px 0 0 0;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: 28px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  text-transform: uppercase;
  min-height: auto;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap img {
  margin-bottom: 0;
  border-radius: 50%;
  height: 96px;
  width: 96px;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap .icontile-description {
  padding: 12px 0px 0px 0px;
  color: #222222;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 1rem;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap:hover .icontile-title,
.iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap:hover .icontile-description {
  color: #00a8c8;
  transition: color 300ms ease-out;
}
@media screen and (max-width: 992px) {
  .iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap {
    margin-bottom: 30px;
  }
  .iconTiles2.variation3 .iconTilesWrapper .tile-container .icontilewrap .icontile-title {
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .iconTiles2.variation3 .iconTilesWrapper {
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.icontiles4 {
  padding-top: 10px;
  margin-top: 0px;
  text-align: center;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .icontiles4 {
    padding-top: 50px;
  }
}
@media (max-width: 992px) {
  .icontiles4 {
    max-width: 100% !important;
    padding-top: 20px;
  }
}
.icontiles4 .light-text {
  font-weight: lighter !important;
}
.icontiles4 a {
  outline: 0;
}
.icontiles4 .bold-text {
  font-weight: bold !important;
}
.icontiles4 .align-title-center {
  display: block;
}
@media only screen and (max-width: 767px) {
  .icontiles4 .image-content-wrapper {
    width: 100%;
  }
}
.icontiles4 .image-content-wrapper h4 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #626262;
  padding-top: 15px;
  height: 70px;
  margin-bottom: 55px;
  display: table-cell;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.icontiles4 .show-title {
  display: block;
  font-size: 24px;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  line-height: 26px;
  text-align: center;
  padding-bottom: 0;
}
.icontiles4 .hide-title {
  display: none;
}
.icontiles4 .center-title-thumb {
  float: none;
  clear: both;
  text-align: center !important;
  display: block !important;
}
.icontiles4 h1 {
  color: #b0164e;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  padding-bottom: 0px;
  padding-top: 10px;
}
@media only screen and (min-width: 768px) {
  .icontiles4 h1 {
    padding-top: 0px;
  }
}
.icontiles4 .inner-image-wrapper {
  background-color: transparent !important;
  border: 2px solid #b3b1b1;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
  margin: 20px auto 15px;
  height: 90px;
  width: 90px;
}
@media only screen and (min-width: 768px) {
  .icontiles4 .inner-image-wrapper {
    height: 125px;
    width: 125px;
    margin: 40px auto 0px;
  }
}
.icontiles4 .inner-image-wrapper img {
  display: block !important;
  margin: 0 auto;
  vertical-align: -webkit-baseline-middle;
  position: relative;
  top: 20%;
  height: 50px;
  width: 50px;
}
@media only screen and (min-width: 768px) {
  .icontiles4 .inner-image-wrapper img {
    height: 70px;
    width: 70px;
  }
}
.icontiles4 h4 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #626262;
  padding-top: 15px;
  height: 70px;
  display: table-cell;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .icontiles4 h4 {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .icontiles4 h4 {
    margin-bottom: 55px;
  }
}
.icontiles4 .noanimation {
  animation-fill-mode: none !important;
  animation-name: none !important;
  transition: none !important;
}
.icontiles4 .noncircular-align-text,
.icontiles4 .center-title-cir {
  font-size: 18px !important;
  color: #595959;
  font-weight: 700;
  font-size: 22px;
  padding-top: 20px;
  padding: 15px 0px 5px;
}
.icontiles4 .noncircular-align-text {
  text-align: left;
}
.icontiles4 .center-title-cir {
  text-align: center;
}
.icontiles4.circular .circulartile-kicker {
  color: #5294be !important;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 16px !important;
  line-height: 1;
  margin: 10px auto;
}
.icontiles4.circular .circulartile-title {
  color: #5294be !important;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  font-style: italic;
  font-size: 16px !important;
  line-height: 1;
  margin: 5px auto;
}
.icontiles4.non-circular .inner-image-wrapper {
  border: 0px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.icontiles4.non-circular .inner-image-wrapper img {
  height: 90px !important;
  width: 90px !important;
}
@media only screen and (max-width: 767px) {
  .icontiles4.sevengrid-v1 .image-content-wrapper {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .icontiles4.sevengrid-v1 .image-content-wrapper {
    width: 19.27%;
  }
}
.icontiles4.sevengrid-v2.seven-grid-circular .image-content-wrapper,
.icontiles4.sevengrid-v2.seven-grid-non-circular .image-content-wrapper {
  width: 11em;
  display: inline-block;
  float: none;
}
.icontiles4.sevengrid-v2.seven-grid-non-circular .image-content-wrapper .inner-image-wrapper {
  border: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.icontilemodal-section {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 0px !important;
  max-width: 90% !important;
}
@media only screen and (max-width: 767px) {
  .icontilemodal-section {
    margin: 0 auto;
    margin-left: 15px;
    height: auto !important;
    position: relative !important;
    top: 100px !important;
    min-height: auto !important;
  }
}
@media only screen and (min-width: 768px) {
  .icontilemodal-section {
    max-width: 25% !important;
  }
}
@media (max-width: 992px) {
  .icontilemodal-section {
    max-width: 45% !important;
  }
}
.icontilemodal-section .modal-circular-img {
  padding: 0px 15px 5px 10px !important;
}
@media only screen and (max-width: 767px) {
  .icontilemodal-section .modal-circular-img {
    margin-top: 0px !important;
  }
}
.icontilemodal-section .modal-circular-img .inner-image-wrapper {
  height: 60px;
  width: 60px;
  float: right;
  margin: 0px;
}
.icontilemodal-section .modal-circular-img .inner-image-wrapper img {
  height: 30px;
  width: 30px;
}
.icontilemodal-section .row-modal-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  padding: 10px !important;
  min-height: 340px;
}
@media only screen and (min-width: 768px) {
  .icontilemodal-section .row-modal-description {
    min-height: 350px;
  }
}
.icontilemodal-section .row-modal-description p {
  font-size: 14px !important;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
}
.icontilemodal-section .iconmodalheader {
  background-color: #eee;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-bottom: 2px solid #ddd;
  padding: 15px 0px;
}
.icontilemodal-section .modal-title {
  color: #595959;
  font-weight: 700;
  font-size: 22px !important;
  padding: 15px 0px 5px;
}
.icontilemodal-section h6 {
  font-weight: bold;
}
.icontilemodal-section .modal-circular-desc-img {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 2px solid #b3b1b1;
  height: 90px;
  width: 90px;
  margin: 10px auto;
}
.icontilemodal-section .modal-circular-desc-img img {
  margin: 0px auto;
  display: block;
  height: 50px;
  width: 50px;
  top: 20px;
  position: relative;
}
.icontilemodal-section .modal-circular-desc-img h4 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .icontilemodal-section .close-reveal-modal {
    right: 0.375rem !important;
  }
}
.icontilemodal-section.revealmodalicontile {
  overflow: visible;
}
.icontilemodal-section.revealmodalicontile .close-reveal-modal {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: lighter;
  line-height: 0.9;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
  text-align: center;
  position: absolute;
  z-index: 999999;
  top: -2.6rem;
  right: -0.1rem;
}
@media only screen and (min-width: 768px) {
  .icontilemodal-section.revealmodalicontile .close-reveal-modal {
    right: -10px;
    top: -31px !important;
  }
}
@media only screen and (max-width: 767px) {
  .icontilemodal-section .icontiles4 .inner-image-wrapper {
    height: 50px;
    width: 50px;
    margin: 0;
  }
}
.title-modal {
  font-size: 25px !important;
}
.icontiles4.modalTitle {
  margin-top: 10px;
}
/*IE Animation fix*/
.animated {
  -ms-animation-duration: 1s;
  -ms-animation-fill-mode: both;
}
.fadeInDown {
  -ms-animation-name: fadeInDown;
}
@media (max-width: 767px) {
  .top-margin-cls {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .top-margin-cls {
    margin-top: 60px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.icontiles5 {
  text-align: center;
}
.icontiles5 .inner-image-wrapper {
  height: 125px;
  width: 125px;
  margin: 40px auto 0px;
  position: relative;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.icontiles5 .inner-image-wrapper .tooltiptext {
  display: none;
  width: 15rem;
  background-color: #e0d5d5;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 999999;
  left: -67px;
  margin-top: 54px;
  font-size: 14px;
}
.icontiles5 .inner-image-wrapper .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -15px;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent #e0d5d5 transparent;
}
.icontiles5 .inner-image-wrapper:hover .tooltiptext {
  display: block;
}
.icontiles5 .light-text {
  font-weight: lighter !important;
}
.icontiles5 a {
  outline: 0;
}
.icontiles5 .bold-text {
  font-weight: bold !important;
}
.icontiles5 .align-title-center {
  display: block;
}
.icontiles5 .image-content-wrapper h4 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #626262;
  padding-top: 15px;
  height: 70px;
  margin-bottom: 55px;
  display: table-cell;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.icontiles5 .show-title {
  display: block;
}
.icontiles5 .hide-title {
  display: none;
}
.icontiles5 .center-title-thumb {
  float: none;
  clear: both;
  text-align: center !important;
  display: block !important;
}
.icontiles5 h1 {
  color: #b0164e;
  padding-top: 0px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0px;
  font: normal 24px/26px "MMCDisplayBold", Times New Roman, serif;
}
.icontiles5 h4 {
  text-align: center;
  font-weight: bold;
  color: #000000;
  padding-top: 15px;
  height: 70px;
  margin-bottom: 25px;
  display: table-cell;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 14px;
  line-height: 17px;
}
.icontiles5 .non-circular .inner-image-wrapper img {
  height: 90px !important;
  width: 90px !important;
}
.icontiles5 .noanimation {
  animation-fill-mode: none !important;
  animation-name: none !important;
  transition: none !important;
}
.icontiles5 .noncircular-align-text {
  text-align: left;
  font-size: 18px !important;
  color: #595959;
  font-weight: 700;
  font-size: 22px;
  padding-top: 20px;
  padding: 15px 0px 5px;
  font-weight: bold;
}
.icontiles5 .center-title-cir {
  text-align: center;
  font-size: 18px !important;
  color: #595959;
  font-weight: 700;
  font-size: 22px;
  padding-top: 20px;
  padding: 15px 0px 5px;
  font-weight: bold;
}
.icontiles5.circular .circulartile-kicker {
  font-size: 16px !important;
  color: #5294be !important;
  line-height: 1;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  margin: 10px auto;
}
.icontiles5.circular .circulartile-title {
  font-style: italic;
  font-size: 16px !important;
  color: #5294be !important;
  line-height: 1;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
  margin: 5px auto;
}
.icontiles5.sevengrid-v2.seven-grid-non-circular .image-content-wrapper {
  width: 11em;
  display: inline-block;
  float: none;
}
.icontiles5.sevengrid-v2.seven-grid-non-circular .image-content-wrapper .inner-image-wrapper {
  border: 0px;
  border-radius: 0px;
}
.icontiles5.sevengrid-v2.seven-grid-circular .image-content-wrapper {
  width: 11em;
  display: inline-block;
  float: none;
}
.icontiles5.non-circular .inner-image-wrapper {
  border: 0px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}
.icontilemodal-section {
  max-width: 25% !important;
  max-width: 25%;
  padding: 0px !important;
  border-radius: 7px;
}
.icontilemodal-section .modal-circular-img {
  padding: 0px 15px 5px 10px !important;
}
.icontilemodal-section .modal-circular-img .inner-image-wrapper {
  height: 60px;
  width: 60px;
  float: right;
  margin: 0px;
}
.icontilemodal-section .modal-circular-img .inner-image-wrapper img {
  height: 30px;
  width: 30px;
}
.icontilemodal-section .row-modal-description {
  min-height: 350px;
  padding: 10px 0px;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}
.icontilemodal-section .row-modal-description p {
  font-size: 14px !important;
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
}
.icontilemodal-section .iconmodalheader {
  background-color: #eee;
  padding: 10px 0px;
  border-bottom: 2px solid #ddd;
  padding: 15px 0px;
  border-radius: 7px;
}
.icontilemodal-section .modal-title {
  color: #595959;
  font-size: 22px !important;
  padding: 15px 0px;
  font-size: 18px;
  font-weight: 700;
  font-size: 22px;
  padding-top: 20px;
  padding: 15px 0px 5px;
  font-weight: bold;
  font-size: 16px;
}
.icontilemodal-section h6 {
  font-weight: bold;
}
.icontilemodal-section .modal-circular-desc-img {
  border-radius: 50px;
  border: 2px solid #b3b1b1;
  height: 90px;
  width: 90px;
  margin: 10px auto;
}
.icontilemodal-section .modal-circular-desc-img img {
  margin: 0px auto;
  display: block;
  height: 50px;
  width: 50px;
  top: 20px;
  position: relative;
}
.icontilemodal-section .modal-circular-desc-img h4 {
  text-align: center;
}
.title-modal {
  font-size: 25px !important;
}
.icontiles5.modalTitle {
  margin-top: 10px;
}
.icontilemodal-section.revealmodalicontile {
  overflow: visible;
}
.icontilemodal-section.revealmodalicontile .close-reveal-modal {
  color: #ffffff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: lighter;
  line-height: 0.9;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  display: block;
  margin: auto;
  text-align: center;
  background-color: #000000;
  position: absolute;
  z-index: 999999;
  right: -10px;
  top: -31px !important;
}
@media (max-width: 992px) {
  .icontiles5 {
    max-width: 100% !important;
    padding-top: 20px;
  }
  .icontiles5.sevengrid-v1 .image-content-wrapper {
    width: 19.27%;
  }
  .top-margin-cls {
    margin-top: 60px;
  }
  .icontilemodal-section {
    max-width: 45% !important;
  }
}
@media (max-width: 767px) {
  .icontiles5 {
    padding-top: 10px;
    margin-top: 0px;
  }
  .icontiles5 .inner-image-wrapper {
    margin: 20px auto 15px;
    height: 220px;
    width: 220px;
  }
  .icontiles5 .inner-image-wrapper .tooltiptext {
    margin-top: -52px;
    left: -20px;
  }
  .icontiles5 h4 {
    margin-bottom: 0px;
    padding-bottom: 10px;
  }
  .icontiles5 h1 {
    padding-top: 10px;
  }
  .icontilemodal-section {
    max-width: 90% !important;
    margin: 0 auto;
    margin-left: 15px;
    height: auto !important;
    position: relative !important;
    top: 100px !important;
    min-height: auto !important;
  }
  .icontilemodal-section .icontiles5 .inner-image-wrapper {
    height: 50px;
    width: 50px;
    margin: 0;
  }
  .icontilemodal-section .modal-circular-img {
    margin-top: 0px !important;
  }
  .icontilemodal-section .modal-circular-img .inner-image-wrapper img {
    height: 30px !important;
    width: 30px;
  }
  .icontilemodal-section .row-modal-description {
    min-height: 340px;
  }
  .close-reveal-modal {
    right: 0.375rem !important;
  }
  .icontiles5.sevengrid-v1 .image-content-wrapper {
    width: 50%;
  }
  .image-content-wrapper {
    width: 100%;
  }
  .icontilemodal-section.revealmodalicontile .close-reveal-modal {
    top: -2.6rem;
    right: -0.1rem;
  }
  .top-margin-cls {
    margin-top: 20px;
  }
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.icon-listing-wrapper {
  background: #001f52;
  position: relative;
  padding: 30px 14px;
}
@media only screen and (min-width: 768px) {
  .icon-listing-wrapper {
    padding: 35px 23px;
  }
}
@media only screen and (min-width: 1024px) {
  .icon-listing-wrapper {
    padding: 56px 33px;
  }
}
.icon-listing-wrapper:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 0;
  border-top: 16px solid #f8fafc;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-bottom: none;
}
.icon-listing-wrapper .title-icon {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 32px;
  line-height: 35px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .icon-listing-wrapper .title-icon {
    padding-bottom: 55px;
  }
}
.icon-listing-wrapper .content-wrapper .description-icon {
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: 30px;
}
.icon-listing-wrapper .content-wrapper .img-icon {
  color: #ffffff;
  font-family: "MMCDisplayRegular", Times New Roman, serif;
}

/*  Colors  
    - 300, 500 and 800 Indicates a core color, and should always be used first,
    unless the WCAG minimum contrast ratio is not being met
*/
.condense-statement-headline {
  color: #001538;
  /*color: @white-color;*/
  font-family: "MMCDisplayBold", Times New Roman, serif;
  font-size: 23px;
  line-height: 26px;
}
/*********Rebranding changes*********/
/*.style-h1-tag-non-generic(){
    color: @blue-color700;
    font-family: @mmc-display-font-bold;
    font-size: 58px;
    line-height: 58px;
}
.style-h2-tag-non-generic(){
    font-family: @mmc-display-font-regular;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: -0.2px; // This is there in the figma. Not sure needs to be given or not
    color:@blue-color700;
}
.style-h3-tag-non-generic(){
    font-family: @mmc-display-font-bold;
    font-size: 32px;
    line-height: 34px;
    color: @blue-color700;
}
.style-h4-tag-non-generic(){
    font-family: @mmc-display-font-bold; //(bold or regular)
    font-size: 23px;
    line-height: 29px;
    color: @blue-color700;
}*/
.image-carousel-var1 {
  background: #ffffff;
}
.image-carousel-var1 .owl-carousel .item {
  position: relative;
  z-index: 1;
  min-height: 272px;
}
.image-carousel-var1 .owl-carousel .item .item-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.image-carousel-var1 .owl-carousel .image-carousel-container {
  margin: 0 auto;
  max-width: 63.25rem;
  padding: 30px 0 0;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-kicker {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  font-size: 38px;
  color: #006d9e;
  line-height: 40px;
  margin: 10px 0 0;
  letter-spacing: 7px;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .kicker-title {
  color: #006d9e;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.025rem;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-title {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  font-size: 30px;
  letter-spacing: normal;
  color: #e49f16;
  line-height: 40px;
  margin: 0;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-description {
  font-family: "MMCDisplayRegular", Times New Roman, serif !important;
  max-height: 152px;
  overflow: hidden;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-description p {
  color: #000000;
  font-size: 16px;
  line-height: 20px;
  font-family: inherit;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .button {
  background-color: #fbae17;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: "NotoSans", Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1;
  margin: 10px 0 0;
  padding: 5px 30px;
}
.image-carousel-var1 .owl-carousel .image-carousel-container .button:hover {
  color: #0078a0;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .image-carousel-var1 .owl-carousel .image-carousel-container {
    width: 75%;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .image-carousel-var1 .owl-carousel .image-carousel-container {
    padding: 30px 7px 0;
  }
  .image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-description p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 5px;
  }
}
@media only screen and (max-width: 992px) {
  .image-carousel-var1 .owl-carousel .image-carousel-container .image-carousel-title {
    line-height: 28px;
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 639px) {
  .image-carousel-var1 .owl-carousel .image-carousel-container {
    padding: 20px 5px 0;
  }
  .image-carousel-var1 .owl-carousel .item {
    height: 255px;
  }
}
.image-carousel-var2 {
  background: #ffffff;
  border-bottom: 2px solid #09ac87;
}
.image-carousel-var2 .owl-carousel .item {
  position: relative;
  z-index: 1;
  min-height: 350px;
}
.image-carousel-var2 .owl-carousel .item .item-bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.image-carousel-var2 .owl-carousel .image-carousel-container {
  max-width: 63.25rem;
  padding: 30px 30px 20px;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-content {
  padding-top: 45px;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-kicker {
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  font-size: 38px;
  color: #006d9e;
  line-height: 40px;
  margin: 10px 0 0;
  letter-spacing: 7px;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .kicker-title {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .025rem;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-title {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 34px;
  line-height: 34px;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
  letter-spacing: 0;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-description {
  max-height: 152px;
  overflow: hidden;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-description p {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  font-family: "MMCDisplayBold", Times New Roman, serif !important;
}
.image-carousel-var2 .owl-carousel .image-carousel-container .button {
  margin: 10px 0 0;
  padding: 8px 30px;
  display: inline-block;
  color: #ffffff !important;
  background: #09ac87;
  font-family: "NotoSans", Arial, sans-serif !important;
  font-size: 14px;
  line-height: 14px;
}
.image-carousel-var2 .owl-carousel .owl-item .sharebar-container {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .image-carousel-var2 .owl-carousel .image-carousel-container {
    width: 75%;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-description {
    width: 57%;
  }
}
@media only screen and (max-width: 767px) {
  .image-carousel-var2 {
    text-align: center;
  }
  .image-carousel-var2 .owl-carousel .item {
    height: 460px;
  }
  .image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-content {
    text-align: center;
  }
  .image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-title {
    font-size: 20px;
    line-height: 20px;
  }
  .image-carousel-var2 .owl-carousel .image-carousel-container .image-carousel-description {
    width: auto;
  }
  .image-carousel-var2 .owl-carousel .owl-item .sharebar-container {
    position: relative;
    right: auto;
    margin-top: 80px;
  }
  .image-carousel-var2 .owl-carousel .owl-item .sharebar-container .sharebar-right {
    text-align: center !important;
  }
}

.homepagehero .gradient-blue-purple .hero-headline,
.homepagehero .gradient-blue-purple .kicker-title,
.homepagehero .gradient-blue-purple .hero-description p,
.homepagehero .gradient-blue-purple .hero-subtitle,
.homepagehero .gradient-pink-blue .hero-headline,
.homepagehero .gradient-pink-blue .kicker-title,
.homepagehero .gradient-pink-blue .hero-description p,
.homepagehero .gradient-pink-blue .hero-subtitle,
.homepagehero .gradient-teal-blue .hero-headline,
.homepagehero .gradient-teal-blue .kicker-title,
.homepagehero .gradient-teal-blue .hero-description p,
.homepagehero .gradient-teal-blue .hero-subtitle,
.homepagehero .gradient-blue-green .hero-headline,
.homepagehero .gradient-blue-green .kicker-title,
.homepagehero .gradient-blue-green .hero-description p,
.homepagehero .gradient-blue-green .hero-subtitle,
.homepagehero .gradient-turquoise-blue .hero-headline,
.homepagehero .gradient-turquoise-blue .kicker-title,
.homepagehero .gradient-turquoise-blue .hero-description p,
.homepagehero .gradient-turquoise-blue .hero-subtitle {
	color: #fff !important;
}

.homepagehero .gradient-pride {
	background: linear-gradient(28deg, #f8acbe 8%, #9cd9e4 13%, #9cd9e4 14.5%, #202020 23%, #4d3817 29%, #965d00 37%, #ef4e45 48%, #ff8c00 56%, #ffbe00 65%, #00ac41 75%, #0077a0 82%, #8246af 90%);
}

.homepagehero .gradient-pride .hero-headline,
.homepagehero .gradient-pride .kicker-title,
.homepagehero .gradient-pride .hero-description p,
.homepagehero .gradient-pride .hero-subtitle {
	color: #fff !important;
}

.homepagehero .solid-dark-blue {
	background: #002C77;
}

.homepagehero .solid-dark-blue .herocta3 a {
	background: #fff;
	color: #0B41AD !important;
}

.homepagehero .solid-dark-blue .herocta3 a:focus,
.homepagehero .solid-dark-blue .herocta3 a:hover,
.homepagehero .solid-dark-blue .herocta3 a:active,
.homepagehero .solid-dark-blue .herocta3 a.active {
	background-color: #2C6EF2 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}

.homepagehero .solid-dark-blue .herocta3 a:focus {
	outline: 1px solid transparent !important;
	border: 1px solid #fff !important;
	box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8) !important;
}

.homepagehero .solid-light-grey {
	background: #F8FAFC;
}

.homepagehero .solid-light-grey .hero-rebrand-image-generic .hero-contents .mobile-bg {
	background: transparent;
}

.homepagehero .solid-light-grey .hero-headline,
.homepagehero .solid-light-grey .kicker-title,
.homepagehero .solid-light-grey .hero-description p,
.homepagehero .solid-light-grey .hero-subtitle {
	color: #002C77 !important;
}

.homepagehero .solid-light-grey .herocta3 a {
	background: #0B41AD;
}

.homepagehero .solid-light-grey .herocta3 a:focus,
.homepagehero .solid-light-grey .herocta3 a:hover,
.homepagehero .solid-light-grey .herocta3 a.active {
	background-color: #2C6EF2 !important;
	color: #fff !important;
}

.homepagehero .solid-light-grey .herocta3 a:focus {
	box-shadow: 0px 0px 2px #0b41ad !important;
	border: 1px solid #fff !important;
	outline: 1px solid transparent;
}

@media only screen and (max-width: 767px) {
	.homepagehero .hero-rebrand-image-generic {
		background-image: none !important;
	}
}

@media only screen and (max-width: 991px) {
	.homepagehero .hero-rebrand-image-generic {
		background-image: none !important;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic {
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center right;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 992px) {
	.homepagehero .hero-rebrand-image-generic {
		background-image: none !important;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
	font-size: 27px;
	line-height: 30px;
	letter-spacing: -0.5px;
	font-family: "NotoSans", Arial, sans-serif !important;
	color: #fff;
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
		font-size: 27px;
		line-height: 30px;
		letter-spacing: -1px;
		display: none;
	}
}

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

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
		display: none;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
	letter-spacing: normal;
	font-family: "MMCDisplayBold", Times New Roman, serif !important;
	color: #fff;
	margin-bottom: 24px;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline {
	font-size: 54px;
	line-height: 66px;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix {
	display: block;
	height: 130px;
	max-height: 130px;
	min-height: 130px;
	overflow: hidden;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline {
	font-size: 74px;
	line-height: 82px;
	margin-bottom: 15px;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix {
	display: block;
	height: 180px;
	max-height: 180px;
	min-height: 180px;
	overflow: hidden;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
	font-size: 93px;
	line-height: 93px;
	margin-bottom: 15px;

}

.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix {
	height: 280px;
	display: block;
	max-height: 280px;
	min-height: 280px;
	overflow: hidden;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description p,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description p,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description p {
	height: 80px;
	max-height: 80px;
	min-height: 80px;
	overflow: hidden;
}

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

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
		font-size: 41px;
		line-height: 41px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: normal;
	font-family: "MMCDisplayBold", Times New Roman, serif !important;
	color: #fff;
	margin-bottom: 10px;
	margin-top: 0px;
}

@media only screen and (min-width: 768px) {

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
		font-size: 20px;
		line-height: 30px;
		letter-spacing: normal;
		margin-top: 32px;
		margin-bottom: 26px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description p,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description p,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: normal;
	font-family: "MMCDisplayRegular", Times New Roman, serif !important;
	color: #fff;
	/*margin-bottom: 35px;*/
	margin-bottom: 0px;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
	/*font-size: 16px;
	 line-height: 24px;
	 letter-spacing: normal;
	 font-family: "MMCDisplayRegular", Times New Roman, serif !important;
	 color: #fff;
	 margin-bottom: 35px;*/
}

@media only screen and (min-width: 768px) {

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description p,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description p,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description p {
		font-size: 18px;
		line-height: 27px;
		letter-spacing: normal;
		/*margin-bottom: 32px;*/
		margin-bottom: 0px;
	}
}

@media only screen and (min-width: 768px) {

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
		/*font-size: 20px;
		 line-height: 30px;
		 letter-spacing: normal;
		 margin-bottom: 32px;*/
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
	font-family: "NotoSans", Arial, sans-serif !important;
	font-size: 24px;
	line-height: 24px;
	margin: 30px 0px;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a {
	border: 1px solid white;
	border-radius: 5px;
	color: white;
	padding: 13px 24px 11px 24px;
	background: #fff;
	color: #0b41ad !important;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:hover,
.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:active,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:hover,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:active,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:hover,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:active {
	background-color: #fff;
	color: #0B41AD;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a:focus,
.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a:focus,
.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a:focus {
	border: 1px solid #fff;
	box-shadow: -1px 0px 3px rgba(118, 211, 255, 0.8), 0px -1px 3px rgba(118, 211, 255, 0.8), 1px 0px 3px rgba(118, 211, 255, 0.8), 0px 1px 3px rgba(118, 211, 255, 0.8);
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .kicker-title {
		font-size: 36px;
		line-height: 36px;
		letter-spacing: -1px;
		margin-bottom: 16px;
		display: block;
	}
}

@media only screen and (max-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline {
		font-size: 54px;
		line-height: 56px;
		/*margin-bottom: 48px;*/
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix {
		display: block;
		height: 125px;
		max-height: 125px;
		min-height: 125px;
		overflow: hidden;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description p {
		font-size: 22px;
		line-height: 30px;
		font-family: "MMCDisplayRegular", Times New Roman, serif !important;
		margin-bottom: 0px;
		/*margin-bottom: 32px;*/
		height: 130px;
		max-height: 130px;
		min-height: 130px;
		overflow: hidden;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description {
		/*font-size: 24px;
    		 line-height: 36px;
    		 font-family: "MMCDisplayRegular", Times New Roman, serif !important;
    		 margin-bottom: 0px;*/
		margin-bottom: 32px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
	margin: 30px 0px;
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
		font-size: 24px;
		line-height: 24px;
	}
}

@media only screen and (min-width: 768px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
		font-size: 20px;
		line-height: 20px;
	}
}

@media only screen and (min-width: 767px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 {
		font-size: 16px;
		line-height: 16px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a {
	border: 1px solid white;
	border-radius: 5px;
	color: white;
	padding: 13px 24px 11px 24px;
	color: #fff;
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .kicker-title {
		font-size: 41px;
		line-height: 15px;
		letter-spacing: -1px;
		margin-bottom: 16px;
		display: block;
	}
}

@media only screen and (max-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline {
		font-size: 54px;
		line-height: 66px;
		margin-bottom: 15px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix {
		display: block;
		height: auto;
		max-height: none;
		min-height: auto;
		overflow: hidden;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description p {
		font-size: 21px;
		line-height: 31px;
		font-family: "MMCDisplayRegular", Times New Roman, serif !important;
		/*margin-bottom: 32px;*/
		margin-bottom: 0px;
		height: 100px;
		max-height: 100px;
		min-height: 100px;
		overflow: hidden;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description {
		/*font-size: 24px;
    		 line-height: 36px;
    		 font-family: "MMCDisplayRegular", Times New Roman, serif !important;
    		 margin-bottom: 32px;*/
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
	margin: 30px 0px;
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
		font-size: 24px;
		line-height: 24px;
	}
}

@media only screen and (min-width: 768px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 {
		font-size: 20px;
		line-height: 20px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a {
	border: 1px solid white;
	border-radius: 5px;
	color: white;
	padding: 13px 24px 11px 24px;
	color: #fff;
}

.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-rebrand-gradient-bg-generic .button1-container .button1 {
	font-family: "MMCDisplayRegular", Times New Roman, serif !important;
	background: transparent !important;
	border: 2px solid #fff;
	border-radius: 5px;
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .kicker-title {
		font-size: 41px;
		line-height: 41px;
		letter-spacing: -1px;
		margin-bottom: 16px;
		display: block;
	}
}

@media only screen and (max-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
		font-size: 61px;
		line-height: 66px;
		margin-bottom: 15px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix {
		height: 155px;
		display: block;
		max-height: 155px;
		min-height: 155px;
		overflow: hidden;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
		font-size: 24px;
		line-height: 36px;
		margin-bottom: 10px;
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description p {
		font-size: 20px;
		line-height: 30px;
		font-family: "MMCDisplayRegular", Times New Roman, serif !important;
		margin-bottom: 32px;
		margin-bottom: 0px;
		height: 85px;
		max-height: 85px;
		min-height: 85px;
		overflow: hidden;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {

		/*margin-bottom: 32px;*/
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
	font-family: "NotoSans", Arial, sans-serif !important;
	margin: 30px 0px;
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
		font-size: 24px !important;
		line-height: 24px !important;
	}
}

@media only screen and (min-width: 768px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
		font-size: 20px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 {
		font-size: 16px;
		line-height: 16px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a {
	border: 1px solid white;
	border-radius: 5px;
	color: white;
	padding: 13px 24px 11px 24px;
	color: #fff;
}

.homepagehero .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
	width: 100%;
	height: 201px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

@media only screen and (min-width: 768px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
		height: 300px;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .brand-asset-mobile {
		display: none;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg {
	width: 100%;
	background-color: #002C77;
	padding: 24px;
}

@media only screen and (min-width: 768px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg {
		padding: 48px;
	}
}

@media only screen and (min-width: 1024px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg {
		background: transparent;
		width: 70%;
		padding: 68px 48px;
	}
}

.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg .hero-sharebar .share-bar.share-bar-theme-7 {
	margin-top: 0;
	padding: 0;
}

.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg .hero-sharebar .share-bar.share-bar-theme-7 .sharebar-listing .social-button {
	margin-right: 3px !important;
}

@media only screen and (min-width: 320px) and (max-width:767px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg {
		height: 450px;
	}
}

@media only screen and (max-width:280px) {
	.homepagehero .hero-rebrand-image-generic .hero-contents .mobile-bg {
		height: 550px;
	}
}

@media only screen and (max-width: 1024px) {
	.homepagehero .hero-search-paading {
		margin-top: 55px;
	}
}

/** Slick slider css **/
.wrapper {
	width: 100%;
}

.slick-slide {
	overflow: hidden;
}

.slick-prev:before,
.slick-next:before {
	color: #999;
}

.slick-dots {
	display: flex;
	justify-content: center;
	list-style-type: none;
	bottom: 50px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
}

@media only screen and (min-width: 320px) and (max-width:767px) {
	.slick-dots {
		bottom: 30px;
	}
}

.slick-dots li {
	display: inline;
	padding: 0px 10px;
	list-style-type: disc !important;
	position: relative;
}

.slick-dots button {
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	padding: 0;
	border: none;
	border-radius: 100%;
	background-color: #A2B7CD;
	text-indent: -9999px;
}

.slick-dots li.slick-active button {
	background-color: #fff;
}

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

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
		font-size: 40px;
		line-height: 44px;
		letter-spacing: normal;
		overflow: hidden;
		height: 90px;
		min-height: 90px;
		max-height: 90px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix {
		height: auto;
		min-height: auto;
		max-height: none;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.xarge-generic .hero-headline span.heroHedlineFix {
		height: 40px;
		min-height: 40px;
		max-height: 40px;
	}


}

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

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description {
		margin: 0;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-description p,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-description p,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-description p {
		height: 115px;
		max-height: 115px;
		min-height: 115px;
		font-size: 16px;
		line-height: 27px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix {
		height: auto;
		min-height: auto;
		max-height: none;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline {
		height: 135px;
		max-height: none;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-subtitle,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-subtitle,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-subtitle {
		font-size: 16px;
		line-height: 27px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .herocta3 a,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .herocta3 a,
	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .herocta3 a {
		font-size: 16px;
		line-height: 16px;
	}
}

@media only screen and (max-width: 1196px) and (min-width: 1025px) {

	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix {
		white-space: pre-line;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 694px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.xtralarge-generic .hero-headline span.heroHedlineFix,
	.homepagehero .hero-rebrand-image-generic .hero-contents.default-generic .hero-headline span.heroHedlineFix {
		height: 190px;
		min-height: 190px;
		max-height: 190px;
	}

	.homepagehero .hero-rebrand-image-generic .hero-contents.large-generic .hero-headline span.heroHedlineFix {
		height: 175px;
		min-height: 175px;
		max-height: 175px;
	}
}
.usiSearchIcon {
    position: absolute;
    top: 11px;
}
.usiSearchIcon .mericon-search {
    color: #80808045;
    font-size: 22px;
}
#usiAutocomplete {
    padding-left: 30px;
}
#usiSelection {
    margin: 8px 0 0;
}
.form-group.success .form-control, .formWrap input.success, .formWrap textarea.success, .formWrap select.success {
    border: 1px solid #034424;
    box-shadow: 0 0 10px 0 rgba(3,68,36,0.25);
}
.form-group.error .form-control, .formWrap input.error, .formWrap textarea.error, .formWrap select.error {
    color: #bc2726;
    border: 1px solid #bc2726;
    box-shadow: 0 0 10px 0 rgba(83,0,5,0.25);
}
.form-group.error+.error {
    display: block;
}
span.error, .form-group+.error {
    color: #bc2726;
    display:none;
}
form#usiForm {
    width: 70%;
    margin: 0 auto;
}
/* override tooltip to fix tablet view */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .formWrap .rightSideCol .tooltipWrap .tooltip {
		transform: translate(-115%, -50%) !important;
	}
	.formWrap .rightSideCol .tooltipWrap .tooltip:before {
		right: 0px;
		left: auto;
		bottom: 50%;
		-webkit-transform: translate(11px, 50%);
		-moz-transform: translate(11px, 50%);
		-ms-transform: translate(11px, 50%);
		-o-transform: translate(11px, 50%);
		transform: translate(100%, 50%);
		border-top: 13px solid transparent;
		border-bottom: 13px solid transparent;
		border-left: 11px solid #999999;
		border-right: 0px solid #999999;
	}
	.formWrap .rightSideCol .tooltipWrap .tooltip:after {
		right: -1px;
		left: 97%;
		bottom: 50%;
		-webkit-transform: translate(9px, 50%);
		-moz-transform: translate(9px, 50%);
		-ms-transform: translate(9px, 50%);
		-o-transform: translate(9px, 50%);
		transform: translate(9px, 50%);
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #FFFFFF;
		border-right: 0px solid #FFFFFF;
	}
}
.tooltip {
    /* DEMO */
    min-height: 85px;
    width: 300px;
    /* END DEMO */
    position: relative;
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid #999999;
    padding: 0;    
    -webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
    -o-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .tooltip .tooltipTitle * {
    color: #FFFFFF !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip .tooltipTitle {
    display: flex;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 10px 15px;
    text-align: left;
    background: #233443;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .tooltip .tooltipTitle [class^=mericon-] {
    margin: 3px 10px 0 0;
  }
  .tooltip .tooltipTitle .subheading {
    width: calc(100% - 26px);
  }
  .tooltip .tooltipContent {
    color: #000;
    padding: 10px 15px;
  }
  .tooltip .tooltipContent > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip .tooltipContent ul:last-child {
      margin-bottom: 0;
  }
  .tooltip:before,
  .tooltip:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 10;
  }
  .tooltip.tooltipLeft:before {
    left: -22px;
    bottom: 50%;
    -webkit-transform: translate(11px, 50%);
    -moz-transform: translate(11px, 50%);
    -ms-transform: translate(11px, 50%);
    -o-transform: translate(11px, 50%);
    transform: translate(11px, 50%);  
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 11px solid #999999;
  }
  .tooltip.tooltipLeft:after {
    left: -19px;
    bottom: 50%;
    -webkit-transform: translate(9px, 50%);
    -moz-transform: translate(9px, 50%);
    -ms-transform: translate(9px, 50%);
    -o-transform: translate(9px, 50%);
    transform: translate(9px, 50%);  
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFFFFF;
  }
  .tooltip.tooltipRight:before {
    right: -22px;
    bottom: 50%;
    -webkit-transform: translate(-11px, 50%);
    -moz-transform: translate(-11px, 50%);
    -ms-transform: translate(-11px, 50%);
    -o-transform: translate(-11px, 50%);
    transform: translate(-11px, 50%);  
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 11px solid #999999;
  }
  .tooltip.tooltipRight:after {
    right: -19px;
    bottom: 50%;
    -webkit-transform: translate(-9px, 50%);
    -moz-transform: translate(-9px, 50%);
    -ms-transform: translate(-9px, 50%);
    -o-transform: translate(-9px, 50%);
    transform: translate(-9px, 50%);  
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
  }
  .tooltip.tooltipTop:before {
    right: 50%;
    top: -22px;
    -webkit-transform: translate(50%, 11px);
    -moz-transform: translate(50%, 11px);
    -ms-transform: translate(50%, 11px);
    -o-transform: translate(50%, 11px);
    transform: translate(50%, 11px);  
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 11px solid #999999;
  }
  .tooltip.tooltipTop:after {
    right: 50%;
    top: -19px;
    -webkit-transform: translate(50%, 9px);
    -moz-transform: translate(50%, 9px);
    -ms-transform: translate(50%, 9px);
    -o-transform: translate(50%, 9px);
    transform: translate(50%, 9px);  
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #233443;
  }
  .tooltip.tooltipBottom:before {
    right: 50%;
    bottom: -22px;
    -webkit-transform: translate(50%, -11px);
    -moz-transform: translate(50%, -11px);
    -ms-transform: translate(50%, -11px);
    -o-transform: translate(50%, -11px);
    transform: translate(50%, -11px);  
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 11px solid #999999;
  }
  .tooltip.tooltipBottom:after {
    right: 50%;
    bottom: -19px;
    -webkit-transform: translate(50%, -9px);
    -moz-transform: translate(50%, -9px);
    -ms-transform: translate(50%, -9px);
    -o-transform: translate(50%, -9px);
    transform: translate(50%, -9px);  
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
  }

  
.ui-menu{
 -webkit-border-radius:0 0 3px 3px;
 border-radius:0 0 3px 3px;
 background-clip:padding-box;
 -moz-box-shadow:0 .1875rem .1875rem #bfbfbf;
 -webkit-box-shadow:0 .1875rem .1875rem #bfbfbf;
 -o-box-shadow:0 .1875rem .1875rem #bfbfbf;
 box-shadow:0 .1875rem .1875rem #bfbfbf;
 background-color:#fafafa;
 border:1px solid #b3b3b3;
 border-top:0;
 display:block;
 position:absolute;
 z-index:9001;
 padding:0;
 margin:0;
 width:auto;
 list-style:none;
 max-height:6.6875rem;
 overflow-y:auto;
 overflow-x:hidden;
 outline:0
}
.ui-menu .ui-menu-item{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin:0;
 padding:.3125rem;
 display:block;
 width:100%;
 color:#333;
 line-height:1.5;
 border-bottom:1px solid transparent;
 cursor:pointer
}
.ui-menu .ui-menu-item .ui-menu-secondary{
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-left:.3125rem;
 display:inline
}
.ui-menu .ui-state-focus{
 background-color:#e6e6e6
}
.ui-menu .ui-menu-item:last-child{
 border-bottom:0
}
.ui-menu .ui-menu-item:last-child .ui-state-active,.ui-menu .ui-menu-item:last-child .ui-state-hover{
 -webkit-border-radius:0 0 3px 3px;
 border-radius:0 0 3px 3px;
 background-clip:padding-box
}
.mericon-info-circle:before {
    content: "\e930";
  }
  .mericon-search:before {
    content: "\e934";
}
@media only screen and (min-width:48em){
 .ui-menu{
     max-height:11rem
 }
 .ui-menu .ui-menu-item a .ui-menu-secondary{
     margin-left:0;
     display:block
 }
}

.tooltip {
    color: #FFF;
    display: none;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3;
    max-width: 18.75rem;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 40%;
    width: 300px;
}
.tooltipWrap:hover .tooltip {
    display: block;
}
@media only screen and (max-width: 767px) {
    .formWrap .tooltipWrap {
        position: static;
    }    
    .formWrap .tooltipWrap .tooltip {
        position: absolute;
        top: 35px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .formWrap .tooltipWrap .tooltip:before {
        right: 50%;
        top: -22px;
        -webkit-transform: translate(50%, 11px);
        -moz-transform: translate(50%, 11px);
        -ms-transform: translate(50%, 11px);
        -o-transform: translate(50%, 11px);
        transform: translate(50%, 11px);
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-bottom: 11px solid #999999;
    }
    .formWrap .tooltipWrap .tooltip:after {
        right: 50%;
        top: -19px;
        -webkit-transform: translate(50%, 9px);
        -moz-transform: translate(50%, 9px);
        -ms-transform: translate(50%, 9px);
        -o-transform: translate(50%, 9px);
        transform: translate(50%, 9px);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #233443;
    }
  }

.formwrapper .labelWithInfo .redIcon, .formwrapper .labelWithInfo i {
    cursor: pointer;
    margin-left: 5px;
    border: 0;
}

.tooltipWrap > .mericon-info-circle {
    color: #0B41AD;
}
.tooltipWrap > [class^=mericon-] {
    cursor: pointer;
    font-size: 12px;
}
[class^=mericon-], [class*="mericon-"] {
    font-family: "Mericon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    vertical-align: middle;
}
.tooltipWrap {
    position: relative;
    display: inline-block;
}
.formwrapper .labelWithInfo label {
    display: inline-block;
}
form#usiForm .form-group {
    position: relative;
}
.WrongInputHide {display:none !important;}
.custoErrorMessage {display:none}
.custoErrorMessage.ShowNoDataFoundErro {display:block;color:red}
.vulnerableMembersMainWrapper.form-container-padding {
    border: 2px solid #002C77;
    overflow:hidden;
}
.vulnerableMembersMainWrapper .topProgressBar {display:none}

@media(max-width: 768px) {
    .vulnerableMembersMainWrapper {
		margin: 0px;
    }
}
.vulnerableMembersMainWrapper h4 {
  font-weight: bold;
  line-height: 24px;
  font-size: 16px;
}
.vulnerableMembersMainWrapper i {
  font-size: 14px;
}
.vulnerableMembersMainWrapper .answer-section {
  display: none;
}
.vulnerableMembersMainWrapper .answer-section#start-screen {
  display: block;
}
.vulnerableMembersMainWrapper fieldset:not(:first-of-type),
fieldset {
  display: none;
}
.vulnerableMembersMainWrapper .progress-bar,
.vulnerableMembersMainWrapper .progress {
  height: 10px;
}
.vulnerableMembersMainWrapper .progress {
  width: 50%;
}
.vulnerableMembersMainWrapper .progressbarStatus {
  font-size: 13px;
  font-family: NotoSans, Arial, sans-serif !important;
}
.vulnerableMembersMainWrapper h4,
.vulnerableMembersMainWrapper .form-heading,
.vulnerableMembersMainWrapper,
.vulnerableMembersMainWrapper h3 {
  font-family: NotoSans, Arial, sans-serif !important;
}
.vulnerableMembersMainWrapper .form-heading {
  font-size: 20px;
}
.vulnerableMembersMainWrapper .form-subheading {
  font-size: 16px;
}
.vulnerableMembersMainWrapper .nextQue {
  float: right;
}
.vulnerableMembersMainWrapper .prevQue {
  float: left;
}
.vulnerableMembersMainWrapper .nextQue,
.vulnerableMembersMainWrapper .prevQue {
  border: 0px;
  background: #EE3D8B;
  color: #fff;
  padding: 7px 18px;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 10px;
  font-family: NotoSans, Arial, sans-serif !important;
}
.vulnerableMembersMainWrapper .radioBtnGrp input[type="radio"] {
  margin: 0;
}
.vulnerableMembersMainWrapper .radioBtnGrp {
  background: white;
  margin-bottom: 10px;
  padding-left: 10px;
  width: 55%;
  position: relative;
}
.vulnerableMembersMainWrapper .radioBtnGrp label {
  color: #002c77;
  cursor: pointer;
}
.vulnerableMembersMainWrapper .fieldsetDesc {
  min-height: 200px;
}
.vulnerableMembersMainWrapper .fieldsetDesc a {
  color: #009DE0;
  cursor: pointer;
}
.vulnerableMembersMainWrapper input[type="radio"] {
  position: relative;
  width: 17px;
  height: 20px;
  top: 4px;
  accent-color: #002C77;
}
ul.style-hyphen {
  list-style-type: '-';
}
.vulnerableMembersMainWrapper .nextQue:disabled {
  cursor: no-drop;
}
@media (max-width: 768px) {
  .vulnerableMembersMainWrapper .radioBtnGrp {
    width: 100%;
  }
  .vulnerableMembersMainWrapper .fieldsetDesc {
    min-height: 100px;
  }
}