/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@import url("https://use.typekit.net/yob3qlg.css");

@font-face {
font-family: 'basier_square_monoregular';
src: url('../fonts/basiersquaremono-regular-webfont.eot');
src: url('../fonts/basiersquaremono-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/basiersquaremono-regular-webfont.woff2') format('woff2'),
	url('../fonts/basiersquaremono-regular-webfont.woff') format('woff'),
	url('../fonts/basiersquaremono-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'basier_squaresemibold';
src: url('../fonts/basiersquare-semibold-webfont.eot');
src: url('../fonts/basiersquare-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/basiersquare-semibold-webfont.woff2') format('woff2'),
	url('../fonts/basiersquare-semibold-webfont.woff') format('woff'),
	url('../fonts/basiersquare-semibold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'basier_squareregular';
src: url('../fonts/basiersquare-regular-webfont.eot');
src: url('../fonts/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/basiersquare-regular-webfont.woff2') format('woff2'),
	url('../fonts/basiersquare-regular-webfont.woff') format('woff'),
	url('../fonts/basiersquare-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
font-weight: 700;
font-family: 'basier_squaresemibold';
}

h1 {
font-size: 3.3rem;
line-height: 120%
}

h2 {
font-size: 2rem;
}

h3 {
font-size: 1.3rem;
}

h4 {
font-size: 1rem;
}

ul {
list-style: none;
}

strong {

}

body {
font-family:"basier_squareregular", sans-serif;
letter-spacing: -0.1px;
color: rgba(74,106,125,1);
position: relative;
line-height: 150%;
height: 100%;
display: none
}

img {
max-width: 100%;
height: auto;
vertical-align: bottom;
-webkit-transform: translateZ(0);
}

a {
text-decoration:none;
transition: all 0.3s ease;
}

a:focus {
outline:0;
}

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

/*------------------------------------*\
	Header
\*------------------------------------*/

#header {
position: relative;
}

/*#header .image {
padding: 10vw 0 0 0;
background: #B8C3CC
}*/

#logo {
max-width: 200px;
position: absolute;
top:50px;
left:5vw;
}

/*------------------------------------*\
	LAYOUT
\*------------------------------------*/

#contentWrapper {
max-width: 1920px;
margin: 0 auto;
position: relative;
-webkit-box-shadow: 0 0 120px 0 rgba(74,106,125,0.5);
box-shadow: 0 0 120px 0 rgba(74,106,125,0.5);
}

/* General */

.section .sectionInner a {
color:#bf5e39;
text-decoration: underline;
}

.section .sectionInner ul {
list-style: disc;
margin: 3vw 0 0 25px
}

.section .sectionInner p {
margin: 3vw 0 0 0
}

.section .sectionInner h2 {
margin: 5vw 0 0 0
}

.section .sectionInner h2 {
line-height: 120%;
}

.section .sectionInner strong {
font-family: 'basier_squaresemibold';
}

/* Page */

.section.page {
padding: 240px 30vw 0 5vw
}

.section.page h3 {
margin: 3vw 0 0 0
}

/* Intro */

.section.intro {
background: rgba(74,106,125,0.05);
padding: 5vw 0 0 0
}

.section.intro .sectionInner {
display: flex;
padding: 0 2.5vw 5vw;
}

.section.intro .sectionInner .introteaser {
width: calc(100vw/3);
padding: 0 2.5vw;
margin: 5vw 0 0 0
}

.section.intro .sectionInner .introteaser:nth-child(2) img {
margin: 0 0 3vw 0
}

.section.intro .sectionInner .introteaser .image {
text-align: center;
display: flex;
justify-content: center;
align-items: end;
height: 200px;
}

.section.intro .sectionInner .introteaser .text {
font-family: 'basier_squaresemibold';
font-size: 1.2rem
}

.section.intro .sectionInner .introteaser .image img {
max-width: 50%
}

.section.intro h1 {
text-align: center
} 

/* Teaser */

.section.teaser .sectionInner {
display: flex;
}

.section.teaser .sectionInner:nth-child(2n) {
flex-direction: row-reverse;
}

