@font-face {
    font-family: 'HelveticaRoundedLTStdBd';
    src: url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.eot');
    src: url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.eot') format('embedded-opentype'),
         url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.woff2') format('woff2'),
         url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.woff') format('woff'),
         url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.ttf') format('truetype'),
         url('https://erickson-learn-resources.s3.amazonaws.com/production/event/convegnoQ17/fonts/HelveticaRoundedLTStdBd.svg#HelveticaRoundedLTStdBd') format('svg');
}

main {
	overflow: hidden;
}

.js .loading::before {
	content: '';
	position: fixed;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #5141d6;
	z-index: 100;
	text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.js .loading::after {
	content: '';
	position: fixed;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	pointer-events: none;
	z-index: 101;
	border: 7px solid #4133b4;
	border-top-color: #fff;
	border-radius: 50%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-animation: rotateLoader 0.8s linear infinite forwards;
	animation: rotateLoader 0.8s linear infinite forwards;
}

@-webkit-keyframes rotateLoader {
	to {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg);
	}
}

@keyframes rotateLoader {
	to {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
		transform: rotate3d(0, 0, 1, 360deg);
	}
}


.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}


.actions {
	position: absolute;
	right: 6vw;
	bottom: 60px;
	text-align: center;
}

.no-js .actions {
	display: none;
}


@keyframes octocat-wave {
	0%, 100% { transform: rotate(0); }
	20%, 60% { transform: rotate(-25deg); }
	40%, 80% { transform: rotate(10deg); }
}


.content--c1 {
	color: #5141d6;
	background: #e8e8f1;
}

.content--c1 .btn--trigger,
.content--c1 .section-link {
	color: #333;
}

.content--c2 {
	color: #fff;
	/*background: #757d8b url(../img/3.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c2 .section-link {
	color: #f03c3c;
}

.content--c3 {
	color: #d65027;
	background: #13110f;
}

.content--c4 {
	color: #ffeb3b;
	/*background: #000 url(../img/2.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c4 .section-link {
	color: #ffeb3b;
}

.content--c5 {
	color: #bfea3d;
	/*background: #403e28 url(../img/7.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c6 {
	color: #0ed0ef;
	/*background: #2196f3 url(../img/1.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c7 {
	color: #f9f9f9;
	background: #9ce0c4;
}

.content--c8 {
	color: #fff;
	background: url(../img/cover-base.png) no-repeat;
	background-size: contain;
}


.content--c8 .section-link {
	color: #fde35b;
}

.content--c9 {
	color: #3f51b5;
	/*background: #fc8554 url(../img/8.png) no-repeat 80% 0;*/
}

.content--c10 {
	color: #0b070f;
	/*background: #1b1a1d url(../img/9.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c10 .btn--trigger,
.content--c10 .section-link {
	color: #ffc08a;
}

.content--c11 {
	color: #ffeb3b;
	/*background: #f9f4d4 url(../img/10.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

 .content--c12 {
	color: #8bc34a;
	background: #dae2da;
}

.content--c12 .btn--trigger,
.content--c12 .section-link {
	color: #9b8a4c;
}

.content--c12 .deco-image {
	position: absolute;
	pointer-events: none;
	right: -100px;
	top: 50%;
	margin-top: -150px;
}

.content--c13 {
	color: #f7d3ad;
	/*background: #a96539 url(../img/6.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c13 .section-link {
	color: #cf8862;
}

.content--c14 {
	color: #009b3a;
	background: #fedf00;
}

.content--c14 .btn--trigger,
.content--c14 .section-link {
	color: #002776;
}

.content--c15 {
	color: #085f17;
	background: #5dd672;
}

.content--c16 {
	color: #dbe87e;
	/*background: #d1e6dc url(../img/12.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c17 {
	color: #e24b1e;
	/*background: #27272b url(../img/5.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}

.content--c18 {
	color: #fff;
	/*background: #366988 url(../img/13.jpg) no-repeat 50% 50%;*/
	background-size: cover;
}



/* Content */
.content.content-slider-plugin {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height:380px;
	padding: 0;
}

.js .content {
	overflow: hidden;
}

