.workpictures .wp-video-shortcode .mejs-controls {
	background: transparent;
	justify-content: space-between;
}

.workpictures .wp-video-shortcode.no_controls .mejs-controls {
	display: none;
}

.mejs-container * {
	font-family: "Apercu", "apercu", Arial, Helvetica, sans-serif;
}

#footer_social_buttons {
	margin-left: 0vw;
	height: 11.4vw;
	margin-top: 25px;
	margin-bottom: 100px;
}
.vimeoreelplayer {
	padding: 5vw;
	background-color: black;
}
.reel {
	margin-bottom: 0px;
	padding: 0px;
}
.reel .closeproj {
	position: absolute;
	right: 4rem;
	top: 4rem;
	width: 30px;
	height: 30px;
	overflow: hidden;
}
.reel .closeproj svg {
	fill: white;
}
.reel .closeproj svg:hover {
	fill: #adadad;
}

figure.logo-type-raster {
	position: relative;
}
figure.logo-type-raster img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, 0);
	transition: opacity 0.23s ease-out;
}
a figure.logo-type-raster img.normal,
a figure.logo-type-raster:hover img.over {
	opacity: 1;
}
a figure.logo-type-raster img.over,
a figure.logo-type-raster:hover img.normal {
	opacity: 0;
}
.logo-type-vector svg {
	fill: currentColor;
}

