@charset "utf-8";
/*https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin-ext,latin*/
/* open-sans-300 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v13-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v13-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v13-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v13-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v13-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v13-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v13-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v13-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v13-latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v13-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/open-sans-v13-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v13-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v13-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v13-latin_latin-ext-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

    @font-face{
        font-family:"Code Pro W01 Light";
        src:url("fonts/7ec6af77-c90d-431e-8e61-a13cb2414705.eot?#iefix");
        src:url("fonts/7ec6af77-c90d-431e-8e61-a13cb2414705.eot?#iefix") format("eot"),url("fonts/a530f663-a7ce-4998-8b5b-a6140123aff9.woff2") format("woff2"),url("fonts/68a22435-5884-4347-a9d6-f4c9f9de3f84.woff") format("woff"),url("fonts/faedf3aa-9a87-40c2-9c11-bd305dee7aa5.ttf") format("truetype"),url("fonts/b6faffff-ca58-45ed-8688-15a726b42823.svg#b6faffff-ca58-45ed-8688-15a726b42823") format("svg");
    }
    @font-face{
        font-family:"Code Pro W01 Regular";
        src:url("fonts/0c453c8f-980f-4186-963e-de789830328d.eot?#iefix");
        src:url("fonts/0c453c8f-980f-4186-963e-de789830328d.eot?#iefix") format("eot"),url("fonts/cf7376f8-414f-4cd5-91ac-50966e3d675d.woff2") format("woff2"),url("fonts/64a65002-31b7-43a8-beeb-a82657e8d750.woff") format("woff"),url("fonts/910178c7-1506-47f7-ad58-50edfcc8ffac.ttf") format("truetype"),url("fonts/aea885c3-a64c-4272-9f05-319ab3afde6a.svg#aea885c3-a64c-4272-9f05-319ab3afde6a") format("svg");
    }
    @font-face{
        font-family:"Code Pro W01 Bold";
        src:url("fonts/e2b9d93e-8491-457f-afb4-170eb60eaa96.eot?#iefix");
        src:url("fonts/e2b9d93e-8491-457f-afb4-170eb60eaa96.eot?#iefix") format("eot"),url("fonts/2be045a1-0382-4a22-99e7-abd42fdf3ff3.woff2") format("woff2"),url("fonts/b4643286-238b-46db-9146-dd72b9ee6253.woff") format("woff"),url("fonts/1ffc112d-3e62-4270-888e-5c9fbb4502de.ttf") format("truetype"),url("fonts/4ee16e49-fbb5-4c5c-bc4b-d2b5dd3a337e.svg#4ee16e49-fbb5-4c5c-bc4b-d2b5dd3a337e") format("svg");
    }


*, *:after, *:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#fontsize {position:fixed;bottom:0;right:0;padding:20px;background-color:#C30;color:#fff;font-size:20px;z-index:2000}
#fontsize a {color:#fff;font-weight:700}
body, html {
	height:100%
}
body {
	font-family: 'Open Sans', sans-serif;
	background-color:#fff;
	color:#000;
	font-size:12px;
	letter-spacing: 0.075em;
	padding:0;
	margin:0;
}
.noshow {display:none}
.cl {clear:both}
#logo-container {display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 7.08%; 
	vertical-align: middle; 
	overflow: hidden; }
#logo {
  display: inline-block;
	position: absolute;
	top: 0;
	left: 0;}
	#logo-max {
max-width:56.766em;margin:0 auto
 
  }
  #subline-container {display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 4.679%; 
	vertical-align: middle; 
	overflow: hidden;}
  #subline {display: inline-block;
	position: absolute;
	top: 0;
	left: 0;}
	#subline-max {max-width:41.833em;margin:1.5em auto 0}
h1 {
	font-size:4em;
	line-height:1em;
	font-family:'Code Pro W01 Light';
	letter-spacing: 0.075em;
	text-transform:uppercase;
	padding:0;
	margin:0 0 0.5em;
	font-weight:300
}
section {
	padding:0;
	margin:0
}
section h1 {
	text-align:center;
	font-size:4em;
	letter-spacing: 0.075em;
	color:#fff;
	background-color:#a2abaf;
	padding:1.333em;
	margin:0;
	line-height:1em;
}
h2 {
	font-size:1.667em;
	line-height:1em;
	font-family:'Code Pro W01 Light';
	letter-spacing: 0.075em;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-weight:normal
}
h3 {
	font-size:2em;
	line-height:1em;
	font-family:'Code Pro W01 Regular';
	letter-spacing: 0.1em;
	padding:0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}
h3 a {
	position:relative;
	top:1.5em
}
h4 {
	font-size:2.4em;
	letter-spacing: 0.075em;
	line-height:1em;
	padding:0;
	margin:0;
	font-family:'Code Pro W01 Regular';
	padding:0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	top:0em;
}
h5 {
	font-size:1.6em;
	line-height:1em;
	letter-spacing: 0.075em;
	font-family:'Code Pro W01 Light';
	padding:0;
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
}
p {
	font-size:1.2em;
	letter-spacing: 0.01em;
	color:#fff;
	margin:0;
	padding:0;
	font-weight:400;
}
p a {
	font-weight:700;
	color:#fff;
}
p a:hover {opacity:0.5}
img {
	display:block;
	width:100%;
	height:auto;
	
}
ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}
h3 {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	display:none;
	line-height:1em;
	margin-top:-0.5em;
	color:#fff;
	z-index:1999
}
h3.active {
	color:red;
	z-index:-1
}
h3 a {
	color:#fff;
	text-decoration:none
}
h3 a.dark {
	color:#000;
	text-decoration:none
}
h3 a:hover {
	opacity:0.5
}
#menu {
	margin:0;
	padding:0;
	background-color:#03a0d5;
	position:fixed;
	height:5.5em;
	top:-5.5em;
	left:0;
	width:100%;
	z-index:2000;
	-webkit-transition: top 1s ease-in-out;
	-moz-transition: top 1s ease-in-out;
	-o-transition: top 1s ease-in-out;
	transition: top 1s ease-in-out;
}
#menu-inner {
	padding:1.75em 2em;
	position:relative;
}
#menu-inner a {
	font-size:2em;
	letter-spacing: 0.075em;
	font-family:'Code Pro W01 Light';
	text-transform:uppercase;
	color:#fff;
	line-height:1em;
	display:block;
	text-decoration:none;float:left;
}
#menu.active {
	top:0px;
}
nav {
	opacity:0;
	overflow:hidden;
	padding:0;
	margin:0;
	position:relative;
	top:-2px;
	max-height:0;
	transition:opacity .5s linear, max-height .5s linear;
}
nav.open {
	opacity:1;
	max-height:666666px;
}
nav ul li {
	border-bottom:1px solid #03a0d5;
	background-color:#fff;
}
nav ul li a {
	font-size:2em;
	letter-spacing: 0.075em;
	font-family:'Code Pro W01 Light';
	text-transform:uppercase;
	color:#00a1d3;
	line-height:1em;
	display:block;
	text-decoration:none;
	padding:1em;  /* 2 / 2,5 em */
}
nav ul li a:hover {color:#000}
#nav-icon {
	font-size:2.4em;
	width: 1.200em;
	height: 0.900em;
	position: relative;
	top:-0.1em;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	float:right
}
#nav-icon span {
	display: block;
	position: absolute;
	height: 0.180em;
	width: 100%;
	background: #fff;
	border-radius: 0.180em;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
