/*******************/
/** HOMEPAGE 2019 **/
/*******************/

/*! GENERAL LAYOUT **/
.desktop-site [class*="module-"]:not(.module-hero) {
  margin-top: 45px;
}

.desktop-site #homepage-head [class*="module-"],
.pwa-site .c-responsive-container > div:nth-child(1) > div > div > [class*="module-"],
.pwa-site .c-responsive-container > div:nth-child(2) > div > div > [class*="module-"],
.pwa-site .c-responsive-container > div:nth-child(3) > div > div > [class*="module-"],
.pwa-site .c-responsive-container > div:nth-child(4) > div > div > [class*="module-"],
.pwa-site .c-responsive-container > div:nth-child(5) > div > div > [class*="module-"] {
  margin-top: 0px;
}

#homepage-body .module-hero {
  margin-top: 45px;
}

div[data-tracking="1/16 - Categories"],
.desktop-site #homec1_rr,
.desktop-site #home_rr #gwt_recommendations_home_1 {
  display: none;
}

.desktop-site #homepage #homec1_rr,
.desktop-site #homepage #gwt_recommendations_home_1 {
  display: block;
}

#homepage-body > div > div:nth-child(1) > div.module-alpha,
#homec1_rr {
  margin-top: 15px;
}

#homepage-body #homec1_rr {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.pwa-site #app-main .responsive-content > .m-responsive-template {
  margin-top: 0;
}

.headerRedesign.view-HomeView .redesignedHeaderAndNav ~ #content {
  padding-top: 149px;
}

.headerRedesign.home-view .redesignedHeaderAndNav,
.tabletHeaderRedesign.home-view .headerAndNav {
  background-color:  #fff;
}

.tabletHeaderRedesign.view-HomeView .headerAndNav ~ #content {
  padding-top: 130px;
}

/*! CINMAR-7543 RULES - EXPAND ALPHAS TO 12/9 ON DESKTOP/MOBILE **/
.desktop-site #homepage-body #homec1_rr .tilePanel {
  flex-wrap: wrap;
  display: flex;
}

.desktop-site #homec1_rr .carousel.h .hide-carousel-arrows .tilePanel,
.desktop-site #homec1_rr .carousel.h.swipe .tilePanel {
  margin-left: 0;
  margin-right: 0;
}

.desktop-site #homec1_rr .carousel.h .body {
  overflow: hidden !important;
}

.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile {
  width: 16.6667%;
  flex: 0 1 16.6667%;
}

.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile:nth-child(n+7) {
  margin-top: 15px;
}

.tabletHeaderRedesign #homepage-body #homec1_rr .carousel.h.swipe .carouselTile {
  width: 16.6667%;
  flex: 0 1 16.6667%;
}

.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile img {
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0);
}

.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile a:hover img,
.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile a:focus img,
.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile a:active img {
  border: 1px solid #7d7d7d;
}