.section.teaser .sectionInner div {
flex: 50%;
}

.section.teaser .sectionInner .text {
padding: 0 5vw 5vw 5vw;
}

/* Mission */

.section.mission .sectionInner {
display: flex;
}

.section.mission .sectionInner div {
flex: 50%;
}

.section.mission .sectionInner .text {
padding: 0 5vw 5vw 5vw;
background: rgba(74,106,125,1);
color: rgba(255,255,255,0.6)
}

.section.mission .sectionInner .image {
background: url(../images/missionbg.jpg);
background-size: 75%
}

/* Variants */

.section.variants {
padding: 5vw 0
}

.section.variants h2 {
text-align: center;
font-size: 3.3rem;
} 

.section.variants .innerWrapper {
display: grid;
grid-template-rows: auto;
grid-template-columns: 47% 47%;
grid-column-gap: 6%;
padding: 3vw 5vw
}

.section.variants .text {
padding: 5vw 0 0 5vw;
}

.section.variants .datatable {
display: table;
border-bottom: 1px solid rgb(74,106,125,0.5);
margin: 3vw 0 0 0	
}

.section.variants .row {
display:table-row;
}

.section.variants .row div {
display: table-cell;
vertical-align: middle;
line-height: 120%;
padding: 7px 10px 5px;
border-left: 1px solid rgb(74,106,125,0.5);
border-top: 1px solid rgb(74,106,125,0.5);
font-size: 0.8rem
}

.section.variants .label {
font-family: 'basier_squaresemibold';
}

.section.variants .value {
border-right: 1px solid rgb(74,106,125,0.5);	
}

.swiper-container.gallery {
max-width: 850px;
overflow: hidden;
position: relative;
z-index: 10;
transition: all 0.3s ease-in-out;
}

.gallery .icon {
border: solid rgb(74,106,125,1);
border-width: 0 2px 2px 0;
display: inline-block;
padding: 0.8vw;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 11;
cursor: pointer;
opacity:0;
transition: all 0.3s ease-in-out;
}

.gallery:hover .icon {
opacity:1;
}

.gallery:hover .icon.gallery-next {
right:calc(0.6vw + 15px);
}

.gallery:hover .icon.gallery-prev {
left:calc(0.6vw + 15px);
}

.gallery .icon.gallery-next {
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
right: 0
}

.gallery .icon.gallery-prev {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
left: 0
}

.gallery .icon.swiper-button-disabled {
opacity:0;
}

.gallery .icon.gallery-next.swiper-button-disabled {
opacity:0;
right: -50px !important
}

.gallery .icon.gallery-prev.swiper-button-disabled {
opacity:0;
left: -50px !important
}

.gallery-thumbs {
display: flex;
padding: 0 100px
}

.gallery-thumbs .thumb {
display: inline-block;
cursor: pointer;
position: relative;
border: 1px solid rgba(74,106,125,0);
}

.gallery-thumbs .thumb.active {
cursor: default;
border: 1px solid rgba(74,106,125,1);
}

.fancybox__backdrop {
background: rgba(255,255,255,1) !important
}

.fancybox__toolbar {
background: none !important;
text-shadow: none !important
}

.fancybox__container {
color: rgba(74,106,125,1) !important;
--carousel-button-svg-filter: none !important;
}

.fancybox__thumb::after {
border-color: rgb(74,106,125,1) !important
}

.fancybox__caption {
font-size: 3.3rem;
font-family: 'basier_squaresemibold';
padding: 0 !important
}

/* ----- FOOTER ----- */

#footerWrapper {
padding:5vw;
}

#footerlogos {
display:flex;
align-items:center;
}

#footerlogos .cell {
padding: 0 3vw;
}

#metaMenu {
text-align: center;
font-family: 'basier_squaresemibold';
margin: 50px 0 0 0;
}

#metaMenu .spacer {
display: inline-block;
padding: 0 8px;
color: rgba(74,106,125,0.4);
}

#metaMenu a {
color: rgba(74,106,125,0.4);
}

#metaMenu a:hover {
color: rgba(74,106,125,0.7);
}