/* :nth-child(n+4):nth-child(-n+8) */
.sl-1 :nth-child(n+4):nth-child(-n+20){ color: #52e4ff;}
.sl-2 :nth-child(n+17):nth-child(-n+22){ color: #52e4ff;}
.sl-3 :nth-child(n+41):nth-child(-n+49){ color: #52e4ff;}
.sl-4 :nth-child(n+31):nth-child(-n+51){ color: #52e4ff;}
.sl-5 :nth-child(n+20):nth-child(-n+30){ color: #52e4ff;}
.sl-5 :nth-child(n+38):nth-child(-n+47){ color: #52e4ff;}
.sl-5 :nth-child(n+54):nth-child(-n+69){ color: #52e4ff;}
.sl-6 :nth-child(n+3):nth-child(-n+8){ color: #52e4ff;}
.sl-6 :nth-child(n+26):nth-child(-n+43){ color: #52e4ff;}
.sl-7 :nth-child(n+10):nth-child(-n+17){ color: #52e4ff;}
.sl-7 :nth-child(n+33):nth-child(-n+42){ color: #52e4ff;}
.sl-8 :nth-child(n+7):nth-child(-n+19){ color: #52e4ff;}
.sl-8 :nth-child(n+42):nth-child(-n+47){ color: #52e4ff;}

/* Text styles */
 .content-slider-plugin .title {
	margin: 0;
	font-size: 3.3em;
	position: relative;
	padding-left: 50%;
	line-height: 0.8;
	margin-top: -20%;
	letter-spacing: -0.9px;
}



@media only screen and (max-width: 500px) {
  .content.content-slider-plugin {
		min-height:205px !important;
	}
	
	.content-slider-plugin .title {
		line-height: 0.55 !important;
   		 margin-top: -32% !important;
		 font-size: 1.2em;

	}
 }

@media only screen and (min-width: 501px) {
  .content.content-slider-plugin {
		min-height: 290px;
	}
	
	.content-slider-plugin .title {
		 line-height: 0.7 ;
   		 margin-top: -25% !important;
		 font-size: 2em;
   		 letter-spacing: -0.9px;

	}
 }
    
@media only screen and (min-width: 600px) {
  .content.content-slider-plugin {
		min-height: 380px;
	}
	
 }
    
@media only screen and (min-width: 768px) {
	.content.content-slider-plugin {
		min-height:380px;
		line-height: 0.5 !important;
	}
	
	.content-slider-plugin .title {
		 line-height: 0.7 !important;
   		 margin-top: -20% !important;
		 font-size: 2.6em;
	}
}


@media screen and (min-width: 992px) {
	.content.content-slider-plugin {
		min-height:500px;
		/*min-height: calc( 85vh - 76px );*/
	}
}

@media screen and (min-width: 1200px) {
	.content.content-slider-plugin {
		min-height:625px;
	}
	
	.content-slider-plugin .title {
		 line-height: 0.9 !important;
   		 margin-top: -20% !important;
		 font-size: 3.6em;;
	}
}

 .content-slider-plugin .title p{
	display: block;
    width: 100%;
}
 .title--centered {
	width: 100%;
	text-align: center;
}

.js .title--centered {
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.title--right {
	width: 100%;
	text-align: right;
}

.js .title--right {
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}

 .title--style-1 {
	font-family: 'Abril Fatface', serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -0.25vw;
}

 .title--style-2 {
	font-family: 'Teko', sans-serif;
	font-weight: 600;
}

 .title--style-3 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

 .title--style-4 {
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

 .title--style-5 {
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
}

 .title--style-6 {
	font-family: 'Cormorant Garamond', serif;
	text-transform: uppercase;
	font-weight: 400;
}

 .title--style-7 {
	font-family: 'Neucha', serif;
	font-size: 9vw;
	font-weight: 400;
}

 .title--style-8 {
	font-family: 'HelveticaRoundedLTStdBd';
	font-weight: 400;
	font-size: 23vw;
}

 .title--style-9 {
	font-family: 'Abril Fatface', serif;
	font-weight: 400;
}

 .title--style-10 {
	font-family: 'Arapey', serif;
	font-weight: 400;
}

 .title--style-11 {
	font-family: 'Archivo Black', serif;
	font-weight: 400;
	font-size: 8vw;
	letter-spacing: -0.45vw;
}

 .title--style-12 {
	font-family: 'Arapey', serif;
	font-weight: 400;
}

 .title--style-13 {
	font-family: 'Elsie Swash Caps', serif;
	font-weight: 400;
	font-size: 8vw;
}

 .title--style-14 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

 .title--style-15 {
	font-family: 'Unica One', serif;
	font-weight: 400;
}

 .title--style-16 {
	font-family: 'Old Standard TT', serif;
	font-size: 9vw;
	letter-spacing: -0.25vw;
	font-weight: 400;
}

 .title--style-17 {
	font-family: 'Arapey', serif;
	font-weight: 400;
}

 .title--style-18 {
	font-family: 'Teko', serif;
	text-transform: uppercase;
	font-weight: 400;
}

[class*="letter"] {
	display: block;
	position: relative;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	white-space: pre;
}

 .title--style-9 [class*="letter"] {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

 .title--style-10 [class*="letter"] {
	-webkit-transform-origin: -200% 50%;
	transform-origin: -200% 50%;
}

/* Slideshow */
 .slideshow,
 .slide {
	position: relative;
	width: 100%;
	height: 100%;
}

 .slide {
	padding: 0 6vw;
}

.js .slide {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.js .slide:not(.slide--current) {
	position: absolute;
	top: 0;
	pointer-events: none;
	opacity: 0;
}