/* MAJ - V0.02-update-27/11/18 */
/* Author Malo Richard.*/

@font-face {
	font-family:"icons";
	src:url("../themes/retailCast/assets/fonts/icons/icons.eot?fe6aa1fc3c23ff5b52e22f33303b9f56");
	src:url("../themes/retailCast/assets/fonts/icons/icons.eot?fe6aa1fc3c23ff5b52e22f33303b9f56#iefix") format("embedded-opentype"),
		url("../themes/retailCast/assets/fonts/icons/icons.woff?fe6aa1fc3c23ff5b52e22f33303b9f56") format("woff"),
		url("../themes/retailCast/assets/fonts/icons/icons.ttf?fe6aa1fc3c23ff5b52e22f33303b9f56") format("truetype");
	font-weight:normal;
	font-style:normal;
}

.icon {

		font-family:"icons";

	display:inline-block;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/* Icons */


.icon_all:before {
	content:"\f101";
}


.icon_cloud-fog:before {
	content:"\f102";
}


.icon_cloud-lightning:before {
	content:"\f103";
}


.icon_cloud-rain-hard:before {
	content:"\f104";
}


.icon_cloud-rain:before {
	content:"\f105";
}


.icon_cloud-snow:before {
	content:"\f106";
}


.icon_cloud-sun:before {
	content:"\f107";
}


.icon_cloud-wind-sun:before {
	content:"\f108";
}


.icon_cloud-wind:before {
	content:"\f109";
}


.icon_cloud:before {
	content:"\f10a";
}


.icon_download:before {
	content:"\f10b";
}


.icon_eye:before {
	content:"\f10c";
}


.icon_facebook-bubble:before {
	content:"\f10d";
}


.icon_facebook-ob:before {
	content:"\f10e";
}


.icon_facebook-sq:before {
	content:"\f10f";
}


.icon_facebook:before {
	content:"\f110";
}


.icon_hopla-bubble:before {
	content:"\f111";
}


.icon_hopla-ob:before {
	content:"\f112";
}


.icon_hopla-sq:before {
	content:"\f113";
}


.icon_hopla:before {
	content:"\f114";
}


.icon_icn-view:before {
	content:"\f115";
}


.icon_instagram-bubble:before {
	content:"\f116";
}


.icon_instagram-ob:before {
	content:"\f117";
}


.icon_instagram-sq:before {
	content:"\f118";
}


.icon_instagram:before {
	content:"\f119";
}


.icon_linkedin-bubble:before {
	content:"\f11a";
}


.icon_linkedin-ob:before {
	content:"\f11b";
}


.icon_linkedin-sq:before {
	content:"\f11c";
}


.icon_linkedin:before {
	content:"\f11d";
}


.icon_loader:before {
	content:"\f11e";
}


.icon_photo:before {
	content:"\f11f";
}


.icon_photobooth:before {
	content:"\f120";
}


.icon_pinterest-bubble:before {
	content:"\f121";
}


.icon_pinterest-ob:before {
	content:"\f122";
}


.icon_pinterest-sq:before {
	content:"\f123";
}


.icon_pinterest:before {
	content:"\f124";
}


.icon_plus:before {
	content:"\f125";
}


.icon_sun:before {
	content:"\f126";
}


.icon_text:before {
	content:"\f127";
}


.icon_tout:before {
	content:"\f128";
}


.icon_trophy:before {
	content:"\f129";
}


.icon_twitter-bubble:before {
	content:"\f12a";
}


.icon_twitter-ob:before {
	content:"\f12b";
}


.icon_twitter-sq:before {
	content:"\f12c";
}


.icon_twitter:before {
	content:"\f12d";
}


.icon_video:before {
	content:"\f12e";
}


.icon_wind:before {
	content:"\f12f";
}


.icon_youtube-bubble:before {
	content:"\f130";
}


.icon_youtube-ob:before {
	content:"\f131";
}


.icon_youtube-sq:before {
	content:"\f132";
}


.icon_youtube:before {
	content:"\f133";
}


/* ----------------------------------------------------------
  Emojis
---------------------------------------------------------- */

img.ob-emoji {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}



/*Reset css */
body{
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	background: black;
}



/* Menu */

#menu{
	z-index: 10;
}

.nav_portrait{
	position: sticky;
	height: 120px;
	width: 100%;

}

.nav_light{
	background: #fff;
}
.nav_light>div>h2{
	color: black;
}
.nav_dark{
	background: black;
}
.nav_dark>div> h2{
	color: #fff;
}


.nav_portrait > #logo{
	/*margin: 4px;*/
	max-width: 400px;
	max-height: 110px;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav_landscape{
	position: sticky;
	height: 120px;
	width: 100%;
}
.nav_landscape > #logo{
	margin: 0px;
	max-width: 360px;
	max-height: 110px;
	margin-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.right_nav{
	float: right;
    height: 100%;
    padding-right: 30px;
}



.right_nav_content{
	display: flex;
	color: #FFF;
    font-size: 40px;
	margin-top: 30px;
	margin-bottom: 0;
	letter-spacing: 3px;
}

.right_nav_content >.fa-sun{
	font-size: 50px;
	margin-right: 15px;
}

.right_nav_content >i{
	font-size: 80px;
}

.right_nav_content>i::before{
	/*font-size: 60px;*/
	position: relative!important;
	top: -10px!important;
}

.time{
	text-align: center;
	display: grid;
    margin-top: -0.5em;
    margin-right: 30px;
}

.min{
	font-weight: 200;
}
.light{
	margin-right: 15px;
	font-weight: 200;
}

.location{
	font-size: 20px;
	margin-right: 0;
    position: absolute;
    right: 330px;
}

.city{
	text-transform: capitalize;

}
.country{
	text-transform: capitalize;

}
.date{
	position: absolute;
	height: 50%;
	font-size: 25px;
	right: 330px;
	top: 75px;
}

.slide{
	height: 960px;
	width: 100vw;
	overflow: hidden;
}
.slide_no_nav{
	height: 100vh;
	width: 100vw;
}

.slide_no_nav>div{
	background-position: 'center';
	height: 100vh!important;
	width: 100vw;
	background-repeat: no-repeat;
}
.landscape_portrait{
	display: block!important;
}
.landscape_portrait>div{
	background-position: 'center';
	background-repeat: no-repeat;

}





.loader{
	text-align: center;
    height: 100vh;
    width: 100vw;
    top: 0;
    bottom: 0;
    position: absolute!important;
}
.loader>i{
	text-align: center;
	color: #fff;
	font-size: 150px;
	line-height: 100vh;

}


/**************************************
***************** Grid ****************
***************************************/


.grid_landscape_6_3{
	height: 960px;
	display: grid;
	grid-template-columns : repeat(6,320px);
	grid-template-rows : repeat(3, 320px);
	margin: 0;
	padding:0;
	overflow: hidden;
	grid-auto-flow:dense;
	grid-auto-rows: 0px;
	grid-auto-columns: 0px;
}
.grid_landscape_8_4{
	height: 960px;
	display: grid;
	grid-template-columns : repeat(8,240px);
	grid-template-rows: repeat(4, 240px);
	margin: 0;
	padding:0;
	overflow: hidden;
	grid-auto-flow:dense;
	grid-auto-rows: 0px;
}


.grid_portrait_3_5{
	height: 1800px;
	display: grid;
	grid-template-columns : repeat(3,360px);
	grid-template-rows : repeat(5, 360px);
	margin: 0;
	padding:0;
	overflow: hidden;
	grid-auto-flow:dense;
	grid-auto-rows: 0px;
	grid-auto-columns: 0px;
}

.grid_portrait_6_10{
	height: 1800px;
	display: grid;
	grid-template-columns : repeat(6,180px);
	grid-template-rows : repeat(10, 180px);
	margin: 0;
	padding:0;
	overflow: hidden;
	grid-auto-flow:dense;
	grid-auto-rows: 0px;
	grid-auto-columns: 0px;
}