/* Icon */

#nav-icon span:nth-child(1) {
	top: 0px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
	top: 0.360em;
}
#nav-icon span:nth-child(4) {
	top: 0.72em;
}
#nav-icon.open span:nth-child(1) {
	top: 0.360em;
	width: 0%;
	left: 50%;
}
#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
	top: 0.360em;
	width: 0%;
	left: 50%;
}
.slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#fff;
}
.swiper-container {
	width: 100%;
	height: 100%;
	background-color:#fff;
	
}
.swiper-slide {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.swiper-slide span {
	position:absolute;
	left:1em;
	bottom:1em;
	color:#fff;
	font-size:1.25em;
	z-index:2;
	font-family:'Code Pro W01 Regular';
	text-transform:uppercase
}

.blue span {color:#09F}
.black span {color:#000}
.white span {color:#fff}

#info-banner {
	background-color:#fff;
	color:#c5c5c7;
	font-family:'Code Pro W01 Regular';
}
#info-banner-inner {
	font-size:1em;
	padding:2em 1em 2em;
	text-align:center;
}
#info-banner-inner p {
	padding:0;
	margin:0 0 0.5em;
	color:#c5c5c7;
	font-size:1.25em;
	text-transform:uppercase
}
#info-banner-inner a {
	color:#03a0d5;
	text-transform:uppercase;
	font-size:1em;letter-spacing: 0.270em;
	text-decoration:none;
}
#info-banner-inner a:hover {
	opacity:0.5
}
#intro {
	background-color:#03a0d5;
	color:#fff;
}
#intro-inner {
	padding:17.5em 2em 17.5em;
	text-align:center
}
.first-slide-intro {
	opacity:0;
	width:100%;
	text-align:left;
	display: flex;
	/*justify-content: flex-end;*/
	align-items: center;
	font-size:1.083em;
	background: #03a0d5;
	background: rgba(3,160,213,1);
	color:#fff;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	z-index:11;
}
.first-slide-pic {
	position:absolute;
	opacity:1;
	display:block;
	z-index:12;
		
}

