#MomsFirst{
	text-align:center;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
}

#MomsFirst #Block-Intro{
	margin:0 auto;
	max-width:650px;
	margin-top:20px;
}
#MomsFirst #Block-Intro h2{
	position:relative;
	padding:0;
	margin:0;
	display:block;
	font-size:35px;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
}

#MomsFirst #Block-Intro p{
	position:relative;
	padding:20px;
	margin:0;
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	padding-bottom:0px;
}

#MomsFirst #Block-Intro {
	padding-bottom:60px;
	position:relative;
}

#Block-Intro::after{
	content:" ";
	height:40px;
	width:1px;
	border-left:1px solid #cdcdcd;
	bottom:0px;
	left:50%;
	position:absolute;
	z-index:3;
}


#MomsFirst .IntroText{
	padding:0;
	margin:0;
	position:relative;
	z-index:1;
	font-size:30px;
	color:#fff;
	text-align:center;
	padding-top:88px;
	padding-bottom:88px;
	margin-bottom:-57px;
}

@media (max-width: 761px){
#MomsFirst .IntroText{
	padding-left:20px;
	padding-right:20px;
}
}

#MomsFirst .IntroText+*{
	position:relative;
	z-index:2;

}
#MomsFirst .IntroText::before{
	content:" ";
	height:30px;
	width:1px;
	border-left:1px solid #fff;
	top:0;
	left:50%;
	position:absolute;
}

#MomsFirst .MomsFirstBlock h2{
	position:relative;
	padding:0;
	margin:0;
	display:block;
	font-size:60px;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
}
#MomsFirst .MomsFirstBlock{
	padding-bottom:40px;
	position:relative;
}

#MomsFirst .MomsFirstBlock::after{
	content:" ";
	height:40px;
	width:1px;
	/*background-color:#000;*/
	bottom:0px;
	left:50%;
	position:absolute;
	z-index:3;
	border-left:1px solid #000;
}

#MomsFirst .MomsFirstBlock h2::after{
	content:" ";
	height:40px;
	width:1px;
	/*background-color:#000;*/
	bottom:-42px;
	left:50%;
	position:absolute;
	border-left:1px solid #000;
}
#MomsFirst .IntroPicto{
	padding:0;
	margin:0 auto;
	width:42px;
	height:42px;
	z-index:2;
	text-align:center;
	position:relative;
	margin-bottom:-74px;
	margin-top:72px;
	border-radius:50%;
	border:1px solid #fff;
}
#MomsFirst .IntroPicto img{
	max-width:100%;
	display:block;
}
/*--------------------------------------*/
#MomsFirst #Block-Yesterday h2{
	color:#ffb59b;
}
#MomsFirst #Block-Yesterday::after,
#MomsFirst #Block-Yesterday h2::after{
	border-color:#ffb59b;
}
#MomsFirst #Block-Yesterday .IntroText{
	background-color:#ffb59b;
}
/*--------------------------------------*/
#MomsFirst #Block-Today h2{
	color:#7fc1d0;
}
#MomsFirst #Block-Today::after,
#MomsFirst #Block-Today h2::after{
	border-color:#7fc1d0;
}
#MomsFirst #Block-Today .IntroText{
	background-color:#7fc1d0;
}
/*--------------------------------------*/
#MomsFirst #Block-Tomorrow h2{
	color:#ff9b99;
}
#MomsFirst #Block-Tomorrow::after,
#MomsFirst #Block-Tomorrow h2::after{
	border-color:#ff9b99;
}
#MomsFirst #Block-Tomorrow .IntroText{
	background-color:#ff9b99;
}
/*--------------------------------------*/
#MomsFirst .Wrapper{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
}
@media (max-width: 1023px) and (min-width: 762px){
#MomsFirst .Wrapper{
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
}
@media (max-width: 761px){
#MomsFirst .Wrapper{
 	flex-direction:column;
	justify-content:center;
	align-items:center;
}
}
#MomsFirst .Item{
	display:flex;
	max-width:364px;
	margin-left:20px;
	margin-right:20px;
	position:relative;
	z-index:2;
	flex-direction:column;
}
@media (max-width: 1023px) and (min-width: 762px){
#MomsFirst .Item{
 	max-width:700px;
    flex-wrap:wrap;
    flex-basis:450px;
    width: 100%;
	justify-content:self-start;
	align-items:self-start;
}
}

