@CHARSET "UTF-8";



.body_content{
	width:92%;
	margin:0 auto;
	padding:230px 0 150px 0 ;
}


.z_index_1200{
	z-index:1200;
	
}
.z_index_1500{
	z-index:1500;
	
}


.z_index_1000{
	z-index:1000;
	
}


.size_16x9{
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding-top: 56.25%;
  position: relative;
  
  vertical-align:top;
}

.size_16x9_img {
  position: absolute;
 /* top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  
   vertical-align:top;*/
   top: 0;
    left: 0;
    height: auto;
    width: 100%;
 
}


.jump_jump{
	
	
	animation: jump 2.2s infinite;
	
}
@keyframes jump {
  0% {
    transform: translateY(0);
	
	
  }
  
  50%{
    transform: translateY(-30px);
	
  }
  100% {
    transform: translateY(0);
	
  }
}

/*****************************/
.drawBorder{

   border-bottom: 0px solid gray;
   animation: drawBorder 1s ease-out forwards;
  
}

@keyframes drawBorder {
 0%{
    border-bottom: 1px solid #dcdcdc  ;
	width:0%;
  }
   20%{
    border-bottom: 1.7px solid #e5e4e2;
	width:0%;
  }
   20%{
    border-bottom: 1.7px solid #dcdcdc;
	width:0%;
  }
   20%{
    border-bottom: 1.7px solid gray;
	width:0%;
  }
   
  100%  {
    border-bottom: 0px solid #e5e4e2   ;
    width:100%;
  }
}



.gallery_flex{
	
	
	display:flex;
	/*flex-direction: row;*/
	flex-direction: row;
	
	flex-wrap: wrap;
	justify-content: flex-start ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: flex-start ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	width:100%;
	margin:0 auto;


	 
}  

.gallery_flex>div>div,
.work_item>div{
	
	
	padding:3.5px;
	/*overflow:hidden;
	position:relative;*/
}  



.work_img_container{
	position:relative;
	overflow:hidden;
	
	z-index:100;
	
	
	/*
	background:url(https://webb-awesome.synology.me/uploads/work/20230407_19-00-46_abys1-zyax.png) no-repeat;
	background-size: contain;
	*/
	
} 
	



.work_img{
		
		width: 100%;
		height: auto;
		
	
} 

.work_img{
	/*display:block;	
	width:60%;
	height:auto;margin: 0 auto;*/
	
	/*aspect-ratio: 16/9;
	width: 100%;
	*/
	/*width:100%;
	height:100%;
	object-fit:cover ;
	border:1px solid orange;
	
    object-fit: cover;
	
	vertical-align:top;*/
	/*border:1px solid orange;
	
	
	width:100%;
	height:425px;
    min-height:200px;
	max-height:425px;
	object-fit: cover;
    overflow: hidden;
	
	
	height: 100%;
    width:100%;
	
	object-fit: cover;
    object-position: center; /*top left position (optional)*/
	
	/*
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	width:100%;
	height:auto;
	*/
	
} 


.text_card{
	
	position:absolute;
	top:10px;
	left:10px;
	font-size:2.3em;
	letter-spacing:1.4px;
	
	font-weight:400;
	
	
	/*background-color:rgba(0,0,0,0.2);*/
	word-break:normal;
	color:#FFF;

	/*width:60%;*/
	height:auto;
	
	vertical-align:middle;
	
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/

	/*background: linear-gradient(180deg, rgba(221,221,221,0.30575980392156865) 60%, rgba(222,222,222,0) 85%);*/
	
	word-wrap:break-word;
	white-space:wrap;
	line-height: 1.3em;
	
	z-index:1000;
	
	 
}  

  

.text_card>h2,
.text_card>div{
	margin:0;
	padding:7px 12px 7px 12px;
	font-size:0.7em;
	font-weight:400;
	
}  


.text_card2{
	
	width:fit-content;
	font-size:1.3em;
	color:#FFF;
	background:gray;
	
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	
	
	top:100%;
	left:100%;

}  


.text_card3{
	/*transform: translate(0%, 0%);*/
	font-size:1.6em;
	background:none;
	width:100%;
	background: linear-gradient(180deg, rgba(221,221,221,0.30575980392156865) 60%, rgba(222,222,222,0) 85%);
	
	
	
}  






/*
@keyframes slide {
  from{ 
	top: 50%; 
	left: 50%; 
  }
  to {
	top:0;
    left: 0;
   
  }
}
*/

 

