/**
*
* CONTENT.CSS
*
* Adding CG4 redesign content styles here
*
*
*/
/* GENERAL STYLES  */

/* .media-content-container .content-square.content-card{
    padding-top: 100%;
    height: 0;
}

.media-content-container .content-square.content-card .thumb-link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;} */


.privacy-policy-table,
.privacy-policy-table th,
.privacy-policy-table td,
.privacy-policy-table p {
	font-size: 12px;
	line-height: 1.2em;
}
.privacy-policy-table p {
	margin: 0 0 0.5em;
}
.privacy-policy-table ul {
	padding-left: 15px;
	margin: 0 0 0.5em;
}
.privacy-policy-table li {
}
.privacy-policy-table li > p {
	margin: 0 0 0.5em;
}

/**
* 
* MEDIA CONTENT SQUARES
*
*/

.folder-container.content-container{ padding-right: 2rem; }

.media-category-squares.media-category-cards .category-square-container {
    display: flex;
    flex-wrap: wrap;
    width: auto;
}

.media-category-squares.media-category-cards .featured-category-card{
	width: 50%;
	flex: 1 1 auto;
}
.media-category-squares.media-category-cards .featured-category-card .hover-card .content{ padding: 6rem; }
.media-category-squares.media-category-cards .featured-category-card .hover-card h4{
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
}

.media-category-squares.media-category-cards .featured-category-card .hover-card .series-data{
	font-size: 14px;
}

.media-category-squares.media-category-cards .featured-category-card .hover-card .hover-description{
	font-size: 20px;
    line-height: 28px;
}

.media-category-squares.media-category-cards .featured-category-card .hover-card .btn-container{ padding: 0 3rem; }

