@charset "utf-8";
/* CSS Document */
.mainContainer {
	background-color: #666;
	margin:0 auto;
	display: block;
}
.mainContainer .sub-text{padding-right: 16%; padding-left: 16%;}
.mainContainer .header {font-size: 42px;}
.redbanner {
background-color: #dc291e;
}
.promo-container {
width: 100%;
float: left;
color: #ffffff;
font-family: arial;
font-size: 16px;
padding: 7px;
text-align: center;
}
.promo-container a {
color: #FFF;
}
.cell .wtb-video{
color: #04048A;
font-weight: bold;
text-decoration: underline;
}
.cell .wtb-video:hover{
color: #020268;
}
#pop-up{position:relative; display:none;}
.popUpBg{position:fixed; background:#000; opacity:0.9;  z-index:1000; height:100%; width:100%; top:0; left:0;}
/*.pop-up-content{text-align:center; position:fixed; z-index:1001; left:50%; margin-left:-280px; margin-top:-107px; top:50%;}*/
.pop-up-content {text-align: center; position: fixed; z-index: 1001; left: 50%; top: 10%; width: 100%; max-width: 1000px; margin-left: -500px;}
body{/* background:white; */}

header .bar_2, .bar_3 
{
    display:none;
}
.mainContainer .header
{
	background: white;
	text-align: center;
	font-size: 51px;
	padding: 20px;
	padding-bottom: 0px;
	padding-top: 90px;
	color: #333;
	font-weight: bold;
	line-height: 54px;
}
.mainContainer .sub-text
{
	background: white;
	text-align: center;
	padding-left: 20%;
	padding-right: 20%;
	font-size: 20px;
	line-height: 23px;
	padding-bottom: 36px;
	padding-top: 10px;
}
.mainContainer .color-row .cell
{
	background: red;
	width: 50%;
	min-height: 350px;
	color: white;
	border: 5px solid white;
}
.mainContainer .color-row .cell img
{
	margin: 0 auto;
	display: block;
	/* width: 100px; */
	margin-top: 34px;
	height: 113px;
}
.mainContainer .color-row .cell .color-Text
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 80% !important;
}

.mainContainer .color-row .cell .color-Text
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
	/* margin-bottom: 26px; */
}

.mainContainer .color-row .cell .color-Text-Text
{
	line-height: 16px;
	margin-top: 10px;
}
.mainContainer .color-row .cell .color-Text-Title{}
.mainContainer .row 
{
	 display:block; 
	 margin:auto; 
}

.mainContainer .color-row 
{
	border: 60px solid white;
	border-top: 0px;
	/* width: 100%; */
	/* height: 100%; */
	/* height: auto; */
	overflow: hidden;
}
.mainContainer .row .cell 
{
	float:left;
	cursor: initial;
	background:rgb(0,0,0);
	position:relative;
}
.mainContainer .row .cell img 
{
	padding: 0;
	margin-bottom: -9px;
}
.mainContainer .row .cell .cellTitle 
{
	position:relative;
	bottom:0;
	color:rgb(148,148,148);
	font-size: 2em;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	padding:0;
}
.mainContainer .row .cell .cellText 
{
	display:none;
	color:rgb(255,255,255);
	position: absolute;
	z-index: 5;
	left:1em;
	top:2em;;
	text-align:left;
	padding: 1em;
	font-size: 1em;
	line-height: 1.2em;
}

.mainContainer .row .cell .color-Text-Title 
{
	text-transform:uppercase;
	font-size: 1.5em;
	font-weight: bold;
	/* margin-bottom: 1em; */
	line-height: 24px;
}

.reasons 
{
    min-width: 100%;
    float: left;
    /* position: absolute; */
}
.reasons .header 
{
    text-align: center;
    color: black;
    text-transform: uppercase;
    font-size: 40px !important;
    font-weight: bold;
    padding: 20px !important;
    background: white;
    padding-top: 20px;
    margin-top: -50px;
}
.reasons .reason
{
    color: white;
    display: flex;
    min-height: 262px;
    align-items: center;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 60px;
    padding-left: 60px;
}

#r1 {background-image: url('/medias/one-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98Mjk2MzMyfGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaGJmL2hlNi85MzU5MTEwMDEyOTU4LnBuZ3w5MTYxNmNmMmQzYjgzMzkxNmU3MjE0ZGU0NmQwOTU3OWFmYzdmMzY2YzUxZDkxNTA3NjViMjg4YzA0N2NiODI1');flex-direction: row-reverse;background-position: left;}
#r2 {background-image: url('/medias/two-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98NDA2ODAxfGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaGEzL2g2Ny85MzU5MTEwNjAyNzgyLnBuZ3xhMGU4MjNmYmE4YWY3ZTc4YWRhNzBmMmJkMmEzM2JjMDRmODBiMGM3ZjM1NjlkYWE0MmNkZjM2ODllZDVjZDg1');background-position: right;}
#r3 {background-image: url('/medias/three-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98MzA4Mjg2fGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaGEyL2gzNS85MzU5MTEwNDcxNzEwLnBuZ3xmMWNhZjRlNDE1MWE2MWY3MmVhYzYwNzg4YzgwNWMwNjUwMWRkMDczMzUxZTFlNzFmOGYwYzk2OGNjMTJkNmM2');flex-direction: row-reverse;background-position: left;}
#r4 {background-image: url('/medias/four-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98Mjg2MDI3fGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaDlhL2hhOC85MzU5MTA5ODE2MzUwLnBuZ3xlMmI0YWIyNDBiOWYxYzZhY2Q1OTk4MTUwOWJhNGZmMDUxZThjN2NlNWNjN2I2ZGJlNjlhYzhjOGIwZTUyOTBi');background-position: right;}
#r5 {background-image: url('/medias/five-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98MzEyMjk3fGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaDIzL2g3MC85MzU5MTA5Njg1Mjc4LnBuZ3xmMWZiZmVjN2VkMTcwYjg0YTBhYWY1ZjNmMTU0NjVlNGI3NzNlOGEyMDA1MDkxNDNhZDQ4OWZhMjM2NzM2YjI2');flex-direction: row-reverse;background-position: left;}
#r6 {background-image: url('/medias/six-back.png?context=bWFzdGVyfC9lbWVhL2ltYWdlcy9scC98MjI0Njk0fGltYWdlL3BuZ3wvZW1lYS9pbWFnZXMvbHAvaDUzL2g2Ni85MzU5MTEwMjA5NTY2LnBuZ3w3YjJlM2U2MjAyM2I3M2M2NGIwYTRhYTM1ZjU2YWZkZDM4ODdjMzlkOTRhY2IxYmFkZThhNmYxNDQ0MmVlMGEx');background-position: right;}