.desktop-site #homepage-body #homec1_rr .tilePanel .carouselTile .gwt-we-suggest-panel-name-anchor {
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  letter-spacing: 0;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item,
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item  {
  width: 33.3336%;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(3n+1),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(3n+1) {
  padding-left: 12px;
  padding-right: 6px;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(3n+2),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(3n+2) {
  padding-left: 9px;
  padding-right: 9px;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(3n+3),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(3n+3) {
  padding-left: 6px;
  padding-right: 12px;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(n+3),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(n+3) {
  margin-top:0px;
}

.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(n+4),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(n+4) {
  margin-top:15px;
}

.pwa-site .module-alpha.six-by-two-alphas .col-xs-6:nth-child(n+10),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .pw-scroller__item:nth-child(n+10),
.pwa-site .c-custom-carousel--grid.c-custom-carousel--threeup .c-horizontal-scrollbar__item:nth-child(n+10) {
  display: none;
}

.pwa-site .c-custom-carousel--grid .c-horizontal-scrollbar__item img {
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0);
}

.pwa-site .c-custom-carousel--grid .c-horizontal-scrollbar__item a:focus img,
.pwa-site .c-custom-carousel--grid .c-horizontal-scrollbar__item a:hover img,
.pwa-site .c-custom-carousel--grid .c-horizontal-scrollbar__item a:active img {
  border: 1px solid #7d7d7d;
}

.pwa-site .c-custom-carousel--grid .c-product-item-title div{
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 600;
}

.pwa-site .c-recommendations {
  display: none !important;
}

.pwa-site .module-certona .c-recommendations {
  display: block !important;
}

.pwa-site .c-custom-carousel--grid .c-custom-carousel-content .c-product-item-title {
  display: block;
}

/* END CINMAR-7543 RULES **/

/*! START FW RULES **/

.desktop-site #content {
  overflow: hidden;
}

.desktop-site .btn.small {
  font-size: 75% !important;
}

/*! MAKE THIS H3/B2 ON TABLETS **/
@media screen and (orientation:portrait) {
  .desktop-site .btn.small {
    font-size: 65% !important;
  }
}


.desktop-site .contentWrapper {
  max-width: 1240px;
}

.desktop-site.screen-sm .contentWrapper {
  overflow: hidden;
}

.desktop-site body {
  overflow-x: hidden;
}

.full-width {
  width: 100vw;
  position: relative;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
}

.full-width video,
.video-wrapper video {
  width: 100%;
}

.video-controls-btn-wrapper.top-left {
  top: 5%;
  left: 5%;
}

.video-controls-btn-wrapper.top-right {
  top: 5%;
  right: 5%;
}

.video-wrapper:not(.initalized-video) video,
.video-wrapper:not(.initalized-video) .video-controls-btn-wrapper,
.video-wrapper.initalized-video img {
  display: none;
}

.full-width:not(.module-echo) div[class*="col-"],
.pwa-site .full-width.module-echo div[class*="col-"] {
  padding: 0;
}

.full-width .overlay-wrapper-outer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1240px;
  pointer-events:none;
}

.full-width .overlay-wrapper-inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.full-width .overlay-wrapper-outer .overlay-wrapper-inner .overlay-component {
  pointer-events: all;
}

.desktop-site .full-width img[src*="data:image"] {
  max-height: 550px;
}

.desktop-site #homepage-head .module-bravo.full-width img[src*="data:image"] {
  max-height: 90px;
}

.pwa-site .c-page-header {
  display: none;
}

.pwa-site #mainContent {
  margin-top: 0;
}

.pwa-site .module-certona {
  overflow: hidden;
}

/*! END FW RULES **/

html.pwa-site {
  line-height: 1.5;
}

.pwa-site [class*="module-"],
.pwa-site .c-custom-carousel--grid {
  margin-top: 45px;
}

.pwa-site [class*="module-"] > [class*="col-"]:not(:first-of-type) {
  margin-top:15px;
}

.pwa-site .promo-margins {
  margin-bottom: 0px !important;
}

.pwa-site .promo-margins > div,
.pwa-site .unstacked-module > div {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.desktop-site #homepage {
  min-height: 100%;
  height: auto;
  height: 100%;
}

.pwa-site #homepage {
  margin-left: 15px;
  margin-right: 15px;
}

/*! GENERAL COMPONENTS **/
.overlay-component {
  position: absolute;
  z-index: 1;
}

.desktop-site .overlay-component.multi-cta a {
  display: block;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.desktop-site .overlay-component.multi-cta a + a {
  margin-top: 8px;
}

.desktop-site .overlay-component.side-by-ctas .side-by-side-cta-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-top: 15px;
}

.desktop-site .overlay-component.side-by-ctas .side-by-side-cta-container a {
  white-space: nowrap;
}

.screen-xs.desktop-site .overlay-component.side-by-ctas .side-by-side-cta-container,
.screen-sm.desktop-site .overlay-component.side-by-ctas .side-by-side-cta-container {
  grid-template-columns: 1fr;
  grid-gap: 7px
}

