.browse__menu a {
	color: inherit !important;
}

@keyframes translateIn {
	0% {
		display: -ms-flexbox;
		display: flex;
		opacity: 0;
		transform: translateY(60px) scale(.95);
		z-index: -1
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
		z-index: 2
	}
}

@keyframes translateOut {
	0% {
		transform: translateY(0) scale(1);
		z-index: 2
	}

	100% {
		opacity: 0;
		transform: translateY(-60px) scale(.95);
		z-index: -1
	}
}

@keyframes fadeIn {
	0% {
		z-index: 1
	}

	100% {
		opacity: 1;
		z-index: 2
	}
}

@keyframes fadeOut {
	0% {
		z-index: 2
	}

	100% {
		opacity: 0;
		z-index: -1
	}
}

@keyframes removeDisplay {
	0%,100% {
		display: -ms-flexbox;
		display: flex
	}

	99% {
		display: none
	}
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}


a {
	background-color: transparent !important;
	-webkit-text-decoration-skip: objects !important;
	text-decoration: none !important;
}



img {
	border-style: none !important;
}



body {
	margin: 0;
	color: #303030;
	font-weight: 400;
/*	font-family: "Open Sans",sans-serif;*/
	line-height: 28px;
	overflow-x: hidden
}

.layout--index .layout__group:nth-child(1) {
	background-position: 50% 50%;
	background-size: cover
}
.layout--index .layout__group:nth-child(1) .layout__section:nth-child(1) {
/*	min-height: 100vh;*/
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	position: relative
}
@media screen and (min-width:300px) {
	.layout--index .layout__group:nth-child(1) .layout__section:nth-child(1) {
		width: 100%;
		max-width: 100%
	}
}


@media screen and (min-width:990px) {

    

	.layout--index .layout__group:nth-child(1) .layout__section:nth-child(1) {
		width: 100%;
		max-width: 100%;
	}

    
	.layout--index .layout__group:nth-child(2) .layout__section:nth-child(1) {
		background-color: #fff;
		height: 525px
	}
}

@media screen and (min-width:1000px) {
	.layout--index .layout__group:nth-child(1) .layout__section:nth-child(1) {
		width: 100%;
		max-width: 100%
	}
}

.layout--index .layout__group:nth-child(2) .layout__section:nth-child(1) {
	position: relative
}

@media screen and (min-width:1000px) {
	.layout--index .layout__group:nth-child(2) .layout__section:nth-child(1) {
		height: 620px
	}
}

@media screen and (min-width:1180px) {
	.layout--index .layout__group:nth-child(1) .layout__section:nth-child(1) {
		width: 100%;
		max-width: 100%;
	}

	.layout--index .layout__group:nth-child(2) .layout__section:nth-child(1) {
		height: 705px
	}
}

@media screen and (min-width:990px) {
	.layout--index .layout__group:nth-child(2) .layout__section--design2:nth-child(1) {
		background-color: #fff;
		height: 490px
	}
}

@media screen and (min-width:1000px) {
	.layout--index .layout__group:nth-child(2) .layout__section--design2:nth-child(1) {
		height: 565px
	}
}

.layout--index .layout__group:nth-child(3) .layout__section:nth-child(2) {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: center
}

@media screen and (min-width:300px) {
	.layout--index .layout__group:nth-child(3) .layout__section:nth-child(2) {
		width: 90%;
		max-width: 500px
	}
}

@media screen and (min-width:990px) {
	.layout--index .layout__group:nth-child(3) .layout__section:nth-child(2) {
		width: 90%;
		max-width: 95%
	}

}

@media screen and (min-width:1000px) {
	.layout--index .layout__group:nth-child(3) .layout__section:nth-child(2) {
		width: 95%;
		max-width: 95%
	}
}

@media screen and (min-width:1180px) {
	.layout--index .layout__group:nth-child(2) .layout__section--design2:nth-child(1) {
		height: 630px
	}

	.layout--index .layout__group:nth-child(3) .layout__section:nth-child(2) {
		width: 95%;
		max-width: 1180px
	}
}