#r1 .shopnow {color: #3E8DDD;}
#r2 .shopnow {color: #E96BAF;}
#r3 .shopnow {color: #6ABF4A;}
#r4 .shopnow {color: #FF6A00;}
#r5 .shopnow {color: #4AC0E0;}
#r6 .shopnow {color: #E2231A;}

.number-section
{
    height: 100%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.number-section img 
{
    /* height: 50px; */
    width: 70px;
}
.number-section .number-title 
{
    font-size: 30px;
    font-weight: normal;
    line-height: 29px;
    text-align: center;
    margin-top: 17px;
    /* opacity: 0.4; */
}
.text-section 
{
    width: 320px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.text-section .item-title
{
    font-size: 21px;
}
.text-section .itemdesc
{
    line-height: 21px;
    max-width: 320px;
    margin-bottom: 19px;
    font-size: 15px;
    /* font-weight: bold; */
}
.text-section .featured 
{
    border-bottom: 2px solid white;
}
.text-section .series 
{
    font-weight: bold;
    display: block !important;
}
.text-section .shopnow
{
    width: 140px;
    background: black;
    padding-top: 3px;
    cursor: pointer;
}

@media (min-width:73.75em) 
{
	.mainContainer
	{
		width:73.75em;
		margin:0 auto;
	}
	.mainContainer .color-row .cell 
	{
		background: red;
		/* width: 100%; */
		/* min-height: 440px; */
		color: white;
	}
}

@media (min-width:51.250em) and (max-width:73.749em) 
{
	.mainContainer{width:51.250em;margin:0 auto;}

	.mainContainer .sub-text {}
	.mainContainer .color-row .cell 
	{
		background: red;
		width: 100%;
		min-height: 340px;
		color: white;
	}
	.mainContainer .header 
	{
		font-size: 40px;
		padding-top: 20px;
	}
	.mainContainer .color-row
	{
		border:0px;
	}
}

@media (min-width:24.688em) and (max-width:51.249em) {

	.mainContainer{width:24.688em;margin:0 auto;}
	.mainContainer .color-row .cell 
	{
		background: red;
		width: 395px;
		min-height: 370px;
		color: white;
	}
	 .reasons .header 
	 {
		font-size: 30px !important;
		line-height:40px;
		text-align: center;
		color: black;
		display: block;
	}
	.mainContainer .sub-text 
	{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.mainContainer .color-row
	{
		border:0px;
	}
	.mainContainer .header 
	{
		font-size: 31px;
		padding-top: 20px;
		padding-bottom: 0px;
	}
}

@media (max-width:550px) {
	.reasons .reason {flex-direction:column !important;padding: 40px;}
}

@media (max-width:24.687em) 
{
	.mainContainer{width:100%;margin:0 auto;}
	.mainContainer >.row > .cell img {width:100%;}
	.mainContainer .color-row .cell 
	{
		background: red;
		width: 100%;
		min-height: 480px;
		color: white;
	}
	.mainContainer >.row > .cell img {width: initial;}
	.mainContainer .color-row{
		border:0px;
	}
	.mainContainer .header {
		font-size: 40px;
		padding-top: 20px;
	}
}

@media (max-width:22.500em){
	.mainContainer .row .cell .cellText-Title 
	{
		text-align: left;
		line-height: 1em;
		position: relative;
		top: -1em;
	}
	.mainContainer .row .cell .cellText-Text 
	{
		position: relative;
		top: -2.5em;
	}
	.mainContainer .color-row .cell 
	{
		background: red;
		width: 100%;
		min-height: 480px;
		color: white;
	}
	.mainContainer .header 
	{
		font-size: 40px;
		padding-top: 20px;
	}
}

@media (max-width:21.563em) {

	.mainContainer .row .cell .cellTitle 
	{
		position: relative;
		bottom: 0;
		color: rgb(148,148,148);
		font-size: 2em;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
		padding: 0;
		line-height: 1.2em;
	}
	.mainContainer .color-row .cell 
	{
		background: red;
		width: 100%;
		min-height: 480px;
		color: white;
	}
	.mainContainer .header 
	{
		font-size: 40px;
		padding-top: 20px;
	}
}