@media only screen and (min-width: 992px) {
	.workpictures .wp-video-shortcode .mejs-controls .mejs-fullscreen-button {
		display: none;
	}

	.workpictures .wp-video-shortcode .mejs-controls .mejs-time-rail {
		display: none;
	}
	.workpictures .wp-video-shortcode .mejs-controls .mejs-time {
		display: none;
	}

	html.wf-active text,
	html.wf-active tspan {
		font-family: Apercu !important;
	}
	html.wf-active #featured_work_title text,
	html.wf-active #featured_work_title tspan,
	html.wf-active #about_text text,
	html.wf-active #about_text tspan {
		font-family: apercu_mono !important;
	}

	.homeviewallwork_arrow {
		width: 25px;
	}

	.worksingle {
		margin-bottom: 60px;
		width: 71vw;
		max-width: 1338px;
		margin-top: 19px;
	}
	.viewallwork {
		color: #000;
		text-align: right;
		font-size: 2vw;
		text-decoration: none;
		font-family: apercu !important;
		font-weight: bold;
		margin-top: 10px;
	}

	#featured_work_title {
		max-width: 22vw;
	}

	#myCarousel {
		margin-top: 0px;
	}

	.portfolio.home .row-fluid div.col-lg-10 {
		background-color: white;
		padding: 25px;
		text-align: center;
		width: 90%;
		max-width: 475px;
		margin: -50px auto 40px auto;
	}

	.view_project_arrow {
		font-size: 1.9vw;
		vertical-align: baseline;
		-webkit-text-stroke-width: 0px;
		-webkit-text-stroke-color: white;
	}

	.view_nextproject_arrow {
		font-size: 20px;
		margin-left: 20px;
	}
	.view_prevproject_arrow {
		font-size: 20px;
		margin-right: 20px;
	}

	.view_project {
		margin-top: 1.4vw;
		font-size: 2.68vw !important;
		-webkit-text-stroke-width: 0.1px;
		-webkit-text-stroke-color: white;
	}

	.twittercol {
		margin-left: 0px;
		padding-left: 0px;
	}

	.about_section {
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
	}

	.carousel-indicators {
		position: absolute;
		bottom: 60px;
		left: 50%;
		z-index: 15;
		width: 60%;
		padding-left: 0;
		margin-left: -30%;
		text-align: center;
		list-style: none;
	}

	.carousel-indicators li {
		display: inline-block;
		width: 17px;
		height: 17px;
		margin: 6px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #adadad;
		border-radius: 10px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 70px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding: 0px;
		font-size: 1.37vw;
		margin-left: 18px;
	}

	.home .caret {
		display: inline-block;
		width: 0.5vw;
		margin-right: 0.7vw;
		vertical-align: inherit;
		position: relative;
		left: 0px;
	}
	.caret {
		display: inline-block;
		width: 5px;
		margin-right: 10px;
		vertical-align: middle;
		position: relative;
		left: 0px;
		font-weight: 100;
	}
	.presstitle {
		font-size: 5.95vw;
		color: #000;
		font-weight: 800;
	}

	.press {
		margin-top: 200px;
	}

	.press-subtitle {
		font-size: 48px;
		width: 64.75vw;
	}

	.closepress {
		padding: 0 0px 0px 120px;
	}

	.fullarticle {
		padding: 0 120px 0px 0px;
	}

	#about_text {
		width: 59vw;
		margin-bottom: 7vw;
	}

	.about {
		margin-top: 15vw;
	}

	.aboutbiofirst {
		font-size: 33px;
		font-weight: 100;
		color: #af5c8f;
	}

	.aboutbiosecond {
		font-size: 33px;
		font-weight: 100;
		color: #32a18d;
		padding: 0px 40px;
	}

	.indtestimonial {
		font-size: 33px;
		letter-spacing: 1px;
	}

	.btn:focus,
	.btn:active,
	input {
		outline: none !important;
	}

	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		margin-top: 0px;
	}

	.navbar-header.home {
		width: 95%;
		position: fixed;
		z-index: 999999999;
		background-color: #efefef;
		height: 0px;
	}

	.navbar .navbar-collapse {
		text-align: center;
	}

	.header {
		background-color: #efefef;
		font-size: 1.19vw;
		text-align: center;
		margin-bottom: 0px;
	}

	.header li {
		margin: 0 5px;
	}

	.biglogo {
		display: none;
		max-width: 42.5vw;
		margin-bottom: 3.5vw;
	}

	.instagram .col-lg-6 {
		padding: 0px 45px 45px 0px;
	}

	ul {
		-webkit-margin-after: 0px;
		-webkit-margin-end: 0px;
		-webkit-margin-start: 0px;
		-webkit-padding-start: 0px;
		-webkit-margin-before: 0px;
	}

	.press h1:hover {
		color: #32a18d;
	}

	.testimonials {
		font-size: 64px;
		max-width: 64vw;
		margin-top: 6vw;
	}

	.testimonials .row-fluid {
		margin-bottom: 50px;
	}

	.testimonialtitle {
		text-align: center;
		font-weight: 800;
		margin-top: 60px;
		margin-bottom: 4vw;
		font-size: 3.9vw;
	}

	.indtestimonial {
		font-size: 3.8vw;
		text-align: left;
		font-weight: 800;
	}

	.clients h1,
	.clients h2,
	.clients h3 {
		font-weight: 800;
	}

	.clients {
		margin-bottom: 0px;
	}

	.clientlist {
		font-size: 64px;
		font-weight: 400;
		color: #e39f91;
		text-align: center;
		list-style: none;
		line-height: 70px;
	}

	.clientstitle {
		text-align: center;
		margin-bottom: 50px;
		margin-top: 0px;
		font-size: 41px;
		/* text-decoration: underline; */
		/* font-family: apercu_mono; */
		/* border-bottom: 4px solid #e39f91; */
		/* width: 126px; */
		margin: 0 auto;
	}

	.testquote {
		font-size: 3.3vw;
		font-weight: 100;
		margin-bottom: 100px;
		line-height: 3.7vw;
	}

	.caret:before {
		width: 5px;
		padding-right: 8px;
		content: "+";
	}

	.caretdown:before {
		width: 5px;
		padding-right: 8px;
		content: "-";
	}

	.shrink {
		position: fixed;
		top: -8.5vw;
		width: 100%;
		padding-bottom: 0.8vw !important;
		margin-top: 0px !important;
		background-color: #fff !important;
		animation: colorchange 0.25s;
		-webkit-animation: colorchange 0.25s;
		filter: drop-shadow(0px 0px 2px rgba(100, 100, 100, 0.2));
		-webkit-filter: drop-shadow(0px 0px 4px rgba(100, 100, 100, 0.2));
		z-index: 9999;
	}
	.shrank {
		position: fixed;
		top: 0px;
		width: 100%;
		margin-top: 0px !important;
		padding-top: 20px;
		background-color: #fff !important;
		filter: drop-shadow(0px 0px 2px rgba(100, 100, 100, 0.2));
		-webkit-filter: drop-shadow(0px 0px 4px rgba(100, 100, 100, 0.2));
		z-index: 9999;
	}

	.initshrink {
		position: fixed;
		top: -8.5vw;
		width: 100%;
		padding-bottom: 0.8vw !important;
		margin-top: 0px !important;
		background-color: #fff !important;
		animation: colorchange 0.25s;
		-webkit-animation: colorchange 0.25s;
		filter: drop-shadow(0px 0px 2px rgba(100, 100, 100, 0.2));
		-webkit-filter: drop-shadow(0px 0px 4px rgba(100, 100, 100, 0.2));
		z-index: 9999;
	}

	.shrank {
		position: fixed;
		top: 0px;
		width: 100%;
		margin-top: 0px !important;
		padding-top: 20px;
		background-color: #fff !important;
		filter: drop-shadow(0px 0px 2px rgba(100, 100, 100, 0.2));
		-webkit-filter: drop-shadow(0px 0px 4px rgba(100, 100, 100, 0.2));
		padding-bottom: 10.24px;
		z-index: 999999999;
	}

	.shrink img.tinylogo {
		display: block;
		position: fixed;
		left: 3vw;
		top: 1.9vw;
		animation: minilogogrow 1s;
		opacity: 1;
		height: 1.27vw;
	}

	.shrank img.tinylogo {
		display: block;
		position: fixed;
		left: 39px;
		top: 33px;
		animation: minilogogrow 1s;
		opacity: 1;
		height: 1.6vw;
	}

	img.tinylogo {
		display: none;
		opacity: 0;
	}

	.grow {
		margin-top: 283px;
	}

	.workopen {
		padding-bottom: 9.4vw !important;
		-webkit-animation: growchange 0.25s;
		animation: growchange 0.25s;
	}

	div.work {
		max-width: 1802px;
		padding-bottom: 80px;
		/*padding: 0px 80px;*/
		padding: 0px 60px;
	}

	div.work div.design {
		margin: 0 auto;
	}

	.worknav {
		margin-top: 200px;
		margin-bottom: 80px;
		max-width: none;
	}

	.mobilelogo {
		float: left;
		border: none;
	}

	div.portfolio.home div.row-fluid h3 {
		text-transform: capitalize;
		font-family: apercu_mono;
		margin-bottom: 0px;
		-webkit-text-stroke-width: 0.1px;
		-webkit-text-stroke-color: white;
	}
	.featuredworktitle {
		max-width: 350px;
		letter-spacing: -2.5px !important;
		font-size: 2.7vw !important;
	}
	div.portfolio.home div.row-fluid h2 {
		font-size: 2.74vw;
		font-weight: 800;
	}

	div.portfolio.home div.row-fluid h1 {
		font-size: 6.34vw;
		font-weight: 800;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 0.25px;
		-webkit-text-stroke-color: white;
	}

	.twitter_handle {
		color: #32a18d;
		font-size: 1.8vw;
		margin-bottom: 0.4vw;
	}

	.twitter_date {
		font-size: 1.8vw;
	}

	.twitter_message {
		font-size: 1.41vw;
		font-weight: 100;
	}
	figure.icon-retweeted svg {
		height: 1.4vw;
	}

	.twittercol div {
		margin-bottom: 0.6vw;
	}

	input {
		border: none;
	}

	input[type="submit"][disabled="disabled"],
	button[disabled="disabled"] {
		background-color: #fff;
	}

	.footer {
		font-size: 20px;
		font-weight: 100;
		background-color: #eaeaea;
		padding-top: 100px;
		padding-bottom: 0px;
		max-width: 1368px;
	}

	#footer_social_buttons {
		height: 29.88px;
		margin-top: 5px;
	}

	body.Contact .footer {
		padding-top: 80px;
	}

	.footer input[name="Message"] {
		height: 100px;
	}

	.footer input[name="Email"] {
		height: 50px;
	}

	.footer h3 {
		font-size: 22.48px;
		font-family: apercu_mono;
		margin-bottom: 10px;
	}

	.footer p {
		letter-spacing: 1px;
		line-height: 30px;
		margin-bottom: 0 !important;
	}

	html.wf-active .nav a {
		font-family: "apercu_mono";
	}

	.nav a {
		font-size: 1.57vw;
		line-height: 2vw !important;
	}

	div.shop {
		margin-top: 13vw;
		margin-bottom: 110px;
		max-width: 72vw;
	}

	.presstitle {
		font-size: 5.95vw;
		color: #000;
		font-weight: 800;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.press-subtitle {
		color: #32a18d;
		text-align: center;
		font-size: 48px;
		font-weight: 800;
		margin: 32px auto;
	}

	.closepress {
		text-align: left;
		font-size: 2.08vw;
	}

	.fullarticle {
		text-align: right;
		font-size: 2.08vw;
		font-weight: 800;
	}

	.press-desc {
		font-size: 34px;
		font-weight: 100;
		color: #32a18d;
		letter-spacing: 1.5px;
		max-width: 1050px;
		margin: 0 auto;
		margin-bottom: 40px;
		line-height: 1.42857143;
	}

	.press {
		margin-top: 160px;
		margin-bottom: 150px;
		text-align: center;
		max-width: 1380px;
		background-color: #fff;
	}

	.presstitle.active {
		color: #32a18d;
		margin-bottom: 50px;
	}

	.shoptitle {
		color: #e08c14;
		font-weight: 100;
		text-align: center;
		margin: 0 auto;
		max-width: 840px;
		font-size: 34px;
		letter-spacing: 3px;
		font-family: apercu;
		margin-bottom: 4vw;
		line-height: 45px;
		/* -webkit-text-stroke-width: .1px; */
		-webkit-text-stroke-color: white;
	}

	.social {
		max-width: 88vw;
		padding-bottom: 80px;
	}

	.portfolio.home {
		max-width: 73vw;
	}

	.portfolio.home .row-fluid div.col-lg-12.featuredinfo {
		margin: -5vw auto 7vw auto;
		background-color: white;
		padding: 3.4vw 3.4vw 3.4vw 3.4vw;
		text-align: center;
		max-width: 1050px;
		width: 89%;
		/* min-width: 3vw; */
		float: none;
	}

	.workmotiontitle {
		font-size: 1.81vw;
		margin-bottom: 0.5vw;
		font-weight: bold;
		/*max-height: 2vw;
		min-height: 2.76vw;*/
	}

	/* Navbar positioning foo */
	.navbar-wrapper {
		margin-top: 20px;
	}
	.navbar-wrapper .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}
	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
		border-radius: 4px;
	}
	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
	.featurette-heading {
		font-size: 50px;
	}
	.featurette-heading {
		margin-top: 120px;
	}

	html.wf-apercu-n8-active,
	html.wf-apercu-n1-active,
	html.wf-apercumono-n4-active,
	html.wf-apercu-n4-active {
		font-weight: 400;
		font-family: "apercu";
		/* background-color: #efefef; */
		color: #000;
	}

	.navbar-ex1-collapse.workopen {
		padding-bottom: 110px;
	}

	.motionport {
		height: 450px;
	}

	.workmotioncontainer {
		text-align: left;
		/*min-height: 11.6vw;*/
		min-height: unset;
		max-height: unset;

		overflow: hidden;
		background-color: #fff;
		width: 100%;
		padding: 1.65vw 2.5vw 1.35vw 2.53vw;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.shop-title {
		text-align: center;
		font-family: apercu_mono;
		width: 280px;
		margin: 0 auto;
		line-height: 30px;
		font-size: 24px;
	}

	.shopitem {
		text-align: center;
		min-height: 38.6vw;
		margin-bottom: 0vw;
	}

	.shopitem:hover .buynowbutton {
		margin-top: 20px;
		display: inline !important;
	}

	.shopitem .buynowbutton {
		display: none;
	}

	.pressbody {
		text-align: center;
		margin: 0 auto;
		display: none;
		max-width: 1290px;
	}

	.pressbody img {
		max-width: 100%;
	}

	#reel-container #vimeoworkplayer {
		min-height: 52vw;
	}

	#vimeoworkplayer {
		max-height: 1800px;
		margin-top: 0px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.motioninfo #vimeoworkplayer {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	html.wf-active .worknav button {
		font-family: apercu_mono;
	}

	.worknav button {
		text-transform: uppercase;
		height: 47px;
		padding: 0px 30px;
		font-size: 27px;
	}

	.portlistthumbcont {
		margin-bottom: 0px !important;
		overflow: hidden;
	}

	.nopadding {
		padding: 0px;
	}
	.container-fluid.shrink .nav.navbar-nav {
		margin-top: 0px;
	}
	.home_about_buttons {
		max-width: 83vw;
	}
	.mobile_twitter_logo {
		margin: 40px 0px 40px 20px;
	}
	.instagramlogo {
		margin: 100px 20px 40px 0px;
		width: 15vw;
	}
	.twitterlogo {
		margin: 100px 20px 0px 16px;
		width: 4vw;
	}

	.featured_worktitle {
		margin-bottom: 100px;
		padding: 20px 0px 30px 0px;
	}

	.featured_post_cat {
		text-transform: uppercase !important;
		font-size: 3.3vw !important;
	}

	.header.workclose {
		-webkit-animation: closechange 0.25s;
		animation: closechange 0.25s;
	}

	.workpictures {
		text-align: center;
	}

	.singleworkinfo {
		margin-top: 15px;
		padding: 105px 15px 45px 15px;
		max-width: 1338px;
		text-align: center;
		width: 71vw;
	}

	.singleworkinfomotion {
		margin-top: 15px;
		padding: 105px 150px 0px 150px;
		max-width: 1680px;
		text-align: center;
		width: 71vw;
	}

	.singleworkinfo a {
		border-bottom: 2px solid #696969;
	}

	.singleworktitle {
		margin-top: 0vw;
		text-align: center;
		font-weight: 800;
		margin-bottom: 3.5vw;
		font-size: 90px;
		color: #000;
	}

	.backtowork {
		text-align: left;
		font-weight: bold;
		margin-left: -25px;
		border-bottom: 0px !important;
		color: #000;
	}

	.backtowork a {
		color: #000;
		border-bottom: 0px solid #000;
	}

	.singleworkdesc {
		font-weight: 100;
		margin-bottom: 60px;
		letter-spacing: 1.5px;
		color: #af5c8f;
		/*margin: 0 auto;*/
		font-size: 34px;
		max-width: 1050px;
	}

	.header.normal.home {
		padding-bottom: 0px;
		-webkit-animation: colorchangeback 0.25s;
		animation: colorchangeback 0.25s;
	}

	.hiringtext {
		max-width: 375px;
	}
	.worknav .btn.active {
		background-color: #33a28e;
	}
	.mainwork a {
		color: #000;
	}

	.mainwork .row-fluid div.motion,
	.mainwork .row-fluid div.digital,
	.mainwork .row-fluid div.design {
		float: left;
		/*margin: 34px 0px;*/
		/*padding: 0px 34px;*/
		margin: 2.45vw 0;
		padding: 0 2.45vw;
	}

	.viewprojectbutton {
		margin-top: 40px;
		font-family: apercu_mono;
		margin: 30px 0px;
		opacity: 0;
	}

	.view_project_arrow {
		font-family: icomoon;
	}
	.designworktitle {
		margin: 30px 0px;
	}

	div.work.logosection div.design.designlogos {
		text-align: center;
		margin: 120px auto 0 auto;
		padding: 0;
		/*max-width: 830px;*/
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		align-items: center;
		gap: 0px;
		justify-content: center;
		position: relative;
	}
	div.design.designlogos div.designport {
		padding: 0px;
		flex-basis: 33%;
		margin: 0;
		float: none;
		height: 100%;
		aspect-ratio: 16/9;
	}

	.container-fluid.work.design {
		padding-top: 120px;
		padding-bottom: 75px;
		background-color: #fff;
	}

	.design_sep.logosection {
		padding-top: 0px;
	}

	.logosection {
		padding-top: 120px;
		padding-bottom: 75px;
		background-color: #fff;
	}

	.indvworkdesc {
		/*max-height: 200px;
		min-height: 4.6vw;
    */
		overflow: hidden;
		/*margin-bottom: 14px;*/
		font-weight: 100;
		line-height: 1.6vw;
		font-size: 1.05vw;
		letter-spacing: 0.25px;
		height: 4vw;
	}

	.viewprojecttext {
		font-weight: bold;
		bottom: 1.8vw;
		/*position: absolute;*/
		font-size: 1.15vw;
	}

	.vidembed {
		position: relative;
		height: 0;
		min-height: 0;
		width: 100%;
		overflow: hidden;
		margin: 50px 0 25px 0;
		aspect-ratio: 16/9;
		padding-bottom: calc((9 / 16) * 100%);
	}
	.vidembed.vid-ratio-16x9 {
		aspect-ratio: 16/9;
		padding-bottom: calc((9 / 16) * 100%);
	}
}

