html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

*[hidden] {
    display: none;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

button {
	border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    
    outline: none;
}

a { 
	text-decoration: none; 
	color: inherit; 
}

@font-face {
  font-family: lato;
  src: url('../fonts/lato-regular.woff');
  font-weight: 400;
}

@font-face {
  font-family: lato;
  src: url('../fonts/lato-bold.woff');
  font-weight: 600;
}

@font-face {
  font-family: raleway;
  src: url('../fonts/raleway-italic.woff');
  font-weight: 400;
  font-style: italic;
}

.body {
	-webkit-font-smoothing: antialiased;	
	-moz-osx-font-smoothing: grayscale;
}

.body--film .content img {
			-webkit-filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg);
			        filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg);
		}

.overlay {


}

.header {
	
	color: rgba(0,170,208,1);
	font-family: lato;
	border-bottom: 2px solid rgba(255,245,166,1);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	z-index: 10;
	
}

@media (max-width: 500px) {

.header {
		position: fixed;
		top: 0
	
}
  }

.header .claim {
		width: 348px;
		padding: 0 40px;
	}

@media (max-width: 500px) {

.header .claim {
			max-width: 170px;
			height: 80px;
			opacity: 1;
			-webkit-transition: all 0.15s ease-in-out;
			transition: all 0.15s ease-in-out
	}
  }

.header__row {
		padding: 0 20px;
		position: relative;
	}

.header__row--1 {
			height: 180px;
			background-color: rgba(255,245,166,1);
		}

@media (max-width: 500px) {

.header__row--1 {
				height: 170px;
				-webkit-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out
		}
  }

.header__row--1__wrap {
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				max-width: 820px;
				margin: 0 auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}

@media (max-width: 500px) {

.header__row--1__wrap {
					    -ms-flex-wrap: wrap;
					        flex-wrap: wrap;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center
			}
  }

.header__row--2 {
			background-color: rgba(255,255,255,1);
		}

.header__row--2__wrap {
				max-width: 820px;
				margin: 0 auto;
				height: 60px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}

@media (max-width: 500px) {

.header__row--2__wrap {
					height: 35px
			}
  }

@media (max-width: 500px) {
	body.body--scrolled .header__row--1 {
		height: 120px;
	}
		@media (max-width: 500px) {
	body.body--scrolled .header__row--1 {
			height: 95px
	}
  }
	body.body--scrolled .claim {
		height: 0px;
		opacity: 0;
	}
  }

.logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 500px) {

.logo {
		margin-top: 10px;
		padding: 0 40px
}
  }

.logo__logo {
		width: 122px;
		margin-right: 20px;
	}

@media (max-width: 500px) {

.logo__logo {
			width: 71px;
			margin-right: 10px
	}
  }

.logo__tagline {
		font-size: 16px;
		line-height: 20px;
		min-width: 80px;
	}

@media (max-width: 500px) {

.logo__tagline {
			font-size: 14px;
			line-height: 17px
	}
  }

.navigation {
	
	font-weight: 400;
		
}

@media (max-width: 500px) {

.navigation--main {
			display: none;
			opacity: 0;
			width: 100%;
			background-color: rgba(255,255,255,1);
			position: absolute;
			top: 37px;
			left: 0;
			right: 0;
			padding: 0 20px;
			border-bottom: 2px solid rgba(255,245,166,1);
			-webkit-transition: opacity 0.3s ease-in-out;
			transition: opacity 0.3s ease-in-out
	}
  }

@media (max-width: 500px) {

.navigation--secondary .navigation__item {
				margin: 0 0 15px 0
		}
  }

.navigation__item { 
		display: inline-block;
		text-transform: uppercase;
		margin-right: 20px;
	}

@media (max-width: 500px) {

.navigation__item {
			display: block;
			margin: 15px 0
	}
  }

.navigation__item__link {
			padding: 3px 4px;
			display: inline-block;
		}

