/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
    background: #F6F7FB;
    color: #09212E;
    font: 16px/1.5em 'interface_trialregular', sans-serif;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    html {
        font-size: 20px;
        line-height: 1.5em;
    }
}

body {
    height: 100%;
}

.popup-lock body {
    overflow: hidden;
}

h1,
h2 {
    font: 36px/1.3em 'interface_trialxbold', sans-serif;
    margin: 0 0 30px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    h1,
    h2 {
        font-size: 24px;
        line-height: 1.3em;
    }
}

h3 {
    font: 18px/1.5em 'interface_trialxbold', sans-serif;
    margin: 0 0 30px 0;
}

p {
    margin: 0 0 30px 0;
}

a {
    color: inherit;
}

:focus {
    outline: none;
}

img {
    height: auto !important;
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

strong {
    font-family: 'interface_trialxbold', sans-serif;
    font-weight: normal;
}

ul,
ol {
    margin: 0 0 30px 0;
}

li {
    margin: 0 0 30px 0;
}

hr {
    border-top: 1px solid #AFB8BD;
    margin: 0 0 30px 0;
}

.big {
    font-size: 20px;
    line-height: 1.5em;
}

.bigger {
    font-size: 24px;
    line-height: 1.5em;
}

.highlight {
    color: #6AB1E2;
}

.button {
    background: url(../img/arrow-right-2.png) no-repeat 100% 50%;
    display: inline-block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    padding: 0 15px 0 0;
    text-decoration: none;
    transition: padding 250ms;
}

.button:hover {
    margin: 0;
    padding: 0 25px 0 10px;
}

@media only screen and (min-width: 768px) {
    .desktop-hidden {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tablet-hidden {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-hidden {
        display: none !important;
    }
    
    .mobile-clear {
        clear: both;
    }
}

/* form */
.form-item {
    margin: 0 0 20px 0;
}

label {
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    margin: 0 0 10px 0;
}

.form-text {
    -webkit-appearance: none;
    border-radius: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border: none;
    color: #09212E;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 20px;
    padding: 20px;
    width: 100%;
}

select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    background: #B9D8F4;
    border: none;
    color: #09212E;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 20px;
    padding: 20px;
    width: 100%;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border: none;
    color: #09212E;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 20px;
    height: 200px;
    padding: 20px;
    width: 100%;
}

.form-file {
    background: url(../img/file.png) no-repeat;
    min-height: 166px;
    overflow: hidden;
    padding: 0 0 0 139px;
}

.form-actions {
    margin: 0 0 30px 0;
    text-align: right;
}

.form-submit {
    -webkit-appearance: none;
    border-radius: 0;
    
    background: none;
    border: none;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 20px;
    padding: 0;
    transition: opacity 250ms;
}

.form-submit:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

/* layout */
.container {
    margin: 0 .2%;
}

.container .column,
.container .columns {
    float: left;
    margin: 0 .2%;
}

.row  {
    margin-bottom: 4px;
}

.container .one.column,
.container .one.columns {
    width: 24.6%;
}

.container .two.columns {
    width: 49.6%;
}

.container .three.columns {
    width: 74.6%;
}

.container .four.columns {
    width: 99.6%;
}

.column,
.columns {
    min-height: 1px;
}

@media only screen and (min-width: 1249px) {
    .row {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 1499px) {
    .row {
        margin-bottom: 6px;
    }
}

@media only screen and (min-width: 1749px) {
    .row {
        margin-bottom: 7px;
    }
}

@media only screen and (min-width: 1999px) {
    .row {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    /*.container {
        margin: 0 2px;
    }
    
    .container .column,
    .container .columns {
        margin: 0 2px;
    }*/
    
    .container .one.column,
    .container .one.columns {
        width: 49.6%;
        /*width: 234px;*/
    }

    .container .two.columns {
        width: 99.6%;
        /*width: 472px;*/
    }

    .container .three.columns {
        width: 99.6%;
        /*width: 472px;*/
    }
}

._container {
    margin: 0 auto;
    max-width: 1024px;
}

._container ._column,
._container ._columns {
    float: left;
    margin: 0 3%;
}

._column._alpha, ._columns._alpha {
    margin-left: 0;
}

._column._omega, ._columns._omega{
    margin-right: 0;
}

._container ._one._column,
._container ._one._columns {
    width: 19%;
}

._container ._two._columns {
    width: 44%;
}

._container ._three._columns {
    width: 69%;
}

._container ._four._columns {
    width: 94%;
}

._column,
._columns {
    min-height: 1px;
}

@media only screen and (max-width: 767px) {
    ._container ._one._column,
    ._container ._one._columns {
        width: 94%;
    }

    ._container ._two._columns {
        width: 94%;
    }

    ._container ._three._columns {
        width: 94%;
    }
}

/* header */
.header-holder {
    height: 61px;
}

.header {
    background: #F3F3F3;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 103;
}

.header-bottom {
    background: #60A7E5;
    color: #FFF;
    display: none;
}

.header-bottom .form-text {
    background: none;
    color: #FFF;
    font-family: 'interface_trialregular', sans-serif;
    font-size: 16px;
    padding: 20px 10px;
}

/* language-menu */
.language-menu {
    color: #B0B8BC;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.language-menu li {
    margin: 0;
    position: relative;
}

.language-menu-header {
    background: url(../img/arrow-down.png) no-repeat 100% 50%;
    display: block;
    font-family: 'interface_trialxbold', sans-serif;
    line-height: 61px;
    padding: 0 22px 0 10px;
    text-decoration: none;
}

.language-menu ul {
    background: #F3F3F3;
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 200px;
    z-index: 102;
}

.language-menu li:hover ul {
    display: block;
}

.language-menu ul a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

/* logo */
.logo {
    padding: 10px 0;
    text-align: center;
}

.logo a {
    transition: opacity 250ms;
}

.logo a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

/* search-button */
.search-button {
    background: url(../img/search.png) no-repeat 50% 50%;
    float: right;
    height: 61px;
    overflow: hidden;
    text-indent: -9999px;
    width: 61px;
}

/* download-menu-button */
.download-menu-button {
    background: url(../img/file-2.png) no-repeat 100% 50%;
    color: #B0B8BC;
    float: right;
    font-family: 'interface_trialxbold', sans-serif;
    height: 61px;
    line-height: 61px;
    padding: 0 24px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

/* anchor */
.anchor {
    position: relative;
    top: -61px;
}

.anchor-2 {
    position: relative;
    top: -101px;
}

.anchor-3 {
    position: relative;
    top: -131px;
}

/* main-menu */
.main-menu-holder {
    height: 40px;
}

.main-menu {
    background: #F3F3F3;
    font: 18px/40px 'interface_trialxbold', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 103;
}

.main-menu.fixed {
    left: 0;
    position: fixed;
    top: 61px;
}

.main-menu li {
    display: inline-block;
    margin: 0;
}

.main-menu a {
    display: inline-block;
    padding: 0 20px;
    text-decoration: none;
    transition: color 250ms;
}

.main-menu a:hover,
.main-menu .active {
    color: #00CFB5;
}

.main-menu-home {
    background: url(../img/home.png) no-repeat 50% 50%;
    width: 26px;
}

.main-menu-home:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABnklEQVRIx93Wv2sUQRjG8Y9HRCxyCNqZTpsgAac6LCIGKxmxiQpGsI+F9v4XWmgvGEEsgjIIEYloYaymCJJCJU3stAuIBILFzpk1cD/WO5s8zb4877vPd2d3YIemymlNTmtNb2s1hLxDB51S/wdQTvcwW3NmizeUDg0JuYP7Pbp3hfhgdFBOi3hYczbKdbrm3Rbio38H5XQTj+294k+YK/UqzpR6F7eE+KQ5KKfreFqDfMUFIW6V/hTe4lQNdkOIz4YH5XQFz3G4OFs49weyNzeFD5gqzg6uCvHFYFBOF/GqBvlWVvKlx0OdLis7WYNdEuKb3qCc5pBwtDjfcV6IG/opp2m8x/Hi/Cqw1e5IqzbcwXINQrWb+kNQZhZrzhEsl8waKKeAFbT3RXweCOk928aKnM5WoJxm9kF2G4T3UjejjddymmlhCSdK4yc2xwDaLFlK9lILC/ih2i3XsD0G0HbJ2lFtqIWWENcRMS/ENAZIpSprHpeFuD5RzI9jA/wNe9ktm/2PRtDBA00M6E/K6diQWZOjgBqdC/rp4H2j3+oFc4nDgCJwAAAAAElFTkSuQmCC);
}

@media only screen and (max-width: 1023px) {
    .main-menu {
        font-size: 16px;
        line-height: 40px;
    }
    
    .main-menu a {
        padding: 0 10px;
    }
}

/* main */
.main {
    background: #F6F7FB;
    position: relative;
    z-index: 2;
}

/* locations */
.locations-heading {
    background: #60A7E5;
    color: #FFF;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

.locations-search .form-text {
    background: #60A7E5;
    color: #FFF;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    padding: 0 10px;
    text-align: center;
}

.locations-button {
    background: rgba(96, 167, 229, 1);
    color: #FFF;
    display: block;
    font: 18px/64px 'interface_trialxbold', sans-serif;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: background 250ms;
}

.locations-button:hover {
    background: rgba(96, 167, 229, 0.65);
}

.locations-left {
    padding: 74.409% 0 0 0;
    position: relative;
}

.locations-left-inner {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

.locations-address {
    background: #E8E8E8;
    border-left: 10px solid #6AB1E2;
    box-sizing: border-box;
    color: #6B7A82;
    margin: 0 0 8px 0;
    padding: 20px;
    text-decoration: none;
}

.locations-address.active {
    background: #D2E8F6;
}

.locations-left-1 .locations-address  {
    font-size: 26px;
    height: 100%;
    line-height: 1.3em;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .locations-left-1 .locations-address {
        font-size: 20px;
        line-height: 1.3em;
    }
}

.locations-address strong {
    color: #09212E;
}

.locations-address p:last-child {
    margin: 0;
}

.locations-address-button {
    color: #6AB1E2;
    font-weight: bold;
    text-decoration: none;
}

.locations-right {
    padding: 74.409% 0 0 0;
    position: relative;
}

.locations-map {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* footer */
.footer-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border-right: 1px solid #B3BEC4;
    border-top: 1px solid #B3BEC4;
    float: left;
    min-height: 300px;
    padding: 30px 30px 1px 30px;
    width: 25%;
}

.footer-item.last {
    border-right: 1px solid #F6F7FB;
}

.footer h2 {
    color: #6AB1E2;
    font: 16px/1.5em 'interface_trialregular', sans-serif;
}

.footer-menu {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.footer-menu li {
    margin: 0;
}

.footer-menu a {
    text-decoration: none;
}

.footer-menu a:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .footer-item {
        border-right: none;
        float: none;
        min-height: 0;
        width: auto;
    }
}

/* social */
.social {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.social a {
    transition: opacity 250ms;
}

.social a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65
}

/* padding */
.padding {
    padding: 30px 0 1px 0;
}

/* cycle */
.cycle-slide {
    width: 100%;
}

/* slideshow */
.slideshow-holder {
    padding: 34.5% 0 0 0;
}

.slideshow {
    color: #F3F3F3;
    font-size: 28px;
    line-height: 1.5em;
    text-align: center;
}

@media only screen and (max-width: 1249px) {
    .slideshow {
        font-size: 24px;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 1023px) {
    .slideshow {
        font-size: 20px;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .slideshow {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.slideshow.fixed {
    left: 0;
    position: fixed;
    top: 61px;
    width: 100%;
    z-index: 1;
}

.slideshow-slide {
    position: relative;
}

.slideshow-slide-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    background: rgba(0, 0, 0, 0.35);
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.slideshow h1 {
    font-size: 48px;
    line-height: 1.3em;
    margin: 0;
}

@media only screen and (max-width: 1249px) {
    .slideshow h1 {
        font-size: 36px;
        line-height: 1.3em;
    }
}

@media only screen and (max-width: 1023px) {
    .slideshow h1 {
        font-size: 24px;
        line-height: 1.3em;
    }
}

@media only screen and (max-width: 767px) {
    .slideshow h1 {
        font-size: 20px;
        line-height: 1.3em;
    }
}

.slideshow h2 {
    font: 48px/1.3em 'interface_trialregular', sans-serif;
    margin: 0;
}

@media only screen and (max-width: 1249px) {
    .slideshow h2 {
        font-size: 36px;
        line-height: 1.3em;
    }
}

@media only screen and (max-width: 1023px) {
    .slideshow h2  {
        font-size: 24px;
        line-height: 1.3em;
    }
}

@media only screen and (max-width: 767px) {
    .slideshow h2 {
        font-size: 20px;
        line-height: 1.3em;
    }
}

.slideshow p {
    margin: 0;
}

.slideshow-hr {
    background: #F3F3F3;
    height: 4px;
    margin: 0 auto;
    max-width: 80%;
}

.slideshow-hr-top {
    margin-bottom: 30px;
}

.slideshow-hr-bottom {
    margin-top: 30px;
}

.slideshow-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

/* menu */
.menu-button {
    color: #FFF;
    display: block;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 16px;
    height: 85px;
    line-height: 1.5em;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    transition: opacity 250ms;
}

.menu-button-1 {
    background: #D456B1;
}

.menu-button-2 {
    background: #00CFB5;
}

.menu-button-3 {
    background: #FEAE5C;
}

.menu-button-4 {
    /*background: #FF7C6F url(../img/menu-4.png) no-repeat 100% 50%;
    padding: 0 77px 0 20px;*/
    background: #FF7C6F;
}

/*@media only screen and (max-width: 1023px) {
    .menu-button-4 {
        background-image: none;
        padding: 0 20px;
    }
}*/

.menu-button:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.menu-panel {
    display: none;
}

.menu-close {
    display: block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
}

.menu-panel-1 .menu-close {
    background: #D456B1;
}

.menu-panel-2 .menu-close {
    background: #00CFB5;
}

.menu-panel-3 .menu-close {
    background: #FEAE5C;
}

.menu-close span {
    background: url(../img/arrow-up-2.png) no-repeat 100% 50%;
    display: inline-block;
    padding: 0 20px 0 0;
}

/* menu-1 */
.menu-1 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
    .menu-1 {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
}

.menu-1 h2 {
    border-style: dotted;
    border-width: 0 0 1px 0;
    font-size: 24px;
    line-height: 1.5em;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.menu-1 h3 {
    font-size: 20px;
    line-height: 1.5em;
    text-transform: uppercase;
}

.menu-1-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    
    margin: 0 0 30px 0;
}

.menu-1-item.disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.menu-1-item-header {
    font-size: 18px;
    line-height: 1.5em;
}

.menu-1-item-header-left{
    float: left;
    text-transform: uppercase;
    width: 80%;
}

.menu-1-item-header-left img {
    margin: 0 0 0 5px;
    vertical-align: top;
}

.menu-1-item-header-right {
    float: right;
    text-align: right;
    width: 20%;
}

.menu-panel-1 h2 {
    color: #D456B1;
}

.menu-panel-1 .menu-1-item-body {
    color: #D456B1;
}

.menu-panel-2 .menu-1-item-body {
    color: #00CFB5;
}

.menu-panel-3 h2 {
    color: #FEAE5C;
}

.menu-panel-3 .menu-1-item-body {
    color: #FEAE5C;
}

/* menu-1-color */
.menu-1-color-1 h2 {
    border-color: #FEAE5C;
    color: #FEAE5C;
}

.menu-1-color-1 .menu-1-item-body {
    color: #FEAE5C;
}

.menu-1-color-2 h2 {
    border-color: #D456B1;
    color: #D456B1;
}

.menu-1-color-2 .menu-1-item-body {
    color: #D456B1;
}

.menu-1-color-3 h2 {
    border-color: #EF7B73;
    color: #EF7B73;
}

.menu-1-color-3 .menu-1-item-body {
    color: #EF7B73;
}

.menu-1-color-4 h2 {
    border-color: #ADCB53;
    color: #ADCB53;
}

.menu-1-color-4 .menu-1-item-body {
    color: #ADCB53;
}

.menu-1-color-5 h2 {
    border-color: #60A7E5;
    color: #60A7E5;
}

.menu-1-color-5 .menu-1-item-body {
    color: #60A7E5;
}

.menu-1-color-6 h2 {
    border-color: #88C1EA;
    color: #88C1EA;
}

.menu-1-color-6 .menu-1-item-body {
    color: #88C1EA;
}

.menu-1-color-7 h2 {
    border-color: #00CFB5;
    color: #00CFB5;
}

.menu-1-color-7 .menu-1-item-body {
    color: #00CFB5;
}

.menu-1-color-8 h2 {
    border-color: #0069B3;
    color: #0069B3;
}

.menu-1-color-8 .menu-1-item-body {
    color: #0069B3;
}

/* menu-2 */
.menu-2 {
    text-align: center;
}

.menu-2-heading-1 {
    color: #00CFB5;
    font-family: 'interface_trialregular', sans-serif;
    margin: 0;
    text-transform: uppercase;
}

.menu-2-heading-2 {
    font-family: 'interface_trialregular', sans-serif;
    margin: 0;
    text-transform: uppercase;
}

.menu-2-heading-3 {
    color: #00CFB5;
    font-family: 'interface_trialregular', sans-serif;
}

.menu-2-item {
    float: left;
    margin: 0 2.5% 30px 2.5%;
    width: 15%;
}

@media only screen and (max-width: 767px) {
    .menu-2-item {
        width: 45%;
    }
}

.menu-2-item.disabled {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.menu-2-item-icon {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    height: 100px;
    margin: 0 auto 20px auto;
    width: 100px;
}

.menu-2-item h2 {
    font: 18px/1.3em 'interface_trialregular', sans-serif;
    margin: 0;
    text-transform: uppercase;
}

.menu-2-item h3 {
    font: 24px/1.3em 'interface_trialregular', sans-serif;
    margin: 0;
    text-transform: uppercase;
}

.menu-2-item-body {
    color: #00CFB5;
    font: 18px/1.3em 'interface_trialxbold', sans-serif;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

/* menu-header */
.menu-header {
    background: #FFF;
    margin: 0 0 30px 0;
    padding: 30px 0 1px 0;
    text-align: center;
}

/* menu-filter */
.menu-filter {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    text-transform: uppercase;
}

.menu-filter li {
    float: left;
    width: 12.5%;
}

@media only screen and (max-width: 767px) {
    .menu-filter li {
        width: 25%;
    }
}

.menu-filter a {
    text-decoration: none;
}

.menu-filter-panel {
    min-height: 140px;
}

.menu-filter-image {
    margin: 0 0 10px 0;
}

.menu-filter-small {
    font-size: 11px;
    line-height: 1em;
}

.menu-filter-icon {
    background: url(../img/radio.png);
    height: 21px;
    margin: 0 auto;
    width: 21px;
}

.menu-filter .active .menu-filter-icon {
    background-position: 0 -100px;
}

/* slideshow-2 */

/* quicklink */
.quicklink {
    background: rgba(181, 216, 240, 1);
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 150% 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background 250ms;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .quicklink {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.quicklink:hover {
    background: rgba(181, 216, 240, 0.65);
}

.quicklink-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .quicklink-inner {
        padding: 15px;
    }
}

.quicklink-bottom {
    height: 25px;
}

.quicklink-icon {
    background: url(../img/arrow-right-2.png) no-repeat;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    transition: margin 250ms;
    width: 10px;
}

.quicklink:hover .quicklink-icon {
    margin: 0 0 0 20px;
}

/* newsletter */
.newsletter {
    background: #DAECF8;
    padding: 150% 0 0 0;
    position: relative;
    text-align: center;
}

.newsletter-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .newsletter-inner {
        padding: 15px;
    }
}

.newsletter-top {
    font-size: 20px;
    height: 25%;
    line-height: 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .newsletter-top {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.newsletter .form-item {
    margin: 0 0 10px 0;
}

.newsletter .form-text {
    background: none;
    border: 1px solid #09212E;
    font-family: 'interface_trialregular', sans-serif;
    font-size: 14px;
    padding: 15px;
    text-align: center;
}

.newsletter-bottom {
    height: 25%;
}

.newsletter .form-submit {
    background: url(../img/arrow-right-2.png) no-repeat 100% 50%;
    padding: 0 15px 0 0;
    transition: opacity 250ms, padding 250ms;
}

.newsletter .form-submit:hover {
    padding: 0 25px 0 10px;
}

/* home */
.home-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-social li {
    float: left;
    margin: 0;
    width: 33.333333333333333%;
}

.home-social a {
    background-color: rgba(96, 167, 229, 1);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 85px;
    overflow: hidden;
    text-indent: -9999px;
    transition: background-color 250ms;
}

.home-social a:hover {
    background-color: rgba(96, 167, 229, 0.65);
}

.home-social-spotify {
    background-image: url(../img/spotify-2.png);
}

.home-social-deliveroo {
    background-image: url(../img/deliveroo-2.png);
}

.home-social-facebook {
    background-image: url(../img/facebook-2.png);
}

.home-social-instagram {
    background-image: url(../img/instagram-2.png);
}

/* contact */
.contact-button {
    background: rgba(96, 167, 229, 1);
    color: #FFF;
    display: block;
    font: 28px/85px 'interface_trialxbold', sans-serif;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: background 250ms;
}

.contact-button:hover {
    background: rgba(96, 167, 229, 0.65);
}

.contact-panel-inner {
    background: rgba(96, 167, 229, 1);
    color: #FFF;
}

.contact-close {
    background: #09202E;
    color: #60A7E5;
    display: block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
}

.contact-close span {
    background: url(../img/arrow-up-4.png) no-repeat 100% 50%;
    display: inline-block;
    padding: 0 20px 0 0;
}

/*.contact-panel-header {
    font-size: 20px;
    line-height: 1.5em;
    margin: 0 0 20px 0;
    text-align: right;
}

.contact-panel-header a {
    text-decoration: none;
    transition: opacity 250ms;
}

.contact-panel-header a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}*/

/* slideshow-3 */
.slideshow-3 {
    background: #DAECF8;
    overflow: hidden;
    padding: 150% 0 0 0;
    position: relative;
}

.slideshow-3-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-3-inner {
        padding: 15px;
    }
}

.slideshow-3-link {
    background: url(../img/arrow-right-4.png) no-repeat 100% 50%;
    display: block;
    margin: 0 10px 0 0;
    transition: margin 250ms;
}

.slideshow-3-link:hover {
    margin: 0;
}

.slideshow-3-slideshow {
    margin: 0 0 2% 0;
}

.slideshow-3-pager a {
    float: left;
    margin: 0 2% 0 0;
    width: 32%;
}

.slideshow-3-pager a:last-child {
    margin: 0;
}

/* slideshow-4 */
.slideshow-4 {
    background: rgb(181, 216, 240);
    font-size: 20px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 150% 0 0 0;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-4 {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.slideshow-4-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-4-inner {
        padding: 15px;
    }
}

.slideshow-4-top {
    color: #FFF;
    height: 15%;
    text-align: center;
}

.slideshow-4 h2 {
    font: 20px/1.5em 'interface_trialregular', sans-serif;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-4 h2 {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.slideshow-4 h2 span {
    font: 36px/1.3em 'interface_trialxbold', sans-serif;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-4 h2 span {
        font-size: 20px;
        line-height: 1.3em;
    }
}

.slideshow-4-middle {
    height: 70%;
}

.slideshow-4-slideshow {
    height: 100%;
}

.slideshow-4-bottom {
    height: 15%;
}

.slideshow-4-nav a {
    text-decoration: none;
}

.slideshow-4-nav-left {
    float: left;
    min-height: 1px;
    width: 25%;
}

.slideshow-4-prev {
    background: url(../img/arrow-left-3.png) no-repeat 10px 0;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    transition: background-position 250ms;
    width: 20px;
}

.slideshow-4-prev:hover {
    background-position: 0 0;
}

.slideshow-4-nav-center {
    float: left;
    min-height: 1px;
    text-align: center;
    width: 50%;
}

.slideshow-4-nav-right {
    float: left;
    min-height: 1px;
    text-align: right;
    width: 25%;
}

.slideshow-4-next {
    background: url(../img/arrow-right-3.png) no-repeat 0 0;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    transition: background-position 250ms;
    width: 20px;
}

.slideshow-4-next:hover {
    background-position: 10px 0;
}

/* slideshow-5 */
.slideshow-5-left {
    background: #DAECF8;
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    padding: 74.409% 0 0 0;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-5-left {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.slideshow-5-left-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-5-left-inner {
        padding: 15px;
    }
}

.slideshow-5-left-top {
    height: 25%;
    text-align: center;
}

.slideshow-5-left h2 {
    font: 20px/1.5em 'interface_trialregular', sans-serif;
    margin: 0;
}

.slideshow-5-left-middle {
    height: 50%;
    text-align: center;
}

.slideshow-5-left h3 {
    font-size: 24px;
    line-height: 1.5em;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .slideshow-5-left h3 {
        font-size: 20px;
        line-height: 1.5em;
    }
}

.slideshow-5-left a {
    text-decoration: none;
    transition: opacity 250ms;
}

.slideshow-5-left a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.slideshow-5-slideshow {
    height: 100%;
}

.slideshow-5-slideshow-slide {
    height: 100%;
}

.slideshow-5-slideshow-slide a {
    display: block;
}

.slideshow-5-left-bottom {
    height: 25%;
}

.slideshow-5-nav a {
    text-decoration: none;
}

.slideshow-5-nav-left {
    float: left;
    min-height: 1px;
    width: 25%;
}

.slideshow-5-prev {
    background: url(../img/arrow-left-2.png) no-repeat 10px 0;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    width: 20px;
}

.slideshow-5-left .slideshow-5-prev {
    transition: background-position 250ms;
}

.slideshow-5-prev:hover {
    background-position: 0 0;
}

.slideshow-5-left .slideshow-5-prev:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideshow-5-nav-center {
    float: left;
    min-height: 1px;
    text-align: center;
    width: 50%;
}

.slideshow-5-nav-right {
    float: left;
    min-height: 1px;
    text-align: right;
    width: 25%;
}

.slideshow-5-next {
    background: url(../img/arrow-right-2.png) no-repeat 0 0;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    width: 20px;
}

.slideshow-5-left .slideshow-5-next {
    transition: background-position 250ms;
}

.slideshow-5-next:hover {
    background-position: 10px 0;
}

.slideshow-5-left .slideshow-5-next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideshow-5-right {
    display: block;
    overflow: hidden;
    padding: 74.409% 0 0 0;
    position: relative;
}

.slideshow-5-right-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slideshow-5-slide-2 a {
    display: block;
    overflow: hidden;
    position: relative;
}

.slideshow-5-slide-2 img {
    transition: opacity 250ms, transform 250ms;
}

.slideshow-5-slide-2:hover img {
    transform: scale(1.05,1.05);
}

.slideshow-5-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 250ms;
    width: 100%;
    z-index: 2;
}

.slideshow-5-slide-2:hover .slideshow-5-overlay {
    background: rgba(0, 0, 0, 0.35);
}

/* slideshow-6 */
.slideshow-6 {
    color: #FFF;
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 74.409% 0 0 0;
    position: relative;
    text-align: center;
}

.slideshow-6-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity 250ms, transform 250ms;
    width: 100%;
}

.slideshow-6-slideshow {
    height: 100%;
    position: relative;
}

.slideshow-6-slideshow-slide {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.slideshow-6-slideshow-slide img {
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 250ms;
}

.slideshow-6-slideshow-slide:hover img {
    transform: scale(1.05,1.05);
}

.slideshow-6-slideshow-slide-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px 30px 60px 30px;
    position: absolute;
    top: 0;
    transition: background 250ms;
    width: 100%;
    z-index: 2;
}

.slideshow-6-slideshow-slide:hover .slideshow-6-slideshow-slide-inner {
    background: rgba(0, 0, 0, 0.35);
}

.slideshow-6 h2 {
    border: 1px solid #FFF;
    display: inline-block;
    padding: 10px 20px;
    transition: background 250ms, color 250ms;
}

.slideshow-6:hover h2 {
    background: #FFF;
    color: #012639;
}

.slideshow-6 p:last-child {
    margin: 0;
}

.slideshow-6-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.slideshow-6-prev {
    background: #FFF url(../img/arrow-left-2.png) no-repeat 15px 50%;
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: -20px 0 0 0;
    position: absolute;
    top: 50%;
    transition: background-position 250ms;
    width: 40px;
    z-index: 101;
}

.slideshow-6-prev:hover {
    background-position: 5px 50%;
}

.slideshow-6-next {
    background: #FFF url(../img/arrow-right-2.png) no-repeat 15px 50%;
    cursor: pointer;
    height: 40px;
    margin: -20px 0 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transition: background-position 250ms;
    width: 40px;
    z-index: 101;
}

.slideshow-6-next:hover {
    background-position: 25px 50%;
}

/* quicklink-2 */
.quicklink-2 {
    color: #012639;
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    overflow: hidden;
    padding: 74.409% 0 0 0;
    position: relative;
    text-align: center;
    transition: color 250ms;
}

.quicklink-2:hover {
    color: #FFF;
}

.quicklink-2 img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 250ms;
    width: 100%;
}

.quicklink-2:hover img {
    transform: scale(1.05,1.05);
}

.quicklink-2-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px 30px 60px 30px;
    position: absolute;
    top: 0;
    transition: background 250ms;
    width: 100%;
    z-index: 2;
}

.quicklink-2:hover .quicklink-2-inner {
    background: rgba(0, 0, 0, 0.35);
}

.quicklink-2 h2 {
    border: 1px solid #012639;
    display: inline-block;
    padding: 10px 20px;
    transition: background 250ms;
}

.quicklink-2:hover h2 {
    background: #012639;
}

.quicklink-2 p:last-child {
    margin: 0;
}

.quicklink-2-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

/* teaser */
.teaser {
    display: block;
    padding: 64.409% 0 0 0;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1263px) {
    .teaser {
        font-size: 14px;
        line-height: 1.5em;
    }
}

.teaser-left {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 49.6%;
}

.teaser.odd .teaser-left {
    left: 0;
}

.teaser.even .teaser-left {
    right: 0;
}

.teaser img {
    transition: transform 250ms;
}

.teaser:hover img {
    transform: scale(1.05,1.05);
}

.teaser-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 250ms;
    width: 100%;
    z-index: 2;
}

.teaser:hover .teaser-overlay {
    background: rgba(0, 0, 0, 0.35);
}

.teaser-right {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    text-decoration: none;
    transition: background 250ms;
    width: 49.6%;
}

.teaser.odd .teaser-right {
    right: 0;
}

.teaser.even .teaser-right {
    left: 0;
}

.teaser-right-1 {
    background: rgba(181, 216, 240, 1);
}

.teaser:hover .teaser-right-1 {
    background: rgba(181, 216, 240, 0.65);
}

.teaser-right-2 {
    background: rgba(244, 213, 236, 1);
}

.teaser:hover .teaser-right-2 {
    background: rgba(244, 213, 236, 0.65);
}

.teaser-right-3 {
    background: rgba(255, 235, 214, 1);
}

.teaser:hover .teaser-right-3 {
    background: rgba(255, 235, 214, 0.65);
}

.teaser-right-4 {
    background: rgba(128, 231, 218, 1);
}

.teaser:hover .teaser-right-4 {
    background: rgba(128, 231, 218, 0.65);
}

.teaser-right-5 {
    background: rgba(233, 229, 221, 1);
}

.teaser:hover .teaser-right-5 {
    background: rgba(233, 229, 221, 0.65);
}

.teaser-right-6 {
    background: rgba(215, 233, 249, 1);
}

.teaser:hover .teaser-right-6 {
    background: rgba(215, 233, 249, 0.65);
}

.teaser-right-7 {
    background: rgba(244, 213, 236, 1);
}

.teaser:hover .teaser-right-7 {
    background: rgba(244, 213, 236, 0.65);
}

.teaser-right-8 {
    background: rgba(255, 215, 173, 1);
}

.teaser:hover .teaser-right-8 {
    background: rgba(255, 215, 173, 0.65);
}

.teaser-right-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1263px) {
    .teaser-right-inner {
        padding: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1263px) {
    .teaser h3 {
        font-size: 16px;
        line-height: 1.5em;
        margin: 0 0 15px 0;
    }
}

.teaser-more {
    background: url(../img/arrow-right-2.png) no-repeat 100% 50%;
    display: block-inline;
    padding: 0 15px 0 0;
    transition: padding 250ms;
}

.teaser:hover .teaser-more {
    padding: 0 25px 0 0;
}

/* pager */
.pager {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    text-align: center;
}

.pager li {
    display: inline;
    margin: 0 10px;
}

.pager a {
    text-decoration: none;
}

.pager a:hover,
.pager .active {
    text-decoration: underline;
}

/* nav */
.nav-share {
    background: #60A7E5;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.nav-share li {
    display: inline;
    margin: 0 10px;
}

.nav-share a {
    transition: opacity 250ms;
}

.nav-share a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.nav-button {
    background: #60A7E5;
    display: block;
    font-size: 18px;
    height: 64px;
    line-height: 64px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: background 250ms;
}

.nav-button:hover {
    background: none;
}

.nav-button.disabled {
    filter: alpha(opacity=35);
    opacity: 0.35;
}

.nav-button.disabled:hover {
    background: #60A7E5;
}

/* style-2 */
.style-2 {
    background: #A9D2EE;
    color: #FFF;
}

.style-2 select {
    background: #63A9E6;
}

/* style-3 */
.style-3 {  
    background: #DAECF8;
}

/* side-menu */
.side-menu {
    font: 18px/1.5em 'interface_trialxbold', sans-serif;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    z-index: 101;
}

.side-menu.fixed {
    left: 50%;
    margin: 0 0 0 -482px;
    position: fixed;
    top: 131px;
}

.side-menu li {
    margin: 0 0 5px 0;
}

.side-menu a {
    text-decoration: none;
}

@media only screen and (max-width: 1023px) {
    .side-menu.fixed {
        left: 3%;
        margin: 0;
    }
}

/* header-2 */
.header-2 {
    text-align: center;
    margin: 0 0 60px 0;
}

.header-2 h1 {
    margin: 0 0 10px 0;
}

.header-2 h2 {
    color: #6AB1E2;
    font-family: 'interface_trialregular', sans-serif;
    margin: 0 0 10px 0;
}

/* search-results */
.search-results a {
    text-decoration: none;
}

/* grid */
.grid {
    position: relative;
}

.grid-panel {
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 101;
}

.grid-close {
    background: #09202E;
    color: #60A7E5;
    display: block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
}

.grid-close span {
    background: url(../img/arrow-up-4.png) no-repeat 100% 50%;
    display: inline-block;
    padding: 0 20px 0 0;
}

.grid-panel-inner {
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
}

.grid-panel-inner h1 {
    color: #60A7E5;
    text-transform: uppercase;
}

.grid-placeholder {
    float: left;
    width: 100%;
}

/* teaser-2 */
.teaser-2 {
    display: block;
    position: relative;
}

.teaser-2-panel {
    background: #000;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 500ms;
    width: 100%;
    z-index: 2;
}

.teaser-2:hover .teaser-2-panel {
    filter: alpha(opacity=35);
    opacity: 0.35;
}

/* foundation */
.foundation-body {
    background: rgb(181, 216, 240);
    padding: 30px 0 10px 0;
    text-align: center;
}

/* popup-style-1 */
.popup-style-1 {
    color: #F3F3F3;
    font-size: 22px;
    height: 100%;
    left: 0;
    line-height: 1.3em;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 105;
}

.popup-style-1 .popup-panel-1 {
    background: #09212E;
    filter: alpha(opacity=95);
    height: 100%;
    left: 0;
    opacity: 0.95;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.popup-style-1 .popup-panel-2 {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 91px 0 61px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.popup-style-1 .popup-panel-2-inner {
    margin: 0 auto;
}

.popup-style-1 .popup-logo {
    left: 50%;
    margin: 0 0 0 -68px;
    position: absolute;
    top: 10px;
    z-index: 2;
}

.popup-style-1 .popup-close {
    background: url(../img/close.png) no-repeat;
    height: 29px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    text-indent: -9999px;
    top: 16px;
    width: 29px;
    z-index: 2;
}

.popup-style-1 .popup-panel-2-inner-inner {
    opacity: 0;
    transform: translate(0px,30px);
    transition: opacity 500ms, transform 500ms;
    transition-delay: 1s;
}

.popup-style-1.active .popup-panel-2-inner-inner {
    opacity: 1;
    transform: translate(0px,0px);
}

.popup-style-1 .popup-button {
    border: 1px solid #F3F3F3;
    display: inline-block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    padding: 10px 50px;
    text-decoration: none;
    transition: background-color 250ms, color 250ms;
}

.popup-style-1 .popup-button:hover {
    background-color: #F3F3F3;
    color: #09212E;
}

/* popup-style-2 */
.popup-style-2 {
    font-size: 22px;
    height: 100%;
    left: 0;
    line-height: 1.3em;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 105;
}

.popup-style-2 .popup-panel-1 {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.popup-style-2 .popup-panel-2 {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.popup-style-2 .popup-panel-2-inner {
    -moz-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.5);
    
    background: #F3F3F3;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 840px;
    padding: 59px 20px 1px 20px;
    position: relative;
}

.popup-style-2 .popup-close {
    background: #6AB1E2 url(../img/close.png) no-repeat 50% 50%;
    height: 49px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 49px;
    z-index: 2;
}

.popup-style-2 .popup-button {
    border: 1px solid #09212E;
    display: inline-block;
    font: 20px/1.5em 'interface_trialxbold', sans-serif;
    padding: 10px 50px;
    text-decoration: none;
    transition: background-color 250ms, color 250ms;
}

.popup-style-2 .popup-button:hover {
    background-color: #09212E;
    color: #F3F3F3;
}

/* mobile-header */
.mobile-header-holder {
    height: 61px;
}

.mobile-header {
    background: #F3F3F3;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 103;
}

.mobile-header-bottom {
    background: #60A7E5;
    color: #FFF;
    display: none;
}

.mobile-header-bottom .form-text {
    background: none;
    color: #FFF;
    font-family: 'interface_trialregular', sans-serif;
    font-size: 16px;
    padding: 20px 10px;
}

/* mobile-logo */
.mobile-logo {
    float: left;
    padding: 10px;
}

/* mobile-search-button */
.mobile-search-button {
    background: url(../img/search.png) no-repeat 50% 50%;
    float: right;
    height: 61px;
    margin: 0 61px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 61px;
}

/* mobile-download-menu-button */
.mobile-download-menu-button {
    background: url(../img/file-2.png) no-repeat 100% 50%;
    color: #B0B8BC;
    float: right;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 16px;
    height: 61px;
    line-height: 61px;
    padding: 0 24px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

/* mobile-menu */
.mobile-menu {
    font: 18px/1.3em 'interface_trialxbold', sans-serif;
    position: relative;
    text-transform: uppercase;
    z-index: 104;
}

.mobile-menu-header {
    background: #F3F3F3;
    height: 61px;
    position: fixed;
    right: 0;
    transition: right 250ms;
    top: 0;
    width: 61px;
}

.mobile-menu.active .mobile-menu-header {
    right: 250px;
}

.mobile-menu-header-icon {
    background: url(../img/mobile-menu-button.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.mobile-menu.active .mobile-menu-header-icon {
    background-position: 0 -61px;
}

.mobile-menu-panel {
    background: #F3F3F3;
    height: 100%;
    position: fixed;
    right: -250px;
    transition: right 250ms;
    top: 0;
    width: 250px;
}

.mobile-menu.active .mobile-menu-panel {
    right: 0;
}

/* mobile-main-menu */
.mobile-main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-main-menu li {
    margin: 0;
}

.mobile-main-menu a {
    border-bottom: 1px solid #B3BEC4;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
}

.mobile-main-menu .mobile-main-menu-home {
    background: url(../img/home.png) no-repeat 20px 50%;
    height: 61px;
    padding: 0;
}

/* mobile-menu-social */
.mobile-menu-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu-social li {
    float: left;
    width: 50%;
}

.mobile-menu-social a {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #B3BEC4;
    display: block;
    height: 52px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.mobile-menu-social .odd a {
    border-right: 1px solid #B3BEC4;
}

.mobile-menu-social-facebook {
    background-image: url(../img/facebook.png);
}

.mobile-menu-social-instagram {
    background-image: url(../img/instagram.png);
}

@media only screen and (max-width: 1583px) { /* < 1600 */
}

@media only screen and (max-width: 1423px) { /* < 1440 */
}

@media only screen and (max-width: 1263px) { /* < 1280 */
}

@media only screen and (max-width: 1007px) { /* < 1024 */
}

@media only screen and (max-width: 959px) { /* < 960 */
}

@media only screen and (max-width: 839px) { /* < 840 */
}

@media only screen and (max-width: 719px) { /* < 720 */
}

@media only screen and (max-width: 599px) { /* < 600 */
}

@media only screen and (max-width: 479px) { /* < 480 */
}

@media only screen and (max-width: 399px) { /* < 400 */
}

@media only screen and (max-width: 359px) { /* < 360 */
}

.display-4 {
    font-size: 112px;
    line-height: 1.2em;
}

.display-3 {
    font-size: 56px;
    line-height: 1.2em;
}

.display-2 {
    font-size: 45px;
    line-height: 1.2em;
}

.display-1 {
    font-size: 34px;
    line-height: 1.2em;
}

.headline {
    font-size: 24px;
    line-height: 1.5em;
}

.title {
    font-size: 20px;
    line-height: 1.5em;
}

.caption {
    font-size: 14px;
    line-height: 1.5em;
}

@media only screen and (max-width: 1249px) {
    .display-4 {
        font-size: 56px;
        line-height: 1.2em;
    }

    .display-3 {
        font-size: 45px;
        line-height: 1.2em;
    }

    .display-2 {
        font-size: 34px;
        line-height: 1.2em;
    }

    .display-1 {
        font-size: 24px;
        line-height: 1.5em;
    }

    .headline {
        font-size: 20px;
        line-height: 1.5em;
    }

    .title {
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 1023px) {
    .display-4 {
        font-size: 45px;
        line-height: 1.2em;
    }

    .display-3 {
        font-size: 34px;
        line-height: 1.2em;
    }

    .display-2 {
        font-size: 24px;
        line-height: 1.5em;
    }

    .display-1 {
        font-size: 20px;
        line-height: 1.5em;
    }

    .headline {
        font-size: 16px;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .display-4 {
        font-size: 34px;
        line-height: 1.2em;
    }

    .display-3 {
        font-size: 24px;
        line-height: 1.5em;
    }

    .display-2 {
        font-size: 20px;
        line-height: 1.5em;
    }

    .display-1 {
        font-size: 16px;
        line-height: 1.5em;
    }
}

.color-2 {
    color: #6AB1E2;
}

.clear {
    clear: both;
}

/* form */
::-webkit-input-placeholder {
    color: inherit;
}

:-moz-placeholder {
    color: inherit;
    opacity: 1;
}

::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit;
}

.form-style-2 .form-text {
    background: none;
    border: 2px solid #6AB1E2;
    border-radius: 0;
    box-sizing: border-box;
    color: #09212E;
    display: block;
    font-family: 'interface_trialregular', sans-serif;
    font-size: 14px;
    padding: 8px 12px;
    width: 100%;
}

.form-style-2 .form-text:focus {
    outline: none;
}

.form-style-2 .form-submit {
    -webkit-transition: opacity 250ms;
    transition: opacity 250ms;
    
    background: #6AB1E2;
    border: none;
    border-radius: 0;
    color: #FFF;
    display: block;
    font-family: 'interface_trialxbold', sans-serif;
    font-size: 16px;
    line-height: 1em;
    padding: 10px 12px;
    text-transform: uppercase;
    width: 100%;
}

.form-style-2 .form-submit:hover {
    opacity: 0.65;
}

/* layout */
.container-2 {
    margin: 0 2px;
}

.container-3 {
    margin: 0 auto;
    max-width: 1024px;
}

.col {
    float: left;
    min-height: 1px;
}

.col-1 {
    width: 8.333333333333333%;
}

.col-2 {
    width: 16.666666666666666%;
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.333333333333333%
}

.col-5 {
    width: 41.666666666666666%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.333333333333333%;
}

.col-8 {
    width: 66.666666666666%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.333333333333333%;
}

.col-11 {
    width: 91.666666666666666%;
}

.col-12 {
    width: 100%;
}

.gutter-4 {
    padding: 0 4px;
}

.gutter-12 {
    padding: 0 12px;
}

.margin-8 {
    margin: 0 0 8px 0;
    min-height: 1px;
}

.margin-12 {
    margin: 0 0 12px 0;
    min-height: 1px;
}

.margin-32 {
    margin: 0 0 32px 0;
    min-height: 1px;
}

@media only screen and (max-width: 1249px) {
    .col-1-1280 {
        width: 8.333333333333333%;
    }

    .col-2-1280 {
        width: 16.666666666666666%;
    }

    .col-3-1280 {
        width: 25%
    }

    .col-4-1280 {
        width: 33.333333333333333%
    }

    .col-5-1280 {
        width: 41.666666666666666%;
    }

    .col-6-1280 {
        width: 50%;
    }

    .col-7-1280 {
        width: 58.333333333333333%;
    }

    .col-8-1280 {
        width: 66.666666666666%;
    }

    .col-9-1280 {
        width: 75%;
    }

    .col-10-1280 {
        width: 83.333333333333333%;
    }

    .col-11-1280 {
        width: 91.666666666666666%;
    }

    .col-12-1280 {
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .col-1-1024 {
        width: 8.333333333333333%;
    }

    .col-2-1024 {
        width: 16.666666666666666%;
    }

    .col-3-1024 {
        width: 25%
    }

    .col-4-1024 {
        width: 33.333333333333333%
    }

    .col-5-1024 {
        width: 41.666666666666666%;
    }

    .col-6-1024 {
        width: 50%;
    }

    .col-7-1024 {
        width: 58.333333333333333%;
    }

    .col-8-1024 {
        width: 66.666666666666%;
    }

    .col-9-1024 {
        width: 75%;
    }

    .col-10-1024 {
        width: 83.333333333333333%;
    }

    .col-11-1024 {
        width: 91.666666666666666%;
    }

    .col-12-1024 {
        width: 100%;
    }
    
    .hide-1024 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .col-1-720 {
        width: 8.333333333333333%;
    }

    .col-2-720 {
        width: 16.666666666666666%;
    }

    .col-3-720 {
        width: 25%
    }

    .col-4-720 {
        width: 33.333333333333333%
    }

    .col-5-720 {
        width: 41.666666666666666%;
    }

    .col-6-720 {
        width: 50%;
    }

    .col-7-720 {
        width: 58.333333333333333%;
    }

    .col-8-720 {
        width: 66.666666666666%;
    }

    .col-9-720 {
        width: 75%;
    }

    .col-10-720 {
        width: 83.333333333333333%;
    }

    .col-11-720 {
        width: 91.666666666666666%;
    }

    .col-12-720 {
        width: 100%;
    }
}

/* table */
table {
    margin: 0 0 32px 0;
    width: 100%;
}

th {
    border-bottom: 2px solid #60A7E5;
    color: #60A7E5;
    padding: 4px;
    text-align: left;
}

td {
    border-bottom: 2px solid #FFF;
    padding: 4px;
}

/* table */
.table {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

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

.table-cell {
    display: table-cell;
}

.table-cell.top {
    vertical-align: top;
}

.table-cell.middle {
    vertical-align: middle;
}

.table-cell.bottom {
    vertical-align: bottom;
}

/* submenu */
.submenu {
    background: #FF7C6F;
    font: 18px/40px 'interface_trialxbold', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.submenu-style-2 {
    background: #FEAE5C;
}

.submenu li {
    display: inline-block;
    margin: 0;
}

.submenu a {
    color: #FFF;
    display: block;
    padding: 0 20px;
    text-decoration: none;
}

.submenu a:hover,
.submenu a.active {
    color: #09212E;
}

/* submenu-2 */
.submenu-2 {
    font: 18px/40px 'interface_trialxbold', sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.submenu-2 li {
    display: inline-block;
    margin: 0;
}

.submenu-2 a {
    color: #FF7C6F;
    display: block;
    padding: 0 20px;
    text-decoration: none;
}

.submenu-2-style-2 a {
    color: #FEAE5C;
}

.submenu-2 a:hover,
.submenu-2 a.active {
    color: #09212E;
}

/* teaser-3 */
.teaser-3 {
    display: block;
    overflow: hidden;
    padding: 70% 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.teaser-3-style-1,
.teaser-3-style-3,
.teaser-3-style-6,
.teaser-3-style-8 {
    background: #DAECF8;
}

.teaser-3-style-2,
.teaser-3-style-4,
.teaser-3-style-5,
.teaser-3-style-7 {
    background: #EBF2F9;
}

@media only screen and (max-width: 767px) {
    .teaser-3-style-1,
    .teaser-3-style-4,
    .teaser-3-style-5,
    .teaser-3-style-8 {
        background: #DAECF8;
    }
    
    .teaser-3-style-2,
    .teaser-3-style-3,
    .teaser-3-style-6,
    .teaser-3-style-7 {
        background: #EBF2F9;
    }
}

.teaser-3-panel {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.teaser-3-panel-2 {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.teaser-3 h3 {
    margin: 0;
}

/* section */
.section {  
    background: #DAECF8;
    padding: 32px 0 1px 0;
}

/* section-2 */
.section-2 {  
    background: #FF7C6F;
    color: #FFF;
    padding: 32px 0 1px 0;
    text-align: center;
}

/* section-3 */
.section-3 {
    background: #EBF2F9;
    padding: 30% 0 0 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.section-3-panel {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 32px 32px 1px 32px;
    position: absolute;
    top: 0;
    width: 100%;
}

.section-3-panel-panel {
    height: 100%;
    margin: 0 auto;
    max-width: 720px;
}

/* section-4 */
.section-4 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media only screen and (max-width: 767px) {
    .section-4 {
        display: block;
    }
}

.no-flexbox .section-4 {
    display: block;
}

.section-4-panel {
    -webkit-box-flex: 1 auto;
    -moz-box-flex: 1 auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    
    background: #DAECF8;
    box-sizing: border-box;
    margin: 0 0.2%;
    padding: 32px 32px 1px 32px;
    width: 49.6%;
}

@media only screen and (max-width: 767px) {
    .section-4-panel {
        width: auto;
    }
}

.no-flexbox .section-4-panel {
    float: left;
}

@media only screen and (max-width: 767px) {
    .no-flexbox .section-4-panel {
        float: none;
    }
}

.section-4-panel-panel {
    margin: 0 auto;
    max-width: 720px;
}

.section-4-panel-2 {
    -webkit-box-flex: 1 auto;
    -moz-box-flex: 1 auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    
    margin: 0 0.2%;
    width: 49.6%;
}

@media only screen and (max-width: 767px) {
    .section-4-panel-2 {
        width: auto;
    }
}

.no-flexbox .section-4-panel-2 {
    float: left;
}

.section-4-panel-2-panel {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

.section-4-panel-2-panel-panel {
    display: table-row;
}

.section-4-panel-2-panel-panel-panel {
    background: #EBF2F9;
    display: table-cell;
    padding: 32px 32px 1px 32px;
    text-align: center;
    vertical-align: middle;
}

.section-4-panel-2-panel-panel-panel-panel {
    margin: 0 auto;
    max-width: 720px;
}

.section-4-panel-2-panel-panel-panel-2 {
    background: #D456B1;
    color: #FFF;
    display: table-cell;
    padding: 32px 32px 1px 32px;
    text-align: center;
    vertical-align: middle;
}

.section-4-more {
    background: url(../img/arrow-right-3.png) no-repeat 100% 50%;
    display: inline-block;
    padding: 0 18px 0 0;
    text-decoration: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        /*background: transparent !important;*/
        /*color: #000 !important;*/ /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}