/*PROJECTS STYLE*/

/*DESKTOP*/

/*slide show*/
.slide_show {
	width: 50vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 0 !important;
}

.slide_show div.slide_img{
	width: 100%;
	height: 100%;
	position: absolute;
	transition: opacity .5s ease-in;
}

div.slide_img + div.slide_img {
	opacity: 0;
}

/*projects list*/
.title-list {
	height: calc(100vh - 16vw);
	margin-top: 0.95vw;
	padding-left: 2vw;
	overflow-y: scroll;
}

.img-hover {
	width: 50vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
	z-index: 25;
	pointer-events: none;
}

.title-list a.title .img-hover {
	transition: opacity .3s;
	opacity: 0;
}

.title-list a.title:hover .img-hover {
	opacity: 1;
}

/*inside project*/
.project {
	display: flex;
	overflow-x: scroll;
	transition: overflow-x 0.2s;
}

.project-mobile {
	display: none;
}

.scroll_h {
	/*position: fixed;*/
	display: flex;
	/*
	overflow-x: hidden;
	overflow-y: scroll;
	*/
	opacity: 0;
	z-index: -1;
	/*pointer-events: none;*/
	transition: opacity .3s;
}


.scroll_h.loaded {
  opacity: 1;
  z-index: 1;
  pointer-events: auto !important;
}

.info {
	min-width: 42vw;
	height: calc(100vh - 16vw);
	padding: 0 6vw 0 2vw;
	overflow-y: scroll;
}

/*
.info .item-info {
	width: 48vw;
}
*/

.info .item-info:not(:first-child) {
	margin-top: 0.95vw;
}

.info h1 {
	margin-top: 0.95vw;
	font-family: Suissie Intl Light;
 	font-size: 0.85vw;
	letter-spacing: 0.1vw;
	text-transform: uppercase;
}

.images {
	min-width: auto;
	display: flex;
	pointer-events: none;
}

.images img {
	width: auto;
	height: calc(100vh - 16vw);
	margin-right: 1.5vw;
}

.arrow {
	cursor: pointer;
	transition: .2s;
}

.arrow p:hover {
	color: #7e6660;
}


.prev {
	position: fixed;
	left: 2vw;
    bottom: 4.5vw;
}

.next {
	position: fixed;
	right: 2vw;
    bottom: 4.5vw;
}

.prev a, .next a {
	font-family: Suissie Intl Light;
	font-size: 1.6vw;
}

.prev p, .next p {
	font-family: Suissie Intl Light;
	font-size: 1.6vw;
}

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

/*projects list*/
.title-list {
	height: auto;
	margin-top: 0;
	padding-left: 0;
	overflow-y: scroll;
}

.img-hover {
	display: none;
}

.info h1 {
	margin-top: 0.95vw;
	font-family: Suissie Intl Light;
 	font-size: 3vw;
	letter-spacing: 0.2vw;
}

/*inside project*/
.project {
	display: none;
}

.project-mobile {
	display: block;
}

.scroll_h {
	display: flex;
	opacity: 0;
	z-index: -1;
}

.scroll_h.loaded {
  opacity: 1;
  z-index: 1;
  pointer-events: auto !important;
}

.info {
	min-width: 100%;
	height: auto;
	padding: 0;
	overflow-y: scroll;
}

/*
.info .item-info {
	width: 48vw;
}
*/

.info .item-info:not(:first-child) {
	margin-top: 0.95vw;
}

.info h1 {
	font-size: 3vw;
    letter-spacing: 0.2vw;
    word-spacing: 0;
	margin-top: 0;
}

.images {
    width: calc(100vw - 11vw);
	min-width: 100%;
	margin-top: 11vw;
	display: block;
	pointer-events: auto;
}

.images img {
	width: 100%;
    height: auto;
    margin-right: 0;
	margin-bottom: 4.5vw;
}

.arrow {
	display: none;
}

}