/**************************************
*************** Placement *************
***************************************/


.grid_item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}
.gallery{
	align-content: end;
	position: relative;
	display: grid;
}

.gallery:before {
	z-index: 9;
    content: '';
	position: absolute;
	top: 0;
	right:0;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,transparent,#030303);
	opacity: .5;
}

.grid_item> .tag_container{
	color: #fff;
    font-size: 29px;
    font-weight: 200;
    z-index: 10;
    width: 100%;
    height: 70px;

	/*color: #fff;
	bottom: 46px;
	position: absolute;
	margin: 10px;
	font-size: 29px;
	font-weight: 200;
	z-index: 10;
	width: 100%;
	height: 70px;*/

}
.grid_item > div{
	overflow: hidden;
}



.grid_item> .gallery_focus_text{
	font-size: 13px;
}


.grid_item>div>.tag_text{
	left: 20px;
    /*position: absolute;*/
    top: 50%;
    color: #fff;
    font-size: 17px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    display: inline-table;
    padding-left: 10px;
    padding-right: 0px;
    z-index: 10;
	font-weight: 400;
	letter-spacing: 1px;

}

.grid_item > .gallery_focus_title{
	/*position: absolute;*/
	bottom: 10px;
	top: 25px;
	margin-top: 25px;
    font-size: 35px;
}

.grid_item_square_text{
	height: 100%;
	display: grid;
}

.grid_video_portrait{
	object-fit: cover;
	max-height: 100%;
	z-index: -100;
}

.grid_gallery_video_portrait{
	height: 100%;
	top: 0;
	position: absolute;
	overflow: hidden;
	/*transform: scale(1.2);*/
}

.grid_gallery_video_landscape{
	width: 100%;
	position: absolute;
}





/* Columns */

.col_1{
	grid-column-start: 1;
}
.col_2{
	grid-column-start: 2;
}
.col_3{
	grid-column-start: 3;
}
.col_4{
	grid-column-start: 4;
}
.col_5{
	grid-column-start: 5;
}
.col_6{
	grid-column-start: 6;
}
.col_7{
	grid-column-start: 7;
}
.col_8{
	grid-column-start: 8;
}


/* Rows */

.row_1{
    grid-row-start: 1;
}
.row_2{
    grid-row-start: 2;
}
.row_3{
    grid-row-start: 3;
}
.row_4{
    grid-row-start: 4;
}
.row_5{
    grid-row-start: 5;
}
.row_6{
    grid-row-start: 6;
}
.row_7{
    grid-row-start: 7;
}
.row_8{
    grid-row-start: 8;
}
.row_9{
    grid-row-start: 9;
}
.row_10{
    grid-row-start: 10;
}
.row_11{
    grid-row-start: 11;
}
.row_12{
    grid-row-start: 12;
}

.grid_item_landscape{
	grid-column-end: span 2;

}
.grid_item_portrait{
	grid-row-end: span 2;

}

.grid_item_story{
	grid-row-end: span 2;

}

.grid_item_story > .author >.icon{
    font-size: 25px;
}
.grid_item_story > .author{
    align-items: center;
    bottom: -2%;
    margin-left: 30px;
    z-index: 10;
    overflow: hidden;
    font-size: 18px;
}
.grid_item_story > .author > p{
	position: relative;
	margin-left: 30px;
	top: 40px;
}


.grid_item_square{
	grid-row-end: span;

}

.grid_item_portrait.socialmedia{
	display: grid;
	grid-template-rows: 1fr 1fr;
}
.grid_item_portrait.story{
	display: grid;
	grid-template-rows: 1fr;
}
.grid_item_portrait.story >div >svg{
	display: none;
}

.item_6x3.story > div > div.author{
	display: flex;
    align-items: center;
    bottom: 4%!important;
    margin-left: 30px;
}

