/*********************/
/* 2022 LANDING PAGE */
/*********************/

/*! STAGE SETTING RULES */
#mainContent .genericESpot .caption + div:not(#seo-copy), /*! HIDES BANNER ON DESKTOP **/
.grid-subcategories,
#gwt_subcategories_dp,
.top-banner, /*! HIDES BANNER ON DESKTOP **/
#categoryHeader,
.c-custom-select__container {
	display: none !important;
}

#seo-copy {
	display: block !important;
}

.t-category-list__category  {
	display: none;
}

.text-red {
	color: #c00;
}

.float-right {
	float: right;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	#sideBox {
		display: none;
	}
}

#sideBox {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	margin-top: 25px;
	padding: 10px 10px 7px;
	background-color: #fff;
	opacity: 0.9;
	font-size: 14px;
}

.wrapper>[id="sideBox"] [id="sideBoxHeader"] {
	margin: 0px !important;
}



.tabletHeaderRedesign #sideBox {
	font-size: 0.875em;
	left: 2%;
}

@media only screen and (orientation: portrait) {
	.tabletHeaderRedesign #sideBox {
		display: none;
	}
}

div[class*="module-"]:last-of-type {
	margin-bottom: 50px;
}

.wrapper>[id="sideBox"] ~ [id="mainContent"] {
	width: 100% !important;
}

/*! YOU MIGHT NEED THESE? **/
/*.desktop-site #mainContent,
.desktop-site .contentWrapper {
	padding: 0;
}

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

.desktop-site .m-framework > .container {
	margin: 0;
}

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

/*! UTILITY CLASSES **/
.desktop-site .full-width {
	width: 100vw;
	position:relative;
	margin-left: calc(-50vw + 50%);
	overflow: hidden;
}

@media (min-width: 1440px) {
	.desktop-site .full-width {
		width: 1440px;
		position:relative;
		margin-left: calc(-720px + 50%);
		overflow: hidden;
	}
}

.mw-1225 {
max-width: 1225px !important;
margin: 0px auto;
}

.pwa-site .full-width 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;
}

.zoom {
	overflow: hidden;	
}

.zoom img {
	-webkit-transition: all 0.45s ease-in-out;
	   -moz-transition: all 0.45s ease-in-out;
	    -ms-transition: all 0.45s ease-in-out;
	     -o-transition: all 0.45s ease-in-out;
	        transition: all 0.45s ease-in-out;
}

