/*————————————————*/
/*  General   
/*————————————————*/

@font-face {
    font-family: 'kbletterbox';
    src: url('../fonts/kbletterbox-regular-webfont.woff2') format('woff2'),
         url('../fonts/kbletterbox-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

*::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
}

*:focus {
	outline: none;
}

body {
	background-color: #383838;
}

.block {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	position: relative;
}

.block-more .h3 {
	width: 100%;
}

.block-more-text {
	position: relative;
	width: calc( 100% - 50px);
	padding-right: 50px;
	float: left;
	padding-bottom: 0;
	display: block;
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	text-align: left;
}

/*————————————————*/
/*  Typography   
/*————————————————*/

.arial {
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	text-align: left;
	letter-spacing: 0.1rem;
}

p {
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	text-align: left;
	letter-spacing: 0.1rem;
}

em {
	font-family: inherit;
	font-style: italic;
}

a {
	text-decoration: none;
	color: inherit;
}

blockquote {
	margin: 10px 0 10px 50px;
	font-style: italic;
}

.hidden {
	display: none;
}

.h3 {
	font-family: 'Arial', sans-serif;
	font-size: 17px;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	font-weight: 400;
}

.block-large-text {
	font-family: "kbletterbox", sans-serif;
	overflow: hidden;
	
	/*display: flex;
	align-items: baseline;
	justify-content: center;
	text-align: center;*/

	white-space: nowrap;
	display: block;
	float: left;
	position: relative;
	text-transform: uppercase;
	user-select: none;
	color: white;
	font-size: 25vw;
	line-height: calc(20.8vw + 20px);
	height: calc(16.5vw + 20px);
	width: 100vw;
	padding-top: 1vw;
}

.block-large-text-inner {
	position: absolute;
	display: block;
	left: 0;
	width: auto;
	height: calc(16.5vw + 20px);
}

.block-large-text span {
	display: inline-block;
	position: relative;
	/*min-width: 100vw;*/
	width: auto;
	/*background-color: red;*/
	text-align: center;
	/*float: left;*/
	/*padding-right: calc(100vw - 500px);*/
	/*box-sizing: content-box;*/

	/*line-height: calc(20.8vw + 20px);*/
	/*background-color: red;*/
	height: calc(16.5vw + 20px);
	/*background-color: red;*/
	/*animation-play-state: paused;*/
}

.block-large-text span {
	/*animation: ticker 10s linear infinite;*/
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


@keyframes doIT {
	from {
		font-size: 25vw;
		height: calc(16.5vw + 20px);
		line-height: calc(20.8vw + 20px);
		padding-top: 1vw;

	}
	to {
		font-size: 22.3vw;
		height: calc(15.6vw + 10px);
		line-height: calc(20.3vw + 1px);
		padding-top: 10px;

	}
}
@keyframes undoIT {
	from {
		font-size: 22.3vw;
		height: calc(15.6vw + 10px);
		line-height: calc(20.3vw + 1px);
		padding-top: 10px;

	}
	to {
		font-size: 25vw;
		height: calc(16.5vw + 20px);
		line-height: calc(20.8vw + 20px);
		padding-top: 1vw;
	}
}

@keyframes alignment {
	0% {
		margin-left: 0;
		margin-right: 0;
	}
	25% {
		margin-left: 20vw;
		margin-right: 0;
	}
	50% {
		margin-left: 0;
		margin-right: 0;
	}
	75% {
		margin-left: 0;
		margin-right: 20vw;
	}
	100% {
		margin-left: 0;
		margin-right: 0;
	}
}

/*————————————————*/
/*  Header   
/*————————————————*/

.block-intro {
	width: calc(100% - 20px);
	padding: 7px 10px 10px 10px;
	/*height: calc(150px + 3vw);*/
	height: auto;
}

.intro-text {
	font-family: "Times", serif;
	font-size: calc(1.3vw + 20px);
	line-height: calc(1.3vw + 20px);
	margin-bottom: 10px;
}
.project-text {
	margin-bottom: 0;
}

.intro-text p {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	display: inline;
}

.block-more {
	display: none;
	width: calc(100% - 20px);
	padding: 20px 10px 10px 10px;
}

.block-more.project {
	background-color:#383838;
	color:#FFFFFF;
}

.block-more-inner {
	display: block;
	width: 100%;
	position: relative;
	float: left;
	opacity: 0;
	max-height: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	max-height: 40vh;
	height: 100%;
	overflow-y: scroll;
}

.block-more-inner-scroll {
	width: 100%;
	min-height: 100%;
	height: auto;
	display: block;
	position: relative;
	float: left;
}

.block-more-shadow {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	height: 15px;
	pointer-events: none;
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-more-shadow.top {
	position: absolute;
	bottom: auto;
	top: 15px;
	left: 0;
	right: 0;
	height: 25px;
	pointer-events: none;
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}

.block-more-shadow.project {
	background:linear-gradient(#38383800, #383838ff);
}

/*————————————————*/
/*  Header slider   
/*————————————————*/

.about-slider {
	opacity: 0;
	width: calc(100% - 20px);
	height: auto;
	display: block;
	position: absolute;
	float: left;
	top: 10px;
	margin-bottom: 10px;
	z-index: 900;
}
.lil-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	border-bottom: 1px solid rgba(125,125,125,0.5);
	mix-blend-mode: multiply;
}
.lil-round-ball {
	width: 15px;
	height: 15px;
	top: 3px;
	background-color: black;
	border-radius: 50%;
	position: relative;
}

/*————————————————*/
/*  Grid system  
/*————————————————*/

.column {
	position: relative;
	display: block;
	float: left;
	height: 100%;
}
.col-1 {
	width: calc(100% - 10px);
	padding-right: 10px;
}
.col-2 {
	width: calc(50% - 10px);
	padding-right: 10px;
	padding-bottom: 0;
}
.col-3 {
	width: calc(33.333% - 10px);
	padding-right: 10px;
}
.col-6 {
	width: calc(16.666% - 10px);
	padding-right: 10px;
}
.col-7 {
	width: calc(14.285% - 10px);
	padding-right: 10px;
}
.col-8 {
	width: calc(12.5% - 10px);
	padding-right: 10px;
}
.col-9 {
	width: calc(11.11% - 10px);
	padding-right: 10px;
}
.col-10 {
	width: calc(10% - 10px);
	padding-right: 10px;
}
.col-4 {
	width: calc(25% - 10px);
	padding-right: 10px;
	padding-bottom: 0;
}

/*————————————————*/
/*  Menu rows
/*————————————————*/

.menu-item {
	height: 50px;
	position: relative;
	display: block;
	float:left;
	background-color: white;
	font-family: 'Arial', sans-serif;
	font-size: 24px;
	letter-spacing: 0.1rem;
	user-select: none;
	cursor: pointer;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #383838;
}

.menu-item.inactive {
	color:rgba(0, 0, 0, 0.2);
	cursor: default;
}

.menu-item:before {
	content: " ";
	user-select: none;
	height: 50px;
	width: 4px;
	position: relative;
	display: block;
	float: left;
}

.block-years {
	max-height: 50px;
	width: 100%;
}

/*
.block-years {
	max-height: 50px;
	width: auto;
	min-width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}*/

.menu-item.filter-year:not(.inactive):hover {
	background-color: #383838;
	color: rgba(255,255,255,0.6);
}

.menu-item.single:hover, .menu-item.single:active {
	background-color: #383838;
	color: rgba(255,255,255,0.6);
}

.intro-link {
	position: absolute;
	bottom: 10px;
	user-select: none;
	cursor: pointer;
}

/*————————————————*/
/*  Work overview
/*————————————————*/

.block-work {
	width: 100%;
	overflow-x: hidden;
	min-height: calc(50vh);
	height: auto;
	margin: 10px 0 10px 0;
}

.block-work.multiple {
	margin: 0px 0 10px 0;
}

.block-work-inner {
	position: relative;
	display: flex;
	float: left;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: flex-start;
	width: auto;
	background-color: #383838;
}

.thumbnail-link {
	position: relative;
	display: block;
	float: left;
	white-space: nowrap;
}

.navigation {
	position: absolute;
	z-index: 600;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.navigation button {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	height: 100%;
}

button::before {
	display: none;
}

.thumbnail {
	position: relative;
	float: left;
	display: block;
	cursor: pointer;
}

.thumbnail.portrait, .project-thumbnail.portrait {
	position: relative;
	height: calc(90vh - 10px);
	width: auto;
}

.thumbnail.landscape, .project-thumbnail.landscape {
	position: relative;
	height: calc(60vh - 10px);
	width: auto;
}

.project-link {
	/*width: calc(33.3% - 10px);*/
	margin: 0 5px;
	overflow: hidden;
	position: relative;
	float: left;
	display: block;
	cursor: pointer;
}

.project-link:first-of-type {
	margin-left: 10px;
}

.project-link:last-of-type {
	margin-right: 10px;
}

.project-thumbnail {
	width: 100%;
	margin: 0;
	position: relative;
	float: left;
	display: block;
}

/*————————————————*/
/* Sliders
/*————————————————*/

.slick-prev, .prev {
	cursor: w-resize;
}
.slick-next, .next {
	cursor: e-resize;
}

.project-desc {
	opacity: 0;
	position: absolute;
	background-color: #E2E2E2;
	color: #383838;
	bottom: 0;
	top: 0;
	/*height: 30px;*/
	width: calc(100% - 8px);
	padding: 4px;
	cursor: pointer;
	user-select: none;
	word-break: break-word;
	white-space: normal;
}
.project-coming-soon {
	position: relative;
	display: block;
	float: left;
	min-width: calc(90vh - 20px);
	height: calc(60vh - 20px);
	padding: 4px;
	color: #383838;
}
img.coming-soon-img {
	margin: 0 !important;
}

.project-link a:hover .project-desc {
	opacity: 1;
}


/*————————————————*/
/* Single project
/*————————————————*/

.project-overlay {
	position: absolute;
	width: 100%;
	top: 0; left: 0; bottom: 0; right: 0;
	display: none;
}

/*————————————————*/
/* Single about
/*————————————————*/

.block-single-about {
	padding: 0px 0px 0px 0;
	height: auto;
	/*min-height: calc(150px + 3vw);*/
	width: 100%;
	overflow-x: hidden;
	position: relative;
	display: block;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	overflow-x: hidden;
}

.single-back {
	position: relative;
	display: block;
	float: left;		
	min-width: 40px;
	background-color: #383838;
	animation: normalW 0.25s linear 1 forwards;
}

.single-back a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*width: 100%;*/
	/*padding: 10px;*/
	animation: normalW 0.25s linear 1 forwards;
}

.single-back:hover, .single-back:hover a {
	animation: newW 0.25s linear 1 forwards;
}

.single-back:hover .back-sign {
	animation: newSign 0.25s linear 1 forwards;
}

.back-sign {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 0;
	width: 20px;
	height: 30px;
	animation: normalSign 0.25s linear 1 forwards;

	/*margin: 0 auto;*/
	/*transform: rotate(45deg);*/
}

.back-sign.rotated {

	top: 70%;
    left: 10px;
    transform-origin: 100%;
    transform: translate(-50%, -50%) rotate(90deg);
    animation: none;
}

.project-text {
	position: relative;
	display: block;
	float: left;
	color: #38383899;
	width: calc(100% - 40px);
	padding: 7px 10px 10px 10px;
	overflow-x: hidden;
}
.project-text-inner {
	position: relative;
	height: auto;
	width: calc(100vw - 60px);
}

.project-text a {
	font-style: italic;
}
.project-text p {
	letter-spacing: 0;
}

.spaced {
	letter-spacing: 0.25vw;
}

.block-small-about {
	position: relative;
	display: block;
	float: left;
	clear: both;
	padding: 10px;
	width: calc(100% - 20px);
	background-color: #383838;
	color: rgba(255,255,255,0.75);
}

/*————————————————*/
/* Image slider
/*————————————————*/
.loader {
	position: absolute;
	z-index: 999;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-animation: sk-scaleout 0.5s infinite ease-in-out;
	 animation: sk-scaleout 0.5s infinite ease-in-out;
}

.slider.img-slider {
	background-color: #383838;
	height: 90vh;
}

.slider-img {
	position: relative;
	display: inline-block;
	float: left;
	width: auto;
	max-height: calc(90vh - 20px);
	margin: 10px 5px;
	opacity: 0;
}

iframe.slider-img {
	/*background-color: white;*/
	height: calc(60vh - 20px);
	width: calc(105vh - 20px);
}

.slider-img.portrait {
	height: calc(90vh - 20px);
	width: auto;
}

.slider-img.landscape {
	height: calc(60vh - 20px);
	width: auto;

}

.arrows {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	user-select: none;
	/*background-color: red;*/
	pointer-events: none;
}
.arrow {
	position: relative;
	display: block;
	width: 10%;
	height: 100%;
	user-select: none;
	pointer-events: auto;
}
#left-arrow, #left-arrow-related {
	float: left;
	cursor: w-resize;
}
#right-arrow, #right-arrow-related  {
	float : right;
	cursor: e-resize;
}

/*————————————————*/
/* Related projects
/*————————————————*/

.thumb-slider {
	position: relative;
	min-height: 150px;
}

.link-thumb {
	display: block;
	width: auto;
	margin: 10px 100px;
	color: rgb(30,30,30,0.6);
}

.img-link-thumb {
	position: relative;
	display: block;
	float: left;
	height: calc(150px - 20px);
}

.text-link-thumb {
	position: relative;
	display: block;
	float: left;
	padding-left: 5px;
}

/*————————————————*/
/* Research
/*————————————————*/

.research {
	display: block;
}

.research-content {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 50px;
	z-index: 500;
	position: fixed;
	display: none;
}

.research-link {
	position: fixed;
	z-index: 600;
	width: 100px;
	height: 100px;
	text-align: center;
	bottom: 2vw;
	left: 2vw;
	cursor: pointer;
	filter: none;
}

.research-link img {
	position: relative;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	transform-origin: 50% 50%;
}
.research-text {
	/*background-color: red;*/
	font-size: 24px;
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: rgba(30,30,30,0.6);
	user-select: none;
}

.research-img {
	position: absolute;
	display: block;
	/*background-color: white;*/
	z-index: 3;

}

.research-img:hover, .research-img:active, .research-img:focus {
	z-index: 999;
}


.img-research {
	position: relative;
	display: block;
	float: left;
	max-width: 40vw;
	height: auto;
}

.research-caption {
	padding: 5px;
	width: calc(100% - 10px);
	height: auto;
	word-break: break-all;
	mix-blend-mode: difference;
	user-select: none;
	color: white;
	position: absolute;
}


/*————————————————*/
/* Scroll top
/*————————————————*/

.scroll-top {
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	cursor: pointer;
	display: none;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);

}