.loading{
	
	/*width:15%;
	position:absolute;*/
	width:fit-content;
	
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color:gray;
	
	font-size:14pt;
	
}


.work_loading{
	position:relative;
	/*color:#c9c9c9;*/
	
	background:#E8E8E8;
	color:#b5b5b5;
	font-size:16pt;
	z-index:-1;
}


.work_loading>div{
	width:fit-content;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	
	text-align:center;
	
	
	
}

.item_1,
.item_6
{
	width:48%;
}

 
.item_2,
.item_7
{
	width:52%;
	
}

.item_3,
.item_4,
.item_8,
.item_9
{
	width:29%;

}

.item_5,
.item_10
{
	width:42%;	
	
}
/*
.gallery_flex>.item_1>div, .work_loading,
.gallery_flex>.item_2>div, .work_loading,
.gallery_flex>.item_6>div, .work_loading,
.gallery_flex>.item_7>div, .work_loading{
	width:100%;
	height:100%;
	
	object-fit:cover;
	
}*/
/*
.gallery_flex>.item_1>div,
.gallery_flex>.item_2>div,
.gallery_flex>.item_6>div,
.gallery_flex>.item_7>div,


.gallery_flex>.item_1>div, .work_img_container,
.gallery_flex>.item_2>div, .work_img_container,
.gallery_flex>.item_6>div, .work_img_container,
.gallery_flex>.item_7>div, .work_img_container,

*/

.item_1 .work_loading,
.item_2 .work_loading,
.item_6 .work_loading,
.item_7 .work_loading,

.item_1 .work_img_container,
.item_2 .work_img_container,
.item_6 .work_img_container,
.item_7 .work_img_container
{	

	/*
	object-fit: scale-down;
	
	min-height:420px;
	height:420px;
	max-height:420px;
		padding-bottom:45%;
	*/
	
	/*border:1px solid orange;*/
	min-height: 25vw; 
	height: 25vw; 
	max-height: 25vw; 
 

	
}


.item_3 .work_loading,
.item_4 .work_loading,
.item_5 .work_loading,
.item_8 .work_loading,
.item_9 .work_loading,
.item_10 .work_loading,

.item_3 .work_img_container,
.item_4 .work_img_container,
.item_5 .work_img_container,
.item_8 .work_img_container,
.item_9 .work_img_container,
.item_10 .work_img_container
{
	/*border:1px solid orange;*/
	
	min-height: 23vw; 
	height: 23vw; 
	max-height: 23vw; 
	
	
}




/*
.gallery_flex>.item_3>div,
.gallery_flex>.item_4>div,
.gallery_flex>.item_5>div,

.gallery_flex>.item_8>div,
.gallery_flex>.item_9>div,
.gallery_flex>.item_10>div,

.gallery_flex>.item_13>div,
.gallery_flex>.item_14>div,


.gallery_flex>.item_3>div .work_img_container,
.gallery_flex>.item_4>div .work_img_container,
.gallery_flex>.item_5>div .work_img_container,
.gallery_flex>.item_8>div .work_img_container,
.gallery_flex>.item_9>div .work_img_container,
.gallery_flex>.item_10>div .work_img_container,

.gallery_flex>.item_3>div .work_loading,
.gallery_flex>.item_4>div .work_loading,
.gallery_flex>.item_5>div .work_loading,
.gallery_flex>.item_8>div .work_loading,
.gallery_flex>.item_9>div .work_loading,
.gallery_flex>.item_10>div .work_loading

{
	
	max-height:425px;
	height:425px;
	max-height:425px;

	
	
	
}
*/






/***************************/
/*
.side_bar{
	display:none;
	position: fixed;
	top:50px;
	left:0;
	width: 60px;
	height: 70vh;
	background-color: #f4f4f4;

	box-sizing: border-box;
	border:1px solid red;
}


.si de_bar:after  {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 120px 40px 0;
    border-color: transparent #6980fe transparent transparent;

}
*/




.gallery_flex>div:hover .item-overlay-smoke {
/*.gallery_flex>div:hover .item_content_link_container{*/
	
	opacity: 1;
	
	
}




.item-overlay-smoke {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.701961) 100%);
    opacity: 0;
    transition: opacity 300ms ease-in-out;
	height: 100%;
    width: 100%;
	
	
}