@media (max-width: 761px){
#MomsFirst .Item {
	margin: 10px;
	max-width: 700px;
	width: calc(100% - 40px);
}
}
#MomsFirst .Item:nth-child(1){background-color:#d6b3a4}
#MomsFirst .Item:nth-child(2){background-color:#ff9b99}
#MomsFirst .Item:nth-child(3){background-color:#a4d5ea}
#MomsFirst .Item img{
	display:block;
	max-width:100%;
}
#MomsFirst .Item:nth-child(3) .Visual{
	order:4;
	margin-left:10px;
	margin-right:-10px;
	margin-bottom:-10px;
}
#MomsFirst .Item:nth-child(1) .Visual{
	order:4;
	margin-left:-10px;
	margin-bottom:-10px;
}
#MomsFirst .Item .Visual{
	margin:0;

}

@media (max-width: 1023px) and (min-width: 762px){
#MomsFirst .Item .Visual{
	order:4!important;

	margin:0!important;
	margin-top:30px!important;
	margin-left:20px!important;
	margin-right:-20px!important;
	max-width:280px;
}
}

@media (max-width: 761px){
#MomsFirst .Item:nth-child(3) .Visual{
	order:4;
	margin-left:10px;
	margin-right:-10px;
	margin-bottom:-10px;
}
#MomsFirst .Item:nth-child(1) .Visual{
	order:4;
	margin-left:-10px;
	margin-right:10px;
	margin-bottom:-10px;
}
}
#MomsFirst .Item .Pseudo{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:18px;
	margin:0;
	color:#fff;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:14px;
}
#MomsFirst .Item .Text{

	padding:18px;
	margin:0;
	color:#fff;
	font-size:16px;
	text-align:left;
	padding-top:0;
		max-width:364px;
}
#MomsFirst .Item .HashTag{

	color:#000;

}
#MomsFirst .Mosaic{
	padding:0;
	display:flex;
	margin:0 auto;
	flex-wrap:wrap;
	max-width:1170px;
	justify-content:space-between;
	list-style:none;
}
#MomsFirst .Mosaic li{
	padding:0;
	margin:0;
	flex-basis:calc((100% - 80px) / 3 );
	margin-bottom:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
@media (max-width:1024px){
#MomsFirst .Mosaic{
	max-width:970px;
}
}
@media (max-width: 1023px) and (min-width: 762px){
#MomsFirst .Mosaic{
	max-width:700px;
}
#MomsFirst .Mosaic li{
	flex-basis:calc((100% - 30px) / 2 );
	margin-bottom:30px
}
#MomsFirst .Mosaic li:nth-child(1){
	order:1;
}
#MomsFirst .Mosaic li:nth-child(2){
	order:2;
}
#MomsFirst .Mosaic li:nth-child(3){
	order:4;
}
#MomsFirst .Mosaic li:nth-child(4){
	order:3;
}
#MomsFirst .Mosaic li:nth-child(5){
	order:5;
}
#MomsFirst .Mosaic li:nth-child(6){
	order:6;
}
}

@media (max-width: 761px){
#MomsFirst .Mosaic{
	flex-direction:column;
	max-width:384px;
}
#MomsFirst .Mosaic li{
	flex-basis:364px;
	margin:10px;
	margin-bottom:0px;
}
}