/* ///////   no media query   /////// */
.vidembed.vid-ratio-16x9 {
	aspect-ratio: 16/9;
	padding-bottom: calc((9 / 16) * 100%);
}
.vidembed.vid-ratio-235x1 {
	aspect-ratio: 2.35/1;
	padding-bottom: calc((1 / 2.35) * 100%);
}
.vidembed.vid-ratio-2x1 {
	aspect-ratio: 2/1;
	padding-bottom: calc((1 / 2) * 100%);
}
.vidembed.vid-ratio-185x1 {
	aspect-ratio: 1.85/1;
	padding-bottom: calc((1 / 1.85) * 100%);
}
.vidembed.vid-ratio-4x3 {
	aspect-ratio: 4/3;
	padding-bottom: calc((3 / 4) * 100%);
}
.vidembed.vid-ratio-1x1 {
	padding-bottom: 100%;
}
.vidembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.navbar-collapse.in {
	overflow-y: visible;
	background-color: #fff;
	top: 0;
	left: 0px;
	width: 100%;
	z-index: 9999;
	position: fixed;
}

.collapsing .nav.navbar-nav {
	opacity: 0;
}

#postnavi {
	text-align: center;
	margin-bottom: 20px;
	padding: 20px;
}

#postnavi a {
	color: #000;
	font-size: 32px;
}
.navbar {
	margin-bottom: 0vw;
}