.example{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f6+0,efeee8+37,e0e1e5+100&1+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(239,238,232,0.65) 37%, rgba(224,225,229,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(239,238,232,0.65) 37%,rgba(224,225,229,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(239,238,232,0.65) 37%,rgba(224,225,229,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#80e0e1e5',GradientType=0 ); /* IE6-9 */
	
}
.item_content_link_container{
	
	position: absolute;
    left: 0px; 
	bottom: -50%;
	width:100%;
	
	
	font-size:0.9em;
	/*opacity: 1;*/
	letter-spacing:1.3px;
	
	/*transition: opacity 300ms ease-in-out;*/
	/*transition: bottom 0.7s ease-in-out;*/
	 transition: all .3s ease-in-out;

	/*background-color:rgba(250,250,250,0.8);*/
	background-color:#D5D6D1;

}


/*.gallery_flex>div:hover .item_content_link_container{*/
.work_item:hover .item_content_link_container{
	
	bottom:0;
	
}



/*************************************/
/*************************************/
/*************************************/



/*************************************/
/*************************************/
/*************************************/




.item_content_link_container:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 11px solid transparent;
	/*border-bottom-color:rgba(255,255,255,0.8);*/
	border-bottom-color:#D5D6D1;
	border-top: 0;
	margin-top: -10px;
	margin-left: -11px;
	

}







.content_link_flex{
	
	display:flex;
	/*flex-direction: row;*/
	flex-direction: row;
	
	flex-wrap: wrap;
	
	justify-content: center ;
	
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: center ;
	
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	width:100%;
	margin:0 auto;
	
}
.content_link_flex>div{
	
	border:0px solid red;
	width:50%;
}

.content_link_flex>div:first-child{
	
	text-align:right;
}

.content_link_flex>div>div{
	
	padding:15px;
	
}



.link_text{
	
	/*margin-right:20px;*/
	
	/*border-bottom:1px solid rgba(0,0,0,0.2) ;*/
	cursor:pointer;
	color:#FFF;
	color:#000;
}

/*
.link_text:hover,
.link_text1:hover,
.link_text2:hover
{
	
	border-bottom:1px solid #FFF;
	
}
*//*
.link_text1:hover + .link_text2{

	opacity: 0.1;
	
}
*/

/****************************************/
/****************************************/
/****************************************/
/****************************************/
/***********

top: 0;
    right: 0;
    bottom: 0;
    left: 0;

*****************************/
.project_content{
	
	width:72%;
	margin:0 auto;
	
}

.project_content>div{
	
	padding:60px 60px 170px 60px;
	
	
}

.work_content{
	position:relative;
	
	
}

.work_info{
	
	text-align:center;
	
}

.work_close_dark_mode{
	
	 background: #FFF!important;
	
}

.work_close_dark_mode:after{
	
	 background: #FFF!important;
	
}


.work_close{
	position: absolute;
    top: 20px;
	right:0px;
	width:fit-content;
	cursor:pointer;
	
	
}

.work_close:hover{
	transform: rotate(-20deg);
	transition: all 0.3s ease-in-out 0.2s;
	opacity:0.3;


}




.work_close>span{
	
	display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 1px;
    background: #231f20;
    /*transition: background-color 200ms ease-in-out;*/
	transform: rotate(45deg);
	
}


.work_close>span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
	
	
	display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 1px;
    background-color: #231f20;
    transition: background-color 200ms ease-in-out;
	
}







.work_info h1{
	font-weight: 600;
	margin:0;
	font-size:2.5em;
	line-height: 1.5em;
	
    
}


.work_info h2{
	font-weight: 400;
	font-size: 1em;
    line-height: 1.4em;
    margin: 0;
	color: #231f20;
	
}

.work_info hr{
	
	width: 100%;
    height: 1px;
    margin: 2.2em 0 2.2em 0;
    border: none;
    background-color: #444;
}
	

.work_info p{
	color: #777;
	font-size: 1em;
    margin: 0 auto;
    margin-top: 3em ;
    margin-bottom: 3em ;
	max-width: 560px;
	
	line-height: 1.5em;
	
	
}
	



.project_flex{
	
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: flex-start ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	width:100%;
	margin:0 auto;
	
	
}


.project_flex>div{

	width:50%; /*default size item */
	position:relative;
	
}


.project_flex>div>div{
	
	padding:5px;
	
}



.project_flex>div.content_film>div{
	
	/*padding:15px 5px 80px 5px;*/
	padding:5px;
	
}



.project_flex>div.content_film:last-child>div{
	
	padding:15px 5px 5px 5px;
	
}




.project_flex .content_img{
	
	display:block;
	width:100%;
	height:auto;
	
	
}


	

.embed_container{
	position: relative;
	padding-bottom: 56.25%;
	  /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow:hidden;

}


.embed_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}