/*————————————————*/
/*  Animations   
/*————————————————*/

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes newW {
	from {
		width: 40px;
	}
	to {
		width: 120px;
	}
}

@keyframes newSign {
	from {
		width: 20px;
	}
	to {
		width: 100px;
	}
}

@keyframes normalW {
	from {
		width: 120px;
	}
	to {
		width: 40px;
	}
}

@keyframes normalSign {
	from {
		width: 100px;
	}
	to {
		width: 20px;
	}
}

@keyframes rotateBox {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(8deg);
	}
}

@keyframes rotateBoxLeft {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-8deg);
	}
}

/* Small animations */

@keyframes newSignMini {
	from {
		width: 18px;
	}
	to {
		width: calc(100vw - 10px);
	}
}


@keyframes normalSignMini {
	from {
		width: calc(100vw - 10px);
	}
	to {
		width: 18px;
	}
}


.single-menu {
	position: relative;
}

.block-large-text.single {
	margin-bottom: 0;
}

/*————————————————*/
/* Responsive-ish   
/*————————————————*/



@media (min-width: 801px) and (max-width: 1189px) {
	.block-more .col-2 {
		width: calc(100% - 50px);
		padding-bottom: 20px;
	}

	.block-more .col-4 {
		width: calc(50% - 50px);
	}

	.single-menu {
		position: relative;
	}

	.block-large-text.single {
		margin-bottom: 0;
	}

	.project-desc {
		width: calc(100% - 8px);
		/*margin: 5px;*/
		padding: 4px;
	}

	.block-work.multiple {
		margin: 0px 0px 10px 0px;
	}

	.multiple::last-of-type {
		margin: 0 0 5px 0;
	}

	iframe.slider-img {
		height: 55vw;
		width: calc(100vw - 20px);
	}

	.slider-img.landscape, .slider-img.portrait {
		max-width: calc(100vw - 20px);
		height: auto;
	}

	.slider.img-slider {
		height: auto;
	}
	#first {
		margin-top: 10px;
	}
}