.navigation__item__link--act, .navigation__item__link:hover {
				color: rgba(255,255,255,1);
				background-color: rgba(0,170,208,1);
			}

.body.burger--active .navigation {
			opacity: 1;
		}

.body.navigation--visible .navigation {
			display: block;
		}

.burger {
	position: relative;
}

.burger__button {
		display: none;
		position: absolute;
		top: -11px;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

.burger__button svg {
			width: 25px;
			height: 21px;
		}

@media (max-width: 500px) {

.burger__button {
			display: block
	}
  }

.burger__button--hide {
			opacity: 0;
		}

.body.burger--active .burger__button--show {
				opacity: 0;
			}

.body.burger--active .burger__button--hide {
				opacity: 1;
			}

.language {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 500px) {

.language {
		display: none
}
  }

.language--mobile {
		display: none;
	}

@media (max-width: 500px) {

.language--mobile {
			display: block;	
			position: absolute;
			right: 20px
	}
  }

.language__item { 
		display: inline-block;		
	}

.language__item__link {
			display: inline-block;
			width: 20px;
			height: 15px;
			font-size: 12px;
			line-height: 15px;
			text-align: center;
			font-weight: 600;
		}

.language__item__link--act, .language__item__link:hover {
				color: rgba(255,245,166,1);
				background-color: rgba(0,170,208,1);
			}

@media (max-width: 500px) {

.language__item__link--act, .language__item__link:hover {
					color: rgba(255,255,255,1)
			}
  }

.content {
	
	font-family: "Helvetica", "Helvetica Neue", "Arial";
	
	font-size: 14px;
	
	line-height: 20px;
	
	color: rgba(0,170,208,1);
	
	font-weight: 400;
	max-width: 860px;
	margin: 40px auto 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 20px;
	
}

@media (max-width: 500px) {

.content {
		margin-top: 240px
	
}
  }

.content h1,.content h2,.content h3,.content h4,.content p,.content ul li,.content ol li,.content table,.content figure,.content quote {
		margin-bottom: 20px;
	}

.content h1 { 
		font-family: 'raleway'; 
		font-size: 32px; 
		line-height: 37px; 
		font-style: italic; 
		font-weight: 400; 
		margin-bottom: 20px;
	}

.content h2 { 
		font-family: 'raleway'; 
		font-size: 32px; 
		line-height: 37px; 
		font-style: italic; 
		font-weight: 400; 
		margin-bottom: 20px;
	}

.content h3 {
		font-family: 'lato';
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: rgba(255,255,255,1);
		background-color: rgba(0,170,208,1);
		display: inline-block;
		padding: 0 4px;
	}

.content h4 {
		font-family: 'lato';
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: rgba(255,255,255,1);
		background-color: rgba(0,170,208,1);
		display: inline-block;
		padding: 0 4px;
		line-height: 21px;
		margin-bottom: 0;
		display: inline;
		padding: 2px 4px;
	}

.content h5 {
		font-family: 'lato';
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 2px;
	}

.content p a {
			text-decoration: underline;
		}

.content ul li {
	}

.content ol {
	}

.content a:hover img {
			-webkit-filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg) !important;
			        filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg) !important;
		}

.content img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-filter: sepia(1) contrast(70%) brightness(100%) hue-rotate(148deg) saturate(400%);
		        filter: sepia(1) contrast(70%) brightness(100%) hue-rotate(148deg) saturate(400%);
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

.content img:hover {
			-webkit-filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg);
			        filter: sepia(0) saturate(100%) contrast(100%) brightness(100%) hue-rotate(0deg);
		}

.content .link {
		font-family: 'lato';
		font-size: 16px;
		line-height: 20px;
	}

.content .link--special:before {
				font-family: 'Webdings';
				content: "";
			}

.content .link--back:before {
				font-family: 'Webdings';
				content: "";
			}

.content strong {
		font-weight: bold;
	}

.content em {
		font-style: italic;
	}