.full_project_container{
	
	background:#FFF;
	
	position:fixed;

	width:100%;
	height:100%;
	overflow: auto;
	
	
	/*
	
	top:none;
	left:none;
	bottom:none;
	right:none;*/
	
	top:0;
	right:-100%;
	
}



.show_full_project {

	
    transform: translate(-100%, 0);
    transform: translate3d(-100%, 0, 0);
    transition: transform 700ms ease-in-out;
	
	
}
	
.hide_full_project {
    
	
	
    transform: translate(100%, 0);
    transform: translate3d(100%, 0, 0);
    transition: transform 700ms ease-in-out;
	
}

/*************************/
/*************************/
/*************************/
/*************************/
/*************************/
/*.page-overlay_breadcrumbs {
	display: ;
	left: 0;
	right: auto;
	width: 0;
	overflow: hidden;


}*/

.show_left_side {

	
	transform: translate(100%, 0);
	transform: translate3d(100%, 0, 0);
	transition: transform 2s ease-in-out;
	
	
}


.hide_left_side {

	
	transform: translate(0%, 0);
	transform: translate3d(0%, 0, 0);
	transition: transform 300ms ease-in-out;
	
	
}

.left_side_bar::-webkit-scrollbar  {
  width: 0px;
}

/* Track */
.left_side_bar::-webkit-scrollbar-track {
  background: none;
  background: none;
}

/* Handle */
.left_side_bar::-webkit-scrollbar-thumb  {
  background: none;
}

/* Handle on hover */
.left_side_bar::-webkit-scrollbar-thumb:hover {
  background: none;
}




.left_side_bar{
	
	position: fixed;
	top: 0;
	left:-3%;
	border:none;
	
	/*width: fit-content;*/
	width:3%;
	
	height: 100%;


	background: #f4f4f4;
	
	transition: all .1s linear;
	
	
}	



.left_side_bar_dark:after {
	
	border-color: transparent #292928 transparent transparent!important;

}

.left_side_bar:after {
	
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 50%;
	right:-1px;
	transform: translateY(-50%);
	
	
	border-style: solid;
	border-width: 12px 12px 12px 0;
	border-color: transparent #FFF transparent transparent;
  
	
   
  /* transform: rotate( -180deg);
  border: 15px solid transparent;
	border-right: 15px solid ;
	border-right-color:#FFF;
  
  
  */
  
}

.left_side_bar:hover{
	
	left:-3.5%;
	width:3.5%;
	
}



.left_side_flex{

	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	width:100%;
	height: 100%;
	
}

.breadcrumbs{
	width:fit-content;

	transform: rotate(-90deg);
	font-size: 22px;
	border:0px solid blue;
	position:relative;
	
}




.breadcrumbs--notch {
  
 
	border-style: solid;
	/* border-width: 8px 15px 8px 0;
	border-color: transparent #FF4532 transparent transparent;*/
    background:none;
  
   
	position:absolute;
	right: -1px;
	top: 50%;
	
	
	transform: translate( 1px , -50% );

	border: 15px solid transparent;
	border-right: 15px solid ;
	border-right-color:#FFF;
	
	
	z-index:99999;
	
	
	
}

.close_full_project{
	cursor:pointer;
	
}



.sample{
	
	display: block;
    position: absolute;
    top: 50%;
    left: 32px;
    opacity: 0;
    width: 20px;
    margin: -10px 0 0 0;
    border: 10px solid transparent;
    border-right: 10px solid #fff;
	
}

.curation_hr{
	margin:130px 0 100px 0;
	border-bottom:1px solid #000;
	
	
	width: 100%;
    height: 1px;
    border: none;
    /*background: #d3367a;*/
    background: #000;

}
.curation_text{
	color:#000;
	font-size:1.2em;
	margin-bottom:5px;
	letter-spacing:1px;
	
	
}

.curation_flex{

	display:flex;
	flex-direction: row;
	
	flex-wrap: nowrap;
	justify-content: flex-start ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: flex-start ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	width:100%;
	margin:0 auto;

	
}


.curation_flex>div{

	width:33.9%;
	
}
	