.browse .browse__menu,.browse .browse__menu-flag,.gallery .gallery__cta {
	font-weight: 700 !important;
	font-family: Montserrat,sans-serif;
	text-transform: uppercase;
	letter-spacing: .075em
}

.gallery {
	position: relative
}

.gallery .gallery__group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	top: 0;
	width: 100%
}

.gallery .gallery__group.active {
	display: -ms-flexbox;
	display: flex;
	position: static
}

.gallery .gallery__section {
	position: relative
}

.gallery .gallery__section--primary {
	-ms-flex-preferred-size: 77.5%;
	flex-basis: 77.5%;
	padding-right: 15px
}

.gallery .gallery__section--secondary {
	-ms-flex-preferred-size: 22.5%;
	flex-basis: 22.5%;
	font-size: 0
}

.gallery .gallery__section--secondary .card {
	margin-bottom: 15px
}

.gallery .gallery__cta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: end;
	align-self: flex-end;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	line-height: 1em;
	opacity: 0;
	width: 100%;
	margin-top: 15px;
	position: absolute;
	bottom: 0
}

@media screen and (min-width:1000px) {
	.gallery .gallery__cta {
		font-size: 12px
	}
}

.gallery .gallery__cta:after {
	content: '';
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: block;
	height: 1px;
	background-color: #fff;
	opacity: .6;
	margin-left: 15px;
	margin-right: 5px
}

.gallery .gallery__cta:before {
	width: 0;
	height: 0;
	content: '';
	border-left: 5px solid #fff;
	border-top: calc(5px - 1px) solid transparent;
	border-bottom: calc(5px - 1px) solid transparent;
	position: absolute;
	right: 0;
	opacity: .6
}

.gallery:not(.gallery--pixel-squid-demo) .gallery__section--primary .card,.gallery:not(.gallery--pixel-squid-demo) .gallery__section--secondary .card:nth-child(1),.gallery:not(.gallery--pixel-squid-demo) .gallery__section--secondary .card:nth-child(2),.gallery:not(.gallery--pixel-squid-demo) .gallery__section--secondary .card:nth-child(3) {
	animation: translateOut .4s ease-out forwards
}

.gallery:not(.gallery--pixel-squid-demo) .gallery__cta {
	animation: fadeOut .5s ease-out forwards
}

.gallery:not(.gallery--pixel-squid-demo) .active .gallery__section--primary .card,.gallery:not(.gallery--pixel-squid-demo) .active .gallery__section--secondary .card:nth-child(1),.gallery:not(.gallery--pixel-squid-demo) .active .gallery__section--secondary .card:nth-child(2),.gallery:not(.gallery--pixel-squid-demo) .active .gallery__section--secondary .card:nth-child(3) {
	animation: translateIn .4s ease-out both
}

.gallery:not(.gallery--pixel-squid-demo) .active .gallery__cta {
	animation: fadeIn 1s .3s ease-out forwards
}