.first-slide-intro .inner {
	margin:0 auto;
	padding:10em;
	text-align:left;
	max-width:100em;
}
.first-slide-intro .inner p {
	margin:2.5em 0 0 0;
	position:relative;z-index:2000
}
.first-slide-intro .inner h5 {
	margin-top:0.25em
}
.first-slide-intro.show-slide-intro {
	opacity:1;
	z-index:13;
}
.embed-container {
	position: relative;
	padding-bottom: 53.59375%;
	background-color:#a2abaf; /*background-color of following elemet, because of pixel-shift vs vimeo */
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vid {width:100%;position:relative;z-index:20000;}

.vid iframe, .vid object, .vid embed {
	position:absolute;
	width: 80%;
	height: 80%;
	z-index:20000;
	top:10%;left:10%;
}


article {
	background-color:#fff;
	padding:4em 5em;
}
.article-inner {
	max-width:111em;
	margin:0 auto;
}
article.dark {
	background-color:#162e36;
	padding-bottom:10em
}
article.lessheight{
	
	padding-bottom:0em !important
	
}
article h2, article p {
	color:#162e36
}
article.dark h2, article.dark p {
	color:#00aeef;
}
article p {
	font-size:1.25em;
	display:inline-block;
	vertical-align:top
}



article h2 {
	font-size:2.5em;
	text-transform:uppercase;
	font-family:'Code Pro W01 Regular';
	margin:2em 0 1em 0.5%
}
article .col1 {
	width:48.5%;
	padding:0 1% 0 0.5%;
}
article .col2 {
	width:48.5%;
	padding:0 0.5% 0 1%;
}

article.lesstop{
	
	padding-top:2em !important
	
}
h2.list-head {		
	padding:0 0.5%;margin:0;
	font-size:1.25em;	
	text-transform:uppercase;
	line-height:1.25em;
	font-family: 'Open Sans', sans-serif;
}
article .article-inner ul	 {	
	padding:0 0.5%;margin:0
}
article .article-inner ul li {	
	font-size:1.25em;
	color:#fff;
	text-transform:uppercase;
	line-height:1.25em;
	padding:0;margin:0;	
}
.picntext {
	color:#fff;
	text-align:center;
	padding:1.5em 0.5em;
	font-size:7.250em;
	letter-spacing:0.1em;
	text-transform:uppercase;
	font-family:'Code Pro W01 Light';
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0;
	background-attachment : fixed;
	/* background-attachment : scroll; */
	background-image: url(../img/about_us.jpg);
}
#footer {
	background-color:#a2abaf;
	padding:6.250em 2em;
	text-align:center
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	margin:1em;
	display:inline-block;
	font-size:1.5em;
	letter-spacing:0.075em;
	text-transform:uppercase;
	padding:0;
	font-weight:300;
}
#footer ul li a {
	text-decoration:none;
	color:#fff;
	font-family:'Code Pro W01 Light';
}
#footer ul li a.active {
	color:#00a1d3;
	font-family:'Code Pro W01 Regular';
}
.swiper-button-next, .swiper-button-prev {
	position:absolute;
	
	margin-top:0em;
	z-index:10;
	cursor:pointer;
	
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity:0;
	cursor:auto;
	pointer-events:none
}

.swiper-button-prev {

	left:0em;
	right:auto;
	opacity:0;
	top:0;
	height:100%;
	width:00%;
	background-color:transparent;
	background-image:none
}
.swiper-button-next, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev {
	right:0em;
	left:auto;
	top:0;
	height:100%;
	width:100%;background-color:transparent;
	background-image:none;
	text-align:right;
	opacity:0;
	
}
.swiper-button-next, .swiper-button-prev {
	opacity:1;
	
}
.swiper-button-next.ten, .swiper-button-prev.ten {width:10%; z-index:30000}
.swiper-button-next .icon, .swiper-button-prev .icon {
	position:absolute;
	top:10em;
	right:10em;opacity:0
}
.swiper-button-next .icon .arrow, .swiper-button-prev .icon .arrow {
	font-size:12px;
	width:1.5em;
	height:7.333em;
	
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	opacity:1 !important
}
 @-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -moz-transform: translateX(0);
 transform: translateX(0);
}
 40% {
 -moz-transform: translateX(-30px);
 transform: translateX(-30px);
}
 60% {
 -moz-transform: translateX(-15px);
 transform: translateX(-15px);
}
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 40% {
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 60% {
 -webkit-transform: translateX(-15px);
 transform: translateX(-15px);
}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 40% {
 -moz-transform: translateX(-30px);
 -ms-transform: translateX(-30px);
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 60% {
 -moz-transform: translateX(-15px);
 -ms-transform: translateX(-15px);
 -webkit-transform: translateX(-15px);
 transform: translateX(-15px);
}
}
#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	display:none;
	z-index:40000
}
.loader, .loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
	top:-5em;
	left:-5em;
	position:relative
}
.loader {
	font-size: 1em;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes load8 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
#debug {
	display:none;
	position:fixed;
	top:0;
	right:0;
	height:50%;
	width:50%;
	background-color:yellow;
	z-index:40000;
}
#contact {
	background-color:#fff
}
#contact .inner, .legal .inner {
	padding:5.333em 2em 4em;
	text-align:center;
	display:none
}
.legal .inner {text-align:left;}
#contact .inner p, .legal .inner p, .legal .inner h4, .legal .inner h5, .legal .inner ul li {
	font-family: 'Open Sans', sans-serif;
	line-height:1.250em;
	font-size:1.250em;
	margin-bottom:1.333em;
	font-weight:300;
	color:#00a1d3;
	
} 

