/* */
@font-face {
	font-family: 'Marquisette BTN';
	src: url('fonts/MarquisetteBTNBold.eot');
	src: url('fonts/MarquisetteBTNBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/MarquisetteBTNBold.woff2') format('woff2'),
		url('fonts/MarquisetteBTNBold.woff') format('woff'),
		url('fonts/MarquisetteBTNBold.ttf') format('truetype'),
		url('fonts/MarquisetteBTNBold.svg#MarquisetteBTNBold') format('svg');
	font-weight: bold;
	font-style: normal; 
}


html {
	scroll-behavior: smooth;
}

body{
	position: relative;
	background:#e5e5e3;
	background-color: #fff;

	color:#000;
	font-family: 'Averta Regular', Arial, sans-serif;
	/*
	font-family: 'Lato Light', Arial, sans-serif;
	*/
	font-size:12px;
	overflow:auto;
	overflow-x: hidden;
}

b,
strong {
	font-family: 'Averta Extra Bold';
	/*
	font-family: 'Lato Regular', Arial, sans-serif;
	*/
}

body.ignore-mouse {
	pointer-events: none;
}

/**
 * ----------------------------------------
 * GENERAL
 * ----------------------------------------
 */
.text-align-center {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 2px;

	font-weight: bold;
}

.image-behave {
	position: relative;
	display: block;
	width:100%;
}

.bg-pink {
	background-color: #f06392 !important;
}

.bg-blue {
	background-color: #455a64 !important;
}


.transform-fix{
	/**/
	-webkit-font-smoothing: antialiased;
	
	-webkit-transform: perspective(1px) translate3d( 0, 0, 0);
	-moz-transform: perspective(1px) translate3d( 0, 0, 0);
	-ms-transform: perspective(1px) translate3d( 0, 0, 0);
	-o-transform: perspective(1px) translate3d( 0, 0, 0);
	transform: perspective(1px) translate3d( 0, 0, 0);
	/**/
}

.text-uppercase {
	text-transform: uppercase;
}

.vertically-align {
	display: flex;
    justify-content: center;
    align-items: center;
}

#container {
	height:100%;
	margin:0 auto;
	padding:0;
	position: relative;
	width:100%;

	width: 100vw;
    height: 100vh;
}

@media screen and (max-width: 991px) {

	.vertically-align {
		display: block;
	}

	#container {
		padding-top:50px;
	}
	
}
/**
 * ----------------------------------------
 * LOADING INTRO
 * ----------------------------------------
 */
body.still-loading  {
	pointer-events: none;
}

body:not(.still-loading) .container #hero {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;

}


.indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(2);
}
.indicator svg polyline {
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.indicator svg polyline#back {
	stroke: rgba(59,211,171,0.3);
}
.indicator svg polyline#front {
	stroke: #3bd3ab;
	stroke: #f06392;
	stroke-dasharray: 12, 36;
	stroke-dashoffset: 48;
	animation: dash 1s linear infinite;
}

@-moz-keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  62.5% {
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}

/**
 * ----------------------------------------
 * LANDING PAGE
 * ----------------------------------------
 */

.section-container {
	padding:100px;
	/*
	padding-top: 50px;
	*/
}

.section-content {
	position: relative;
	display: block;
}

.fullbleed {
	padding: 0;
    width: 100%;
}

.section-content p{
	font-family: 'Averta Regular', Arial, sans-serif;
	font-size: 14px;
}

.section-title {
	margin: 2em auto;
	font-weight: bold;
	font-family: 'Averta Extra Bold';
}

@media (min-width: 1920px) {

	.container {
		width: 1470px;
	}
	.fullbleed {
		padding: 0;
		width: 100%;
	}
}

@media (min-width: 2560px) {
	.container {
		width: 1920px;
	}
	.fullbleed {
		padding: 0;
		width: 100%;
	}
}

.plyr--video {
	background:transparent;
}


/**
 * ----------------------------------------
 * RESPONSIVE
 * ----------------------------------------
 */

/*responsive*/
@media screen and (min-width: 1199px) {

}

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

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

@media screen and (max-width: 991px) {

	
	.section-container {
		padding:50px 15px;
	}

	.section-title {
		text-align: center;
	}

	#feedback {
		padding-top: 40px;
	}

	#feedback #brand-logo {
		display: none;
	}

	#feedback .super-title {
		background: none;
		margin: 2em auto;
		margin-bottom: .2em;
	}

	#feedback .speech-deco {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	/*
	.section-container {
		padding: 20px;
		padding-top: 20px;
	}
	*/
}

/**
 * ----------------------------------------
 * ANIMATIONS SECTION
 * ----------------------------------------
 */