@media (max-width: 384px){

#MomsFirst .Mosaic li{
	flex-basis:calc(100vw - 20px);
	margin:10px;
	margin-bottom:0px;
}
}
#MomsFirst .Mosaic li:nth-child(2){
	background-color:#d6b3a4;
}
#MomsFirst .Mosaic li:nth-child(4){
	background-color:#ff9b99;
}
#MomsFirst .Mosaic li:nth-child(6){
	background-color:#a4d5ea;
}
#MomsFirst .Mosaic li img{
	display:block;
	max-width:100%;
}

#MomsFirst .Mosaic li .TextTestimony{
	font-size:16px;
	color:#fff;
	padding:20px;
	margin:0;	
	max-width:364px;
	line-height: 1.6em;
}
#MomsFirst .Mosaic li .TextTestimony::before {
	content: "“";
	font-size: 150px;
	color: #fff;
	display: inline-block;
	line-height: 70px;
	overflow: hidden;
	font-family: ClarinsRegular, Clarins;
	vertical-align: bottom;
	line-height: 150px;
	height: 70px;
}
#MomsFirst .Mosaic li .TextAuthor{
	font-size:12px;
	color:#fff;
	margin:0;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	max-width:364px;
}
#MomsFirst .Mosaic li .TextAuthor::before{
	content:" ";
	border-top:1px solid #fff;
	margin:0 auto;
	width:42px;
	height:16px;
	display:block;
	padding:0;
}

#Section-MOMSFIRST #olapic_specific_widget {
display:block!important;
}
#Section-MOMSFIRST .olapic-slider-header *{
	color:#fff!important;
}

#Section-MOMSFIRST .olapic #olapic-slider-widget.olapic-slider-widget {
	margin-top: -180px !important;
	position: relative;
	z-index: 2;
}
#MomsFirst #Block-Tomorrow .IntroText{
	padding-bottom:180px;
}

#MomsFirst #Block-Tomorrow::after{
	display:none;
}


/*----------- DTW-PH -------------*/

/*TESTIMONIES TEXT EDIT*/


/*Manualy modify the text to be vertically align on the box*/
#MomsFirst .Mosaic li .TextTestimony {
	margin-top: -50px;
}

/*Tablet landscape*/
@media (min-width: 769px) and (max-width: 1024px) {
	#MomsFirst .Mosaic li .TextTestimony {
		line-height: 1.3em;
	}
}
/*----------------------------------------------------------*/

@media (min-width: 762px) and (max-width: 769px) {
	#MomsFirst .Item .Visual {
		margin-left: 400px !important;
		position: absolute !important;
	}
	#MomsFirst .Item .Text {
		max-width: 310px;
	}
}

/*mobile*/
@media screen and (min-width: 1024px) {
	#MomsFirst .Item .Visual {
		margin: auto !important;
	}
}



@media screen and (min-width: 768px) {
	#MomsFirst .line-edit-desktop /*and tablet*/ {
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 761px) {
	#MomsFirst .line-edit-mobile {
		padding-bottom: 60px;
	}
	#MomsFirst .Item .Visual {
		margin: auto !important;
	}
}


@media (min-width: 768px) and (max-width: 1024px) {
	#MomsFirst .Mosaic li .TextTestimony::before {
		font-size: 110px;
		line-height: 140px;
	}
	#MomsFirst .Mosaic li .TextTestimony {
		font-size: 14px;
	}
}


/*Internet Explorer bug fix*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#MomsFirst .Mosaic li .TextTestimony {
	max-width: 310px;
}
#MomsFirst .Mosaic li .TextTestimony::before {
		font-size: 110px;
		line-height: 140px;
	}
}

/*DTW EDIT*/

@media (max-width: 1023px) and (min-width: 762px){
	#MomsFirst .Item{
		flex-basis: 520px;
	}
	#MomsFirst .Item{
		flex-wrap: inherit;
	}
}
@media only screen and (max-width: 1023px){
	#MomsFirst .Item{
			flex-basis: 520px;
	}
}

/***dtw custom***/
@media only screen and (max-width: 761px){
	.dtw_img img{
		width: 330px;
	}
}