.grid_item_landscape.socialmedia{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.socialmedia > div{
	background-size: cover;
}

.socialmedia > div > .angle_bottom{

    /*background: -webkit-linear-gradient(left top, #40A83C 50%, transparent 50%);
    background: linear-gradient(to right bottom, #40A83C 50%, transparent 50%);*/
    width: 15px;
    height: 50%;
    right: -15px;
    bottom: 0;
    position: absolute;
}


.svg-angle{
	display: block;
	width: 100%;
	height: auto;
}
.svg-angle-bottom{
	display: block;
    height: 100%;
    width: inherit;
}



/*Text */

.focus_text{
	word-break: break-word;
	letter-spacing: 0px!important;
}

.item_6x3 > div > .focus_text{
	color: #fff;
	font-size: 15px;
	margin: 20px;
	grid-area: text;
	letter-spacing: 3px;
	line-height: 19px;
	font-weight: 200;
	max-height: 78%;
	overflow: hidden;
}

.item_6x3 > div .author{
	font-size: 23px;
	bottom: 33px;
	margin-left: 30px;

}

.item_6x3>  div > div.author > p {
    position: absolute;
    margin-left: 40px;
}
.item_6x3 > div > div.author > i {
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 30px;
}


.item_6x3 > .gallery_focus_text {
    font-size: 15px;
    letter-spacing: 3px;
    line-height: 19px;
	margin-top:-3px;
}

.item_6x3 > .gallery_focus_title {
    margin-bottom: 10px;
	margin-top: 0px;
    font-size: 35px;
}
.item_8x4 > div > .focus_text{
    color: #fff;
    font-size: 12px;
    margin: 15px 15px 16px 15px;
    grid-area: text;
    letter-spacing: 2px;
    line-height: 14px;
    font-weight: 200;
	max-height: 76%;
	overflow: hidden;
}

.item_8x4> div .author {
	display: flex;
	align-items: center;
	bottom: 20px;
	margin-left: 26px;
	font-size: 19px;
}
.item_8x4>  div > div.author > p {
    position: absolute;
    margin-top: 18px;
    margin-left: 24px;
}
.item_8x4 > div > div.author > i {
    position: absolute;
    top: 10px;
    left: 0px;
    font-size: 22px;
}

.item_8x4 > .gallery_focus_text {
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 17px;
	margin-top: -3px;
}

.item_8x4 > .gallery_focus_title {
	margin-bottom: 10px;
    margin-top: 0px;
    font-size: 27px;
}
.item_8x4 > div>.tag_text {
	font-size: 15px;
	line-height: 32px;
}



.item_3x5 > div > .focus_text{
	color: #fff;
	font-size: 20px;
	margin: 20px;
	letter-spacing: 2px;
	line-height: 22px;
	font-weight: 200;
	max-height: 78%;
	overflow: hidden;
}

.item_3x5> div .author {
	display: flex;
    align-items: center;
    bottom: 35px;
    margin-left: 35px;
    font-size: 26px;
}
.item_3x5>  div > div.author > p {
	position: absolute;
	margin-top: 20px;
	margin-left: 38px;
}
.item_3x5 > div > div.author > i {
	position: absolute;
    top: 0px;
    left: 0px;
    font-size: 35px;
}

.item_3x5 > .gallery_focus_text {
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 22px;
	font-weight: 200;
	margin-top: -3px;
}

.item_3x5 > .gallery_focus_title {
	margin-bottom: 10px;
    margin-top: 0px;
    font-size: 35;
}
.item_3x5 > div>.tag_text {
	font-size: 20px;
	line-height: 32px;
}

.item_6x10 > div > .focus_text{
	color: #fff;
   font-size: 8px;
   margin: 10px;
   grid-area: text;
   letter-spacing: 2px;
   line-height: 10px;
   font-weight: 200;
   max-height: 78%;
   overflow: hidden;

}

.item_6x10 > div .author{
	font-size: 14px;
    bottom: 16px;
    margin-left: 18px;

}

.item_6x10>  div > div.author > p {
	position: absolute;
	margin-top: 19px;
	margin-left: 23px;
}
.item_6x10 > div > div.author > i {
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 21px;
}


.item_6x10 > .gallery_focus_text {
	font-size: 8px;
    letter-spacing: 1px;
    line-height: 10px;
    margin-top: -3px;
	margin-left: 10px;
}

.item_6x10 > .gallery_focus_title {
	margin-bottom: 6px;
	margin-top: 13px;
	font-size: 22px;
	margin-left: 10px;
}
.item_6x10>div>.tag_text {
    left: 20px;
    /* position: absolute; */
    top: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    display: inline-table;
    padding-left: 5px;
    padding-right: 0px;
    z-index: 10;
    font-weight: 400;
    letter-spacing: 1px;
}

.item_6x10> .tag_container {
    color: #fff;
    /* bottom: 85px; */
    /* position: absolute; */
    margin: 10px;
    font-size: 29px;
    font-weight: 200;
    z-index: 10;
    margin-left: -8px;
    /* left: 0; */
}


.socialmedia > div > div.author > i{
	position: absolute;
	top: 7px;
	left: 0px;
	font-size: 25px;
}
.item_6x10.socialmedia > div > div.author > i{
	position: absolute;
    top: 11px;
    left: 0px;
    font-size: 19px;
}
.item_3x5.socialmedia > div > div.author > i{
	position: absolute;
	top: 7px;
	left: 0px;
	font-size: 30px;
}
.item_6x3.socialmedia > div > div.author > i{
	position: absolute;
	top: 11px;
	left: 0px;
	font-size: 25px;
}
.socialmedia > div > div.author > p{
	position: absolute;
    margin-left: 35px;
}
.item_6x10.socialmedia > div > div.author > p{
	position: absolute;
	margin-left: 22px;
}
.socialmedia > div > div.author {
	display: flex;
	align-items: center;
	bottom: 7%;
	margin-left: 25px;
}
.item_6x10.socialmedia > div > div.author {
	display: flex;
	align-items: center;
	bottom: 7%;
	margin-left: 18px;
}
.item_6x3.socialmedia > div > div.author {
	display: flex;
	align-items: center;
	bottom: 8%;
	margin-left: 30px;
}
.author{
	position: absolute;
	grid-area: author;
	color: #fff;
	font-weight: 100;
	font-size: 30px;
	margin-bottom: 20px;
	align-self: end;
	margin-left: 80px;
	bottom: -3%;
	left: -4%;
}







/**************************************
******** Css code by Malo Richard *****
***************************************/






/**************************************
************* Elements ****************
***************************************/


/*Base*/

.grid__item{
	/*border: 1px solid red;*/
	background-position: center;

	z-index: 300;
	position: relative;
}
.grid__item > div{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
    height: 100%;
}




/*Social media landscape*/

.social_media_landscape{
	grid-column: 2 /span 2;
	grid-row:1 / span 1;
	grid-template-columns : repeat(2,1fr);
}
.social_media_landscape > div{
	width: 50%!important;
	height: 100%;
	position: absolute!important;
	left: 0;
}
.social_media_landscape > div:nth-child(2){
	width: 50%!important;
	height: 100%;
	position: absolute!important;
	left: 50%;
}

.social_media_landscape  > div > .angle_top{
	/*background: -webkit-linear-gradient(right top, transparent 50%, #40A83C 50%);
	background: linear-gradient(to left bottom, transparent 50%, #40A83C 50%);*/
	width: 15px;
	height: 50%;
	left: 0;
	right: auto;
	position: absolute;

}
.social_media_landscape > div > .angle_bottom{
	/*background: -webkit-linear-gradient(left top, #40A83C 50%, transparent 50%);
	background: linear-gradient(to right bottom, #40A83C 50%, transparent 50%);*/
	width: 15px;
	height: 50%;
	left: 0;
	bottom: 0;
	right: auto;
	position: absolute;
}


/*social media portrait*/

.social_media_portrait{
	grid-column: 1;
	grid-row:1 / span 2;
	grid-template-columns : repeat(2,1fr);
}
.social_media_portrait > div{
	height: 50%!important;
	position: absolute!important;
}

.social_media_portrait > div > .angle_top{
	/*background: -webkit-linear-gradient(right top, #40A83C 50%, transparent 50%);*/
	/*background: linear-gradient(to left bottom, #40A83C 50%, transparent 50%);*/
	/*width: 50%;
	height: 15px;
	left: 0;
	right: auto;
	position: absolute;*/

}
.social_media_portrait> div > .angle_bottom{
	/*background: -webkit-linear-gradient(left top, #40A83C 50%, transparent 50%);*/
	/*background: linear-gradient(to right bottom, #40A83C 50%, transparent 50%);*/
	/*width: 50%;
	height: 15px;
	top: 0;
	right: 0;
	position: absolute;*/
}


.grid_item_portrait>div>div.angle_bottom{
	width: 50%;
    height: 15px;
    top: -15px;
    left: 0;
    position: absolute;

}
.grid_item_portrait>div>div.angle_top{
	width: 50%;
    height: 15px;
	top: -15px;
    right: 0;
    position: absolute;

}




.sm_text>p{
	top: 0;
    margin: 15px!important;
    left: 0!important;
    text-align: justify;
	text-shadow: none;
}
.sm-name{
	color: #fff;
	margin: 0!important;
	position: absolute;
	bottom: 6.5%;
	left: 12%;
	top: auto!important;
}



h1{
	margin: 0;
}

.grid__item > div{
	color: #fff;
	position: relative;
	margin: 0;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
	z-index: 20;
}

.grid__item > div > p{
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 6%;
	left: 15%;

}
.grid__item > div > i{
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 7%;
	left: 7%;
	font-size: 14px;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);

}
.big_square > div > p{
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 3%;
    left: 10%;

}

/*.vertical_col2_row3 >div>p{
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 3%;
    left: 10%;

}
.horizontal_col1_row2 >div>p{
	color: #fff;
	margin: 0;
	position: absolute;
	bottom: 6%;
	left: 10%;

}*/


/**************************************
************* Social Count ************
***************************************/

.landscape_social_count {
	height: 960px;
	display: grid;
	margin: 0;
	padding:0;
	overflow: hidden;
	text-align: center;
}


body.landscape_4k > .landscape_social_count {
    height: 2040px;
    display: grid;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.portrait_social_count {
	height: 1800px;
	display: grid;
	margin: 0;
	padding:0;
	overflow: hidden;
	text-align: center;
}

.landscape_social_count_1 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(1, 1fr);
}


.landscape_social_count_2 {
	grid-template-columns : repeat(2,1fr);
	grid-template-rows : repeat(1, 1fr);
}

.landscape_social_count_3 {

	grid-template-columns : repeat(3,1fr);
	grid-template-rows : repeat(1, 1fr);
}
.landscape_social_count_4 {
	grid-template-columns : repeat(4,1fr);
	grid-template-rows : repeat(1, 1fr);
}
.landscape_social_count_5 {
	grid-template-columns : repeat(5,1fr);
	grid-template-rows : repeat(1, 1fr);
}
.landscape_social_count_6 {
	grid-template-columns : repeat(6,1fr);
	grid-template-rows : repeat(1, 1fr);
}

.landscape_social_count_1 > div> i ,
.landscape_social_count_2 > div> i ,
.landscape_social_count_3 > div> i ,
.landscape_social_count_4 > div> i ,
.landscape_social_count_5 > div> i ,
.landscape_social_count_6 > div> i {
	color: #fff;
	font-size: 10em;
	position: absolute;
	bottom: 40%;
}
.landscape_social_count_1 > div> h2 ,
.landscape_social_count_2 > div> h2 ,
.landscape_social_count_3 > div> h2 ,
.landscape_social_count_4 > div> h2,
.landscape_social_count_5 > div> h2,
.landscape_social_count_6 > div> h2 {
	color: #fff;
	font-size: 5em;
	margin-top: 0;
	position: absolute;
	bottom: 25%;
}
.landscape_social_count_1 > div ,
.landscape_social_count_2 > div ,
.landscape_social_count_3 > div ,
.landscape_social_count_4 > div,
.landscape_social_count_5 > div,
.landscape_social_count_6 > div {
	display: flex;
	justify-content: center;
	align-items: center
}