.desktop-site .overlay-component.side-by-ctas .side-by-side-cta-container a + a {
  margin-left: 0px;
}

.desktop-site.screen-xs .overlay-component.side-by-ctas,
.desktop-site.screen-sm .overlay-component.side-by-ctas {
  max-width: 530px;
}

/*.desktop-site.screen-xs .overlay-component.side-by-ctas a,
.desktop-site.screen-sm .overlay-component.side-by-ctas a {
  display: block;
}

.desktop-site.screen-xs .overlay-component.side-by-ctas a + a,
.desktop-site.screen-sm .overlay-component.side-by-ctas a + a {
  margin-left: 0px;
  margin-top: 7px;
}
*/
.overlay-component.boxed-component {
  padding: 30px;
  background-color: rgba(255,255,255,0.7);
  text-align: center;
  width: fit-content;
  max-width: 530px;
}

.overlay-component.boxed-component.no-max {
  max-width: initial;
}

.desktop-site .overlay-component.boxed-component {
  border-radius: 4px;
}

.overlay-component.boxed-component.multi-cta-header-overlay {
  width: 100%;
  max-width: initial;
}

.overlay-component.boxed-component.text-left {
  text-align: left;
}

.overlay-component.boxed-component.text-right {
  text-align: right;
}

.video-wrapper {
  position:  relative;
}

