@charset "UTF-8";

/* @group Normalize */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
	* {
		box-sizing: border-box;
	}

	html {
		font-family: sans-serif;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

	body {
		margin: 0;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
		display: block;
	}

	audio, canvas, progress, video {
		display: inline-block;
		vertical-align: baseline;
	}

	audio:not([controls]) {
		display: none;
		height: 0;
	}

	[hidden], template {
		display: none;
	}

	a {
		background-color: transparent;
	}

	a:active, a:hover, a:focus {
		outline: 0;
	}

	abbr[title] {
		border-bottom: 1px dotted;
	}

	b, strong {
		font-weight: 600;
	}

	dfn {
		font-style: italic;
	}

	h1 {
		font-size: 2em;
		margin: .67em 0;
	}

	mark {
		background: #ff0;
		color: #000000;
	}

	small {
		font-size: 80%;
	}

	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	sup {
		top: -.5em;
	}

	sub {
		bottom: -.25em;
	}

	img {
		border: 0;
	}

	svg:not(:root) {
		overflow: visible;
	}

	figure {
		margin: 1em 40px;
	}

	hr {
		box-sizing: content-box;
		height: 0;
	}

	pre {
		overflow: auto;
	}

	code, kbd, pre, samp {
		font-family: monospace, monospace;
		font-size: 1em;
	}

	button, input, optgroup, select, textarea {
		color: inherit;
		font: inherit;
		margin: 0;
	}

	button {
		overflow: visible;
	}

	button, select {
		text-transform: none;
	}

	button, html input[type=button], input[type=reset], input[type=submit] {
		-webkit-appearance: button;
		cursor: pointer;
	}

	button[disabled], html input[disabled] {
		cursor: default;
	}

	button::-moz-focus-inner, input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	input {
		line-height: normal;
	}

	input[type=checkbox], input[type=radio] {
		box-sizing: border-box;
		padding: 0;
	}

	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
		height: auto;
	}

	input[type=search] {
		-webkit-appearance: textfield;
		box-sizing: content-box;
	}

	input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	fieldset {
		border: 1px solid silver;
		margin: 0 2px;
		padding: .35em .625em .75em;
	}

	legend {
		border: 0;
		padding: 0;
	}

	textarea {
		overflow: auto;
	}

	optgroup {
		font-weight: 600;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	td, th {
		padding: 0;
	}

/* @end */

/* MAIN */

	* {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-smoothing: antialiased;
		text-rendering: optimizelegibility;
		outline: 0 !important;
	}

	html {
		font-size: 100%;
		margin: 0;
		padding: 0;
		height: 100%;
		min-height: 100%;
	}

	body {
		background: #fff;
		border: none;
		color: #363636;
		font-family: Cambria, serif;
		font-size: 18px;
		font-size: 1.125rem;
		font-weight: 400;
		min-height: 100vh;
	}

	#page {
		position: relative;
		margin-top: 60px;
	}

	.site-header {
		position: absolute;
		top: -130px;
		z-index: 100000000;
		background: transparent;
		height: 100px;
		width: 100%;
	}

	#main {
		margin-top: 180px;
	}



	.scrolled .site-header {
		position: fixed;
		z-index: 2000000;
		top: 0;
		width: 100%;
		height: 100px;
		background: rgba(255,255,255,1);
		/* box-shadow: 0px 1px 25px rgba(0, 0, 0, .25); */
		transform: translateY(-200px);
	}

	.fixed .site-header {
		position: fixed;
		z-index: 2000000;
		top: 0;
		height: 100px;
		transform: translateY(0);
		transition: transform .75s ease-in-out;
		background: #fff;
		box-shadow: 0px 5px 25px rgba(100,100,100,0.1);
	}

	.logo {
		width: 240px;
		margin-left:20px;
	}

	.fixed .site-header .logo {
		padding: 20px 0 0 ;
	}

	.m-top {
		margin-top: 30px;
	}

	.m-minus-left {
		margin-left: auto;
		margin-right: auto;
	}

	@media (min-width: 992px) {
		.m-minus-left {
			margin-left: -30px;
			margin-right: 0;
		}
	}

	.m-minus-4top {
		margin-top: -50px;
	}

	.m-minus-4bottom {
		margin-bottom: -50px;
	}

	.m-minus-r2 {
		margin-left: auto;
		margin-right: auto;
	}

	@media (min-width: 992px) {
		.m-minus-r2 {
			margin-left: 0;
			margin-right: -90px;
		}
	}

	.backtext {
		position: relative;
		z-index: 1;
	}

	.backtext p {
		line-height: 1;
		color: #edf2f8;
	}

	.hashtag p {
		font-size: 180px;
	}

	.bigone p {
		font-size: 180px;
	}

	/*.contact  {
		margin-bottom: -200px
	}*/

	.contact p {
		font-size: 180px;
	}