.portrait_social_count_1 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(1, 1fr);
}


.portrait_social_count_2 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(2,1fr);
}

.portrait_social_count_3 {

	grid-template-columns : repeat(1,1fr);
	grid-template-rows :repeat(3,1fr);

}
.portrait_social_count_4 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(4,1fr);
}
.portrait_social_count_5 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(5,1fr);
}
.portrait_social_count_6 {
	grid-template-columns : repeat(1,1fr);
	grid-template-rows : repeat(6,1fr);
}

.portrait_social_count_1 > div> i ,
.portrait_social_count_2 > div> i ,
.portrait_social_count_3 > div> i ,
.portrait_social_count_4 > div> i,
.portrait_social_count_5 > div> i,
.portrait_social_count_6 > div> i {
	color: #fff;
	font-size: 10em;
	/*position: absolute;*/
	/*bottom: 40%;*/
}
.portrait_social_count_1 > div> h2 ,
.portrait_social_count_2 > div> h2 ,
.portrait_social_count_3 > div> h2 ,
.portrait_social_count_4 > div> h2,
.portrait_social_count_5 > div> h2,
.portrait_social_count_6 > div> h2 {
	color: #fff;
	font-size: 6em;
	margin-left: 1em;
	/*margin-top: 0;*/
	/*position: absolute;*/
	/*bottom: 25%;*/
}
.portrait_social_count_1 > div ,
.portrait_social_count_2 > div ,
.portrait_social_count_3 > div ,
.portrait_social_count_4 > div,
.portrait_social_count_5 > div,
.portrait_social_count_6 > div {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*
.overlay:before{
	content: "";
	position: absolute;
height: inherit;
width: inherit;
background-color: black;
top: 0;
display: block;
opacity: 1;
}*/




/**************************************
************ Intercalaire *************
***************************************/


.video_portrait {
	grid-template-rows: repeat(3, 1fr);
	display: grid;
	height: 960px;
}

.portrait_portrait	{
	grid-template-rows: repeat(1, 1fr);
	display: grid;
	height: 100vh;
}
.landscape_portrait	{
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	height: 960px;
}

.intercalary_img,.intercalary_vid{
	height: 960px;
}


.slide_no_nav.intercalary_img,.slide_no_nav.intercalary_vid{
	height: 100vh;
}
.slide_no_nav.video_portrait{
	height: 100vh;
}

.intercalary_img > div {
	background-repeat: no-repeat!important;
	/*background-size: 'contain'!important;
	background-position: 'center'!important;*/
}




/**************************************
*************** Focus ****************
***************************************/

.focus_landscape {
	display: grid;
	grid-template-columns: 1fr 12fr 1fr;
	grid-template-rows: 1fr 8fr 1fr;
}

.slide_focus_grid{
	display: grid;
	grid-template-columns: repeat(32, 1fr);
    grid-template-rows: repeat(16, 1fr);
}

.slide_focus{
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}
.slide_focus_square{
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: span 32;
	grid-row-end: span 16;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas :
	'image content'

}
.slide_focus_landscape__{
	grid-column-start: 1;
	grid-row-start: 3;
	grid-column-end: span 32;
	grid-row-end: span 12;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas :
	'image content'
}
.slide_focus_landscape{
	grid-column-start: 1;
	grid-row-start: 4;
	grid-column-end: span 32;
	grid-row-end: span 10;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas :
	'image content'
}
.slide_focus_portrait{
	grid-column-start: 7;
	grid-row-start: 1;
	grid-column-end: span 20;
	grid-row-end: span 16;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas :
	'image content'
}
.slide_focus_text{
	display: grid;
    grid-template-columns: 1fr!important;
    grid-template-rows: 1fr!important;
	grid-template-areas :
	'content'!important;
}

.slide_focus_portrait.slide_focus_video{
	background-color: black;
}
.slide_focus_video>.slide_video{
	z-index: 0!important;
}



.focus_portrait {
	display: grid;
	grid-template-columns: 1fr 8fr 1fr;
	grid-template-rows: 1fr 9fr 1fr;
	height: 1800px;

}


.focus_portrait > .slide_focus_grid{
	display: grid;
	grid-template-rows: repeat(32, 1fr);
    grid-template-columns: repeat(16, 1fr);
}

.focus_portrait > div> .slide_focus_square {
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: span 32;
	grid-column-end: span 16;
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr ;
	grid-template-areas: 'image' 'content';
	overflow: hidden;
}

.focus_portrait > div> .slide_focus_landscape {
	grid-row-start: 5;
	grid-column-start: 1;
	grid-row-end: span 24;
	grid-column-end: span 16;
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
	grid-template-areas: 'image ''content';
	overflow: hidden;
}

.focus_portrait > div> .slide_focus_portrait {
	grid-row-start: 1;
	grid-column-start: 4;
	grid-row-end: span 32;
	grid-column-end: span 10;
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
	grid-template-areas: 'image''content';
	overflow: hidden;
}



.slide_focus_landscape.slide_focus_gallery{
	overflow: hidden;
	grid-column-start: 1;
	grid-row-start: 1;
	grid-column-end: span 32;
	grid-row-end: span 16;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0fr;
	background-size: cover;
	background-position: center center;
	align-content: end;
	grid-template-areas :
	'content';
	position: relative;
}
.focus_portrait > div > .slide_focus_landscape.slide_focus_gallery{
	overflow: hidden;
    grid-column-start: 1;
    grid-row-start: 11;
    grid-column-end: span 16;
    grid-row-end: span 12;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0fr;
    background-size: cover;
    background-position: center center;
    align-content: end;
    grid-template-areas: 'content';
    position: relative;
}
.slide_focus_square.slide_focus_gallery{
	overflow: hidden;
	grid-column-start: 9;
	grid-row-start: 1;
	grid-column-end: span 16;
	grid-row-end: span 16;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0fr;
	background-size: cover;
	background-position: center center;
	align-content: end;
	grid-template-areas :
	'content';
	position: relative;
}
.focus_portrait > div > .slide_focus_square.slide_focus_gallery{
	overflow: hidden;
	grid-column-start: 1;
	grid-row-start: 8;
	grid-column-end: span 16;
	grid-row-end: span 18;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0fr;
	background-size: cover;
	background-position: center center;
	align-content: end;
	grid-template-areas: 'content';
	position: relative;
}
.slide_focus_portrait.slide_focus_gallery{
	overflow: hidden;
	grid-column-start: 11;
    grid-row-start: 1;
    grid-column-end: span 12;
    grid-row-end: span 16;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0fr;
    background-size: cover;
    background-position: center center;
	align-content: end;
	grid-template-areas :
	'content';
	position: relative;
}
.focus_portrait > div > .slide_focus_portrait.slide_focus_gallery{
	overflow: hidden;
    grid-column-start: 3;
    grid-row-start: 6;
    grid-column-end: span 12;
    grid-row-end: span 22;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0fr;
    background-size: cover;
    background-position: center center;
    align-content: end;
    grid-template-areas: 'content';
    position: relative;
}

.icon_focus{
	position: relative;
	font-size: 40px;
	top: -5px;
}






.slide_focus_gallery:after {
	z-index: 9;
    content: '';
	position: absolute;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 102%;
	background-image: linear-gradient(to bottom,transparent,#030303);
	opacity: .7;
  }



.tag_container{
	color: #fff;
	position: relative;
	margin: 10px;
	font-size: 29px;
	font-weight: 200;
	z-index: 10;
}
.tag_text{
	left: 20px;
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 25px;
	line-height: 50px;
	/*padding: px 0 0 18px;*/
	text-align: center;
	text-transform: uppercase;
	display: inline-table;
	padding-left: 10px;
	padding-right: 0px;
	z-index: 10;
}

.tag_text:after{
	z-index: -1;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45%;
    display: block;
    content: "";
    background-color: inherit;
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

.gallery_focus_title{
	top: 52%;
	margin-left: 27px;
	margin-right: 27px;
	color: #fff;
	font-size: 60px;
	margin-top: 40px;
	margin-bottom: 5px;
	z-index: 10;
}

.gallery_focus_text{
	color: #fff;
	/*position: absolute;*/
	bottom: 40px;
	margin-left: 29px;
    font-size: 29px;
    font-weight: 200;
    margin-right: 29px;
    margin-top: 5px;
	z-index: 10;
}

.slide_image{
	grid-area : image;
	background-size: cover;
	background-position: center center;
}
.slide_focus_square>.slide_video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -3;
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
    grid-area: image;
}

.slide_focus_square> video.slide_image{
	position: absolute;
	left: -14px;
}
.slide_focus_portrait>.slide_video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -3;
	/*-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);*/
	grid-area: image;
}
.slide_focus_landscape>.slide_video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -3;
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
    grid-area: image;
}
.slide_content{
	grid-area : content;
	position: relative;
	word-break: break-word;
	/*display: grid;
	grid-template-rows: 5fr 1fr;
	grid-template-areas :
	'text'
	'author';*/
}