.portfolio.home {
	margin-top: 55px;
	background-color: #e0e0e0;
}

.contact_header {
	margin-top: 180px;
	margin-bottom: 10px;
	text-align: center;
}

#about_address {
	margin-top: 20px;
	margin-bottom: 30px;
}

#about_hiring {
	margin-top: 20px;
	margin-bottom: 30px;
}

.followusabout {
	margin-top: 30px;
	margin-bottom: 20px;
}

.werehiring {
	margin-top: 80px;
	margin-bottom: 30px;
}

#msgSubmit {
	text-align: left;
}

.container-fluid.portfolio.home a {
	color: #000;
}
.navactive {
	text-decoration: underline;
	padding-bottom: 0px;
}

.aboutpage_copy {
	text-align: center;
	max-width: 75vw;
	margin: 0 11vw 0 11vw;
}

.container-fluid.aboutbuttonsection {
	background-color: #fff;
}
.container-fluid.featuredworksection {
	background-color: #e0e0e0;
}
div.socialmediasection {
	background-color: #fff;
}
.container-fluid.worknav .row-fluid .col-lg-12.navbuttons {
	text-align: center;
}

.container-fluid.shopsection {
	font-family: apercu-mono;
	background-color: #fff;
}

.container-fluid.about .row-fluid .col-lg-12.aboutsection {
	text-align: center;
}
.container-fluid.singleworkinfo .row-fluid.singleworktitlesection {
	text-align: center;
	padding: 0px;
}