/* TYPO */

	p {
		line-height: 24px;
		line-height: 1.5rem;
		margin-bottom: 24px;
		margin-bottom: 1.5rem;
		margin-top: 0;
		-webkit-hyphens: none;
		    -ms-hyphens: none;
		        hyphens: none;
	}

	p:last-child {
		margin: 0;
	}

	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
		margin: 0;
		color: #363636;
		font-family: "Cambria", serif;
		font-weight: 400;
		-webkit-hyphens: auto;
		    -ms-hyphens: auto;
		        hyphens: auto;
	}

	h1, .h1 {
		font-size: 40px;
		font-size: 2.5rem;
		line-height: 1.2;
		margin-bottom: 8px;
		margin-bottom: 0.5rem;
	}

	h2, .h2 {
		font-size: 32px;
		font-size: 2rem;
		line-height: 1.2;
		margin-bottom: 6px;
		margin-bottom: 0.375rem;
	}

	h3, .h3 {
		font-size: 32px;
		font-size: 2rem;
		line-height: 40px;
		line-height: 2.5rem;
		margin-bottom: 8px;
		margin-bottom: 0.5rem;
	}

	h4, .h4 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 42px;
		line-height: 2.625rem;
		margin-bottom: 6px;
		margin-bottom: 0.375rem;
	}

	h5, .h5 {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 24px;
		line-height: 1.5rem;
		margin-bottom: 8px;
		margin-bottom: 0.5rem;
	}

	h6, .h6 {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 22px;
		line-height: 1.375rem;
		margin-bottom: 2px;
		margin-bottom: 0.125rem;
	}

	.no-hyphens {
		-webkit-hyphens: none;
		    -ms-hyphens: none;
		        hyphens: none;
	}

	strong, .strong{
		font-weight: 600;
	}

	.text-white {
		color: #fff;
	}

	.text-green {
		color: #009359;
	}

	.nobreak {
		white-space: nowrap;
		-webkit-hyphens: none;
		    -ms-hyphens: none;
		        hyphens: none;
	}