.legal .inner h2 {font-size:1.33em;font-family:'Code Pro W01 Regular';color:#00a1d3;max-width:960px;margin:0 auto 1.5em}

.legal .inner p, .legal .inner h4, .legal .inner h5, .legal .inner ul {text-transform:none;line-height:1.25em;
	font-size:1em;max-width:960px;margin:0.5em auto;display:block;color:#00a1d3;letter-spacing: 0.075em;}
.legal .inner a {color:#00a1d3;text-decoration:none;font-weight:300}
.legal .inner h4, .legal .inner h5 {margin-top:1.5em}
.legal .inner h4 {font-size: 1.25em}
.legal .inner h5 {font-size: 1.125em}
.legal .inner ul {display:block;margin-top:1em; margin-bottom:2em}
.legal .inner ul li {
	list-style-type: disc;
	font-size:1em;
	margin:0.5em 0  0 2em
}
.legal .inner a {text-decoration:underline}



#contact .inner p.morespace {margin-bottom:2.666em;}
#contact .inner p a {
	font-family:'Code Pro W01 Regular';
	font-weight:300;
	color:#00a1d3;
	text-decoration:none
}
a.active-nav {color:#00a1d3 !important; font-weight:700}
.upper {
	text-transform:uppercase;
	font-weight:300;
	letter-spacing: 0.1em;
}
#clients {
	background-color:#fff;
	padding:12.500em 0 2.083em;
	text-align:center
}
#clients ul {max-width:100em;margin:0 auto}
#clients ul li {
	width:25%;
	display:inline-block
}
#clients ul li img{max-width:300px;height:auto;display:block
	
}


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

.swiper-button-next .icon, .swiper-button-prev .icon {
	top:5em;
	right:5em;
}
}

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

.first-slide-intro {
	padding:0;margin:0;
	font-size:1em;
	
}
.first-slide-intro .inner {
	margin:0 auto;
	padding:3em;
	
}

.swiper-button-next .icon, .swiper-button-prev .icon {
	position:absolute;
	top:2em;
	right:1em;
}
.swiper-button-next .icon .arrow, .swiper-button-prev .icon .arrow {
	font-size:10px
}

	
}

 @media screen and (max-width: 800px) {
body {
	font-size:11px;
}
article .article-inner ul li {}
#clients ul {max-width:41em;padding: 0 1em}
#clients ul li {
	width:50%;
	
}
.picntext {
	padding:1.5em 0.5em;
	font-size:4em;
}
article .col1 {
	width:100%;
	padding:0;
	margin-bottom:1em
}
article .col2 {
	width:100%;
	padding:0;
}
article h2 {
	
	margin:2em 0 1em 0
}
h2.list-head {		
	padding:0;
}
article .article-inner ul	 {	
	padding:0 
}

.swiper-button-next .icon, .swiper-button-prev .icon {
	position:absolute;
	top:2em;
	right:1em;
}
.swiper-button-next .icon .arrow, .swiper-button-prev .icon .arrow {
	font-size:6px;
}
.first-slide-intro .inner p {
	margin:1em 3em 0 0
}
.first-slide-intro .inner h5 {
	margin-top:0.25em
}

.picntext {

	 background-attachment : scroll; 
	
}

}
 @media screen and (max-width: 600px) {
body {
	font-size:10px;
}
ul#projects {
	font-size:0.875em
}

.swiper-button-next .icon, .swiper-button-prev .icon {	
	top:2em;
	right:2em;
}
.swiper-button-next .icon .arrow, .swiper-button-prev .icon .arrow {
	font-size:2px;heght:1.5em
}
header h4 {font-size:2em;}
header h5 {font-size:1.25em;}
.first-slide-intro .inner p {
	margin:1em 0 0 0;
}
h3 {
	font-size:2em; }
}

 @media screen and (max-width: 400px) {
body {
	font-size:8px;
}
.first-slide-intro .inner p {
	xdisplay:none;
}
h3 {
	font-size:1.75em; }

}