@charset "UTF-8";
/* CSS Document */

#project_bar {
    width: 100vw;
    left: 0px;
}



#worklink {
	left:40px;
	font-size: 2vw;
}

#aboutlink {
	right:40px;
	font-size: 2vw;
}

#logo {
	width: 12vw;
}

#right {
	display: none;
}

#bottom {
	width:calc(100vw - 120px);
	height:12vh;
	position: absolute;
	bottom:0px;
	left:60px;
	border-top: 1px solid #000;
	z-index: 1;
	background: #f8edd9;
	display: flex;
	align-items: center;
	justify-content: center;
}

#left {
	display: none;
}

#bottom {
    width: 100%;
    height: 10vh;
    position: relative;
    bottom: 0px;
	top:10vh;
    left: 0px;
	border-top:0px;
}

.wrapper {
	width:100%;
	min-height:initial;
	height:auto;
	top:10vh;
}

.video_holder_top {
	width:100%;
	height: 400px;

	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	margin-top:120px;
	position: relative;
	z-index: 1;
}

.video_holder {
	width:100%;
	height: 400px;
    display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:0px;
	margin-top:0px;
	position: relative;
	z-index: 1;
}

.video_holder .creative {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.project_left {
    width: 100%;
    padding: 5% 10%;
    position: relative;
}

.project_right {
    width: 100%;
    padding: 5% 10%;
    margin-left: 0;
}

ul.cred {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin:0;
	width:50%;
	float:left;
}


.swiper {
    margin: 0px;
}

.swiper-slide img {
	width:100%;
}