.media-category-squares.media-category-cards .category-cards{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.media-category-squares.media-category-cards .category-square{ margin: 0; padding: 0;  border: 10px solid transparent;}
.media-category-squares.media-category-cards .category-cards .category-square{ width: 50%; }

.media-category-squares.media-category-cards .category-square .episode-details{
    margin-top: 0;
    padding: 1rem;
    height: 80px;
    position: static;
    background-color: #fff;
    text-align: left;
    align-items: unset;
}

.media-category-squares.media-category-cards .featured-category-card .category-square .episode-details{
   	height: 160px;
}
.media-category-squares.media-category-cards .category-square .episode-title-container{ min-height: auto; }
.media-category-squares.media-category-cards .category-square .episode-description{
	display: none;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.content-square .content-square-hover-container{
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: visibility 0.3s;
}

.content-square.content-card:hover .content-square-hover-container{
	visibility: visible;
	transition: visibility 0.3s;
}

.content-square.content-card .hover-background-element{    
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
    transition: opacity 0.3s;
    background-color: #000;
    z-index: 5; 
}

.content-square .content-square-hover-container i{ color: #fff; text-align: center; }

.content-square .content-square-hover-container i.media-icon{
    font-size: 4rem;
    width: 100%;
}

/* to create a circle border and icon sizing for headline media icon */
.content-square .content-square-hover-container i.media-icon.fas.fa-book-open{
    display: flex;
    justify-content: center;
}
.content-square .content-square-hover-container i.media-icon.fas.fa-book-open::before {
	font-size: 1.7rem;
	width: 64px;
    height: 64px;
    border: 6px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-square .content-square-hover-container .hover-content{
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    top: 7px;
    z-index: 10;
    transition: top 0.3s, opacity 0.3s;
    opacity: 0;
}
.content-square .content-square-hover-container .hover-content span{ font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; margin-top: 1rem; }

.content-square .content-square-hover-container .hover-content span{ 
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0.5rem;
    font-size: 14px; 
}
.content-square .content-square-hover-container .hover-content span.watch{ margin-right: 5px; display: block; }
.content-square .content-square-hover-container .hover-content .fa-long-arrow-right{
	font-size: 18px;
	position: relative;
	top: 5px;
	margin-left: 11px;
	display: block;
}

.content-square.content-card:hover .content-square-hover-container .hover-content{
    top: 0;
    transition: top 0.3s, opacity 0.3s;
    opacity: 1;
}

.media-category-squares.media-category-cards .category-cards-more{ 
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    transition: height 0.8s ease-out;
    height: auto;
}

.media-category-squares.media-category-cards .category-cards-more .category-square{ 
	width: 33%;
    flex-basis: 33.333333%;
    flex-grow: initial;
}

.category-cards-more-btn{ margin: 0 auto; }
.category-cards-more-btn .btn{     
	min-width: 130px;
    padding: 0.5rem 0;
}


.mobile-swiper.media-square-swiper-container {display: none;}

.media-category-squares .media-content-container .hover-card{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 0;
    /* cursor: pointer; */
    z-index: 11;
    transition: opacity 400ms, visibility 0ms 400ms;
}

.media-category-squares .media-content-container .category-square:hover .hover-card {
	visibility: visible;
	transition: opacity 400ms 5ms, visibility 0ms;
	opacity: 1;
}

.square-swiper-container-initialized .category-square-container{
    margin: 0;
    width: auto;
    flex-wrap: unset;
}
	
.square-swiper-container-initialized,
.rectangle-swiper-container-initialized{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    
}
.square-swiper-container-initialized .square-swiper-wrapper,
.rectangle-swiper-container-initialized .rectangle-swiper-wrapper{    
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
       flex: none;
   	flex-wrap: unset;
   	margin: 0;
}
   
.square-swiper-container-initialized .square-swiper-slide,
.rectangle-swiper-container-initialized .rectangle-swiper-slide {
 
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	flex: none;
	margin: 0;
	padding: 0;
	max-width: none;
}
   
.swiper-navigation-helper{position: relative; }

@media (max-width: 992px) {
	.media-category-cards .media-category-container,
	.media-category-squares .mobile-swiper .hover-card,
	.media-category-squares .featured-thumb .hover-card {display: none;}
	.mobile-swiper.media-square-swiper-container {display: block;}
	
	.mobile-swiper .category-square .episode-details{ display: none; }
	
	.media-category-squares{padding: 0 1rem;}
	
	.media-category-container .category-square{flex-grow: 1; flex-basis: 15%; margin: 0 0 0 5px; }
	.media-category-container.square-swiper-container-initialized .category-square{flex-grow: unset; flex-basis: unset; margin: 0; }
	
	.media-category-container .category-square:not(:first-child) .episode-title,
	.media-category-container .category-square:not(:first-child) .episode-description,
	.media-category-container .category-square:not(:first-child) .media-type span{display: none;}
	.media-category-container .category-square:not(:first-child) .media-type i{ font-size: 30px; margin-bottom: 0;}
	.media-category-container .category-square:not(:first-child) .episode-title-container { min-height: unset; } 
	
	.media-category-container.square-swiper-container-initialized .category-square .episode-title,
	.media-category-container.square-swiper-container-initialized .category-square .episode-description,
	.media-category-container.square-swiper-container-initialized .category-square .media-type span{display: none;}
	.media-category-container.square-swiper-container-initialized .category-square .media-type i{ font-size: 30px; margin-bottom: 0;}
	.media-category-container.square-swiper-container-initialized .category-square .episode-title-container { min-height: unset; }
	
	.media-category-squares.media-category-cards .category-cards {
	    flex-wrap: nowrap;
	}
	
	.content-square .content-square-hover-container{ display: none; }
	
}

/**
* 
* MEDIA CONTENT RECTANGLE
*
*/
.recent-content-container{ position: relative; }
.content-modules-container { padding: 2rem 0 5rem 0; background: #f7f7f7; }
.recent-content-container .slot-button-next{ right: -23px; }
.recent-content-container .swiper-navigation-container{
	height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recent-content-container .swiper-pagination-bullet{ margin: 0 5px; }
.recent-content-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #434343; }

.recent-content-container .swiper-navigation-container .swiper-pagination{ bottom: -3.5rem; }

.content-container .category-rectangle a{ display: flex; }
.content-container .category-rectangle a .episode-details{ 
	flex: 1 0 70%;     
	border: 1px solid #eaeaea;
    border-radius: 0 3px 3px 0;
    border-left: 0;
    padding:1rem;
    background-color:#fff;
}
.content-container .category-rectangle a .episode{ border-radius: 3px 0 0 3px; }
.content-container .category-rectangle a .episode-details .media-type-container{ font-size: 14px; }
.content-container .category-rectangle a .episode-details .episode-title-container{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    padding: 1.5rem 0;
}
.content-container .category-rectangle a .episode-details p{ 
	margin: 0; 
	line-height: 22px; 
	height: 40px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.content-container .category-rectangle a .episode-details h3{ color: #000; line-height: 26px; margin: 0; text-transform:capitalize; font-size: 1.125rem;
    letter-spacing: 0.02rem; }


/* MEDIA PAGE  */

.episode-details .media-type-container{
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    font-family:'Roboto Condensed', sans-serif;
}
.featured-category-card .episode-details .media-type-container {font-size:14px; line-height:18px;}

.episode-title h4{ 
	font-size: 16px;
	color: #000;
	text-transform: capitalize;
	margin:0;
	overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: initial;
}
.featured-category-card .episode-title h4 {font-size:20px; line-height:26px; margin-top:5px; letter-spacing: initial;}

.media-content-container .category-header{ text-align: center; margin: 1rem 0 2rem 0; }

.media-content-container .content-container.featured-categories .episode-details{ border: 0px; padding: 1rem 0 0 0; text-align: center; }
.media-content-container .content-container.featured-categories .episode-details .episode-title h4{ font-size: inherit; }
.media-content-container .content-container.featured-categories .episode-details .media-type-container,
.media-content-container .content-container.featured-categories .episode-details .episode-description{ display: none; }

.featured-categories .episode-title h4 {font-size:20px !important; line-height: initial;}
.featured-categories .content-square .episode-details {min-height:initial;}

/**
*
* TEAM STYLES
*
*/
.player-container .episode-title h4,
.multi-tour-page .episode-title h4 {margin-top:0.5rem;}
.player-info {margin:30px auto 60px;}
.player-info .content, .podcast-container .content, .witb-container .content {text-align:left !important; align-items: initial !important;}
.player-info .content ul {padding:0; list-style:none; margin:30px 0;}

.full-width-1x1-row img.player-img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


/**
*
* PLAYER GRID STYLES
*
*/
.player-grid-container{ margin-top: 5rem; }
.player-grid-container .callout{ margin-bottom: 2rem; }
.player-grid{
    display: grid;
    grid-gap: 2rem;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.player-grid-container .img-1x1 img{ position: absolute; top: 0; transform: scale(1);  transition: transform 0.3s; }
.player-grid-container .player .img-1x1 img[src*='default.jpg']{
	max-width: 100%;
    margin: auto;
    right: auto;
}
.player-grid-container .img-1x1:hover img{transform: scale(1.05); transition: transform 0.3s;}
.player-grid-container .player-text p{ font-size: 0.9rem; line-height: 2rem; } 
.player-grid-container .player-name{ 
    margin: 1rem 0 0 0;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

/**
*
* ALTERNATING IMAGE TEXT
*
*/
@media (min-width: 992px){
	.alternating-image-text .alternating-image-text-content.format-1x1 .overlay-image{ width: auto; }
	.alternating-image-text .alternating-image-text-content.format-1x1 .overlay-image,
	.alternating-image-text .alternating-image-text-content.format-1x1 .overlay-text{
		flex: 1 0 50%;
	}
}


/**
*
* WEBM VIDEO SLIDER
*
*/
.html-video-slider-container{ position: relative; }
.html-video-slider-container .video-slider video{ position: absolute; top: 0; width: 100%; z-index: 20; }
.html-video-slider-container .image-fallback{    
	position: absolute;
	z-index: 10;
    top: 0px;
    right: 0px;
    width: 100%;
}
.html-video-slider-container .video-text{
    position: absolute;
    color: #fff;
    z-index: 25;
    bottom: 2rem;
    left: 4rem;
    font-size: 3rem;
    max-width: 500px;
    line-height: normal;
    opacity: 0;
    transition: opacity 0.3s, bottom 0.6s;
}
.html-video-slider-container .animate-text .video-text{
    bottom: 4rem;
    opacity: 1;
    transition: opacity 0.3s, bottom 0.6s;
}

.html-video-swiper-container{
	margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.html-video-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    flex-direction: row;
}

.html-video-swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.html-video-slider-container .slot-button-next{ right: 1rem; transition: transform 0.3s; }
.html-video-slider-container .slot-button-prev{ left: 1rem; transition: transform 0.3s; }
.html-video-slider-container .slot-button-prev:hover{ transform: translateX(-4px); transition: transform 0.2s;}
.html-video-slider-container .slot-button-next:hover{ transform: translateX(4px); transition: transform 0.2s;}

.ody .html-video-slider-container .swiper-button{
	top: auto;
    bottom: 50%;
    left: 5rem;
    border: none;
    border-radius: 0;
    background: none;
    color: #fff;
    font-size: 1.5rem;
    width: 5rem;
    justify-content: flex-start;
    height: 2rem;

}
.ody .html-video-slider-container .swiper-button.slot-button-next{ left: 13rem; justify-content: flex-end;}
.ody .html-video-slider-container .swiper-button:before{ content: ""; border-bottom: 3px solid #fff; width: 4rem; position: absolute;  }
.ody .html-video-slider-container .swiper-button.slot-button-prev:before{ left: 5px; }
.ody .html-video-slider-container .swiper-button.slot-button-next:before{ left: 10px; }

/* BLOG PAGE  */
.headline-container .headline-header-image{ background-size: cover; margin-bottom:2rem; }

/* CONTENT PAGE  */
#content-frame .content-logo img{ width: 150px; }

/* PODCAST PAGE  */
#content-frame .podcast-container .podcast-content{ display: flex; }
#content-frame .podcast-container .podcast-content .podcast-thumbnail-image{ width: 33% }
#content-frame .podcast-container .podcast-content .content-info{ width: 100% }
#content-frame .content-logo svg{ width: 150px; height: auto; }
#content-frame .podcast-container .content h2 {text-transform:capitalize; margin:2rem 0;}

/* VIDEO PAGE  */
.video-content .media-btn-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
}
.video-content .media-btn-container .play-icon{transition: transform 0.3s;}
.video-content .media-btn-container:hover .play-icon{ transform: scale(1.1); transition: transform 0.3s;}
	
.video-content .media-play-button{
	    position: relative;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
}
.video-content .media-play-button .play-icon{
	    display: block;
    position: relative;
    top: 3px;
    left: 4px;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 34px solid;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.video-content .media-play-button:before, 
.video-content .media-play-button:after{
	content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    border: none;
    background-color:#fff;
    border-radius: 50%;
}

.video-content .yt-content-container,
.video-content .yt-video-container {position: relative; margin-bottom:40px;}
.video-content .media-content-thumbnail{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.video-content.content-16x9 .yt-content-container{
	height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 56.25%;
    position: relative;
}

.video-content.content-16x9 .yt-video-container,
.video-content.content-16x9 .pdp-video-container{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: auto;
}

.video-content.content-16x9 iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-content .media-content-thumbnail.closed,
.video-content .media-btn-container.closed{ opacity: 0; display:  none;}

.video-content div.yt-video{ height: 720px; }
.video-content iframe{ width: 100%; }

.video-content .loading-container{ z-index: -1; }

.series-data{
	font-size: 14px;
    margin-bottom: 1.5rem;
    font-family:'Roboto Condensed', sans-serif;
    line-height:initial;
}

.content-info {margin:2rem 0;}
.content-info .series-data span { margin-right: 2rem; }
.content-info .series-data .season-number + .episode-number:before {content:'|'; position: relative; top: -1px; }

.content-info h2 {text-transform: capitalize;}
.content-info .content-logo {margin-bottom:2rem;}

/* CONTENT SLOT COMPARISON CHART  */
.comparison-chart-slot .comparison-chart-content{ display: none; align-items: center; justify-content: center; padding-top: 3rem; background-color: transparent; }
.comparison-chart-slot .comparison-chart-content .comparison-chart-image{ flex: 1 0 50%; max-width: 50%; }
.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-image{ padding-right: 5rem; }
.comparison-chart-slot .comparison-chart-content .comparison-chart-html{ flex: 1; }
.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-html{ padding-left: 5rem; }
.comparison-chart-slot .comparison-chart-content.open{ display: flex; }
.comparison-chart-slot .comparison-chart-tabs{ display: flex; justify-content: space-between; height: 125px; background-color: #fff; border-bottom: 1px solid #a7a7a7; }
.comparison-chart-slot .comparison-chart-tabs .tab-name{position: relative; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 24px; color: #000; border-left: 2px solid #000; width: 100%; padding: 0 1rem; cursor: pointer; transition: background-color 0.3s; }
.comparison-chart-slot .comparison-chart-tabs .tab-name:nth-child(1){ border-left: 2px solid transparent !important; }
.comparison-chart-slot .comparison-chart-tabs .tab-name:after{
	content: '';
	position:absolute;
 	width: 0; 
  	height: 0; 
  	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-top: 20px solid transparent;
  	bottom: -20px;
  	opacity: 0;
  	transition: border 0.3s;
}
.comparison-chart-slot .comparison-chart-tabs .tab-name.open{ color: #fff; background-color: #000; transition: background-color 0.3s; }
.comparison-chart-slot .comparison-chart-tabs .tab-name.open .tab-name-text{ position: relative; }
.comparison-chart-slot .comparison-chart-tabs .tab-name.open .tab-name-text:after{
	content: '';
	position: absolute;
	width: 100%;
	border-top: 3px solid #fff;
	bottom: -10px;
    left: 0;
}
.comparison-chart-slot .comparison-chart-tabs .tab-name.open:after{
	border-top: 20px solid #000;
	opacity: 1;
  	transition: border 0.3s; 
}

.comparison-chart-slot i{ font-size: 13px; padding-right: 1rem; }
.comparison-chart-slot h2.flexbox{ display: flex; align-items: center; }

/* IMAGE COMPARISON SLIDER  */

.image-comparison-slider-container .text-container{
    max-width: 800px;
    margin: 0 auto 3rem auto;
    text-align: center;
}
/* SINGLE TOUR PAGE  */

.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid {
	display: -ms-grid;
	display: grid;
    -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 2rem;
    grid-auto-flow: dense;
    margin: 0; 
}

.media-content-container .content-container:not(.square-swiper-container-initialized).featured-categories .content-grid{ grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2fr); }


.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid [class*="col-"] {
    width: auto;
    float: none;
    padding: 0;
    margin: 0 0 40px 0;
    max-width: none;
    flex: auto;
}
html.no-flexboxlegacy .content-grid-slot-container{ display: none; }
.content-grid-slot-container .btn{ transition: border 0.2s, background 0.2s; }
.content-grid-slot-container p{ margin: 0 0 1rem 0; }
.content-grid-slot-container .btn a{ color: #000; }
.content-grid-slot-container .btn:hover a{ color: #fff; transition: border 0.2s, background 0.2s; }
.content-grid-slot-container .btn:hover{ background-color: #000; border: 1px solid #fff; transition: border 0.2s, background 0.2s; }
.content-grid-slot-container{     
	-ms-grid-column: 3;  
	-ms-grid-column-span: 1;  
	grid-column: 3 / 4;
    -ms-grid-row: 1;
    grid-row: 1 / 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
    margin-bottom: 40px;
}

.content-grid-slot-container .image-text-button-container{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.content-grid-slot-container .image-text-button.image{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-flex: 2;
        -ms-flex: 2 1 auto;
            flex: 2 1 auto;
    }

.content-grid-slot-container .image-text-button.text{
    height: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 3 auto;
            flex: 1 3 auto;
}

.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-1x1-container,
.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-bg{
   	-ms-grid-column-span: 2;
   	grid-column: span 2;
   	padding: 0;
   	margin-bottom: 1rem;
}

/* MULTI TOUR PAGE  */

.category-page-container .media-content-container.multi-tour-page .category-square,
.media-page .media-content-container .category-square{
	margin-bottom: 2rem;
}

/* 1x1 CONTENT SLOTS  */

.full-width-1x1-container .full-width-1x1-row > div{ width: 50%; }
.full-width-1x1-container .full-width-1x1-row .img-1x1{
	position: relative;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.podcast-container .full-width-1x1-container .full-width-1x1-row .img-1x1{ overflow: hidden; }

.full-width-1x1-container .content{ text-align: center; padding: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.full-width-1x1-container .content > p,
.full-width-1x1-container .content > h2,
.full-width-1x1-container .content > h4 { width: 100%; }
.full-width-1x1-container .content > h2 {margin-bottom:5px;}
.full-width-1x1-container .content > h4 {margin-bottom:10px;}
.full-width-1x1-container .content > p {margin-bottom:10px;}

.full-width-1x1-container.quote-container .content > h2{ margin-top: 9vw;}
.full-width-1x1-container.featured-content-slot { margin-top: 2rem; }

.full-width-1x1-container .product-tile .content{ padding: 0; }

.full-width-1x1-container.featured-content-slot h3{ text-transform: capitalize;}

.full-width-1x1-row .btn-primary, .dark-bg .desktop .btn-primary{background:#fff;color:#000;}
.full-width-1x1-row .btn-secondary,.dark-bg .btn-secondary{background:none;color:#fff;border-color:#fff;}
.full-width-1x1-row .btn-secondary,.dark-bg .btn-secondary:hover {background:#fff; color:#000;}
.full-width-1x1-row img{min-height:100%;min-width:100%; position: relative; z-index: 10;}
.full-width-1x1-row.light-bg .content{background:#f7f7f7;color:#000; margin: 0; }
.full-width-1x1-row .content, .full-width-1x1-row.dark-bg div{background:#000;color:#fff;}
.player-info .full-width-1x1-row .content{ background-color: #F7F7F7; color: #000; }
.full-width-1x1-row.light-bg .btn-primary{background:#000;color:#fff;}
.full-width-1x1-row.light-bg .btn-secondary{background:#fff;color:#000;border-color:#000;}
.full-width-1x1-row.light-bg .btn-secondary:hover {background:#000;color:#fff;border-color:#000;}
.full-width-1x1-container .full-width-1x1-row .video-container{
	display: flex;
    justify-content: center;
}
.full-width-1x1-container .full-width-1x1-row video{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

.r-column, .r-column .r-column{direction:rtl;}
.r-column div{direction:ltr;}

/*  TERTIARY BANNER ONE IMAGE */

.tertiary-banner-container {
	display: flex;
	min-height: 240px;
}
.tertiary-banner-container .tertiary-banner-image{
    background-size: cover;
    background-position: right;
    width: 50%;
}
.tertiary-banner-container .tertiary-banner-image.mobile{ display: none; }

.tertiary-banner-container .content{
    width: 50%;
    padding: 1rem 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tertiary-banner-container.align-center{ text-align: center; }
.tertiary-banner-container.align-right{ text-align: right; }

@media (max-width: 992px){
	.tertiary-banner-container .tertiary-banner-image.mobile{ display: block; }
	.tertiary-banner-container .tertiary-banner-image.desktop{ display: none; }
}

@media (min-width: 768px) and (max-width: 992px){
	.tertiary-banner-container .content{ display: flex; }
}

@media (max-width: 768px){
	.tertiary-banner-container .tertiary-banner-image.mobile{ width: 100%; }
	.tertiary-banner-container{ padding: 1.5rem; flex-direction: column; }
	.tertiary-banner-container .content{ width: 100%; padding: 1rem 0; }
}

/*  TERTIARY BANNER MULTI IMAGE */

.tertiary-banner-container.multi-image .image-set-container { width: 50%; }
.tertiary-banner-container.multi-image .image-set-container .tertiary-swiper-wrapper{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    
}
.tertiary-banner-container.multi-image.circles .image-set-container .tertiary-swiper-wrapper{
	flex-wrap: wrap;
    gap: 2rem 4rem;
}
.tertiary-banner-container.multi-image{ padding: 2rem 0; align-items: center; }
.tertiary-banner-container.multi-image .content{ text-align: center; }
.tertiary-banner-container.multi-image .image-set-container .tertiary-image{ background-size: cover; background-repeat: no-repeat; }
.tertiary-banner-container.multi-image .image-set-container .image-content{  flex: 1; padding-right: 2rem; font-weight: bold; text-transform: uppercase; }
.tertiary-banner-container.multi-image.circles .image-set-container .image-content{ flex: none; padding-right: 0; }
.tertiary-banner-container.multi-image .image-set-container .image-content p{ margin: 0; }
.tertiary-banner-container.multi-image .image-set-container a{ color: #fff; }
.tertiary-banner-container.multi-image .image-set-container a .tertiary-image{ opacity: 1; transition: opacity 0.3s; }
.tertiary-banner-container.multi-image .image-set-container a:hover .tertiary-image{ opacity: 0.7; transition: opacity 0.3s; }

@media (max-width: 1024px){
	.tertiary-banner-container.multi-image .image-set-container .tertiary-swiper-wrapper{ gap: 3rem 0; justify-content: normal; flex-wrap: wrap; padding: 1rem 0; }
	.tertiary-banner-container.multi-image .image-set-container .image-content{ flex: 0 50%; padding: 1rem 2rem 1rem 0; }
	
}

@media (max-width: 768px){
	.tertiary-banner-container.multi-image .image-set-container,
	.mobile-only-swiper-container{
		display: block;
	    padding: 0;
	    width: auto;
	}
	
	.tertiary-banner-container.multi-image .tertiary-swiper-container-initialized,
	.mobile-only-swiper-container-initialized{
	    width: 100%;
	    height: 100%;
	    margin-left: auto;
	    margin-right: auto;
	    overflow: hidden;
	    list-style: none;
	    z-index: 1;
	    display: block;
	}
	.tertiary-banner-container.multi-image .tertiary-swiper-container-initialized .tertiary-swiper-wrapper,
	.mobile-only-swiper-container-initialized .mobile-only-swiper-wrapper{    
		position: relative;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    display: flex;
	    transition-property: transform;
	    box-sizing: content-box;
       	flex: none;
	   	flex-wrap: unset;
	   	margin: 0;
	   	gap: 0;
	}
	.tertiary-banner-container.multi-image.circles .tertiary-swiper-container-initialized .tertiary-swiper-wrapper{
		margin: 0;
	   	gap: 0;
	   	flex-wrap: unset;
	}
    
    .tertiary-banner-container.multi-image .tertiary-swiper-container-initialized .tertiary-swiper-slide,
    .mobile-only-swiper-container-initialized .mobile-only-swiper-slide {
     
	    flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		flex: none;
		margin: 0;
		padding: 0;
		max-width: none;
    }
    .tertiary-banner-container.multi-image{ padding-left: 20px; padding-right: 20px; }
}

/*  TERTIARY BANNER MULTI IMAGE CIRCLES */

.tertiary-banner-container.multi-image.circles .image-set-container .image-content{
    text-align: center;
    padding: 0;
}
.tertiary-banner-container.multi-image.circles .image-set-container a .tertiary-image{
    width: 130px;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fff;
    background-size: 60%;
    background-position: center;
}
.tertiary-banner-container.multi-image.circles .image-set-container a .image-text{ padding-top: 1rem; }

/*  TWO IMAGE 1x1 */

.two-image-1x1-container{ display: flex; }
.two-image-1x1-container .image-1x1-container{ flex: 0 50%; padding-left: 1rem; }
.two-image-1x1-container .image-1x1-container:first-of-type{ padding-right: 1rem; padding-left: 0; }
.two-image-1x1-container .image-1x1-container .box{ background-size: cover; }
.two-image-1x1-container .image-1x1-container .content{ margin: 2rem 0; }

@media (max-width: 992px){
	.two-image-1x1-container{ flex-wrap: wrap; text-align: center; }
	.two-image-1x1-container .image-1x1-container{ flex: 0 100%; }
	.two-image-1x1-container .image-1x1-container,
	.two-image-1x1-container .image-1x1-container:first-of-type{ padding: 0; }
}

@media (max-width: 480px) {
	.two-image-1x1-container.container{ padding: 0; }
	.two-image-1x1-container.container .content{ padding: 0 2rem; }
}

/*  PRODUCTS WITH LIFESTYLE IMAGE */
.products-with-lifestyle-container{ display: flex; flex-wrap: wrap; }
.products-with-lifestyle-container .product-and-images-container{ display: flex; width: 100%; }
.products-with-lifestyle-container > .content{ text-align: center; width: 100%; margin-bottom: 4rem; }
.products-with-lifestyle-container .lifestyle-image-container,
.products-with-lifestyle-container .products-container{ width: 50%; }
.products-with-lifestyle-container .lifestyle-image-container{ padding-right: 1rem; }
.products-with-lifestyle-container .products-container{
    padding-left: 1rem;
}
.products-with-lifestyle-container .products-container .mobile-only-swiper-wrapper{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
.products-with-lifestyle-container .products-container .mobile-only-swiper-wrapper .grid-tile{ min-width: 0; }
.products-with-lifestyle-container.desktop-product-slider .products-container .mobile-only-swiper-wrapper .grid-tile{ min-width: auto; }
.products-with-lifestyle-container .products-container .sub-headline{
	grid-column-start: 1;
    grid-column-end: 3;
    margin-bottom: 1.5rem;
}
.products-with-lifestyle-container .lifestyle-image-container .lifestyle-image{ width: 100%; }
.products-with-lifestyle-container .lifestyle-image{ background-size: cover; }
.products-with-lifestyle-container .lifestyle-image.box:before {
    padding-bottom: 38%;
}
.products-with-lifestyle-container.desktop-product-slider .lifestyle-image.box:before {
    padding-bottom: initial;
    padding-top: 100%;
}
.products-with-lifestyle-container .products-container .grid-tile a{ color: #000; }
.products-with-lifestyle-container .products-container .grid-tile .tileRating{ margin-bottom: 0; }
.products-with-lifestyle-container .lifestyle-image-mobile{ display: none; }

.products-with-lifestyle-container.desktop-product-slider{ display: block; }
.products-with-lifestyle-container.desktop-product-slider .lifestyle-image-container{ padding-right: 0; }
.products-with-lifestyle-container.desktop-product-slider .products-container{ padding-left: 0; }
.products-with-lifestyle-container.desktop-product-slider .products-container{ padding: 0; }
.products-with-lifestyle-container.desktop-product-slider .products-container .mobile-only-swiper-wrapper{
	display: flex;
    width: 100%;
    grid-template-columns: none;
    gap: initial;
 }
.products-with-lifestyle-container.desktop-product-slider .products-container .sub-headline{ margin: 2rem 0 1rem 0; }
.products-with-lifestyle-container.desktop-product-slider .products-container > .content{ margin-bottom: 2rem; text-align: center; }
.products-with-lifestyle-container.desktop-product-slider .products-container > .content p{ margin-bottom: 1rem; }

.products-with-lifestyle-container.desktop-product-slider .mobile-only-swiper-container-initialized{
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    z-index: 1;
	    display: block;
	}

.products-with-lifestyle-container.desktop-product-slider .mobile-only-swiper-container-initialized .mobile-only-swiper-wrapper{    
		position: relative;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    display: flex;
	    transition-property: transform;
	    box-sizing: content-box;
       	flex: none;
	   	flex-wrap: unset;
	   	margin: 0;
	   	gap: 0;
}

.products-with-lifestyle-container.desktop-product-slider .mobile-only-swiper-container-initialized .mobile-only-swiper-slide {
     
	    flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		flex: none;
		margin: 0;
		padding: 0;
		max-width: none;
}

.products-with-lifestyle-container.desktop-product-slider .swiper-nav-helper{
    width: 50%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 1rem 0 0 2rem;
    z-index: 1;
    display: block;
    position: relative;
}

.products-with-lifestyle-container.desktop-product-slider .swiper-nav-helper .slot-btn{ top: calc(50% - -29px); }
.products-with-lifestyle-container.desktop-product-slider .swiper-nav-helper .slot-button-prev{ left: 7px; }

@media (max-width: 769px){
	.products-with-lifestyle-container{ display: block; }
	.products-with-lifestyle-container .lifestyle-image-container,
	.products-with-lifestyle-container .products-container{ width: 100%; }
	.products-with-lifestyle-container .lifestyle-image-container{ padding-right: 0; }
	.products-with-lifestyle-container .products-container{ padding-left: 0; }
	.products-with-lifestyle-container .lifestyle-image-mobile{ display: block; background-size: cover; margin-bottom: 1rem; }
	.products-with-lifestyle-container .product-and-images-container{ display: block; }
	.products-with-lifestyle-container .lifestyle-image{ display: none; }
	.products-with-lifestyle-container .products-container{ padding: 0; }
	.products-with-lifestyle-container .products-container .mobile-only-swiper-wrapper{
		display: flex;
	    width: 100%;
	    grid-template-columns: none;
	    gap: initial;
	 }
	.products-with-lifestyle-container .products-container .sub-headline{ margin: 1rem 0 1rem 0; }
	.products-with-lifestyle-container > .content{ margin-bottom: 2rem; }
	.products-with-lifestyle-container.desktop-product-slider .mobile-only-swiper-container-initialized,
	.products-with-lifestyle-container.desktop-product-slider .swiper-nav-helper{ width: 100%; }
	.products-with-lifestyle-container.desktop-product-slider .swiper-nav-helper{ padding: 1rem 0 0 0;}
	.products-with-lifestyle-container .product-and-images-container .button-prev,
	.products-with-lifestyle-container .product-and-images-container .button-next{ display: none; }
}

/* WITB PAGE  */
.witb-container .content-info{
    background-color: #F0F0F0;
    padding: 0 4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.witb-products-container{ position: relative; margin-bottom: 5rem; }
.witb-products-container .header{ margin-bottom: 2rem; }


/* IFRAME PAGE  */
.iframe-container .content-info{
    display: flex;
    flex-direction: column;
    align-items: center;
   }
.iframe-container .content-info h2{margin: 0 auto 2rem 0; }

/* Customer Service */
#cs-page-content h1 {text-align:center; margin:2rem 0;}

/* PRODUCT LANDING PAGE  */
.product-landing-page-container{ overflow-x: hidden; }
.product-landing-page-container .episode-details .media-type-container .media-type span { color: #878787; }
.product-landing-page-container .square-swiper-container-initialized, .product-landing-page-container .rectangle-swiper-container-initialized,
.product-landing-page-container .square-swiper-container-initialized .square-swiper-wrapper, .product-landing-page-container .rectangle-swiper-container-initialized .rectangle-swiper-wrapper{ height: auto; }
.slot-title.callout{ text-align: center; }

.full-width-1x1-container.quote-container .content:before{
	font-family: "Font Awesome 6 Pro";
	content: "\f10d";
	color: #000;
	font-size: 2.5rem;
	padding: 2rem 0 1rem 0;
	line-height: initial;
	font-weight:900;
}
.full-width-1x1-container.quote-container .content .h2 {text-transform: none; line-height: 3rem;}

/* LANDING SECONDARY NAV  */
.product-landing-page-container .landing-secondary-nav{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
    height: 64px;
    background-color: #000;
    color: #fff;
    opacity: 1; 
    transition: opacity 0.3s;
}

.product-landing-page-container .landing-secondary-nav h3{ margin: 0; text-transform: capitalize; }
.product-landing-page-container .landing-secondary-nav .container{
	display: flex;
 	justify-content: center;
    align-items: center;
    height: 100%;
    -ms-overflow-style: none;
  	scrollbar-width: none;
  	overflow-y: scroll; 
}

.product-landing-page-container .landing-secondary-nav .container::-webkit-scrollbar {
  display: none; 
}

.product-landing-page-container .landing-secondary-nav .pdp-nav-breadcrumb li,
.product-landing-page-container .landing-secondary-nav .pdp-nav-breadcrumb a{ color: #fff; }

.product-landing-page-container .landing-secondary-nav.nav-fixed{
	position: fixed;
	width: 100%;
	margin-top: 0;
	z-index: 10000;
}

.product-landing-page-container .landing-secondary-nav .secondary-nav-links a{ height: 100%; }
.product-landing-page-container .landing-secondary-nav .secondary-nav-links a{
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 3px;
    border: 0px;
    margin-right: 2rem;
    padding: 5px 10px;
    background-color: transparent;
    color: #fff;
    transition: box-shadow 0.2s;
    font-size: 0.8rem;
    height: 100%;
    border-radius: 0;
}
.product-landing-page-container .landing-secondary-nav .secondary-nav-links a.hide{display: none;}
.product-landing-page-container .landing-secondary-nav .secondary-nav-links a:last-of-type button{ margin-right: 0;}

.product-landing-page-container .landing-secondary-nav .secondary-nav-links a:hover,
.product-landing-page-container .landing-secondary-nav .secondary-nav-links a.active{
	transition: box-shadow 0.2s;
    box-shadow: inset 0 -4px #fff;
}
.product-landing-page-container .landing-secondary-nav .secondary-nav-links a:hover{box-shadow: inset 0 -4px #9a9a9a;}


/* FEATURED PRODUCTS GRID  */

.featured-products-grid .headline{ text-align: center; margin-bottom: 3rem; }
.featured-products-grid .product-container{ padding-bottom: 1.5rem; }
.featured-products-grid .product-tile a.thumb-link{ color: #000; }

/* EMAIL SUBSCRIPTION FULL WIDTH  */
.email-subscription-container.full-width{
    height: 270px;
    background-color: #fff;
}

.email-subscription-container.full-width .email-subscription-form{ max-width: 600px; width: 33%; margin: 0 auto; position: relative; }
.email-subscription-container.full-width .email-subscription-result{ color: #fff; text-align: center; }
.email-subscription-container.full-width .email-subscription-form .dot-loading{ display: none; right: -4.5rem; top: 0; width: auto; left: auto;}
.email-subscription-container.full-width .email-subscription-form .dot-loading > div{ width: 10px; height: 10px; }

.email-subscription-container.full-width .email-subscription .input-append button{
    position: absolute;
    top: -6px;
    right: -75px;
    border-radius: 100%;
    border: none;
    background: black;
    color: white;
    width: 40px;
    margin: 5px;
    height: 40px;
}

/* NAV CONTENT SLOT */
.nav-image-text-container .nav-image-text-content{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 1.8rem;
}
.nav-image-text-container .image{
    background-size: cover;
    background-position: center;
    width: 95%;
}
.nav-image-text-container .text{ font-weight: bold; }

/* COMPARISON CHART  */
.comparison-chart-container {
	margin:0 80px;
	width: auto;
	box-sizing:border-box;
}
.product-landing-page-container .comparison-chart-container{ margin-top: 5rem; padding: 3rem 0; }
.comparison-chart-container.dark-bg { background-color: #000; color: #fff;}
.comparison-chart-container .mob-only {
	display:none;
}
.comparison-chart-container ul {
	display:none;
}
.comparison-chart-container td,
.comparison-chart-container th {
	display:table-cell !important;
	max-width: 350px;
	width: 40%;
	padding:10px;
	empty-cells:show;
	text-align:left;
 
}
.comparison-chart-container td+td, .comparison-chart-container th+th {
	width: auto;
	text-align:center;
	width: 140px;
}
.comparison-chart-container .mobile-buttons {
	display: none;
}
.comparison-chart-container li {
	list-style:none;
	flex:1;
}
.comparison-chart-container button {
	width:100%;
	padding: 10px 0;
	background:#FFF;
	font-size:14px;
	font-weight:bold;
	color:#999;
	border: none;
}
.comparison-chart-container .btn {
	border: 1px solid #DDD;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
	background-color: #000;
}

.comparison-chart-container table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.comparison-chart-container tr { height: 60px; }
.comparison-chart-container .nobb, .comparison-chart-container tr:last-child {
	border-bottom: none;
}

.comparison-chart-container td.default {
	display:table-cell;
}
.comparison-chart-container .table-title {
	background:#F7F7F7;
	font-weight:bold;
}
.comparison-chart-container .txt-l {
	font-size:28px;
	font-weight:bold;
}
.comparison-chart-container .txt-top {
	position:relative;
	top:-9px;
	left:-2px;
}
.comparison-chart-container .checkmark {
	font-size:18px;
	color:#db7c00;
}
.comparison-chart-container .hideth {
	background:none;
}
.comparison-chart-container .mobile-buttons, .comparison-chart-container .mobile-buttons td {
	border-bottom: none;
}
.comparison-chart-container .mobile-buttons .default {
	display: none;
}
.comparison-chart-container .fas {
	font-weight: 400;
}

/* 1x1 IMAGES WITH HEADLINE  */

.images-1x1-with-headline-container .hero-image-container{ display: flex; }
.images-1x1-with-headline-container .hero-image-container > .hero-image{ margin-right: 1rem; }
.images-1x1-with-headline-container .hero-image-container .content{
	height: auto;
    flex: 1 0 auto;
    width: 33%;
}
.images-1x1-with-headline-container .hero-image-container .content-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 3rem 0 2rem;
    height: 100%;
}

.images-1x1-with-headline-container .hero-image-container .content-container .btn{ min-width: 170px; }

/* TOP LEVEL CATEGORY PAGE  */

/* .custom-expanding{
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.8s ease;

}

.expand:not(.show) {
    display: none;
} */


@media (max-width: 1659px) {

}

@media (max-width: 1200px) {
	.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-html{ padding-left: 2rem; }
	.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-image{ padding-right: 0;}
	
	.images-1x1-with-headline-container .hero-image-container{ flex-wrap: wrap; }
	.images-1x1-with-headline-container .hero-image-container > .hero-image{flex: 1 0; margin-right: 0; }
	.images-1x1-with-headline-container .hero-image-container > .hero-image:first-of-type{margin-right: 5px; }
	
	.images-1x1-with-headline-container .hero-image-container .content-container{ margin-top: 1rem; align-items: center; text-align: center; }
	
	.images-1x1-with-headline-container .hero-image-container .content{ width: 100%; }
	.images-1x1-with-headline-container .hero-image-container .content p{ max-width: 500px; }
}

@media (max-width: 992px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .category-square { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid{ grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2fr); }
	.content-grid-slot-container{ grid-column: span 3; grid-row: span 3;}
    
	
	.content-grid-slot-container .image-text-button.text{
		position: relative;
	    height: auto;
	    width: 90%;
	    padding: 4rem 1rem 2rem 1rem;
	    margin: -1.5rem auto 0 auto;
	}
	
	.full-width-1x1-container .content-modules{ padding-left: 15px; padding-right: 15px; }
	.full-width-1x1-container .full-width-1x1-row{ display: block; margin-bottom: 2rem; }
	.full-width-1x1-container .full-width-1x1-row > div{ width: 100%; }
	.full-width-1x1-container .full-width-1x1-row .content{ position: relative; top: -2rem; z-index: 10; width: 90%; margin: 0 auto; padding:3rem 1.25rem; margin: 0 auto -2rem auto; }
	
	.witb-container .content-info{ padding: 3rem; }
	
	.content-modules .slot-button-prev{ left: 10px; }
	.content-modules .slot-button-next{ right: 30px; }
	
	.html-video-slider-container .video-text{ font-size: 2rem; left: 2rem; bottom: 0; }
	.html-video-slider-container .animate-text .video-text{ bottom: 2rem; }
	
	.ody .html-video-slider-container .swiper-button{ position: relative; margin-top: 1rem; display: inline-flex; left: 2rem; }
	.ody .html-video-slider-container .swiper-button.slot-button-next{ left: 2rem; }
	
	.html-video-slider-container .swiper-button{    
		position: relative;
    	display: inline-flex;
    	border: none;
    }
    .html-video-slider-container .swiper-button.slot-button-next{ float: right; }
}

@media (max-width: 768px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid{ grid-template-columns: repeat(auto-fill, minmax(220px, 2fr)); }
	
	.product-landing-page-container .landing-secondary-nav{
		position: absolute;
		z-index: 10;
		width: auto;
	    height: 65px;
	    margin: 0 calc(50% - 50vw) 0px calc(50% - 50vw);
	    padding-left:15px;
	}
	.product-landing-page-container .landing-secondary-nav .container{ justify-content: start; overflow-x: scroll; }
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links{ flex-wrap: nowrap; width: 100%; }
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links,
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links .nav-item{ height: 100%; }
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links a{
	    white-space: nowrap;
	    display: flex;
	    align-items: center;
	}
	
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links a:hover, 
	.product-landing-page-container .landing-secondary-nav .secondary-nav-links a.active{
	    box-shadow: none;
	    border-bottom: 2px solid #fff;
	}
	
	.comparison-chart-container {
		margin: 0 15px;
		width: auto;
	}
	.comparison-chart-container .mob-only {
	display:inline;
	}
	.comparison-chart-container .web-only {
	display:none;
	}
	.comparison-chart-container td, th {
		width: 40vw;
		 white-space: nowrap;
	}
	.comparison-chart-container {
		overflow-x: scroll;
		overflow-y: visible;
	}
	td:first-child, .table-title,
	#product-specs td:first-child, 
	#product-specs .table-title {
		position: static;
		width: 215px;
		top: auto;
		background: #fff;
	}
	.comparison-chart-container .table-title {
		position: relative;
		left: 0px;
		overflow: visible;
	}
	td:first-child {
		background: rgb(255,255,255);
		left: 14px;
		white-space: nowrap;
		overflow: auto;
	}
	tr:nth-child(odd) td:first-child,
	#product-specs .table-striped > tbody > tr:nth-child(odd) td:first-child{
	    background-color: #f7f7f7;
	}
	
	.dark-bg td:first-child{
		background: #000;
	}
	.comparison-chart-container .table-title span {
		position: sticky;
		top: 0;
		left: 10px;
	}
	.comparison-chart-container .hideth {
		position: sticky;
		left: 0;
		top: 0;
		background: rgb(255,255,255);
	}
	.email-subscription-container.full-width .email-subscription-form{ width: 100%; padding: 0 1rem; }
	.email-subscription-container.full-width .email-subscription-form .dot-loading{ top: 3.5rem; }
	
	.full-width-1x1-container .full-width-1x1-row video{ display: none; }
	
	.comparison-chart-slot .comparison-chart-tabs{ height: auto; }
	.comparison-chart-slot .comparison-chart-tabs .tab-name{
	    flex-wrap: wrap;
	    text-align: center;
	    font-size: 18px;
	    line-height: 22px;
	    flex: 1 1 50%;
	    padding: 2rem 1rem;
	    max-width: 50%;
	    border-left: none;
	}
	.comparison-chart-slot .comparison-chart-tabs .tab-name:after{ display: none; }
	.comparison-chart-slot .comparison-chart-content.open{ display: block; }
	.comparison-chart-slot .comparison-chart-tabs{ flex-wrap: wrap; }
	.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-image{ max-width: 65%; margin: 0 auto; }
	.comparison-chart-slot .comparison-chart-content.image-and-text .comparison-chart-html{ padding: 2rem 0 0 0; }
	.comparison-chart-slot .comparison-chart-tabs .tab-name.open .tab-name-text:after{
		width: 50%;
		left: 25%;
	}
	
	.featured-products-grid .headline{ margin-bottom: 1rem; }
	.video-content .media-play-button .play-icon{
	    top: 1px;
	    left: 8px;
	    z-index: 3;
	    border-left: 22px solid;
	    border-top: 12px solid transparent;
	    border-bottom: 12px solid transparent;
    }
	.video-content .media-play-button:before, 
	.video-content .media-play-button:after{
		height: 65px;
		width: 65px;
	}
}

@media (max-width: 480px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .category-square { grid-template-columns: repeat(auto-fill, minmax(130px, 2fr)); }
	
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid{ grid-template-columns: repeat(auto-fill, minmax(150px, 2fr)); }
	.content-grid-slot-container{ grid-column: span 2; margin: 0 -15px 2rem -15px;  }
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-1x1-container .full-width-1x1-row{ margin: 0 -15px; }
	.html-video-slider-container .video-text{ font-size: 1.5rem;}
	
	.images-1x1-with-headline-container .hero-image-container > .hero-image.box-1x1:before{ padding-top: 133%; }
}

@media (max-width: 324px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .category-square { grid-template-columns: minmax(0, 1fr); }
	.content-grid-slot-container { grid-column: span 2; }
}

@media (min-width: 481px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-1x1-container,
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-bg{
    	-ms-grid-column-span: 3;
    	grid-column: span 3;
	}
}

@media (min-width: 769px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-1x1-container,
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-bg{
    	-ms-grid-column-span: 3;
    	grid-column: span 3;
   	    margin: 0 0 3rem 0;
	}
	.content-square.content-card:hover .hover-background-element{
		opacity: 0.7;
		transition: opacity 0.3s;
	}
	
	
}

@media (min-width: 992px) {
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-1x1-container,
	.media-content-container .content-container:not(.square-swiper-container-initialized) .content-grid .full-width-bg{
    	-ms-grid-column-span: 3;
    	grid-column: span 3;
	}
	
	.full-width-1x1-container .full-width-1x1-row{ display: flex; margin-bottom: 3rem; aspect-ratio: 2/1; }
	.full-width-1x1-container.featured-content-slot .content{ text-align: left; align-items: normal;}
	.full-width-1x1-container.featured-content-slot .content > *{ width: 100%; }
	.featured-products-slider.container.center-slider .swiper-wrapper{ justify-content: center; }
	.player-info .full-width-1x1-row .content { justify-content: start; height: 100%; overflow: auto; }
	
}

@media (min-width: 1440px){
	.player-info .full-width-1x1-row .content {
		justify-content: center;
	}
}

@media (min-width: 1660px){

}

/* ODYSSEY SITE SPECIFIC STYLES */
.ody .full-width-1x1-container.featured-content-slot h3 {text-transform: uppercase;}