@media screen and (max-width:990px) {
	.gallery--pixel-squid-demo .gallery__group.active {
		display: block
	}

	.gallery--pixel-squid-demo .gallery__cta {
		display: none
	}

	.gallery--pixel-squid-demo .gallery__section--primary {
		padding-right: 0;
		padding-bottom: 10px
	}

	.gallery--pixel-squid-demo .gallery__section--secondary .card:not(:nth-child(4)) {
		padding-right: 10px
	}

	.gallery--pixel-squid-demo .gallery__section--secondary {
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (min-width:990px) {
	.gallery .gallery__cta {
		font-size: 12px
	}

	.gallery--pixel-squid-demo .gallery__group {
		display: -ms-flexbox;
		display: flex
	}

	.gallery--pixel-squid-demo .gallery__section--primary {
		-ms-flex-preferred-size: 80.5%;
		flex-basis: 80.5%;
		padding-right: 1.5%;
		margin-bottom: 0
	}

	.gallery--pixel-squid-demo .gallery__section--secondary {
		-ms-flex-preferred-size: 16.95%;
		flex-basis: 16.95%;
		font-size: 0
	}

	.gallery--pixel-squid-demo .gallery__section--secondary .card {
		margin-bottom: 15%
	}

	.gallery--pixel-squid-demo .gallery__section--secondary .card:nth-child(4) {
		margin-bottom: 0
	}
}
@media screen and (max-width:990px) {
	.browse-panel {
		display: none
	}
}

.browse-panel__background {
	overflow: hidden;
	height: 500px;
	display: block;
    transform:skewY(175deg);
    width: 100%;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity .5s ease-in-out;
	opacity: 1;
    z-index: 0;

}

@media screen and (min-width:1000px) {
	.browse-panel__background {
		height: 500px
	}
}

@media screen and (min-width:1180px) {
	.browse-panel__background {
		height: 500px
	}
}

.browse-panel--purple .browse-panel__background {
	background: linear-gradient(135deg,#039DFF 30%,#336BE5 60%,#4E50D7)
}

.browse {
	position: absolute;
/*	top: 0;*/
	width: 100%;
	padding: 140px 0
}
.browse .browse__inner {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}
@media screen and (min-width:300px) {
	.browse .browse__inner {
		width: 90%;
		max-width: 500px
	}
}
@media screen and (min-width:990px) {
	.browse .browse__inner {
		width: 90%;
		max-width: 95%
	}
}

@media screen and (min-width:1000px) {
	.browse .browse__inner {
		width: 95%;
		max-width: 95%
	}
}

@media screen and (min-width:1180px) {
	.browse .browse__inner {
		width: 95%;
		max-width: 1180px
	}
}

.browse .browse__menu {
	font-size: 16px; text-align: center;
	color: #505050;
	list-style: none;
	padding: 0;
	margin: 0
}

.browse .browse__menu-link {
	padding: 8px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
    font-weight: 400;
}

.browse .browse__menu-flag {
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	background-color: #f94b71;
	border-radius: 6px;
	padding: 3px 5px;
	line-height: .9em;
	margin-left: 5px
}

@media screen and (min-width:990px) {
	.browse .browse__menu-flag {
		font-size: 10px
	}
}

@media screen and (min-width:1000px) {
	.browse .browse__menu-flag {
		font-size: 10px
	}
}

.browse li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	transition: all .4s ease-in-out
}
.browse li:after,.browse li:before {
	opacity: 0;
	content: '';
	height: 1px;
	transition: all .4s ease-in-out
}
.browse li:before {
	width: 200%;
	position: absolute;
	-ms-transform: translate(-200%,-1px);
	transform: translate(-200%,-1px);
	background: linear-gradient(to right,transparent 10%,#44b0ba 50%)
}
.browse li:after {
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin-left: 15px;
	-ms-transform: translate(200%,-1px);
	transform: translate(200%,-1px);
	margin-right: -100%;
	background-color: #44b0ba
}

.browse li.active {
	color: #44b0ba
}

.browse li.active:before {
	opacity: 1;
	-ms-transform: translate(calc(-100% - 15px),-1px);
	transform: translate(calc(-100% - 15px),-1px)
}

.browse li.active:after {
	opacity: 1;
	-ms-transform: translate(0,-1px);
	transform: translate(0,-1px)
}

.browse .browse__gallery {
	z-index: 10;
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%
}
.browse .browse__menu {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%
}

.card {
	display: block;
	width: 100%;
	position: relative
}

.card .card__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2
}

.card .card__figure {
	padding-top: 66.67%;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	transform: translateZ(0)
}

.card .card__image {
	min-width: 100%;
	min-height: 100%;
	display: block;
	transition: transform .2s ease-in-out;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	object-fit: cover;
	height: 100%
}

.card .card__panel {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(40,40,40,.7);
	opacity: 0;
	-webkit-backface-visibility: hidden;
	transition: opacity .5s ease-in-out;
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

@media screen and (min-width:990px) {
	.card .card__link:hover~.card__panel {
		opacity: 1
	}

	.card .card__link:hover+.card__image {
		-ms-transform: scale(1.025) translate(-50%,-50%);
		transform: scale(1.025) translate(-50%,-50%)
	}

	.card .card__cta {
		font-family: Montserrat,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: .075em;
		line-height: 1em;
		border-radius: 6px;
		transition: all .2s ease-in-out;
		font-size: 10px;
		padding: 11px 30px;
		background-color: #fff;
		color: #303030;
		display: inline-block;
		text-align: center;
		margin: 30px
	}
}

.card--pixel-squid-demo .card__figure,.card--thin .card__figure {
	padding-top: 60%
}

@media screen and (min-width:990px) and (min-width:990px) {
	.card .card__cta {
		font-size: 12px
	}
}

@media screen and (min-width:990px) and (min-width:1000px) {
	.card .card__cta {
		font-size: 12px
	}
}

.card--pixelsquid .card__link:hover+.card__image {
	-ms-transform: scale(1) translate(-50%,-50%);
	transform: scale(1) translate(-50%,-50%)
}

.card--pixel-squid-demo .card__panel {
	display: none
}

.card--pixel-squid-demo .card__image {
	width: 100%;
	height: auto
}

.card--files .card__cta {
	display: inline-block;
	border-radius: 6px;
	transition: all .2s ease-in-out;
	background-color: #fff;
	font-family: Montserrat,sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.1;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .075em;
	color: #303030;
	padding: 10px;
	margin: 10px
}

@media screen and (min-width:990px) {
	.card--files .card__cta {
		font-size: 12px
	}
}

@media screen and (min-width:1000px) {
	.card--files .card__cta {
		font-size: 10px
	}
}

@media screen and (min-width:990px) {
	.card--files .card__cta {
		font-size: 10px
	}

	.browse-list .browse-list__heading {
		font-size: 26px
	}
}

.browse-list {
	overflow: hidden;
	margin-top: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: linear-gradient(to bottom,#44b0ba,#756de3);
	text-align: center
}

.browse-list .browse-list__heading {
	font-family: "Open Sans",sans-serif;
	font-weight: 100;
	font-size: 26px;
	line-height: 1.1;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	opacity: .6;
	margin-top: 0;
	margin-bottom: 30px
}

@media screen and (min-width:1000px) {
	.browse-list .browse-list__heading {
		font-size: 26px
	}

	.browse-list .browse-list__section-heading {
		font-size: 16px;
	}
}

.browse-list .browse-list__section-heading {
	font-family: Montserrat,sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.1;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .075em;
	color: #fff;
	opacity: .6;
	margin-top: 20px;
	margin-bottom: 15px
}

.browse-list .browse-list__list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width:300px) {
	.browse-list .browse-list__list {
		width: 96%;
		max-width: 96%
	}
}

@media screen and (min-width:990px) {
	.browse-list .browse-list__section-heading {
		font-size: 12px
	}

	.browse-list .browse-list__list {
		width: 90%;
		max-width: 95%
	}

	.browse-list {
		display: none
	}
}

@media screen and (min-width:1000px) {
	.browse-list .browse-list__list {
		width: 95%;
		max-width: 95%
	}
}

@media screen and (min-width:1180px) {
	.browse-list .browse-list__list {
		width: 95%;
		max-width: 1180px
	}
}

.browse-list .browse-list__item {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(50% - 5px);
	margin-bottom: 10px
}

@media screen and (max-width:300px) {
	.browse-list .browse-list__item {
		-ms-flex-preferred-size: calc(50% - 5px);
		flex-basis: calc(50% - 5px);
		margin-bottom: 10px
	}
}

.menu {
	margin-bottom: 10px;
	margin-top: 20px
}

.menu .menu__list {
	list-style: none;
	margin: 0;
	padding: 0
}

.menu .menu__item {
	display: inline-block
}

.menu--footer {
	font-size: 14px;
	font-weight: 400
}

.menu--footer .menu__item:not(:first-child):before {
	content: "|"
}