.curation_flex_item>div{

	padding:3px;
	
}
	
.curation_cover{
	position:relative;
	min-height:23vh;
	height:23vh;
	max-height:23vh;
	
}


.curation_flex_item:first-child>div{

	padding-left:0px;
	
}
	
.curation_flex_item:last-child>div{

	padding-right:0px;
	
}

.curation_topic{
	color:#FFF;
	letter-spacing:1.3px;
	
	
	font-weight:400;
	
	white-space:wrap;
	
	line-height: 1em;
	font-size:1.3em;
	
	position:absolute;
	

	top:5.2%;
	left:5.2%;
	padding:0;
	z-index:200;
	
}

.curation_topic>div{
	
	padding-right:10px;
	
}


.curation_link_container{
	position:absolute;
	color:#FFF;
	
	left:5.9%;
	bottom:5.9%;
	letter-spacing:1.3px;
	
	padding:0;
	
	cursor:pointer;
	z-index:200;
}



.curation_flex_item .item-overlay-smoke{
	
	min-height:23vh;
	height:23vh;
	max-height:23vh;
	
	
	z-index:100;
	opacity:0;
	transition: all .3s ease-in-out;
}
	

.curation_flex_item>div:hover .curation_cover .item-overlay-smoke{
	
	
	opacity:1;
	
}
	
	
	

/*
.page-overlay_video-overlay {
    background-color: rgba(0,0,0,0.87);
    ovrflow: hidden;
}*/

.page_overlay {
	opacity:0;
    position: fixed;
	top:-100%;
	left:0;
	width:100%;
	height:100%;
    z-index: 99999;
   
	background-color: rgba(0,0,0,0.87);
    overflow: hidden;

	  
}

.page_overlay .work_close{
	
	top:-15px;
	right:-15px;
	
	  
}

.page_overlay .work_close:hover{
	
	opacity:1;
}

.page_overlay_reveal {
	opacity:1;
	top:0;
	transition: all 0.8s ease-in-out;
	
}

.page_overlay_fade {
	opacity:0;
	top:-100%;
	transition: all 0.2s ease-in-out;
	
}

.page_overlay_content {
	position:absolute;
	width:68%;
	top:50%;
	left:50%;
	
	transform: translate(-50%, -50%);
	
	
}



.social_share_container{
	margin-top:3px;
	text-align:center;
	
}

.social_share_container img{
	width:28px;
	height:28px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	
}

.black_background{
	
	background:#1B1212;
}


/*@media (max-width: 1024px) {*/


@media only screen and (max-width: 1024px ) and (orientation:portrait)
{
	.body_content{
		width:97%;
		padding-top:20px;
	}

	.gallery_flex,
	.gallery_flex>div,
	.content_item,
	.project_flex>div,
	.project_flex>.content_item
	{
	
		width:100%!important;
		
		/*margin-bottom:0px;
		border-bottom:1px solid blue;*/
		
		
	}
		
	
	.work_img_container{
		background:none!important;
		background-size:none!important;
		
		
	}
	

	
	
	.work_item .work_loading{
		min-height:30vh;
		height:30vh;	
		max-height:30vh;	
		
		
	}
	
	
	
	
	div.work_item  .work_img_container,
	.work_item .work_img_container
	{
		
		max-height:100%!important;
		min-height:auto!important;
		height:auto!important;	
		
		/*border:1px solid red!important;*/
	}
	
	
	.work_img{
		display:block;

		width: 100%!important;
		height: auto!important;
		border:0px solid yellow;
		
	
	} 
	
	.work_info h1,
	.text_card{
		font-size:1.4em;
		
		
	}
	
	.work_info h2{
		
		font-size:1.4em;
		
	}
	
	.work_info p{
		color: #777;
		font-size: 1em;
		margin: 0 auto;
		margin-top: 3em ;
		margin-bottom: 3em ;
		max-width: 90%;
		width: 80%;
		
		line-height: 1.5em;
		
		
	}
	
	/*
	.gallery_flex>div .item_content_link_container{
	
		opacity: 0;
		
		
	}*/
		
	.item_content_link_container{
	
		font-size:0.8em;
	
	
	}	
		
	.content_link_flex>div>div{
		
		padding:13px;
		
	}
		
	.loading{
		
		width:20%;
		
	}
	
	
	.content_item,
	.project_content,
	.project_flex,	
	.project_flex>div{
	
		width:100%;
	
	}		
	
	
	.project_content>div{
	
	
		padding:50px 10px 300px 10px;
		
	}
	

	/*
	.project_flex>div.content_film>div{
		
		padding:15px 5px 30px 5px;
		
	}*/
	
	
	.left_side_bar{
		display:none;
		
	}
	
	.work_close{
		
		top: -25px;
		right:0px;
		
	}
	
	.page_overlay>div {
		position:absolute;
		width:88%;
		
		
		
	}
	
	.curation_hr{
		margin:70px 0 50px 0;
		border-bottom:1px solid #000;
		
		
		width: 100%;
		height: 1px;
		border: none;
		/*background: #d3367a;*/
		background: #000;

	}
	
	
	.curation_text{
		text-align:center;
		padding-left:1.3px;
	}

	
	
	.curation_flex{

		display:flex;
		flex-direction: column;
		width:90%;
		flex-wrap: wrap;
		
		
	}
		
	
	.curation_flex>div{

		width:100%;
		
	}
	
	.curation_flex_item>div{

		padding:10px 0 10px 0;
	
	}
		
	.curation_flex_item:first-child>div{

		padding-top:0px;
		padding-left:5px;
		padding:0;
	}
		
	.curation_flex_item:last-child>div{
		padding-bottom:0px;
		padding-right:5px;
		padding:0;
		
	}


	.curation_cover,
	.curation_flex_item .item-overlay-smoke{
		
		min-height:44vw;
		height:44vw;
		max-height:44vw;
		
		

	}


		
	.curation_topic{
		
		font-size:1.2em;
		
		
	}
	
	.curation_link_container{
		font-size:0.8em;
	}

	
	
	
}/* min 1024*/