.container-fluid.worksingle
	#postnavi
	.col-lg-6.nopadding
	h3.backtoworkpostnavi {
	text-align: left;
}
.container-fluid.worksingle #postnavi .col-lg-6.nopadding .nextpostnavi {
	text-align: right;
}

.instapost_0,
.instapost_1 {
	padding-top: 0px !important;
}

.instapost_2,
.instapost_3 {
	padding-top: 0px !important;
}

.instagram {
	padding: 0px;
}

#instagram_button:hover {
	opacity: 0;
}
#facebook_button:hover {
	opacity: 0;
}
#pintrest_button:hover {
	opacity: 0;
}
#twitter_button:hover {
	opacity: 0;
}
#youtube_button:hover {
	opacity: 0;
}

/* CUSTOMIZE THE CAROUSEL
   ================================================== */

#myCarousel {
	background-color: rgba(255, 255, 255, 0);
	margin-bottom: -5px;
}

.slidegrow {
	margin-top: -40px !important;
}

.carousel {
	margin-bottom: 60px;
	/* height: 48vw; */
}
.carousel .item {
	height: 48vw;
}
/* ===[ Since positioning the image, we need to help out the caption ]=== */
.carousel-caption {
	z-index: 10;
}
.carousel-inner > .item > img {
	top: 0;
	left: 0;
	position: absolute;
	min-width: 100%;
}
.carousel-inner > .item > a img {
	top: 0;
	left: 0;
	position: absolute;
	min-width: 100%;
}