.slide_focus_text > .slide_content > .author {
	left: -2%;
}



.slide_content> .author{
	position: absolute;
	grid-area: author;
	color: #fff;
	font-weight: 100;
	font-size: 30px;
	margin-bottom: 20px;
	align-self: end;
	margin-left: 80px;
	bottom: -3%;
	left: -4%;
}
.slide_content> .focus_text{
	color: #fff;
	font-weight: 100;
	font-size: 30px;
	margin: 40px;
	align-self: end;
	bottom: -3%;
	left: -4%;
}

.slide_content>.author >p >i{
	font-size: 50px;
}
.author >p >i{
	font-size: 50px;
}
.author >p >i::before{
	position: relative;
	top: 12px;
	right: 10px;
}


.miniature{
	z-index: 10;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 5px solid #fff;
	height: 70px;
	width: 70px;
	align-self: center;
	justify-self: center;
	background-size: cover;
	transition:all 500ms ease;
	margin: 3px;
}

.miniature > i {
	text-align: center;
	font-size: 40px;
	color: #fff;
	position: relative;
	left: 15px;
	top: 16px;
}
.miniature > i.icon_twitter {
	text-align: center;
	font-size: 40px;
	color: #fff;
	position: relative;
	left: 15px;
	top: 21px;
}
.miniature > i.icon_facebook {
	text-align: center;
	font-size: 40px;
	color: #fff;
	position: relative;
	left: 24px;
	top: 16px;
}
.miniature > i.icon_video {
    text-align: center;
    font-size: 40px;
    color: #fff;
    position: relative;
    left: 18px;
    top: 16px;
}


.miniature_side_1{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(1, 1fr);
	align-items: center;

}
.miniature_side_2{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(2, 1fr);
	align-items: center;
}
.miniature_side_3{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(3, 1fr);
	align-items: center;
}
.miniature_side_4{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(4, 1fr);
	align-items: center;
}
.miniature_side_5{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(5, 1fr);
	align-items: center;
}
.miniature_side_6{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(6, 1fr);
	align-items: center;
}
.miniature_side_7{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(7, 1fr);
	align-items: center;
}
.miniature_side_8{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(8, 1fr);
	align-items: center;
}
.miniature_side_9{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(9, 1fr);
	align-items: center;
}
.miniature_side_10{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(10, 1fr);
	align-items: center;
}
.miniature_side_11{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(11, 1fr);
	align-items: center;
}
.miniature_side_12{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(12, 1fr);
	align-items: center;
}


.miniature_bottom_1{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(1, 1fr);
	align-items: center;

}
.miniature_bottom_2{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}
.miniature_bottom_3{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
}
.miniature_bottom_4{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(4, 1fr);
	align-items: center;
}
.miniature_bottom_5{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
}
.miniature_bottom_6{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(6, 1fr);
	align-items: center;
}
.miniature_bottom_7{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
}
.miniature_bottom_8{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(8, 1fr);
	align-items: center;
}
.miniature_bottom_9{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(9, 1fr);
	align-items: center;
}
.miniature_side_10{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(10, 1fr);
	align-items: center;
}
.miniature_bottom_11{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(11, 1fr);
	align-items: center;
}
.miniature_bottom_12{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(12, 1fr);
	align-items: center;
}









/**************************************
************* Animation ***************
***************************************/

.slide-down-out{
	animation: slidedownout 1.5s forwards;
	-webkit-animation: slidedownout 1.5s forwards;
}
.slide-down-in{
	animation: slidedownin 1.5s forwards;
	-webkit-animation: slidedownin 1.5s forwards;
}
.scroll-out{
	animation: slidedownout 2s forwards;
	-webkit-animation: slidedownout 2s forwards;
}
/*.scroll-up{
	animation: slideupout 2s forwards;
	-webkit-animation: slideupwnout 2s forwards;
}*/
.scroll-in{
	animation: slidedownin 2s forwards;
	-webkit-animation: slidedownin 2s forwards;
}
.slide-left-out{
	animation: slideleftout 1.5s forwards;
	-webkit-animation: slideleftout 1.5s forwards;
}
.slide-left-in{
	animation: slideleftin 1.5s forwards;
	-webkit-animation: slideleftin 1.5s forwards;
}


.fade-out{
	position: relative;
	animation: fadeout 1.5s forwards;
	-webkit-animation: fadeout 1.5s forwards;
}
.fade-in{
	position: relative;
	animation-name: fadein;
	animation-duration: 3s;
}


.flip-horizontal-in{
	position: relative!important;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-origin: center center;
	animation: flipHin 1.5s ;
	-webkit-animation: flipHin 1.5s;
}

.flip-horizontal-out{
	transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-origin: center center;
	animation: flipHout 1.5s forwards;
	-webkit-animation: flipHout 1.5s forwards;
}

