html, body {
  margin: 0;
  padding: 0;
  font-family: "Suisse Int'l","Open Sans","Frutiger LT Arabic 65",sans-serif;
  line-height: normal;
}

p {
  margin: 0;
}

.container-custom{
  margin: 0 auto;
  padding-left: 2%;
  padding-right:2%;
}

.page-container {
  max-width: 1200px;
}

.region {
  position: relative;
  margin-bottom: 0.75rem;
}

.region:before {
  display: block;
  content: "";
  width: 100%;
}

.region .experience-component {
  position: absolute;
  top: 0;
  bottom: 0;
  /*replicating the gutters*/
  left: 0.5rem;
  right: 0.5rem;
}

/* padding-top in percentages refers to parent width
   this allows us to specify an aspect-ratio         */
.region_landscape-large:before {
  padding-top: calc(400 / 1024 * 100%);
}

.region_square:before {
  padding-top: calc(1 / 1 * 100%);
}

.region_landscape-small:before {
  padding-top: calc(1 / 2 * 100%);
}

.region_portrait-small:before {
  padding-top: calc(2 / 1 * 100%);
}

.two-column-region:before{
	padding-top: calc(1 / 2 * 100%);
}
.three_column_region:before{
	padding-top: calc(1 / 1 * 100%);
}
.four_column_region:before{
	padding-top: calc(2 / 1 * 100%);
}
.einstein_four_column_region:before{
	padding-top: calc(3 / 2 * 100%);
}
.einstein-noanchor-recommendations,.einstein-category-recommendations,.einstein-product-recommendations{
  height: 100%;
}
.fullwidthcarousel-main .custom-homepage-carousel:not(.slick-initialized) {
  flex-wrap: wrap;
}
.fullwidthcarousel-main .experience-assets-carouselbanner:not(.slick-slide) {
  flex-basis: 100%;
}
.fullwidthcarousel-main .experience-assets-carouselbanner:not(.slick-slide):not(:first-child) {
  display: none;
}

@media screen and (min-width: 1200px) {
  .experience-component.experience-layouts-1row2columnforbanner {
    min-height: 400px;
  }
  .experience-component.experience-layouts-fullwidthcarousel {
    min-height: 300px;
  }
  .experience-component.experience-einstein-noanchorrecommendationslider {
    min-height: 60px;
  }
  .experience-component.experience-assets-categorytileslist {
    min-height: 300px;
  }
  .experience-component.experience-assets-fullwidthbanner {
    min-height: 250px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .experience-component.experience-layouts-1row2columnforbanner {
    min-height: 250px;
  }
  .experience-component.experience-layouts-fullwidthcarousel {
    min-height: 175px;
  }
  .experience-component.experience-einstein-noanchorrecommendationslider {
    min-height: 60px;
  }
  .experience-component.experience-assets-categorytileslist {
    min-height: 225px;
  }
  .experience-component.experience-assets-fullwidthbanner {
    min-height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .experience-component.experience-layouts-1row2columnforbanner img {
    min-height: 215px;
  }
  .experience-component.experience-layouts-fullwidthcarousel {
    min-height: 217px;
  }
  .experience-component.experience-einstein-noanchorrecommendationslider {
    min-height: 36px;
  }
  .experience-component.experience-assets-categorytileslist .einstein-recommendations-slider {
    min-height: 150px;
  }
  .experience-component.experience-assets-categorytileslist .einstein-recommendations-slider .region{
    min-width: 140px;
    min-height: 155px;
  }
}

@media (max-width: 47.99em) { 

	.two-column-region:before {
	  	padding-top: calc(1 / 1 * 100%);
	}
	.three_column_region:before{
		padding-top: calc(400 / 1024 * 100%);
	}
  .einstein_four_column_region:before{
    padding-top: calc(3/2.5 * 100%);
  }
  .einstein_four_column_region .product-text_container{
    bottom: 5%;
  }
	.fourcolumn-slick .slick-list{
		padding-right: 12%;
	} 
	  .fourcolumn-slick .region .experience-component{
	  	left:0;
	  } 
	  .fourcolumn-slick{
	  	margin-left:-0.35rem;
	  	margin-right:-0.35rem;
	  } 
  .homepage-layout {
    margin-bottom: 45px;
  }
}

div.sf-interactions-proxyHoverContainer a {
  overflow: visible;
}

.region-flex::before{
  padding: 0;
}

.region-flex .experience-component{
  position: unset;
}

.white-background{
  background-color: white!important;
}
.einstein-noanchor-recommendations .product-text_container{
  left: 0;
  right: 0;
}

#main:not(.fluid) {
  padding-bottom: 0 !important;
}