/* COLOR BOXES */

	.intro {
		margin-bottom: -50px;
	}

	.color-box {
		position: relative;
		z-index: 15;
		z-index: 150;
		padding: 20vmax 15px 40px;
		margin-top: -15vmax;
	}

	@media (min-width: 992px) {
		.color-box {
			padding: 40px 50px 40px;
		}
	}

	@media (min-width: 992px) {
		.color-box {
			position: relative;
			z-index: 150;
			padding: 40px 50px 40px;
			margin-top: 0;
		}
	}

	.red {
		background: #ff2800;
	}

	.mid-red {
		background: #ff5336;
	}

	.light-red {
		background: rgba(255,40,0,.6);
	}

	.yellow {
		background: #ffd400;
	}

	.line-after {
		position: relative;
		margin-bottom: 60px;
	}

	.line-after:after {
		content: '';
		position: absolute;
		bottom: -30px;
		left: 0;
		width: 100%;
		height: 2px;
		background: #fff;
	}

	@media (min-width: 992px) {
		.intro .line-after:after {
			z-index: 201;
			width: 127%;
		}
	}

	.image-wrapper {
		position: relative;
		z-index: 200;
		width: 80vw;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	@media (min-width: 992px) {
		.image-wrapper {
			position: unset;
			width: calc(100% + 30px);
		}
	}


	.image-wrapper img {
		position: relative;
		z-index: 100;
	}

	.overlay {
		position: absolute;
		z-index: 200;
		top: 15px;
		right: 15px;
		bottom: -15px;
		left: -15px;
	}

	.overlay.rightside {
		left: -45px;
		width: 100%;
	}

	@media (min-width: 992px) {
		.overlay {
			right: -15px;
		}
	}

	.overlay.light-red {
		background: rgba(255,40,0,0.1);
	}

	.overlay.light-blue {
		background: rgba(161,205,234,0.2);
	}

	.overlay.mid-blue {
		background: rgba(105,148,174,0.1);
	}

	.overlay.light-gray {
		background: rgba(131,132,136,0.15);
	}

	.overlay.light-green {
		background: rgba(175,224,194,0.3);
	}

	.intro .overlay {
		/*height: 100%;*/
	}

	@media (max-width: 992px) {
		.intro .overlay {
			/*top: -50%;*/
			left: 5%;
		}
	}

	.standardbox .overlay {
		/*height: 140%;*/
	}

	.standardbox {
		position: relative;
		z-index: 150;
	}

	.standardbox .content-wrapper {
		position: absolute;
		z-index: 150;
		top: 0;
		left: 0;
		padding: 40px 50px;
	}

	.accordionbox {
		position: relative;
		z-index: 150;
	}

	@media (min-width: 992px) {
		.accordionbox {
			background: #ebedee;
			background: -moz-linear-gradient(-45deg,  #ebedee 0%, #d6dade 100%);
			background: -webkit-linear-gradient(-45deg,  #ebedee 0%,#d6dade 100%);
			background: linear-gradient(135deg,  #ebedee 0%,#d6dade 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebedee', endColorstr='#d6dade',GradientType=1 );
		}
	}

	.accordionbox .color-box {
		padding: 80px 50px 80px 50px;
	}

	@media (max-width: 991px) {
		.accordionbox .color-box {
			padding: 20vmax 5px 80px 5px;
			background: #ebedee;
			background: -moz-linear-gradient(-5deg,  #ebedee 0%, #d6dade 100%);
			background: -webkit-linear-gradient(-5deg,  #ebedee 0%,#d6dade 100%);
			background: linear-gradient(95deg,  #ebedee 0%,#d6dade 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebedee', endColorstr='#d6dade',GradientType=1 );
		}
	}

	.accordionbox .image-wrapper {
		position: relative;
		background: url(../img/purple-shirt.png) no-repeat;
		background-size: cover;
		padding-bottom: 30%;
		height: 100%;
	}

	@media (max-width: 991px) {
		.accordionbox .image-wrapper {
			max-height: 330px;
		}
	}

	@media (max-width: 767px) {
		.accordionbox .image-wrapper {
			max-height: 230px;
		}
	}

	.accordionbox .header-image {
		position: relative;
		z-index: 200;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		width: 20%;
		margin: 0 0 50px 0;
	}

	.accordionbox .header-image:after {
		content: '';
		position: absolute;
		bottom: -30px;
		left: -150%;
		width: 400%;
		height: 2px;
		background: #fff;
	}

	.accordionbox .image-wrapper .headline {
		position: relative;
		z-index: 200;
		padding: 27px 0 0 10%;
		margin: 0;
		width: calc(100% - 100px);
	}

	#accordion {
		position: relative;
		z-index: 200;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}

	.panel {
		background: transparent;
		border: none;
	}

	.panel-default > .panel-heading {
		background: transparent;
		color: #363636;
	}

	.panel-title {
		border-bottom: 1px solid #a4a4a4;
	}

	.panel-title > a {
		position: relative;
		font-size: 28px;
		font-size: 1.75rem;
		font-family: Amplitude, sans-serif;
		color: #363636;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	.panel-title > a:after {
		content: '+';
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	.panel-title > a[aria-expanded="true"]:after {
		content: '\2013';
		color: #363636;
	}

	.panel-title > a:hover {
		color: #9b1b96;
	}

	.panel-title > a[aria-expanded="true"] {
		color: #9b1b96;

	}




	.tabbox {
		position: relative;
		z-index: 150;
	}

	.tabbox .content-wrapper {
		position: relative;
		background: #00a40c;
		padding-bottom: 15%;
	}

	@media (max-width: 991px) {
		.tabbox .content-wrapper {
			padding-top: 10vmax;
		}
	}

	@media (max-width: 991px) {
		.tabbox .image-wrapper {
			margin-bottom: -15vmax;
		}
	}

	.tabbox .overlay {
		top: -15px;
		bottom: 15px;
	}

	@media (max-width: 991px) {
		.tabbox .overlay {
			top: 40%;
			bottom: -20%;
		}
	}

	.tabbox .header-image {
		position: relative;
		z-index: 200;
		top: 20px;
		left: 50%;
		transform: translateX(-50%);
		width: 20%;
		margin: 0 0 50px 0;
	}

	.tabbox .header-image:after {
		content: '';
		position: absolute;
		bottom: -30px;
		left: -150%;
		width: 400%;
		height: 2px;
		background: #fff;
	}

	.tabbox .content-wrapper .headline {
		position: relative;
		z-index: 200;
		padding: 27px 0 0 10%;
		margin: 0;
		width: calc(100% - 100px);
	}

	.tabbox .nav-tabs {
		border: none;
		margin-left: calc(10% - 10px);
	}

	.tabbox .nav-tabs > li {
		float: none;
	}

	.tabbox .nav-tabs > li > a {
		color: #fff;
		font-family: Amplitude, sans-serif;
		font-size: 28px;
		font-size: 1.75rem;
		padding: 5px 15px;
	}

	.tabbox .nav-tabs > li > a:after {
		content: '\0279E';
		display: inline-block;
		margin-left: 10px;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
		transform-origin: center;
	}

	.tabbox .nav-tabs > li > a[aria-expanded="true"]:after {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	@media (max-width: 991px) {
		.tabbox .nav-tabs > li > a:after {
			-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
		}

		.tabbox .nav-tabs > li > a[aria-expanded="true"]:after {
			-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}
	}

	.tabbox .tab-content .tab-pane {
		position: absolute;
		z-index: 200;
		top: 15px;
		left: -30px;
		background: #f5f6f7;
		padding: 30px 60px;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	@media (max-width: 991px) {
		.tabbox .tab-content .tab-pane {
			position: relative;
			margin-top: -20vmax;
			margin-bottom: -20vmax;
			top: -20vmax;
			left: 0;
			padding: 30px 30px;
		}
	}

	.nav > li > a:hover,
	.nav > li > a:focus {
		color: #d4ec09;
		border: none;
		background-color: transparent;
		-webkit-transition: all 0.35s ease-in-out;
		        transition: all 0.35s ease-in-out;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		color: #d4ec09;
		background-color: transparent;
		border: none;
	}

	.tabbox .panel-group {
		padding: 40px 10% 0;
	}

	@media (max-width: 540px) {
		.tabbox .panel-group {
			padding: 40px 15px 0 10%;
		}
	}

	.tabbox .panel-title {
		border: none;
	}

	.tabbox .panel-title > a {
		color: #fff;
		padding: 10px 0;
	}

	.tabbox .panel-title > a:hover {
		color: #d4ec09;
	}

	.tabbox .panel-title > a[aria-expanded="true"] {
		color: #d4ec09;
	}

	.tabbox .panel-title > a[aria-expanded="true"]:after {
		content: '\2013';
		color: #d4ec09;
	}

	.tabbox .panel-body {
		background: #fff;
		padding: 50px 30px;
	}

	.footerbacktext {
		margin-top: 10vh;
		margin-bottom: -20vh;
	}

	.footer {
		position: relative;
		z-index: 100;
	}

	@media (min-width: 992px) {
		.footer {
			position: relative;
			z-index: 100;
			margin: 0 0 10vh 0;
		}

		.footerbacktext {
			margin-top: 20vh;
			margin-bottom: -40vh;
		}
	}

	.footer-wrapper .address-block {
		padding: 0 15px 40px;
	}

	@media (min-width: 767px) {
		.footer-wrapper .address-block {
			padding: 40px;
		}
	}

	.footer-wrapper p {
		font-size: 22px;
		font-size: 1.375rem;
	}

	.footer-wrapper p.big {
		font-size: 48px;
		font-size: 3rem;
		font-weight: 600;
	}

	.footer-wrapper .social-block {
		padding: 0 0 80px 15px;
	}

	@media (min-width: 767px) {
		.footer-wrapper .social-block {
			padding: 0 0 200px 40px;
		}
	}

	.footer-wrapper .social-block a {
		padding: 0 10px;
		float: left;
	}

	.footer-wrapper .social-block a:first-child {
		padding: 0 10px 0 0;
	}

	.footer-legal {
		margin-top: -30px;
		width: calc(100% - 30px);
		padding: 15px 0;
	}

	.footer-legal .footer-copy {
		padding-left: 15px;
	}

	.footer-legal .footer-menu {
		padding-left: 10px;
	}

	@media (min-width: 767px) {
		.footer-legal .footer-copy {
			padding-left: 40px;
		}

		.footer-legal .footer-menu {
			padding-left: 35px;
		}
	}

	.footer-legal .footer-menu a {
		color: #fff;
		padding: 0 5px;
	}

	.footer-legal .footer-menu a:hover {
		text-decoration: none
	}




	.svg-animation {
		position: absolute;
		z-index: 500;
		top: 35%;
		left: 12%;
		width: 150px;
		height: 164px;
	}

	#BottomHalf {
	    /*transform: translate3d(200px, -200px, 0);*/
	    opacity: 0;
	    /*transition: opacity 1s ease-in, transform 2s ease-in-out;*/
	}

	#TopHalf {
	    /*transform: translate3d(-200px, 200px, 0);*/
	    opacity: 0;
	    /*transition: opacity 1s ease-in, transform 2s ease-in-out;*/
	}

	#Pie {
		fill: none;
		stroke: #F84322;
		opacity: 0;
		stroke-width: 62;
		stroke-dasharray: 0 198;
		transform: rotate(-90deg) scale(1);
		transform-origin: 50% 50%;
	}

	/*.st2, .st3, .st4, .st5, .st6 {
		-webkit-animation: anim1 3550ms linear;
		transform-origin: 50% 50%;
	}

	@-webkit-keyframes anim1{
		0% { -webkit-transform: rotate(0deg); }
		50% {-webkit-transform: rotate(45deg); }
		100% { -webkit-transform: rotate(90deg); }
	}*/