/* Page Loader */
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--background-color);
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 10000;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 10px solid var(--background-color-2);
	border-left-color: var(--text-color);
	animation: loaderAnim 0.8s linear infinite forwards;
}

@keyframes loaderAnim {
	to {
		transform: rotate(360deg);
	}
}

/* Deco Shape */
.decoshape {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	fill: var(--background-color-3);
}

/* SVG Morph */
.morph-wrap {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.morph {
	position: relative;
	height: 100%;
	fill: var(--background-color-2);
	flex: none;
}

/* Deco elements */
.deco {
	pointer-events: none;
}

.deco--title {
	grid-area: decotitle;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	text-align: right;
	align-self: end;
	justify-self: end;
}


@media screen and (max-width: 50em) {
	.content--fixed {
		height: auto;
		min-height: 0;
		display: block;
		z-index: 1000;
		position: absolute;
	}
	.codrops-header {
		align-items: center;
		flex-direction: column;
	}
	.deco--title {
		display: none;
	}

}

@media screen and (max-width: 40em) {
	.content--layout {
		transform: scale3d(0.8,0.8,1);
	}
}

@media screen and (max-width: 36em) {
	.content--layout {
		transform: scale3d(0.7,0.7,1);
	}
}

@media screen and (max-width: 32em) {
	.content--layout {
		transform: scale3d(0.6,0.6,1);
	}
	.content__author,
	.content__desc,
	.content__link {
		font-size: 1.35em;
	}
}

@media screen and (max-width: 28em) {
	.content--layout {
		transform: scale3d(0.5,0.5,1);
	}
}
@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.carousel{position:relative;overflow:hidden}.carousel .carousel-container{width:100%;position:relative;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;left:-100%;-webkit-transform:translateX(100%);transform:translateX(100%)}.carousel .carousel-container .carousel-item{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.carousel .carousel-container .carousel-item.has-background .is-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%;width:100%}.carousel .carousel-container .carousel-item .title{position:absolute;left:0;right:0;bottom:0;padding:1.5em;margin:0;text-align:center;background:rgba(255,255,255,.6);font-size:.75rem}.carousel .carousel-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.carousel .carousel-navigation .carousel-nav-left,.carousel .carousel-navigation .carousel-nav-right{padding:1em}.carousel .carousel-navigation.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.carousel .carousel-navigation.is-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:20}.carousel .carousel-navigation.is-overlay .carousel-nav-left,.carousel .carousel-navigation.is-overlay .carousel-nav-right{height:2.2em;width:2em;background:rgba(255,255,255,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#4a4a4a;z-index:99}.carousel .carousel-navigation.is-overlay .carousel-nav-left:hover,.carousel .carousel-navigation.is-overlay .carousel-nav-right:hover{cursor:pointer}.carousel .carousel-navigation.is-overlay .carousel-nav-right{left:auto;right:0}.carousel.is-reversing .carousel-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel.is-reversing.is-2 .carousel-container{-webkit-transform:translateX(calc(-100% / 2));transform:translateX(calc(-100% / 2))}.carousel.is-reversing.is-3 .carousel-container{-webkit-transform:translateX(calc(-100% / 3));transform:translateX(calc(-100% / 3))}.carousel.is-reversing.is-4 .carousel-container{-webkit-transform:translateX(calc(-100% / 4));transform:translateX(calc(-100% / 4))}.carousel.is-reversing.is-5 .carousel-container{-webkit-transform:translateX(calc(-100% / 5));transform:translateX(calc(-100% / 5))}.carousel.is-2 .carousel-container{left:calc(-100% / 2);-webkit-transform:translateX(calc(100% / 2));transform:translateX(calc(100% / 2))}.carousel.is-2 .carousel-container .carousel-item{padding:1em;-ms-flex-preferred-size:calc(100% / 2);flex-basis:calc(100% / 2)}.carousel.is-3 .carousel-container{left:calc(-100% / 3);-webkit-transform:translateX(calc(100% / 3));transform:translateX(calc(100% / 3))}.carousel.is-3 .carousel-container .carousel-item{padding:1em;-ms-flex-preferred-size:calc(100% / 3);flex-basis:calc(100% / 3)}.carousel.is-4 .carousel-container{left:calc(-100% / 4);-webkit-transform:translateX(calc(100% / 4));transform:translateX(calc(100% / 4))}.carousel.is-4 .carousel-container .carousel-item{padding:1em;-ms-flex-preferred-size:calc(100% / 4);flex-basis:calc(100% / 4)}.carousel.is-5 .carousel-container{left:calc(-100% / 5);-webkit-transform:translateX(calc(100% / 5));transform:translateX(calc(100% / 5))}.carousel.is-5 .carousel-container .carousel-item{padding:1em;-ms-flex-preferred-size:calc(100% / 5);flex-basis:calc(100% / 5)}.hero.has-carousel{position:relative}.hero.has-carousel+.hero-body,.hero.has-carousel+.hero-footer,.hero.has-carousel+.hero-head{z-index:1}.hero.has-carousel .hero-carousel{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;bottom:0;right:0;height:auto;border:none;margin:auto;padding:0;z-index:0}.hero-carousel{position:relative;overflow:hidden}.hero-carousel .carousel-container{width:100%;position:relative;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;left:-100%;-webkit-transform:translateX(100%);transform:translateX(100%)}.hero-carousel .carousel-container .carousel-item{display:block;position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.hero-carousel .carousel-container .carousel-item.has-background .is-background{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height:100%;width:100%}.hero-carousel .carousel-container .carousel-item .title{position:absolute;left:0;right:0;bottom:0;padding:1.5em;margin:0;text-align:center;background:rgba(255,255,255,.6);font-size:.75rem}.hero-carousel .carousel-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.hero-carousel .carousel-navigation .carousel-nav-left,.hero-carousel .carousel-navigation .carousel-nav-right{padding:1em}.hero-carousel .carousel-navigation.is-centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-carousel .carousel-navigation.is-overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:20}.hero-carousel .carousel-navigation.is-overlay .carousel-nav-left,.hero-carousel .carousel-navigation.is-overlay .carousel-nav-right{height:2.2em;width:2em;background:rgba(255,255,255,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#4a4a4a;z-index:99}.hero-carousel .carousel-navigation.is-overlay .carousel-nav-left:hover,.hero-carousel .carousel-navigation.is-overlay .carousel-nav-right:hover{cursor:pointer}.hero-carousel .carousel-navigation.is-overlay .carousel-nav-right{left:auto;right:0}.hero-carousel.is-reversing .carousel-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.hero-carousel.is-reversing.is-2 .carousel-container{-webkit-transform:translateX(calc(-100% / 2));transform:translateX(calc(-100% / 2))}.hero-carousel.is-reversing.is-3 .carousel-container{-webkit-transform:translateX(calc(-100% / 3));transform:translateX(calc(-100% / 3))}.hero-carousel.is-reversing.is-4 .carousel-container{-webkit-transform:translateX(calc(-100% / 4));transform:translateX(calc(-100% / 4))}.hero-carousel.is-reversing.is-5 .carousel-container{-webkit-transform:translateX(calc(-100% / 5));transform:translateX(calc(-100% / 5))}.carousel.carousel-animate-slide.carousel-animated .carousel-container,.hero-carousel.carousel-animate-slide.carousel-animated .carousel-container{-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.carousel.carousel-animate-fade .carousel-item,.hero-carousel.carousel-animate-fade .carousel-item{position:absolute;width:100%;height:100%;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.carousel.carousel-animate-fade .carousel-item.is-active,.hero-carousel.carousel-animate-fade .carousel-item.is-active{opacity:1}.carousel.carousel-animate-fade .carousel-item:not(.is-active),.hero-carousel.carousel-animate-fade .carousel-item:not(.is-active){opacity:0}

.title_slider{
	font-size: 15vw;
	color: #3C689E;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;

}
.subtitle_slider{
	font-size: 2vw;
	color: #284569;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}