/*@media only screen and (width: 820px) and (height: 1106px) {
	
	
}*/



@media only screen and (max-width: 1024px) and (orientation:landscape)
{
	
	.body_content{
		width:97%;
		padding-top:20px;
	}
	
	
	
	
	.work_info h1,
	.text_card{
		font-size:1.2em;
		
		
	}
	/*.gallery_flex>div .item_content_link_container{
	
		opacity: 0;
		
		
	}*/
		
	.item_content_link_container{
	
		font-size:0.8em;
	
	
	}	
	
	

	.item_1,
	.item_6
	{
		width:48%;
	}

	 
	.item_2,
	.item_7
	{
		width:52%;
		
	}

	.item_3,
	.item_4,
	.item_8,
	.item_9
	{
		width:29%;

	}

	.item_5,
	.item_10
	{
		width:42%;	
		
	}
	
	
	

	.work_item .work_loading{
		
		min-height:35vh;
		height:35vh;	
		max-height:35vh;	
		
	}
	.work_item .work_img_container
	{
		
		/*height:auto!important;		
		min-height: 180px!important;	
		max-height: auto!important;		
		border:0px solid red;*/
		
		min-height:35vh;
		height:35vh;	
		max-height:35vh;	
		
		border:1px solid gray!important
	}


	.item_3 span.link_text:first-child,
	.item_4 span.link_text:first-child,
	.item_8 span.link_text:first-child,
	.item_9 span.link_text:first-child
	{
		
		display:block;
		margin-bottom:10px;
	}
	
	
	.project_flex>div,
	.project_flex>.content_item
	{
	
		width:100%!important;
		
		/*margin-bottom:0px;
		border-bottom:1px solid blue;*/
		
		
	}
		
	
	
	
	.curation_flex{

		display:flex;
		flex-direction: row;
		
		flex-wrap: wrap;
		width:100%;
		
	}
		
	
	.curation_flex>div{
		/*width:100%;*/
		width:100%;
	
		
	}
	
	.curation_flex_item>div{

		padding:5px;
	
	}
	
	.curation_cover,
	.curation_flex_item .item-overlay-smoke{
		
		width:100%;
		min-height:42vh;
		height:42vh;
		max-height:42vh;
		
		

	}
		
	.curation_flex_item:first-child>div{

		/*padding-top:0px;
		padding-left:5px;
		
		padding:0;*/
		padding:5px;
	}
		
	.curation_flex_item:last-child>div{
		/*padding-bottom:0px;
		padding-right:5px;
		padding:0;*/
		padding:5px;
	}

	.curation_topic{
		
		font-size:12pt;
		
	}
	
	.curation_link_container{
		font-size:11pt;
	}
		
		
		
		
}