.text-shadow {
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

.text-shadow.blurred-shadow {
  text-shadow: 0px 1px 28px rgba(0,0,0,1);
}

.desktop-site .split-banner > div:nth-child(1){
  padding-right: 0px;
}

.desktop-site .split-banner > div:nth-child(2) {
  padding-left: 0px;
}

.overlay-component.boxed-component.dark-box {
  background-color: rgba(0,0,0,0.7);
}

.overlay-component.boxed-component.blurred-box {
  background-color: rgba(61,61,61,0.15);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.overlay-component.boxed-component.hide-box {
  background-color: rgba(255,255,255,0.0);
}

.pwa-site .overlay-component.boxed-component {
  border-top: none;
  width: 100%;
  padding: 15px 10px;
}

.pwa-site .overlay-component.mobile-top {
  top: 0;
}

.pwa-site .overlay-component.mobile-top-left {
  top: 5%;
  right: 6%;
  width: 94%;
  border-radius: 0 4px 4px 0;
}

.pwa-site .overlay-component.mobile-top-right {
  top: 5%;
  left: 6%;
  width: 94%;
  border-radius: 4px 0px 0px 4px;
}

.pwa-site .overlay-component.mobile-bottom {
  bottom: 0;
}

.pwa-site .overlay-component.mobile-bottom-left {
  bottom: 5%;
  right: 5%;
  width: 95%;
  border-radius: 0 4px 4px 0;
}

.pwa-site .overlay-component.mobile-bottom-right {
  bottom: 5%;
  left: 5%;
  width: 95%;
  border-radius: 4px 0px 0px 4px;
}

.pwa-site .overlay-component.mobile-center {
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

.pwa-site .overlay-component.mobile-bottom.rounded-overlay {
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 5%;
  width: 90%;
}

.pwa-site .overlay-component.mobile-top.rounded-overlay {
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 5%;
  width: 90%;
}

.desktop-site .overlay-component.boxed-component.top-left {
  top: 5%;
  left: 5%;
}

.desktop-site .overlay-component.boxed-component.top-right {
  top: 5%;
  right: 5%;
}

.desktop-site .overlay-component.boxed-component.bottom-left {
  bottom: 5%;
  left: 5%;
}

.desktop-site .overlay-component.boxed-component.bottom-right  {
  bottom: 5%;
  right: 5%;
}

.desktop-site .overlay-component.boxed-component.bottom-center  {
  bottom: 5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.desktop-site .overlay-component.boxed-component.top-center  {
  top: 5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.desktop-site .overlay-component.boxed-component.center-center {
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

.desktop-site .overlay-component.boxed-component.left-center {
  top: 50%;
  left: 5%;
  transform:translate(-5%,-50%);
}

.desktop-site .overlay-component.boxed-component.right-center {
  top: 50%;
  right: 5%;
  transform:translate(5%,-50%);
}

.overlay-component.multi-cta-overlay {
  top: initial;
  top: inherit;
  text-align: center;
  bottom: 5%;
  width: 100%;
}

.overlay-component.multi-cta-overlay {
  pointer-events: none;
}

.overlay-component.multi-cta-overlay > a {
  pointer-events: auto;
}

.desktop-site .overlay-component.multi-cta-overlay .btn + .btn {
  margin-left:  30px;
}

.pwa-site .underlay-component.multi-cta-overlay {
  margin-bottom: 0px;
}

.pwa-site .overlay-component.multi-cta-overlay > a,
.pwa-site .underlay-component.multi-cta-overlay > a,
.pwa-site .overlay-component .side-by-side-cta-container > a,
.pwa-site .underlay-component .side-by-side-cta-container > a  {
  display: block;
  max-width: 90%;
  margin-left:  auto;
  margin-right: auto;
  margin-top: 10px;
}

.pwa-site .overlay-component.multi-cta-overlay .pw--tertiary,
.pwa-site .underlay-component.multi-cta-overlay .pw--tertiary,
.pwa-site .overlay-component.multi-cta-overlay .is--tertiary-btn,
.pwa-site .underlay-component.multi-cta-overlay .is--tertiary-btn,
.pwa-site .overlay-component.multi-cta-overlay .btn-tertiary,
.pwa-site .underlay-component.multi-cta-overlay .btn-tertiary {
  padding: 14px 30px !important;
}

.pwa-site .underlay-component.multi-cta-overlay > a {
  max-width: initial;
}

.pwa-site .underlay-component:not(.multi-cta-overlay, .side-by-side-cta-container) a {
  width: 100%;
}

.desktop-site .headline-component {
  margin-bottom: 8px;
  line-height: 1.2;
  text-transform: none !important;
}

.pwa-site .headline-component {
 text-transform: none;
}

.subheadline-component {
  margin-top: 15px;
  text-transform: none !important;
}

.preheadline-component {
  display:  block;
  letter-spacing:  2px;
  text-transform:  none;
  margin-bottom:  5px;
}

.module-alpha .underlay-component,
.module-notalpha .underlay-component {
  text-align: center;
}

.pwa-site .underlay-component {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.pwa-site .underlay-component .btn-tertiary.text-white,
.pwa-site .underlay-component .pw--tertiary.text-white,
.pwa-site .underlay-component .is--tertiary-btn.text-white,
.pwa-site .underlay-component .text-white {
  color: #000;
}

.pwa-site .underlay-component .btn-transparent {
  border-color: #000;
  color: #000;
}

.btn-tertiary.text-white:focus,
.pw--tertiary.text-white:focus,
.is--tertiary-btn.text-white:focus {
  border-color: #fff;
}

.btn-tertiary.no-padding:focus,
.btn-tertiary.no-padding:active {
  border: none;
}

.btn-transparent-dark {
  background-color: rgba(255,255,255,0.0);
  border-color: #000;
  color: #000;
}

.btn-transparent-dark:focus,
.btn-transparent-dark:active,
.btn-transparent-dark:hover {
  color: #999;
  border-color: #999;
  background-color: rgba(255,255,255,0.0);
}

.pwa-site .underlay-component .pw--tertiary.text-white:focus,
.pwa-site .underlay-component .is--tertiary-btn.text-white:focus {
  border-color: #000;
}


.pwa-site .module-alpha .underlay-component,
.pwa-site .module-notalpha .underlay-component {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

div[class*="module-"] .btn-tertiary.caret-right:after,
div[class*="module-"] .pw--tertiary.caret-right:after,
div[class*="module-"] .is--tertiary-btn.caret-right:after  {
  content:'\00a0>';
  border: none;
  display: inline;
  margin-left: -3px;
}

/*! MODULE ALPHA **/
.desktop-site .module-alpha.locked-static-alphas {
  margin-top: 45px !important;
}

.desktop-site #homepage-head .module-notalpha,
.pwa-site .c-responsive-container > div:nth-child(1) > div > div > .module-notalpha,
.pwa-site .c-responsive-container > div:nth-child(2) > div > div > .module-notalpha,
.pwa-site .c-responsive-container > div:nth-child(3) > div > div > .module-notalpha,
.pwa-site .c-responsive-container > div:nth-child(4) > div > div > .module-notalpha,
.pwa-site .c-responsive-container > div:nth-child(5) > div > div > .module-notalpha {
  margin-top: 15px !important;
}

.pwa-site .module-alpha .col-xs-6,
.pwa-site .module-notalpha .col-xs-6 {
  margin-top: 0px !important;
}

.pwa-site .module-alpha .col-xs-6:nth-child(n+3),
.pwa-site .module-notalpha .col-xs-6:nth-child(n+3) {
  margin-top: 15px !important;
}

.pwa-site .module-alpha .col-xs-6:nth-child(even),
.pwa-site .module-notalpha .col-xs-6:nth-child(even) {
  padding-left: 6px;
}

.pwa-site .module-alpha .col-xs-6:nth-child(odd),
.pwa-site .module-notalpha .col-xs-6:nth-child(odd) {
  padding-right: 6px;
}

.pwa-site .module-alpha,
.pwa-site .module-notalpha {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.pwa-site .module-alpha.three-up .col-xs-6,
.pwa-site .module-notalpha.three-up .col-xs-6 {
  clear: none;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: 24px !important;
}

.desktop-site .module-alpha.nine-up-alphas > div {
  width: 11.1111%;
}

.pwa-site .module-alpha.six-by-two-alphas > div.col-xs-6,
.pwa-site .module-alpha.nine-up-alphas > div.col-xs-6 {
  width: 33.3336%;
  margin-top: 0 !important;
}

.pwa-site .module-alpha.nine-up-alphas > div:nth-child(n+10) {
  display: none;
}

.pwa-site .module-alpha.six-by-two-alphas > div.col-xs-6:nth-child(3n+1),
.pwa-site .module-alpha.nine-up-alphas > div.col-xs-6:nth-child(3n+1) {
  padding-left: 12px;
  padding-right: 6px;
}

.pwa-site .module-alpha.six-by-two-alphas > div.col-xs-6:nth-child(3n+3),
.pwa-site .module-alpha.nine-up-alphas > div.col-xs-6:nth-child(3n+3) {
  padding-left: 6px;
  padding-right: 12px;
}

.pwa-site .module-alpha.six-by-two-alphas > div.col-xs-6:nth-child(3n+2),
.pwa-site .module-alpha.nine-up-alphas > div.col-xs-6:nth-child(3n+2) {
  padding-left: 9px;
  padding-right: 9px;
}

.pwa-site .module-alpha.six-by-two-alphas > div.col-xs-6:nth-child(n+4),
.pwa-site .module-alpha.nine-up-alphas > div.col-xs-6:nth-child(n+4) {
  margin-top: 15px !important;
}

.pwa-site .module-alpha.six-by-two-alphas > div .underlay-component,
.pwa-site .module-alpha.nine-up-alphas > div .underlay-component {
  margin-top: 0px;
  margin-bottom: 0px;
}

.desktop-site .module-alpha.six-by-two-alphas > div.col-sm-2:nth-child(n+7) {
  margin-top: 15px;
}

.desktop-site .module-alpha.six-by-two-alphas > div.col-sm-2:nth-child(7) {
  clear: both;
}

.module-alpha.six-by-two-alphas > div a.btn,
.module-alpha.six-by-two-alphas > div a.c-button,
.module-alpha.nine-up-alphas > div a.btn,
.module-alpha.nine-up-alphas > div a.c-button {
  padding: 0;
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  letter-spacing: 0;
  font-weight: 600;
  border: none;
  margin-top: 5px;
}

.module-alpha.six-by-two-alphas img,
.module-alpha.nine-up-alphas img {
  border-radius: 4px;
  border: rgba(0,0,0,0);
}

.module-alpha.six-by-two-alphas a:hover img,
.module-alpha.six-by-two-alphas a:active img,
.module-alpha.six-by-two-alphas a:focus img,
.module-alpha.nine-up-alphas a:hover img,
.module-alpha.nine-up-alphas a:active img,
.module-alpha.nine-up-alphas a:focus img {
  border: 1px solid #7d7d7d;
}

.module-alpha .alpha-cta-component {
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 8px;
  text-align: left;
  display: block;
  letter-spacing: 1.5px;
}

.pwa-site .module-alpha .alpha-cta-component {
  font-size: 0.75em;
  letter-spacing: 1.1px;
}

.module-alpha .alpha-cta-component span {
  display: block;
  font-weight: 500;
}


/*! MODULE BRAVO **/
.desktop-site .module-bravo:not(.full-width) {
  display:  flex;
}

.desktop-site .module-bravo:not(.full-width) .col-sm-6 .wrapper:not(.outlined-variant) {
  height:  100%;
}

.desktop-site .module-bravo:not(.full-width) .col-sm-6 .wrapper:not(.outlined-variant) .img.img-responsive {
  height:  100%;
  object-fit:  cover;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
  .desktop-site .overlay-component.boxed-component {
    width: 400px;
    max-width: 50vw;
  }
  .desktop-site .module-hero .overlay-component.boxed-component {
    max-width:  100%;
    padding:  2%;
  }
  .desktop-site .overlay-component.boxed-component.multi-cta-header-overlay {
    width: 100%;
  }
  div[class*="module-"] .btn {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .desktop-site .headline-component {
    font-size: 4vw;
  }
  .desktop-site .subheadline-component {
    margin-top: 1.5vw;
    font-size: 2.5vw;
  }
  .desktop-site .body-copy-component {
    font-size: 1.5vw;
  }
}

/*! OUTLINE VARIANT OF MODULE B **/
.outlined-variant {
  border:  1px solid #000;
}

.outlined-variant.rounded {
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}

.desktop-site .outlined-variant {
  display:  flex;
  flex-direction:  column;
  height:  100%;
}

.desktop-site .outlined-variant > div,
.desktop-site .outlined-variant > a {
  flex:  1;
}

.outlined-variant .outlined-text-component {
  padding:  30px;
}

.pwa-site .outlined-variant.rounded .outlined-text-component {
  padding: 30px 15px;
}

@media only screen and (orientation: portrait) {
  .tabletHeaderRedesign .outlined-variant .outlined-text-component {
    padding:  30px 0px;
  }
  .tabletHeaderRedesign .outlined-variant .headline-component {
   font-size: 3vw; 
  }
  .tabletHeaderRedesign .outlined-variant.rounded .outlined-text-component {
    padding:  30px 15px;
  }
}

@media only screen and (orientation: landscape) {
  .tabletHeaderRedesign .outlined-variant .outlined-text-component {
    padding:  30px 0px;
  }
  .tabletHeaderRedesign .outlined-variant .headline-component {
   font-size: 3vw; 
  }
  .tabletHeaderRedesign .outlined-variant.rounded .outlined-text-component {
    padding:  30px 15px;
  }
}

/*! MODULE TEXT **/
.desktop-site .module-text {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/*! MODULE F **/
.desktop-site .module-foxtrot {
  display:  flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.module-foxtrot .big-col img,
.module-foxtrot .big-col video,
.module-foxtrot .small-col img {
  border-radius: 4px;
}

.desktop-site .module-foxtrot .wrapper,
.desktop-site .module-foxtrot .wrapper .video-wrapper,
.desktop-site .module-foxtrot .wrapper .video-wrapper video,
.desktop-site .module-foxtrot .wrapper img {
  height: 100%;
}

.desktop-site .module-foxtrot .wrapper img,
.desktop-site .module-foxtrot .wrapper .video-wrapper video {
  object-fit: cover;
}

.desktop-site .module-foxtrot .small-col .wrapper.text-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 30px;
  border-radius: 4px;
}

.pwa-site .module-foxtrot .small-col .wrapper.text-wrapper {
  padding: 32px;
  border-radius: 4px;
}

.module-foxtrot .small-col .text-component {
  width: 100%;
}

/*! MODULE G **/
.desktop-site .module-golf .overlay-component {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  top:initial;
  top:inherit;
  bottom: 10%;
  left: 5%;
  right: 5%;
}

.pwa-site .module-golf .overlay-component {
  width: 90%;
  bottom: 5%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  padding: 10px 5px;
  background-color: rgba(255,255,255,0.9);
  border-radius: 4px;
  pointer-events: none;
}

.desktop-site.screen-sm-up .module-golf .stacked-cols .row {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.desktop-site.screen-sm-up .module-golf .stacked-cols .row:after,
.desktop-site.screen-sm-up .module-golf .stacked-cols .row:before {
  display: none;
}

.desktop-site.screen-sm-up .module-golf.three-up-variant {
  display: flex;
  flex-wrap: wrap;
}

.desktop-site.screen-sm-up .module-golf.three-up-variant .large-col .wrapper {
  height: 100%;
}

.desktop-site.screen-sm-up .module-golf.three-up-variant .large-col .wrapper img {
  height: 100%;
  object-fit: cover;
}

.desktop-site .module-golf .rollover-component img {
  opacity: 1;
  border-radius: 4px;
  transition: opacity 0.2s ease-in-out;
  background-color: #fff;
}

.desktop-site .module-golf .rollover-component:active + .overlay-component,
.desktop-site .module-golf .rollover-component:focus + .overlay-component,
.desktop-site .module-golf .rollover-component:hover + .overlay-component {
  opacity: 1;
}

.desktop-site .module-golf .rollover-component:active img,
.desktop-site .module-golf .rollover-component:focus img,
.desktop-site .module-golf .rollover-component:hover img {
  opacity: 0.15;
}

.desktop-site .module-golf .text-col {
  margin-bottom: 45px;
}

.pwa-site .module-golf .text-col + .large-col {
  margin-top: 20px !important;
}

.pwa-site .module-golf .small-col {
  margin-top:0 !important;
}

.desktop-site .module-golf .small-col .row > div:nth-child(n+3) {
  margin-top: 15px;
}

.pwa-site .module-golf .small-col .row > div {
  margin-top: 24px;
}

.module-golf .overlay-component h3, 
.module-golf .overlay-component p {
  margin-bottom: 0px;
  line-height:1.2;
}

.module-golf .overlay-component h3 + p {
  margin-top: 8px;
}

.module-golf .overlay-component h3 + span,
.module-golf .overlay-component p + span {
  margin-top: 16px;
}

.pwa-site .module-golf .text-col h2,
.pwa-site .module-hotel .text-col h2  {
  font-size: 1.5em;
  line-height: 1;
}

/*! MODULE H **/
.desktop-site .module-hotel .text-col {
  margin-bottom: 45px;
}

.module-hotel .tiles-col .row {
  display: flex;
}

.module-hotel .tiles-col .row + .row {
  margin-top: 20px;
}

.module-hotel .img-sub-col {
  padding-right: 0px;
}

.module-hotel .text-sub-col {
  padding-left: 0px;
}

.module-hotel .img-sub-col img {
  height: 100%;
  object-fit: cover;
  border-radius: 4px 0px 0px 4px;
}

.module-hotel .tiles-col .text-sub-col .wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 15px 40px;
  background-color: #F2F2F2;
  border-radius: 0 4px 4px 0;
}

.pwa-site .module-hotel .tiles-col .text-sub-col .wrapper {
  padding: 15px;
}

.module-hotel .tiles-col .text-component h3,
.module-hotel .tiles-col .text-component p {
  margin-bottom: 0;
  line-height: 1.2;
}

.module-hotel .tiles-col .text-component h3 + p {
  margin-top: 8px;
}

.module-hotel .tiles-col .text-component h3 + a,
.module-hotel .tiles-col .text-component p + a {
  margin-top: 16px;
}

.pwa-site .module-hotel .tiles-col .text-component a {
  text-align: left;
}

/*! DESIGN SERVICES MODULE TEST **/
.desktop-site .module-foxtrot .text-col {
  margin-top: 50px;
}

.pwa-site .module-foxtrot .text-col {
  margin-top: 25px !important;
}

.desktop-site .module-foxtrot .text-col .wrapper {
  padding-left: 5%;
  padding-right: 5%;
}

.desktop-site .module-foxtrot .text-col p {
  line-height: 19px;
}

.desktop-site .module-foxtrot .marketing-col:after {
  content:"";
  position: absolute;
  top: 15%;
  bottom: 15%;
  right: 0;
  width: 1px;
  background-color: #000;
}

.pwa-site .module-foxtrot .marketing-col:after,
.screen-xs .module-foxtrot .marketing-col:after  {
  content: "";
  position: static;
  height: 1px;
  width: 25%;
  display: inline-block;
  background-color: #000;
}

.module-foxtrot .star-wrapper .star-icon {
  color: #F5DB68;
  margin-left: 1%;
  margin-right:1%;
  font-size: 150%;
}

/*! MODULE INDIA **/
.module-india .text-col {
  margin-bottom: 60px;
}

.module-india .content-wrapper {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  padding: 45px 15px;
}

.module-india .tiles-wrapper {
  display: flex;
  row-gap: 30px;
  column-gap: 15px;
}

.screen-xs .module-india .tiles-wrapper,
.pwa-site .module-india .tiles-wrapper {
  flex-wrap: wrap;
}

.module-india .tiles-wrapper img {
  border-radius: 4px;
}

.module-india .tiles-wrapper .text-component {
  margin-top: 24px;
}

.module-india .tiles-wrapper .text-component h3,
.module-india .tiles-wrapper .text-component p {
  margin-bottom: 4px;
}

/*! XCBI RULES **/
.xcbi-q2-hero .btn,
.xcbi-q2-hero .pw-button,
.xcbi-q2-hero .c-button {
  background-color: #355e7e;
  border-color: #355e7e;
}

.xcbi-q2-hero .btn:hover,
.xcbi-q2-hero .btn:active,
.xcbi-q2-hero .btn:focus {
  background-color: #4685b7;
  border-color: #4685b7;
}

.desktop-site .xcbi-q2-hero .overlay-component.multi-cta-overlay{
  bottom: 20%;
}

.desktop-site.tabletHeaderRedesign .xcbi-q2-hero .overlay-component.multi-cta-overlay,
.desktop-site.screen-md .xcbi-q2-hero .overlay-component.multi-cta-overlay,
.desktop-site.screen-sm .xcbi-q2-hero .overlay-component.multi-cta-overlay {
  bottom: 18%;
}

.desktop-site.tabletHeaderRedesign .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn + .btn,
.desktop-site.screen-md .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn + .btn,
.desktop-site.screen-sm .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn + .btn,
.desktop-site.screen-xs .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn + .btn {
  margin-left: 8px;
}

.desktop-site.screen-sm .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn,
.desktop-site.screen-xs .xcbi-q2-hero .overlay-component.multi-cta-overlay .btn {
 font-size: 10px;
}

.pwa-site .xcbi-q2-hero .overlay-component.multi-cta-overlay {
  bottom: 13%;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.pwa-site .xcbi-q2-hero .overlay-component.multi-cta-overlay > a {
  font-size: 12px;
  margin-top: 8px;
  padding: 12px 30px;
}