@media (max-width: 800px) {
	.block-intro {
		padding: 3px 5px;
		width: calc(100% - 10px);
		min-height: auto;
		height: auto;
	}
	.intro-text {
		margin-bottom: 5px;
	}
	.project-text {
		margin-bottom: 0;
	}
	.intro-link {
		bottom: 5px;
	}
	.block-more .col-2,  .block-more .col-4 {
		width: calc(100% - 10px);
		padding-right: 10px;
		padding-bottom: 42px;
	}
	.block-more-shadow.top {
		top: 15px;
	}
	.block-more-shadow {
		bottom:5px;
	}
	.about-slider {
		top: 5px;
	}
	.block-more {
		padding: 15px 5px 5px 5px;
		width: calc(100% - 10px);
	}
	.block-more-text {
		width: 100%;
		padding-right: 0;
	}
	.block-small-about {
		padding: 5px;
		width: calc(100% - 10px);
	}
	.block-large-text {
		line-height: calc(20.8vw + 10px);
		height: calc(16.5vw + 10px);
		padding-top: 5px;
	}
	.menu-item {
		letter-spacing: 1.4px;
		height: 38px;
		word-break: break-word;
	}
	.back-sign.rotated {
	    top: 47%;
	    left: 50%;
	    transform-origin: 50%;
	    transform: translate(-50%, -50%) rotate(90deg);
	    animation: none;
	    width: 15px;
	    height: auto;
	    position: absolute;
	}

	.filter-sub {
		width: calc(50% - 10px)
	}
	.thumbnail, .project-link {
		width: calc(100% - 10px);
	}

	.single-menu {
		position: fixed;
		bottom: 0;
	}

	.block-large-text.single {
		margin-bottom: 50px;
	}

	.arial, .menu-item, .h3 {
		font-size: 16px;
	}
	
	.block-work, .block-work-inner {
		width: 100%;
		height: auto;
		max-height: none;
		flex-direction: column;
	}

	#first {
		margin-top: 0px;
	}

	.block-work {
		margin: 0;
	}

	.block-work:first {
		margin: 5px 0 0 0;
	}

	.block-work:last {
		background-color: red;
	}

	.project-link:first-of-type {
		margin-left: 5px;
	}
	.thumbnail.portrait, .project-thumbnail.portrait, .thumbnail.landscape, .project-thumbnail.landscape {
		width: calc(100vw - 10px);
		clear: both;
		height: auto;
		margin: 0 0 5px 0;
	}
	.slider-img.landscape, .slider-img.portrait {
		width: calc(100vw - 10px);
		height: auto;
	}
	.slider.img-slider {
		height: auto;
		padding-top: 5px;
	}
	.slider-img {
		max-height: none;
		margin: 0 5px 5px 5px;
	}

	.project-coming-soon.project-link:first-of-type {
		margin-left: 5px;
	}
	.project-coming-soon {
		width: calc(100vw - 19px);
		margin: 0 5px 5px 5px;
		min-width: calc(100vw - 19px);
	}
	.scroll-top  {
		display: block;
	}
	.scroll-top.single {
		bottom: 60px;
	}

	.project-desc {
		width: calc(100% - 8px);
		margin: 0 0 5px 0;
		padding: 4px;
	}
	.block-work.multiple {
		margin: 0px;
	}
	
	.block-years .menu-item {
		font-size: 11px !important;
	}

	iframe.slider-img {
		height: 55vw;
		width: calc(100vw - 10px);
	}
	
	

	#first {
		margin-top: 5px;
	}
	/*.menu-item.col-4 {
		width: calc(50% - 10px);
	}
	.menu-item.col-7, .menu-item.col-8, .menu-item.col-9, .menu-item.col-10 {
		width: calc(20% - 10px);
	}*/
	.block-single-about {
		flex-direction: column;
		min-height: auto;
	}

	.single-back {
		height: 38px;
		width: 100%;
		animation: none;
	}

	.single-back a {
		animation: none;
	}

	.single-back:hover .back-sign {
		animation: newSignMini 0.25s linear 1 forwards;
	}

	.back-sign {
		top: 5px;
		left: 5px;
		height: 28px;
		width: 18px;
		animation: normalSignMini 0.25s linear 1 forwards;
	}
	.project-text {
		width: 100%;
		padding: 5px;
	}
	.project-text-inner {
		width: calc(100% - 10px);
	}

	.thumb-slider {
		height: calc(16.5vw + 48px);
		min-height: auto;
	}
	.link-thumb {
		margin: 5px 40px;
	}
	.img-link-thumb {
		height: calc(16.5vw + 38px);
	}
	.block-large-text.single {
		margin-bottom : 38px;
	}
	
	.research-link {
		bottom: 50px;
		width: 70px;
		height: auto;
		left: 5px;
	}
	.research-text {
		font-size: 16px;
		top: 30px;
	}
	.spaced {
		letter-spacing: 3px;
	}	

}

.idle .scroll-top, .idle .research-link {
	animation: dissapear 1s 1 forwards;

}

@keyframes dissapear {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
	}
}