.footercopyright {
	margin-top: 0.9vw;
}

.singleworktitlesection {
	padding: 30px;
	text-align: center;
}

.singleworkdescsection {
	/* padding:40px 90px; */
	text-align: left;
}

.viewprojectworkgrdiarrow {
	/*font-size: 14px;*/
	display: inline-block;
	margin: 4px 2px -1.5px 2px;
}

.featuredworkpic {
	float: none;
}

.press .fullarticle a {
	color: #000;
}

.design_sep {
	margin-top: -2px;
}

.show-more {
	margin-top: 40px;
	margin-bottom: 70px;
	font-size: 1.7vw;
	cursor: pointer;
}

.closework a {
	border: 0px solid #fff;
	text-decoration: none;
	position: relative;
	top: 160px;
	margin-right: 90px;
}

.closeproj.rotato {
	animation-play-state: running;
	animation-name: spin;
	animation-duration: 280ms;
	animation-timing-function: ease-in-out;
	animation-delay: initial;
	animation-iteration-count: 1;
	animation-direction: initial;
	animation-fill-mode: initial;
}

.rotatehome1 {
	animation-play-state: running;
	animation-name: spin;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	animation-delay: initial;
	animation-iteration-count: 1;
	animation-direction: initial;
	animation-fill-mode: initial;
	transform-origin: 373px 223px;
}
.rotatehome2 {
	animation-play-state: running;
	animation-name: spin;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	animation-delay: initial;
	animation-iteration-count: 1;
	animation-direction: initial;
	animation-fill-mode: initial;
	transform-origin: 808px 223px;
}