.zoom:hover img {
	   -moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	     -o-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.overlay-component {
	position: absolute;
	z-index: 2;
}

.overlay-component.bottom-right {
    bottom: 0;
    right: 0;
}

.overlay-component.bottom-left {
    bottom: 0;
    left: 0;
}

.overlay-component.top-right {
    top: 0;
    right: 0;
}

.overlay-component.top-left {
    top: 0;
    left: 0;
}

.module-hero .overlay-component.sept-pos {
	top: 10%;
	right:  0%;
}

.module-hero .overlay-component.oct-pos {
	bottom: 25%;
	left: 23%;
}

.screen-md:not(.tabletHeaderRedesign) .module-hero .overlay-component.oct-pos {
	bottom: 25%;
	left: 21%;
}

.screen-sm:not(.tabletHeaderRedesign) .module-hero .overlay-component.oct-pos {
	bottom: 24%;
	left: 19%;
}

.white-box {
	background-color: rgba(255,255,255,0.7);
}

.black-box {
	background-color:  rgba(0,0,0,0.9);
}

.padding-20 {
	padding: 20px;
}

.underlay-component {
	margin-top: 40px;
	text-align: center;
}

.pwa-site .underlay-component {
	margin-top:  15px;
}

.pwa-site div[class*="module"]:not(.module-tiles) .underlay-component {
	padding: 0 12px;
}

.flex-row {
	display:  flex;
}

.flex-justify-between {
	justify-content:space-between
}

.flex-left-image {
	margin:0px 5px 0px 0px;
}

.flex-right-image {
margin:0px 0px 0px 5px;
}


.pwa-site .flex-left-image {
	margin:0px 1.5px 0px 0px;
}

.pwa-site .flex-right-image {
margin:0px 0px 0px 1.5px;

}

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

.img-full-width {
    width: 100vw;
    max-width: 1440px;
}

.reverse-flex-row {
	flex-direction: column-reverse;
}

div[class*="module-"] + div[class*="module-"] {
	margin-top: 95px;
}

.desktop-site .nomargin-c {

	margin-top: 0px !important;
}

.pwa-site div[class*="module-"] + div[class*="module-"] {
	margin-top: 85px;
}

.wrapper.fh-wrapper {
	height:  100%;
}

.wrapper.fh-wrapper img {
	height: 100%;
	object-fit:  cover;
}

.pwa-site div[class*="module-"] .col-xs-6 {
	padding: 0;
}

.pwa-site div[class*="module-"] .col-xs-6:nth-child(odd) {
	padding-right: 2px;
}

.pwa-site div[class*="module-"] .col-xs-6:nth-child(even) {
	padding-left: 2px;
}

.desktop-site .certona-swiper .recommendation-tile {
	width:  16%;
}

.pwa-site .certona-swiper .recommendation-tile {
	width:  34%;
}

/*! HERO **/
.desktop-site .module-hero .aside-nav {
	width: calc(100% - 206.66667px) !important;
}
.tabletHeaderRedesign:not(.screen-md) .module-hero .aside-nav {
	width: 100% !important;
}

/*! MODULE ONEUP **/
.overlay-component.trees.oct-pos {
	right:  5%;
	top:  5%;
}

/*! MODULE THREE UP **/
.desktop-site .module-threeup .row {
	display: flex;
	align-items: center;
}

.pwa-site .module-threeup .row > div:first-of-type {
	padding: 0;
}

.pwa-site .module-threeup .row > div:last-of-type {
	margin-top: 15px;
}

/*! MODULE MOBILE CAROUSEL **/
.pwa-site .module-mobile-carousel {
	margin-top: 80px !important;
}

.pwa-site .module-mobile-carousel .swiper-slide {
	width: 80%;
}

/*! MODULE ONE PLUS THREE **/
.desktop-site .module-oneplusthree .row + .row {
	margin-top: 40px;
}

.desktop-site .module-oneplusthree .one-row {
	display:  flex;
	align-items:  center;
}

.desktop-site .module-oneplusthree .tiles-row,
.desktop-site .module-oneplusthree .one-row {
	margin-left: -20px;
	margin-right: -20px;
}

.desktop-site .module-oneplusthree .one-row > div,
.desktop-site .module-oneplusthree .tiles-row .col-sm-4 {
	padding-left: 20px;
	padding-right: 20px;
}

.pwa-site .module-oneplusthree .tiles-row > div:nth-child(n+3) {
	margin-top: 20px;
}

/*! MODULE TWO UP **/
.pwa-site .module-twoup .row > div + div {
	margin-top: 40px;
}

.pwa-site .module-twoup .row > div {
	padding: 0;
}

/*! MODULE TEXT PLUS IMAGE **/ 
.desktop-site .module-image-with-text .row + .row {
	margin-top: 40px;
}

/*! MODULE PRODUCT GRID CAROUSEL **/
.module-product-carousel .row + .row {
	margin-top: 40px;
}

.desktop-site .module-product-carousel .product-swiper .swiper-slide {
	width: 19%;
}

.pwa-site .module-product-carousel .product-swiper .swiper-slide {
	width: 34%;
}

.module-product-carousel .rollover-component {
	position:  absolute;
	top:  0;
	left:  0;
	bottom:  0;
	right:  0;
	background-color:  rgba(0,0,0,0.5);
	display:  flex;
	align-items:  center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
	padding: 10%;
}

.module-product-carousel .rollover-component h2 {
	margin-bottom:  0px;
	margin-left:  auto;
	margin-right:  auto;
}

.desktop-site .module-product-carousel  a:hover .rollover-component,
.desktop-site .module-product-carousel  a:active .rollover-component,
.desktop-site .module-product-carousel  a:focus .rollover-component {
	pointer-events:  auto;
	opacity:  1;
}

/*! MODULE-TILES **/
.module-tiles .col-xs-6:nth-child(n+3) {
	margin-top:  36px;
}

.module-tiles .col-xs-6:nth-child(odd) {
	clear:  both;
}

/*! CERTONA MODULES **/
.module-certona .header-with-text,
.module-certona .quick-view-button-holder,
.module-certona .gwt-we-suggest-panel-name-anchor {
	display: none !important;
}

.module-certona .title-component {
	text-align: center;
}

.module-certona .carousel.h .hide-carousel-arrows .tilePanel {
	margin: 0;
}

.module-certona .carouselTile:nth-child(1) {
	padding-left: 0;
	padding-right: 8px;
}

.module-certona .carouselTile:nth-child(2),
.module-certona .carouselTile:nth-child(3),
.module-certona .carouselTile:nth-child(4) {
	padding-left: 4px;
	padding-right: 4px;
}

.module-certona .carouselTile:nth-child(5) {
	padding-right: 0;
	padding-left: 8px;
}

.module-certona .carousel-component {
	display:  flex;
}

.module-certona .carousel-component .recommendation-tile {
	width:  20%;
}