.content__wrap { 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		
	}

@media (max-width: 660px) {

.content__wrap {
			display: block
		
	}
  }

.content__col {
		width: 50%;
	}

@media (max-width: 660px) {

.content__col {
			width: 100%
	}
  }

.content__col--1 {
			text-align: right;
			margin-right: 30px;
		}

@media (max-width: 660px) {

.content__col--1 {
				text-align: left;
				margin-right: 0
		}
  }

.content__col--2 {
			margin-left: 30px;
		}

@media (max-width: 660px) {

.content__col--2 {
				margin-left: 0
		}
  }

.content__row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		
	}

.content__row .content__item {
			width: 50%;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			
		}

@media (max-width: 660px) {

.content__row .content__item {
				width: 100%
			
		}
  }

.content__row .content__item:nth-child(odd) {
				padding-right: 30px;
				text-align: right;
			}

@media (max-width: 660px) {

.content__row .content__item:nth-child(odd) {
					text-align: left;
					padding: 0
			}
  }

.content__row .content__item:nth-child(even) {
				padding-left: 30px;
			}

@media (max-width: 660px) {

.content__row .content__item:nth-child(even) {
					padding: 0
			}
  }

.content {
	
}

.content__item {
	
	margin-bottom: 40px;
	
}

.content__item__figure--small {
			width: 170px;
			display: inline-block;
		}

.content__item--video {
		width: 100%;
	}

.content__item--video__iframe {
			width: 100%;
		}

.content__item--margin-top {
		margin-top: 40px;
	}

.content__item iframe {
		width: 100%;
	}

.info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-flow: column nowrap;
	        flex-flow: column nowrap;
	max-width: 728px;
	margin: 60px auto 0px;
}

@media (max-width: 500px) {

.info {
		display: none
}
  }

.info img {
		-webkit-filter: sepia(0) saturate(100%) hue-rotate(0deg) contrast(100%) brightness(100%);
		        filter: sepia(0) saturate(100%) hue-rotate(0deg) contrast(100%) brightness(100%);
	}

.info--mobile {
		display: none;
	}

@media (max-width: 500px) {

.info--mobile {
			display: block
	}
  }

.footer {
	
	background-color: rgba(255,245,166,1);
	font-family: lato;
	color: rgba(0,170,208,1);
	
}

.footer__wrap {
		max-width: 820px;
		margin: 0 auto;
		padding: 29px 20px 49px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

.social ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

.social__item__link {
			display: block;
			width: 20px;
			height: 20px;
			margin: 0 10px;
			border-radius: 5px;
		}

.social__item__link--act, .social__item__link:hover {
				background-color: rgba(0,170,208,1);
				
			}

.social__item__link--act path, .social__item__link:hover path {
					fill: rgba(255,255,255,1);
				}

.form__label {
		font-family: 'lato';
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: rgba(255,255,255,1);
		background-color: rgba(0,170,208,1);
		display: inline-block;
		padding: 0 4px;
		line-height: 21px;
		margin-bottom: 0;
		display: inline;
		padding: 2px 4px;
	}

.form__input {
		width: 100%;
		border: 1px solid rgba(0,170,208,1);
		border-radius: 0;
		line-height: 30px;
		padding: 0 4px;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

.form__input:focus {
			outline: none;
		}

.form__checkbox {
		display: block;
		width: 30px;
		height: 30px;
		margin: 0 0 10px;
		display: block;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		     appearance: none;
		
		border: 1px solid rgba(0,170,208,1);
	}

.form__checkbox:focus {
			outline: none;
		}

.form__checkbox:checked:after {
			content: url(../../assets/media/checked.svg);
		}

.form__button {
		font-family: 'lato';
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: rgba(255,255,255,1);
		background-color: rgba(0,170,208,1);
		display: inline-block;
		padding: 0 4px;
		line-height: 30px;
		padding: 0 6px;
		background-color: rgba(0,170,208,1);
		border-width: 0;
	}