.flip-vertical-in{
	position: relative!important;
	transform-origin: 100%
	transform-origin: center center;
	transform-style: preserve-3d;
	animation: flipVin 1s ;
	-webkit-animation: flipVin 1s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.flip-vertical-out{
	transform-origin: center center;
	transform-style: preserve-3d;
	animation: flipVout 1s forwards;
	-webkit-animation: flipVout 1s forwards;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.zoom-in {
  animation: zoomIn 1.5s forwards;
}
.zoom-out {
  animation: zoomOut 1.5s forwards;
}

.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}


@keyframes fadein {
    0%   {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeout {
    0%   {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes slidedownout {
    0%   {transform: translate(0px, 0%);}
    /*60% {transform: translate(0px, 100%);}*/
    100% {transform: translate(0px, 220%);}
	/*100% {transform: translate(0px, 200%);}*/
}


@keyframes slidedownin {
    0%   {transform: translate(0px, -220%);}
    100% {transform: translate(0px, 0%);}
}

@keyframes slideleftout {
    0%   {transform: translate(0px, 0%);}
    100% {transform: translate( 150%, 0px);}
	/*100% {transform: translate(0px, 200%);}*/
}


@keyframes slideleftin {
    0%   {transform: translate(-100%, 0px );}
    100% {transform: translate(0px, 0%);}
}
@keyframes flipVout {
    0%   {transform:  perspective(1000px) rotateX(0deg);}
    100% {transform:  perspective(1000px) rotateX(-90deg);}

}
@keyframes flipVin {
    0%   {transform: perspective(1000px) rotateX(90deg);}
    100% {transform: perspective(1000px) rotateX(0deg);}
}
@keyframes flipHout {
    0%   {transform: perspective(1000px) rotateY(0deg);}
    100% {transform: perspective(1000px) rotateY(100deg);}

}
@keyframes flipHin {
    0%   {transform: perspective(1000px) rotateY(-90deg);}
    100% {transform: perspective(1000px) rotateY(0deg);}
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1);
  }

  100% {
    opacity: 1;
  }
}
@keyframes zoomOut {

  0% {
    opacity: 1;
  }
  100% {
	  opacity: 0;
	  transform: scale3d(0.1, 0.1, 0.1);
  }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**************************************
********** full Hd portrait ***********
***************************************/

@media screen and (min-height: 1920px) and (orientation: portrait){

	.intercalary_img,.video_portrait{
		grid-template-rows: repeat(3, 1fr);
		height: 1800px;
	}
	.slide_no_nav.intercalary_img{
		grid-template-rows: repeat(3, 1fr);
		height: 100vh;
	}
	.slide_no_nav.video_portrait{
		grid-template-rows: repeat(3, 1fr);
		height: 100vh;
	}

	.intercalary_img > div.row_2 {
		background-repeat: no-repeat!important;
		/*background-size: 'contain'!important;
	    background-position: 'center'!important;*/
	}

	.intercalary_vid{
		height: 1800px;
	}
}








/**************************************
********** 4K landscape ***********
***************************************/

@media screen and (min-width: 3000px) {

	/*Nav*/
  	.nav_landscape,.nav_portrait  {
        height: 240px;
  	}

	.nav_portrait > #logo, .nav_landscape > #logo{
		max-height: 200px;
		margin-left: 25px;
		padding-top: 25px;
		padding-bottom: 25px
	}
	.nav_landscape > #logo{
		max-width: 620px;
	}

	.right_nav{
		float: right;
	    height: 100%;
	    padding-right: 60px;
	}

	.right_nav_content{
		display: flex;
		color: #FFF;
	    font-size: 86px;
		margin-top: 60px;
		margin-bottom: 0;
		letter-spacing: 3px;
	}

	.right_nav_content >i{
		font-size: 160px;
		line-height: 140px;
	}
	.right_nav_content > i::before {
	    /* font-size: 60px; */
	    position: relative!important;
	    top: -10px!important;
	}

	.time{
		text-align: center;
		display: grid;
	    margin-top: -0.5em;
	    margin-right: 30px;
	}

	.min{
		font-weight: 200;
	}
	.light{
		margin-right: 15px;
		font-weight: 200;
	}

	.location{
		font-size: 40px;
     	margin-right: 0;
	    position: absolute;
	    right: 600px;
	}

	.city{
		text-transform: capitalize;
	}
	.country{
		text-transform: capitalize;

	}
	.date{
		position: absolute;
		height: 50%;
		font-size: 50px;
		right: 40px;
		top: 140px;
		right: 600px;
	}

	.loader>i{
		font-size: 300px;
	}

	/*mosaic*/


	.grid_landscape_6_3{
		display: grid;
		grid-template-columns : repeat(6,640px);
		grid-template-rows : repeat(3, 640px);
	}
	.grid_landscape_8_4{
		display: grid;
		grid-template-columns : repeat(8,480px);
		grid-template-rows : repeat(4, 480px);
	}

	.item_6x3 > div > .focus_text{
		color: #fff;
		font-size: 35px;
		margin: 40px;
		grid-area: text;
		letter-spacing: 3px;
		line-height: 40px;
		font-weight: 200;
		max-height: 78%;
		overflow: hidden;
	}

	.item_6x3 > div .author{
		display: flex;
		align-items: center;
		bottom: 40px;
		margin-left: 50px;
		font-size: 45px;

	}

	.item_6x3>  div > div.author > p {
	    /*position: absolute;
	    margin-top: 10px;
	    margin-left: 32px;
		font-size: 45px;*/
	}
	.item_6x3 > div > div.author > i {
		position: absolute;
		top: -15px;
		left: 0px;
		font-size: 60px;
	}


	.item_6x3 > .gallery_focus_text {
		font-size: 35px;
	    letter-spacing: 3px;
	    line-height: 40px;
		margin-left: 40px;
		margin-top: -20px;
	}

	.item_6x3 > .gallery_focus_title {
	    margin-bottom: 30px;
	    margin-top: 0px;
	    font-size: 65px;
	}
	.item_8x4 > div > .focus_text{
		color: #fff;
		margin: 30px;
		letter-spacing: 2px;
		font-size: 25px;
		line-height: 30px;
		font-weight: 200;
		max-height: 73%;
		overflow: hidden;
	}

	.item_8x4> div .author {
		display: flex;
		align-items: center;
		bottom: 40px;
		margin-left: 44px;
		font-size: 40px;
	}
	.item_8x4>  div > div.author > p {
	    position: absolute;
	    margin-top: 33px;
	    margin-left: 60px;
	}
	.item_8x4 > div > div.author > i {
		position: absolute;
	    top: -3px;
	    left: 0px;
	    font-size: 52px;
	}

	.item_8x4 > .gallery_focus_text {
		letter-spacing: 2px;
		font-size: 25px;
		line-height: 30px;
		font-weight: 200;
		margin-top: -3px;
	}

	.item_8x4 > .gallery_focus_title {
		margin-bottom: 15px;
	    margin-top: 0px;
	    font-size: 55px;
	}
	.item_8x4 > div>.tag_text {
		font-size: 15px;
		line-height: 32px;
	}




	body{
		height: 2160px;
		background: black;
	}

	.slide{
		height: 1920px;
    	width: 100vw;
		overflow: hidden;
	}
	.slide_no_nav{
		height: 100vh!important;
		width: 100vw;
	}

	.slide_no_nav>div{
		background-position: 'center';
		height: 100vh!important;
		width: 100vw;
		background-repeat: no-repeat;
	}
	.landscape_portrait{
		display: block!important;
	}
	.landscape_portrait>div{
		background-position: 'center';
		background-repeat: no-repeat;

	}

	.landscape_social_count{
		height: 1920px;
	}

	.landscape_social_count_1 > div> i ,
	.landscape_social_count_2 > div> i ,
	.landscape_social_count_3 > div> i ,
	.landscape_social_count_4 > div> i ,
	.landscape_social_count_5 > div> i ,
	.landscape_social_count_6 > div> i {
		color: #fff;
		font-size: 25em;
		position: absolute;
		bottom: 40%;
	}
	.landscape_social_count_1 > div> h2 ,
	.landscape_social_count_2 > div> h2 ,
	.landscape_social_count_3 > div> h2 ,
	.landscape_social_count_4 > div> h2,
	.landscape_social_count_5 > div> h2,
	.landscape_social_count_6 > div> h2 {
		color: #fff;
		font-size: 9em;
		margin-top: 0;
		position: absolute;
		bottom: 25%;
	}
	.landscape_social_count_1 > div ,
	.landscape_social_count_2 > div ,
	.landscape_social_count_3 > div ,
	.landscape_social_count_4 > div,
	.landscape_social_count_5 > div,
	.landscape_social_count_6 > div {
		display: flex;
		justify-content: center;
		align-items: center
	}



	/*.focus_text{
		color: #fff;
		font-size: 60px;
		margin: 100px;
		grid-area: text;
		letter-spacing: 3px;
		line-height: 90px;
		font-weight: 200;
	}*/

	.author{
		grid-area: author;
		color: #fff;
		font-weight: 100;
		font-size: 70px;
		margin-bottom: 30px;
		align-self: end;
		margin-left: 140px;
	}

	.author >p >i{
		font-size: 100px;
	}
	.author >p >i::before{
		position: relative;
		top: 12px;
		right: 20px;
	}

	/* Slide Focus */

	.miniature {
	    z-index: 10;
	    -webkit-border-radius: 50px;
	    -moz-border-radius: 50px;
	    border-radius: 100px;
	    border: 5px solid #fff;
	    height: 140px;
	    width: 140px;
	}

	.miniature > i {
		text-align: center;
		font-size: 80px;
		color: #fff;
		position: relative;
		left: 30px;
    	top: 29px;
	}
	.miniature > i.icon_twitter {
		text-align: center;
		font-size: 80px;
		color: #fff;
		position: relative;
		left: 30px;
		top: 39px;
	}
	.miniature > i.icon_facebook {
		text-align: center;
		font-size: 80px;
		color: #fff;
		position: relative;
		left: 24px;
		top: 16px;
	}
	.miniature > i.icon_video {
	    text-align: center;
	    font-size: 80px;
	    color: #fff;
	    position: relative;
	    left: 36px;
	    top: 30px;
	}

	.gallery_focus_text {
	    font-size: 45px;
	}

	.gallery_focus_title {
	    font-size: 120px;
		margin-left: 36px;
	    color: #fff;
	    margin-top: 60px;
	}
	.tag_text{
		font-size: 45px;
		line-height: 80px;

	}
	.tag_container {
		/*margin: 20px;*/
	}


	.slide_content> .author{
		font-size: 60px;
		margin-left: 150px;
	}

	.slide_content> .focus_text{
		font-size: 60px;
		margin: 60px;
	}
	.slide_content>.author >p >i{
		font-size: 70px;
	}

	/* Mosaic */

	.grid_portrait_3_5{
		height: 3600px;
	}

	.grid_portrait_6_10{
		height: 3600px;

	}


	.socialmedia > div .focus_text {
	    color: #fff;
	    font-size: 45px;
	    margin: 40px;
	    grid-area: text;
	    letter-spacing: 3px;
	    line-height: 55px;
	    font-weight: 200;
	}

	.socialmedia > div .author {
	    font-size: 45px;
	}

	.socialmedia > div > div.author > i {
	    position: absolute;
	    top: 11px;
	    left: 15px;
	    font-size: 65px;
	}
	.socialmedia > div > div.author > p {
    	position: absolute;
    	margin-left: 85px;
	}

	.grid_item> .tag_container {
		color: #fff;
		margin-left: 40px;
		font-weight: 200;
		z-index: 10;
		height: 150px;
	}


	/*.grid_item > .gallery_focus_title {
		margin-left: 40px;
	    bottom: 10px;
	    top: 25px;
	    margin-top: 25px;
	    font-size: 65px;
	}*/

	.grid_item>div>.tag_text {
	    left: 0px;
	    /* position: absolute; */
	    top: 50%;
	    color: #fff;
	    font-size: 47px;
	    line-height: 65px;
	}

	.grid_item> .gallery_focus_text {
	    font-size: 40px;
	}
	.socialmedia > div .focus_text {
    color: #fff;
    font-size: 25px;
    margin: 40px;
    grid-area: text;
    letter-spacing: 3px;
    line-height: 35px;
    font-weight: 200;
	}
	.socialmedia > div .author {
	    font-size: 38px;
	}
	.socialmedia > div > div.author {
	    display: flex;
	    align-items: center;
	    bottom: 10%;
	    left: 10px;
	}
	.item_8x4.socialmedia > div > div.author {
	    display: flex;
	    align-items: center;
	    bottom: 10%;
	    left: 0px;
	}
	.socialmedia > div > div.author > i {
	    position: absolute;
	    top: 12px;
	    left: 15px;
	    font-size: 50px;
	}
	.grid_item> .gallery_focus_text {
    	font-size: 30px;
	}
	.grid_item>div>.tag_text {
	    left: 0px;
	    /* position: absolute; */
	    top: 50%;
	    color: #fff;
	    font-size: 35px;
	    /*line-height: 55px;*/
	}
	.socialmedia > div > div.author > p {
	    position: absolute;
	    margin-left: 80px;
	}

	.grid_item_story > .author >.icon{
	    font-size: 50px;
	}
	.grid_item_story > .author{
	    align-items: center;
	    bottom: 0;
	    margin-left: 60px;
	    z-index: 10;
	    overflow: hidden;
	    font-size: 36px;
	}
	.slide_focus_landscape>.slide_video{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: -3;
		-moz-transform:scale(1.21);
		-webkit-transform:scale(1.21);
		-o-transform:scale(1.21);
		-ms-transform:scale(1.21);
		transform:scale(1.21);
	    grid-area: image;
	}
	.grid_item_story > .author > p{
		position: relative;
		margin-left: 60px;
		top: 80px;
	}

	/*.landscape_portrait	{
		grid-template-columns: repeat(3, 1fr);
		display: grid;
		height: 960px;
	}*/

	.slide_focus_gallery:after{
		border-bottom: 20px solid black;
		display: inherit;
		height: 101%;
		left: -2px;
		width: 101%;
	}

	/**************************************
	************ Intercalaire *************
	***************************************/



	.intercalary_img,.video_portrait{
		height: 1920px;
	}
	.slide_no_nav.intercalary_img{
		height: 100vh;
	}
	.slide_no_nav.video_portrait{
		height: 100vh;
	}

	.intercalary_img > div.row_2 {
		background-repeat: no-repeat!important;
		/*background-size: 'contain'!important;
	    background-position: 'center'!important;*/
	}

	.intercalary_vid{
		height: 1920px;
	}









}



	/**************************************
	************ 4K portrait **************
	***************************************/
	@media screen and (min-height: 3000px) and (orientation: landscape) {

	.nav_portrait{
		height: 240px;
	}
	.nav_portrait > #logo{
		max-width: 800px;
		max-height: 220px;
		margin-left: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.right_nav{
		padding-right: 60px;
	}
	.right_nav_content{

	}
	.right_nav_content{
		font-size: 80px;
		margin-top: 60px;

	}
	.location{
		font-size: 50px;
		margin-right: 294px;
		position: absolute;
		right: 334px;
		top: 40px;
	}
	.date {
	    position: relative;
	    height: 50%;
	    font-size: 50px;
	    right: 20px;
	    top: 75px;
	}
	.right_nav_content >i {
    	font-size: 170px;
	}
	.right_nav_content>i::before {
	    position: relative!important;
	    top: -36px!important;
	}
	/*mosaic*/
	.grid_portrait_3_5{
		height: 3600px;
		display: grid;
		grid-template-columns : repeat(3,720px);
		grid-template-rows : repeat(5, 720px);
	}

	.grid_portrait_6_10{
		height: 3600px;
		display: grid;
		grid-template-columns : repeat(6,360px);
		grid-template-rows : repeat(10, 360px);

	}




	/* social count*/
	.portrait_social_count{
		height: 3600px;
	}

	.portrait_social_count_1 > div> i ,
	.portrait_social_count_2 > div> i ,
	.portrait_social_count_3 > div> i ,
	.portrait_social_count_4 > div> i,
	.portrait_social_count_5 > div> i,
	.portrait_social_count_6 > div> i {
		color: #fff;
		font-size: 20em;

	}
	.portrait_social_count_1 > div> h2 ,
	.portrait_social_count_2 > div> h2 ,
	.portrait_social_count_3 > div> h2 ,
	.portrait_social_count_4 > div> h2,
	.portrait_social_count_5 > div> h2,
	.portrait_social_count_6 > div> h2 {
		color: #fff;
		font-size: 13em;
		margin-left: 1em;
	}
	.portrait_social_count_1 > div ,
	.portrait_social_count_2 > div ,
	.portrait_social_count_3 > div ,
	.portrait_social_count_4 > div,
	.portrait_social_count_5 > div,
	.portrait_social_count_6 > div {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slide_focus_text > .slide_content > .author {
		left: -2%;
	}



	.slide_content> .author{
		position: absolute;
		color: #fff;
		font-weight: 100;
		font-size: 60px;
		margin-bottom: 40px;
		align-self: end;
		margin-left: 80px;
		bottom: -40px;
		left: 40px;
	}
	.author{
		position: absolute;
		color: #fff;
		font-weight: 100;
		font-size: 60px;
		margin-bottom: 40px;
		align-self: end;
		margin-left: 80px;
		bottom: -40px;
		left: 40px;
	}
	.slide_content> .focus_text{
		color: #fff;
		font-weight: 100;
		font-size: 60px;
		margin: 80px;
		align-self: end;
		bottom: -3%;
		left: -4%;
	}

	.slide_content>.author >p >i{
		font-size: 100px;
	}

	.icon_focus {
    position: relative;
    font-size: 80px!important;
    top: -9px;
	}

	.miniature{
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
		/*background-color: red;*/
		border: 8px solid #fff;
		height: 140px;
		width: 140px;
		align-self: center;
		justify-self: center;
		background-size: cover;
		transition:all 500ms ease;
		margin: 3px;
	}

	.miniature > i {
		text-align: center;
		font-size: 80px;
		color: #fff;
		position: relative;
		left: 32px;
    	top: 32px;
	}

	.focus_portrait {
		height: 3600px;

	}

	.item_3x5 > div > .focus_text{
		color: #fff;
	    font-size: 40px;
	    margin: 40px;
	    letter-spacing: 2px;
	    line-height: 45px;
	    font-weight: 200;
	}

	.item_3x5> div .author {
		display: flex;
		align-items: center;
		bottom: 55px;
		margin-left: 75px;
		font-size: 44px;
	}
	.item_3x5>  div > div.author > p {
		position: absolute;
	    margin-top: 17px;
	    margin-left: 73px;
	}
	.item_3x5 > div > div.author > i {
		position: absolute;
	    top: -12px;
	    left: 0px;
	    font-size: 60px;
	}

	.item_3x5 > .gallery_focus_text {
		font-size: 40px;
		letter-spacing: 3px;
		line-height: 40px;
		font-weight: 200;
		margin-top: -10px;
		margin-left: 40px;
	}

	.item_3x5 > .gallery_focus_title {
		margin-bottom: 30px;
	    margin-top: 30px;
	    font-size: 70px;
	}
	.item_3x5 > div>.tag_text {
		font-size: 47px;
	    line-height: 70px;
	    left: 0px;
	}

	.item_6x10.socialmedia > div > div.author > i{
		position: absolute;
	    top: 18px;
	    left: 0px;
	    font-size: 40px;
	}
	.item_6x10.socialmedia > div > div.author > p{
		position: absolute;
		margin-left: 49px;
	}
	/*.item_6x10.socialmedia > div > div.author{

	}*/

	.item_3x5.socialmedia > div > div.author > i{
		position: absolute;
		top: -10px;
		left: 0px;
		font-size: 60px;
	}
	.item_3x5.socialmedia > div > div.author{
		display: flex;
	    align-items: center;
	    bottom: 5%;
	    margin-left: 18px;
	}

	.item_6x10 > div > .focus_text{
		color: #fff;
		font-size: 16px;
		margin: 20px;
		grid-area: text;
		letter-spacing: 3px;
		line-height: 20px;
		font-weight: 200;
		max-height: 78%;
		overflow: hidden;

	}

	.item_6x10 > div .author{
		font-size: 21px;
		bottom: 35px!important;
		margin-left: -24px!important;
	}

	.item_6x10>  div > div.author > p {
		position: absolute;
	    margin-top: 37px;
	    margin-left: 34px;
	}
	.item_6x10 > div > div.author > i {
		position: absolute;
		top: 26px;
		left: 0px;
		font-size: 28px;
	}


	.item_6x10 > .gallery_focus_text {
		font-size: 16px;
	    letter-spacing: 1px;
	    line-height: 20px;
	    margin-top: -6px;
		margin-left: 20px;
	}

	.item_6x10 > .gallery_focus_title {
		margin-bottom: 12px;
		margin-top: 26px;
		font-size: 44px;
		margin-left: 20px;
	}
	.item_6x10>div>.tag_text {
	    left: 20px;
	    /* position: absolute; */
	    top: 50%;
	    color: #fff;
	    font-size: 20px;
	    line-height: 40px;
	    text-align: center;
	    text-transform: uppercase;
	    display: inline-table;
	    padding-left: 10px;
	    padding-right: 0px;
	    z-index: 10;
	    font-weight: 400;
	    letter-spacing: 2px;
		margin-left: 20px;
	}

	.item_6x10> .tag_container {
	    color: #fff;
	    /* bottom: 85px; */
	    /* position: absolute; */
	    margin: 20px;
	    font-size: 58px;
	    font-weight: 200;
	    z-index: 10;
	    margin-left: -16px;
	    /* left: 0; */
	}

	/**************************************
	************ Intercalaire *************
	***************************************/



	.intercalary_img,.video_portrait{
		grid-template-rows: repeat(3, 1fr);
		height: 3600px;
	}
	.slide_no_nav.intercalary_img{
		grid-template-rows: repeat(3, 1fr);
		height: 100vh;
	}
	.slide_no_nav.video_portrait{
		grid-template-rows: repeat(3, 1fr);
		height: 100vh;
	}

	.intercalary_img > div.row_2 {
		background-repeat: no-repeat!important;
		/*background-size: 'contain'!important;
	    background-position: 'center'!important;*/
	}

	.intercalary_vid{
		height: 3600px;
	}




}



@media screen and (max-height: 720px) {


	.slide{
		height: 640px;
	}
	.loader>i{
		font-size: 90px;
	}

	.nav_landscape{
		height: 80px
	}
	.right_nav_content{
		margin-top: 20px;
		font-size: 25px;
	}
	.right_nav_content >i {
		margin-top: -4px;
		font-size: 60px;
	}

	.date {
		position: relative;
	    height: 50%;
	    font-size: 20px;
	    right: 20px;
	    top: 20px;
	}
	.location {
	    font-size: 16px;
	    margin-right: 15px;
	    position: absolute;
	    right: 223px;
		margin-top: -5px;
	}
	.time{
		margin-right: 0px;
		margin-top: -13px;
		height: 40px;
	}

	.nav_landscape > #logo{
		margin: 0px;
		max-width: 200px;
		max-height: 70px;
		margin-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.grid_landscape_6_3{
		display: grid;
		grid-template-columns : repeat(6,213px);
		grid-template-rows : repeat(3, 213px);
		margin-left: 1px;
		margin-right: 1px;
	}

	.item_6x3 > div > .focus_text{
		color: #fff;
	    font-size: 11px;
	    margin: 10px 10px 10px 10px;
	    grid-area: text;
	    letter-spacing: 2px;
	    line-height: 13px;
	    font-weight: 200;
	    max-height: 76%;
	    overflow: hidden;
	}
	.item_6x3 > div .author{
		font-size: 11px;
	}
	.item_6x3 > div > div.author > p{
		    margin-left: 20px;
	}

	.item_6x3 > div > div.author > i{
		font-size: 18px;
	    top: 3px;
		left: -5px;
	}
	.grid_landscape_8_4{
		display: grid;
		grid-template-columns : repeat(8,160px);
		grid-template-rows : repeat(4, 160px);

	}
	.item_8x4 > div > .focus_text {
	    color: #fff;
	    font-size: 9px;
	    margin: 10px 10px 10px 10px;
	    grid-area: text;
	    letter-spacing: 2px;
	    line-height: 10px;
	    font-weight: 200;
	    max-height: 76%;
	    overflow: hidden;
	}
	.item_8x4.socialmedia> div .author{
		font-size: 9px;
		margin-left: 16px;

	}
	.item_8x4.socialmedia > div > div.author > i{
		top: 9px;
		font-size: 17px;
	}
	.item_8x4.socialmedia > div > div.author > p{
		margin-left: 20px;
	}
	.item_8x4 > .gallery_focus_title{
		margin-bottom: 10px;
		font-size: 20px;
	}
	.item_8x4 > div>.tag_text{
		font-size: 12px;
    	line-height: 23px;
	}
	.item_8x4.grid_item> .tag_container{
		margin: 5px;
		height: 50px;
	}

	.item_8x4 > .gallery_focus_text {
	    font-size: 9px;
	    letter-spacing: 2px;
	    line-height: 12px;
	    margin-top: -3px;
	}

	.slide_content> .focus_text{
		font-size: 20px;
	}
	.slide_content> .author{
		font-size: 20px;
	}
	.slide_content>.author >p >i{
		font-size: 33px;
	}
}