.logocont {
	background-color: #fff;
	text-align: center;
	padding-bottom: 80px;
	border-top: 1px solid #e1e1e1;
}

.pressection {
	background-color: #fff;
}

#message,
#email {
	height: auto;
	font-size: 0.9vw;
}

#contactForm label {
	font-size: 1.3vw;
}

#form-submit {
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 18px;
	padding: 0px;
}

.formarrowsend {
	font-family: icomoon;
	font-size: 13px;
	font-weight: bolder;
}

.sendarrow {
	width: 17px;
	vertical-align: sub;
	margin-left: 5px;
}

.load-more {
	font-size: 1.7vw;
	cursor: pointer;
}

.load-more:hover,
.show-more:hover {
	color: #33a28e;
}

#load-more-text:hover + svg line.logo_arrow_more,
#load-more-text:hover + svg polyline.logo_arrow_more {
	stroke: #33a28e;
}

line.logo_arrow_more,
polyline.logo_arrow_more {
	stroke: #000;
}

.backtoworkpostnavi,
.nextpostnavi {
	margin-top: 50px;
}

@media only screen and (min-width: 1650px) {
	html.wf-active .nav a {
		font-family: "apercu_mono";
	}
	html.wf-active .nav a {
		font-size: 20.096px;
		line-height: 25.6px !important;
		margin-bottom: 10px;
	}

	.workmotioncontainer {
		aspect-ratio: 16/6.78;
	}

	.footer h3 {
		font-size: 1.3vw;
		font-family: apercu_mono;
		margin-top: 12.8px;
	}

	.indvworkdesc {
		/*max-height: 75.9px;
		min-height: 75.9px;*/
		font-weight: 100;
		line-height: 26.4px;
		font-size: 17.5px !important;
		letter-spacing: 0.25px;
		line-height: 1.6vw;
		font-size: 1.05vw;
		height: 3.7vw;
	}

	.portfolio.home {
		max-width: 1202px;
	}

	div.portfolio.home div.row-fluid h1 {
		font-size: 105px;
		font-weight: 800;
		letter-spacing: -1px;
		-webkit-text-stroke-width: 0.25px;
		-webkit-text-stroke-color: white;
	}

	.viewprojecttext {
		/*bottom: 23.04px;*/
		/*font-size: 19.975px;*/
	}

	.footercopyright {
		margin-top: 1.2vw;
	}

	#contactForm label {
		font-size: 1vw;
	}
}

#digital_button:hover,
#motion_button:hover,
#design_button:hover {
	opacity: 0;
}