@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#hero-carousel #hero-carousel-child-resource-1 .slide-content {
  bottom: 0;
  position: absolute;
  width: 100%;
}
#hero-carousel #hero-carousel-child-resource-1 img {
  position: absolute;
  top: 0;
}
#hero-carousel #hero-carousel-child-resource-3 img {
  margin-left: 50%;
  transform: translate(-50%, 0);
}
#hero-carousel .atvi-column-inner-container,
#hero-carousel .atvi-inner-carousel-container {
  margin-bottom: 0;
}
#hero-carousel .atvi-column-inner-container .column-child,
#hero-carousel .atvi-inner-carousel-container .column-child,
#hero-carousel .atvi-column-inner-container .slide-child,
#hero-carousel .atvi-inner-carousel-container .slide-child,
#hero-carousel .atvi-column-inner-container .slick-slide,
#hero-carousel .atvi-inner-carousel-container .slick-slide {
  height: 46vw;
  max-height: 100vh;
}
#hero-carousel .atvi-column-inner-container .slide-content,
#hero-carousel .atvi-inner-carousel-container .slide-content {
  height: 100%;
  overflow: hidden;
}
#hero-carousel .atvi-column-inner-container .slide-content img,
#hero-carousel .atvi-inner-carousel-container .slide-content img {
  height: auto;
  width: 100%;
}
#hero-carousel .slick-autoplay-toggle-button {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.25em 0.25em 0;
  border: none;
  background: transparent;
  outline: none;
  top: 0;
  height: fit-content;
  display: none;
}
#hero-carousel .slick-dots {
  bottom: 25px;
  z-index: 2;
}
#hero-carousel .slick-dots li {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 3px solid #FFF;
  background: transparent;
  position: relative;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
}
#hero-carousel .slick-dots li.slick-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#hero-carousel .slick-dots li.slick-active button {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  padding: 0;
}
#hero-carousel .slick-dots li.slick-active button:focus-visible {
  outline: none;
}
#hero-carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  border-radius: 15px;
  background: #7f9aa9;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  margin: 0;
}
#hero-carousel .slick-dots li button .slick-dot-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  #hero-carousel #hero-carousel-child-resource-3 img {
    margin: 0;
    transform: none;
  }
  #hero-carousel .atvi-column-inner-container .column-child,
  #hero-carousel .atvi-inner-carousel-container .column-child,
  #hero-carousel .atvi-column-inner-container .slide-child,
  #hero-carousel .atvi-inner-carousel-container .slide-child {
    height: 140vw;
    max-height: 95vh;
  }
  #hero-carousel .atvi-column-inner-container .slick-list,
  #hero-carousel .atvi-inner-carousel-container .slick-list {
    height: 140vw;
    max-height: 95vh;
    min-height: unset;
  }
  #hero-carousel .atvi-column-inner-container .slick-list img,
  #hero-carousel .atvi-inner-carousel-container .slick-list img {
    object-fit: cover;
    object-position: bottom;
    min-width: 100%;
    min-height: 100%;
  }
}
#old-hero-carousel #hero-carousel-child-resource-1 .bg-img {
  background-position: bottom center !important;
  /*Vg*/
}
#old-hero-carousel .atvi-column-inner-container .column-child,
#old-hero-carousel .atvi-inner-carousel-container .column-child,
#old-hero-carousel .atvi-column-inner-container .slide-child,
#old-hero-carousel .atvi-inner-carousel-container .slide-child {
  height: 680px;
}
#old-hero-carousel .slick-dots {
  bottom: 25px;
  z-index: 2;
}
#old-hero-carousel .slick-dots li {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 3px solid #FFF;
  background: transparent;
  position: relative;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
}
#old-hero-carousel .slick-dots li.slick-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#old-hero-carousel .slick-dots li.slick-active button {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
#old-hero-carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  -webkit-transition: 0.25s all;
  -moz-transition: 0.25s all;
  -ms-transition: 0.25s all;
  -o-transition: 0.25s all;
  transition: 0.25s all;
  border-radius: 15px;
  background: #7f9aa9;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
@media screen and (max-width: 768px) {
  #old-hero-carousel .atvi-column-inner-container .column-child,
  #old-hero-carousel .atvi-inner-carousel-container .column-child,
  #old-hero-carousel .atvi-column-inner-container .slide-child,
  #old-hero-carousel .atvi-inner-carousel-container .slide-child {
    height: 500px;
  }
}

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#developer-row #developer-row-child-resource-1 {
  padding-bottom: 30%;
  min-height: 400px;
}
#developer-row #developer-row-child-resource-2 {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  background: #ebebeb;
}
#developer-row #developer-row-child-resource-2 .atvi-rich-text {
  width: 80%;
  margin: 0 auto;
}
#developer-row #developer-row-child-resource-2 p {
  font-family: "IBM Plex Sans", Arial, san-serif;
  font-weight: 700;
  color: #7f9aa9;
  font-size: 40px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #developer-row #developer-row-child-resource-2 {
    padding: 50px 0;
  }
  #developer-row #developer-row-child-resource-2 .atvi-rich-text {
    width: 100%;
    padding: 0 25px;
  }
  #developer-row #developer-row-child-resource-2 p {
    font-size: 30px;
  }
}

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#location-row .column-child {
  padding-bottom: 30px;
}
#location-row .column-child.tile-hover .atvi-column-child-content,
#location-row .column-child.tile-hover .layout-container.element,
#location-row .column-child.tile-hover .atvi-image {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#location-row .column-child.tile-hover .atvi-image-component {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(255, 255, 255, 0.8);
}
#location-row .column-child.tile-hover .atvi-image-component img {
  width: 70%;
  margin: 50px auto 0;
  display: block;
}
#location-row .column-child.tile-hover:hover .atvi-image-component {
  display: block;
}
#location-row #location-row-child-resource-1 {
  min-height: 400px;
}
#location-row #location-row-child-resource-2 {
  min-height: 400px;
}
#location-row #location-row-child-resource-3 {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  background: #ebebeb;
}
#location-row #location-row-child-resource-3 .atvi-rich-text {
  width: 80%;
  margin: 0 auto;
}
#location-row #location-row-child-resource-3 p {
  font-family: "IBM Plex Sans", Arial, san-serif;
  font-weight: 700;
  color: #7f9aa9;
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  #location-row #location-row-child-resource-3 {
    padding: 50px 0;
  }
  #location-row #location-row-child-resource-3 .atvi-rich-text {
    width: 100%;
    padding: 0 25px;
  }
  #location-row #location-row-child-resource-3 p {
    font-size: 30px;
  }
}

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
html.aem-AuthorLayer-structure #join-row #join-row-child-resource-2 .atvi-column-child-content,
html.aem-AuthorLayer-Edit #join-row #join-row-child-resource-2 .atvi-column-child-content {
  display: block;
}
#join-row #join-row-child-resource-1 {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  background: #ebebeb;
}
#join-row #join-row-child-resource-1 .atvi-rich-text {
  width: 80%;
  margin: 0 auto;
}
#join-row #join-row-child-resource-1 p {
  font-family: "IBM Plex Sans", Arial, san-serif;
  font-weight: 700;
  color: #7f9aa9;
  font-size: 40px;
  line-height: 1.3;
}
#join-row #join-row-child-resource-1 p:first-of-type {
  /*title*/
  font-family: "IBM Plex Sans", Aria, san-serif;
  color: #797979;
  font-size: 20px;
  margin-bottom: 15px;
  letter-spacing: 3px;
}
#join-row #join-row-child-resource-2 {
  padding-bottom: 30%;
  min-height: 400px;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content {
  background: rgba(255, 238, 204, 0.8);
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .layout-container-element {
  width: 80%;
  padding: 0 15px;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .atvi-rich-text {
  text-align: center;
  color: #797979;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .atvi-rich-text h3 {
  font-family: "IBM Plex Sans", Arial, san-serif;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .atvi-rich-text p {
  font-family: "IBM Plex Sans", Aria, san-serif;
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 40px;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .atvi-cta {
  font-family: "IBM Plex Sans", Aria, san-serif;
}
#join-row #join-row-child-resource-2 .atvi-column-child-content .atvi-cta a {
  color: #7f9aa9;
  background: #eff1f4;
  text-transform: uppercase;
  padding: 15px 30px;
  letter-spacing: 3px;
  font-size: 19px;
  text-decoration: none;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0 auto;
}
#join-row #join-row-child-resource-2:hover .atvi-column-child-content {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #join-row #join-row-child-resource-1 {
    padding: 50px 0;
  }
  #join-row #join-row-child-resource-1 .atvi-rich-text {
    width: 100%;
    padding: 0 25px;
  }
  #join-row #join-row-child-resource-1 p {
    font-size: 30px;
  }
  #join-row #join-row-child-resource-1 p:first-of-type {
    font-size: 18px;
  }
  #join-row #join-row-child-resource-2 .atvi-column-child-content .layout-container-element {
    width: 100%;
    padding: 0 15px;
  }
  #join-row #join-row-child-resource-2 .atvi-column-child-content .layout-container-element .atvi-rich-text p {
    font-size: 20px;
  }
}

@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:wght@300;400;500;700");
/**************************
@yellow			: #dbbd40;
@black          : #000;
**************************/
/*****************************************************************************************
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,700');

.roboto(){ font-family: "Roboto", sans-serif; font-style: normal;}
******************************************************************************************/
#social-row {
  padding: 60px 10%;
}
#social-row .atvi-rich-text {
  text-align: center;
}
#social-row .atvi-rich-text h3 {
  font-family: "IBM Plex Sans", Arial, san-serif;
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
  color: #7f9aa9;
}
@media screen and (max-width: 400px) {
  #social-row .atvi-rich-text h3 {
    font-size: 32px;
  }
}
#social-row .atvi-rich-text p {
  font-family: "IBM Plex Sans", Aria, san-serif;
  font-size: 25px;
  line-height: 1.3;
  margin-bottom: 40px;
  color: #797979;
}
#social-row .atvi-cta li {
  margin: 0 8px;
}
#social-row .atvi-cta li a {
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  letter-spacing: 0;
  width: 25px;
  height: 25px;
}
#social-row .atvi-cta .ig-icon a {
  background: url(../../../../../../../content/dam/atvi/highmoon/hms-2020/home/instagram-icon.png) center center no-repeat;
  background-size: contain;
}
#social-row .atvi-cta .ig-icon a:hover {
  background: url(../../../../../../../content/dam/atvi/highmoon/hms-2020/home/instagram-hover-icon-b.png) center center no-repeat;
  background-size: contain;
}
#social-row .atvi-cta .li-icon a {
  background: url(../../../../../../../content/dam/atvi/highmoon/hms-2020/home/linkedin-icon.png) center center no-repeat;
  background-size: contain;
}
#social-row .atvi-cta .li-icon a:hover {
  background: url(../../../../../../../content/dam/atvi/highmoon/hms-2020/home/linkedin-hover-icon-b.png) center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #social-row {
    padding: 40px 15px;
  }
}