@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');


body,
html body,
html figure,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html img,
html p {
    padding: 0;
    margin: 0
}
html p{
	margin-bottom:6px;
}
header {
    left: 0;
    left: 0
}
h1,
h2,
h3 {
    font-weight: 300
}
h1,
h4,
h5 {
    font-weight: initial
}
em,
var {
    font-style: italic
}
.brand-slider .has-slider-nav:focus,
.brand-slider .is-slider:focus,
.brand-slider .single-slide:focus,
.brand-slider .slider-layers:focus,
.slider .has-slider-nav:focus,
.slider .is-slider:focus,
.slider .single-slide:focus,
.slider .slider-layers:focus,
html a:focus,
html button:focus,
html input:focus,
html textarea:focus,
select:focus {
    outline: 0
}


@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url('vhs-assets-css-84da256f092ec70f5273ea0d29315513.ttf')format('truetype')
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('vhs-assets-css-f6e60af5cfba58e2f6519eb79eaade83.ttf')format('truetype')
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url('vhs-assets-css-1d480737ed979bdc0eacca3a6b46293a.ttf')format('truetype')
}
@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('vhs-assets-css-0c7819ae6d42a71026ca8c168d11db67.ttf')format('truetype')
}
@font-face {
    font-family: "Manus W00 Manus";
    src: url('vhs-assets-css-b12569df7a2225c99aa9473fc01f1225.eot?#iefix');
    src: url('vhs-assets-css-b12569df7a2225c99aa9473fc01f1225.eot?#iefix')format("eot"), url('vhs-assets-css-cc754494adc7dfa984e37aa88c92c33d.woff2')format("woff2"), url('vhs-assets-css-fc1b9403b02ba6a54bec547c3165947a.woff')format("woff"), url('vhs-assets-css-b86af87083100d19cf96c5f1b6f0a1cd.ttf')format("truetype"), url('vhs-assets-css-c4b7e6675a1c9e9d2585e61b101a53c5.svg#45e2efad-f129-4418-be89-6c91fd64688b')format("svg")
}
@media only screen and (min-width: 1140px) {
    [data-size-lg="12"] {
        width: 100%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="11"] {
        width: 91.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="10"] {
        width: 83.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="9"] {
        width: 75%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="8"] {
        width: 66.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="7"] {
        width: 58.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="6"] {
        width: 50%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="5"] {
        width: 41.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="4"] {
        width: 33.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="3"] {
        width: 25%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="2"] {
        width: 16.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="1"] {
        width: 8.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-lg="0"] {
        display: none
    }
}
@media only screen and (max-width: 1140px) {
    [data-size-md="12"] {
        width: 100%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="11"] {
        width: 91.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="10"] {
        width: 83.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="9"] {
        width: 75%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="8"] {
        width: 66.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="7"] {
        width: 58.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="6"] {
        width: 50%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="5"] {
        width: 41.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="4"] {
        width: 33.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="3"] {
        width: 25%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="2"] {
        width: 16.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="1"] {
        width: 8.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-md="0"] {
        display: none
    }
}
@media only screen and (max-width: 960px) {
    [data-size-sm="12"] {
        width: 100%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="11"] {
        width: 91.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="10"] {
        width: 83.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="9"] {
        width: 75%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="8"] {
        width: 66.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="7"] {
        width: 58.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="6"] {
        width: 50%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="5"] {
        width: 41.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="4"] {
        width: 33.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="3"] {
        width: 25%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="2"] {
        width: 16.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="1"] {
        width: 8.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-sm="0"] {
        display: none
    }
}
@media only screen and (max-width: 480px) {
    [data-size-xs="12"] {
        width: 100%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="11"] {
        width: 91.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="10"] {
        width: 83.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="9"] {
        width: 75%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="8"] {
        width: 66.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="7"] {
        width: 58.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="6"] {
        width: 50%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="5"] {
        width: 41.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="4"] {
        width: 33.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="3"] {
        width: 25%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="2"] {
        width: 16.66666667%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="1"] {
        width: 8.33333333%;
        float: left;
        vertical-align: top;
        min-height: 1px
    }
    [data-size-xs="0"] {
        display: none
    }
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%
}
header .navigation,
html {
    -moz-box-sizing: border-box
}
html figure img {
    display: block
}
html a img {
    border: none;
    text-decoration: none
}
html div {
    vertical-align: top
}
@media only screen and (min-width: 1140px) {
    html {
        font-family: size-lg
    }
}
@media only screen and (max-width: 1140px) {
    html {
        font-family: size-md
    }
}
body {
    background-color: #fff;
    font-family: Roboto, Sans-Serif;
    font-size: 18px;
    font-size: 1.125rem;
    color: initial;
    line-height: initial;
    letter-spacing: initial;
    min-height: 100%
}
header {
    padding: 0;
    position: fixed;
    z-index: 20;
    visibility: hidden;
    width: 100%;
    top: 0;
    top: 0;
    height: 50px;
    height: 3.125rem
}
header .navigation {
    height: 80px;
    height: 5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
/*header .navigation #mobile-menu {
    visibility: visible;
    position: absolute;
    z-index: 11;
    right: 170px;
    right: 10.625rem;
    top: 20px;
    top: 1.25rem;
    cursor: pointer;
    width: 40px;
    width: 2.5rem;
    height: 35px;
    height: 2.1875rem;
    padding: .625rem .3125rem 0 .1875rem
}
header .navigation #mobile-menu path,
header .navigation #mobile-menu rect {
    fill: #008fc3;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}
header .navigation #mobile-menu path:nth-of-type(1),
header .navigation #mobile-menu path:nth-of-type(2),
header .navigation #mobile-menu rect:nth-of-type(1),
header .navigation #mobile-menu rect:nth-of-type(2) {
    -moz-transform: rotate(0)translateX(0)translateY(0);
    -webkit-transform: rotate(0)translateX(0)translateY(0);
    -o-transform: rotate(0)translateX(0)translateY(0);
    -ms-transform: rotate(0)translateX(0)translateY(0);
    transform: rotate(0)translateX(0)translateY(0)
}
header .navigation #mobile-menu[contextmenu=closed] {
    background-color: rgba(249, 249, 249, .7)
}
header .navigation #mobile-menu[contextmenu=open] {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}
header .navigation #mobile-menu[contextmenu=open] path,
header .navigation #mobile-menu[contextmenu=open] rect {
    fill: #fff
}
header .navigation #mobile-menu[contextmenu=open] path:nth-of-type(1),
header .navigation #mobile-menu[contextmenu=open] rect:nth-of-type(1) {
    -moz-transform: rotate(45deg)translateX(7px)translateY(-5px);
    -webkit-transform: rotate(45deg)translateX(7px)translateY(-5px);
    -o-transform: rotate(45deg)translateX(7px)translateY(-5px);
    -ms-transform: rotate(45deg)translateX(7px)translateY(-5px);
    transform: rotate(45deg)translateX(7px)translateY(-5px)
}
header .navigation #mobile-menu[contextmenu=open] path:nth-of-type(2),
header .navigation #mobile-menu[contextmenu=open] rect:nth-of-type(2) {
    -moz-transform: rotate(-45deg)translateX(-20px)translateY(14px);
    -webkit-transform: rotate(-45deg)translateX(-20px)translateY(14px);
    -o-transform: rotate(-45deg)translateX(-20px)translateY(14px);
    -ms-transform: rotate(-45deg)translateX(-20px)translateY(14px);
    transform: rotate(-45deg)translateX(-20px)translateY(14px)
}
header .navigation #mobile-menu[contextmenu=open] path:nth-of-type(3),
header .navigation #mobile-menu[contextmenu=open] rect:nth-of-type(3) {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}*/
header .navigation #main-nav ul,
header .navigation #main-nav .panel{
	display:none;
}
header .navigation #main-nav ul.visible,
header .navigation #main-nav .panel.visible{
	display:block;
}
header .navigation #mobile-menu {
    visibility: visible;
    position: absolute;
    z-index: 11;
    right: 170px;
    right: 10.625rem;
    top: 20px;
    top: 1.25rem;
    cursor: pointer;
	width:34px;
	height:26px;
	padding:10px 7px;
}
header .navigation #mobile-menu span {
    background-color: #008fc3;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
	width: 33px;
    height: 6px;
    position: absolute;
    box-shadow: 0px 0px 50px 1px #ffffff;
}
header .navigation #mobile-menu span:nth-of-type(1),
header .navigation #mobile-menu span:nth-of-type(2) {
    -moz-transform: rotate(0)translateX(0)translateY(0);
    -webkit-transform: rotate(0)translateX(0)translateY(0);
    -o-transform: rotate(0)translateX(0)translateY(0);
    -ms-transform: rotate(0)translateX(0)translateY(0);
    transform: rotate(0)translateX(0)translateY(0)
}
header .navigation #mobile-menu[contextmenu=closed] {
    /*background-color: rgba(249, 249, 249, .7)*/
}
header .navigation #mobile-menu[contextmenu=open] {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}
header .navigation #mobile-menu[contextmenu=open] span {
    background-color: #fff
}
header .navigation #mobile-menu[contextmenu=open] span:nth-of-type(1) {
    -moz-transform: rotate(45deg)translateX(8px)translateY(10px);
    -webkit-transform: rotate(45deg)translateX(8px)translateY(10px);
    -o-transform: rotate(45deg)translateX(8px)translateY(10px);
    -ms-transform: rotate(45deg)translateX(8px)translateY(10px);
    transform: rotate(45deg)translateX(8px)translateY(10px)
}
header .navigation #mobile-menu[contextmenu=open] span:nth-of-type(2) {
    -moz-transform: rotate(-45deg)translateX(-10px)translateY(8px);
    -webkit-transform: rotate(-45deg)translateX(-10px)translateY(8px);
    -o-transform: rotate(-45deg)translateX(-10px)translateY(8px);
    -ms-transform: rotate(-45deg)translateX(-10px)translateY(8px);
    transform: rotate(-45deg)translateX(-10px)translateY(8px)
}
header .navigation #mobile-menu[contextmenu=open] span:nth-of-type(3) {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
header .navigation #mobile-menu[contextmenu=closed] span:nth-of-type(1) {
	margin-top:0px;
}
header .navigation #mobile-menu[contextmenu=closed] span:nth-of-type(2) {
	margin-top:10px;
}
header .navigation #mobile-menu[contextmenu=closed] span:nth-of-type(3) {
	margin-top:20px;
}
header .navigation #main-nav {
    visibility: visible;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}
header .navigation #main-nav figure {
    width: 102px;
    width: 6.375rem;
    float: left;
    height: 140px;
    height: 8.75rem;
    position: relative;
    margin-left: 10.625rem;
    z-index: 2;
    top: -45px;
    top: -2.8125rem
}
header .navigation #main-nav figure a {
    border: 1px solid transparent
}
header .navigation #main-nav figure a img {
    margin-top: 2.5rem
}
@media only screen and (max-width: 960px) {
    html {
        font-family: size-sm
    }
    header .navigation #mobile-menu {
        right: 15px;
        right: .9375rem
    }
    header .navigation #main-nav figure {
        margin-left: .9375rem
    }
}
header .navigation #main-nav ul {
    position: absolute;
    z-index: 4;
    top: 80px;
    top: 5rem;
    right: 174px;
    right: 10.875rem;
    height: 90vh;
    display: block;
    overflow: auto;
    -webkit-animation: Rantanplan-out 1000ms ease;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 300ms;
    animation: Rantanplan-out 1000ms ease;
    animation-fill-mode: forwards;
    animation-delay: 300ms
}
header .navigation #main-nav ul li {
    float: none;
    clear: both;
    position: relative;
    list-style-type: none;
    width: 100%;
    display: block;
    padding: 0
}
header .navigation #main-nav ul li.active>a,
header .navigation #main-nav ul li>a {
    white-space: nowrap;
    text-align: right;
    float: right;
    width: auto;
    text-transform: uppercase
}
header .navigation #main-nav ul li:before {
    display: none
}
header .navigation #main-nav ul li>a {
    font-size: 1.75rem;
    box-sizing: border-box;
    transition: all 125ms ease-out;
    display: block;
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-bottom-color: transparent
}
header .navigation #main-nav ul li.active>a,
header .navigation #main-nav ul li.active>a:hover,
header .navigation #main-nav ul li>a:hover {
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-bottom-color: #fff
}
header .navigation #main-nav ul li.active>a,
header .navigation #main-nav ul li>a {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    padding-top: .9375rem;
    color: #fff;
    text-decoration: none;
    font-size: 28px;
    padding-bottom: .46875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
header .navigation #main-nav ul li>a:hover {
    color: #fff
}
header .navigation #main-nav ul li:first-child>a {
    padding-left: 0
}
header .navigation #main-nav ul li:last-child>a {
    padding-right: 0
}
header .navigation #main-nav ul li:hover>ul {
    display: block
}
header .navigation #main-nav ul li.active>a {
    font-size: 1.75rem;
    box-sizing: border-box;
    transition: all 125ms ease-out;
    display: block
}
header .navigation #main-nav ul li.active>a:hover {
    color: #fff
}
@media only screen and (max-width: 480px) {
    html {
        font-family: size-xs
    }
    header .navigation #main-nav ul li.active>a,
    header .navigation #main-nav ul li>a {
        font-size: 6vw
    }
}
@-webkit-keyframes Rantanplan-out {
    0% {
        right: 174px;
        right: 10.875rem
    }
    100% {
        right: -100vw
    }
}
@keyframes Rantanplan-out {
    0% {
        right: 174px;
        right: 10.875rem
    }
    100% {
        right: -100vw
    }
}
header .navigation #main-nav ul.visible {
    right: -100vw;
    -webkit-animation: Rantanplan-in 500ms ease;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 100ms;
    animation: Rantanplan-in 500ms ease;
    animation-fill-mode: forwards;
    animation-delay: 100ms
}
@-webkit-keyframes Rantanplan-in {
    0% {
        right: -100vw;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
    100% {
        right: 174px;
        right: 10.875rem;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
}
@keyframes Rantanplan-in {
    0% {
        right: -100vw;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }
    100% {
        right: 174px;
        right: 10.875rem;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
}
@media only screen and (max-width: 960px) {
    header .navigation #main-nav ul {
        height: calc(100vh - 80px);
        right: 20px;
        right: 1.25rem;
        -webkit-animation: Rantanplan-out 1000ms ease;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: 300ms;
        animation: Rantanplan-out 1000ms ease;
        animation-fill-mode: forwards;
        animation-delay: 300ms
    }
    @-webkit-keyframes Rantanplan-out {
        0% {
            right: 20px;
            right: 1.25rem
        }
        100% {
            right: -100vw
        }
    }
    @keyframes Rantanplan-out {
        0% {
            right: 20px;
            right: 1.25rem
        }
        100% {
            right: -100vw
        }
    }
    header .navigation #main-nav ul.visible {
        right: -100vw;
        -webkit-animation: Rantanplan-in 500ms ease;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-delay: 100ms;
        animation: Rantanplan-in 500ms ease;
        animation-fill-mode: forwards;
        animation-delay: 100ms
    }
    @-webkit-keyframes Rantanplan-in {
        0% {
            right: -100vw;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0
        }
        100% {
            right: 20px;
            right: 1.25rem;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1
        }
    }
    @keyframes Rantanplan-in {
        0% {
            right: -100vw;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0
        }
        100% {
            right: 20px;
            right: 1.25rem;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1
        }
    }
}
header .navigation #main-nav ul li ul {
    position: absolute;
    left: 0;
    left: 0;
    top: 62px;
    top: 3.875rem;
    text-align: left;
    display: none
}
header .navigation #main-nav ul li ul li {
    float: none;
    display: inline-block;
    list-style-type: none;
    width: 100%
}
>header .navigation #main-nav ul li ul li.active>a,
header .navigation #main-nav ul li ul li>a {
    white-space: nowrap;
    text-transform: uppercase;
    text-align: right;
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    display: block;
    float: right;
    width: auto
}
header .navigation #main-nav ul li ul li>a {
    font-size: 1rem;
    color: #fff;
    box-sizing: border-box;
    transition: all 125ms ease-out;
    border-bottom-color: transparent;
    padding: .9375rem
}
>header .navigation #main-nav ul li ul li.active>a,
header .navigation #main-nav ul li ul li>a {
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.cr,
>header .navigation #main-nav ul li ul li.active>a,
header .navigation #main-nav ul li ul li>a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
header .navigation #main-nav ul li ul li>a:hover {
    color: #fff;
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-bottom-color: #fff
}
header .navigation #main-nav ul li ul li:first-child.active>a,
header .navigation #main-nav ul li ul li:first-child>a {
    padding-left: .9375rem
}
header .navigation #main-nav ul li ul li:last-child.active>a,
header .navigation #main-nav ul li ul li:last-child>a {
    padding-right: .9375rem
}
>header .navigation #main-nav ul li ul li:hover>ul {
    display: block
}
>header .navigation #main-nav ul li ul li.active>a {
    font-size: 1rem;
    padding-top: .9375rem;
    padding-bottom: .46875rem;
    color: #008fc3;
    box-sizing: border-box;
    transition: all 125ms ease-out;
    border-bottom-color: transparent
}
>header .navigation #main-nav ul li ul li.active>a:hover {
    color: #fff;
    border-bottom-width: .125rem;
    border-bottom-style: solid;
    border-bottom-color: #fff
}
.tabs .tab-content,
hr {
    border-bottom-color: #001d3a
}
@media only screen and (max-width: 1140px) {
    header .navigation #main-nav ul li ul {
        position: initial;
        left: auto;
        top: auto;
        height: auto;
        width: 100%
    }
    header .navigation #main-nav ul li ul.visible {
        display: block;
        height: auto;
        overflow: visible
    }
    header .navigation #main-nav ul li ul.visible~i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }
}
main {
    top: 0;
    top: 0
}
header .navigation #main-nav ul li.language {
    min-height: 60px;
    min-height: 3.75rem;
    padding-top: 0;
    text-align: right;
    position: absolute;
    bottom: 0;
    bottom: 0
}
@media only screen and (max-height: 635px) {
	header .navigation #main-nav ul li.language {
		position: relative;
		bottom: 0;
	}
}
a.textlink,
p,
p a {
    text-align: inherit
}
header .navigation #main-nav ul li.language a {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 .9375rem;
    float: none;
    display: inline-block;
    border: none
}
h5,
h6 {
    font-size: 22px
}
header .navigation #main-nav ul li.language a:last-child {
    margin: 0
}
header .navigation #main-nav ul li.language a:before {
    content: '|';
    color: #fff;
    margin-right: .9375rem
}
h1,
h2,
h3,
h5,
h6 {
    font-family: Roboto, Sans-Serif;
    color: #000;
    line-height: 120%
}
header .navigation #main-nav ul li.language a:first-child:before {
    display: none
}
header .navigation #main-nav ul li.language:hover a {
    border: none;
    text-decoration: none
}
@media only screen and (max-width: 960px) {
    header .navigation #main-nav ul li.language {
        padding: 0
    }
}
header .navigation #main-nav .panel {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: skew(10deg, 0deg);
    -moz-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
    overflow: hidden;
    position: fixed;
    z-index: 3;
    top: 0;
    top: 0;
    right: -100vw;
    width: 666px;
    width: 41.625rem;
    margin: 0;
    min-height: 115vh;
    -webkit-transition: all 333ms ease-out;
    -moz-transition: all 333ms ease-out;
    -o-transition: all 333ms ease-out;
    transition: all 333ms ease-out;
    background-color: rgba(38, 164, 204, .9);
    padding-right: 1.875rem;
    clear: initial;
    -webkit-animation: menu-out 1000ms ease;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0ms;
    animation: menu-out 1000ms ease;
    animation-fill-mode: forwards;
    animation-delay: 0ms
}
@-webkit-keyframes menu-out {
    0% {
        right: -222px;
        right: -13.875rem;
        -webkit-transform: skew(10deg, 0deg);
        -moz-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        -o-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }
    40% {
        right: -190px;
        right: -11.875rem;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    80% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    100% {
        right: -250vw;
        -webkit-transform: skew(-10deg, 0deg);
        -moz-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        -o-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }
}
@keyframes menu-out {
    0% {
        right: -222px;
        right: -13.875rem;
        -webkit-transform: skew(10deg, 0deg);
        -moz-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        -o-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }
    40% {
        right: -190px;
        right: -11.875rem;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    80% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    100% {
        right: -250vw;
        -webkit-transform: skew(-10deg, 0deg);
        -moz-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        -o-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }
}
header .navigation #main-nav .panel.visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-animation: menu-in 750ms ease;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0ms;
    animation: menu-in 750ms ease;
    animation-fill-mode: forwards;
    animation-delay: 0ms
}
.fx.loaded,
main.moving {
    -webkit-animation-fill-mode: forwards
}
@-webkit-keyframes menu-in {
    0% {
        right: -250vw;
        -webkit-transform: skew(-10deg, 0deg);
        -moz-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        -o-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }
    40% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    80% {
        right: -190px;
        right: -11.875rem;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    100% {
        right: -222px;
        right: -13.875rem;
        -webkit-transform: skew(10deg, 0deg);
        -moz-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        -o-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }
}
@keyframes menu-in {
    0% {
        right: -250vw;
        -webkit-transform: skew(-10deg, 0deg);
        -moz-transform: skew(-10deg, 0deg);
        -ms-transform: skew(-10deg, 0deg);
        -o-transform: skew(-10deg, 0deg);
        transform: skew(-10deg, 0deg)
    }
    40% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    80% {
        right: -190px;
        right: -11.875rem;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    100% {
        right: -222px;
        right: -13.875rem;
        -webkit-transform: skew(10deg, 0deg);
        -moz-transform: skew(10deg, 0deg);
        -ms-transform: skew(10deg, 0deg);
        -o-transform: skew(10deg, 0deg);
        transform: skew(10deg, 0deg)
    }
}
@media only screen and (max-width: 960px) {
    header .navigation #main-nav .panel {
        width: 444px;
        width: 27.75rem
    }
}
@media only screen and (max-width: 480px) {
    header .navigation #main-nav ul {
        width: 100%
    }
}
main {
    min-height: 100%;
    min-width: 100%;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    left: 0;
    left: 0;
    padding-top: 0;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out
}
main.moving {
    -webkit-animation: mainMove 500ms ease;
    -webkit-animation-delay: 250ms;
    animation: mainMove 500ms ease;
    animation-delay: 250ms;
    animation-fill-mode: forwards
}
@-webkit-keyframes mainMove {
    0% {
        left: 0
    }
    100% {
        left: -250px;
        left: -15.625rem
    }
}
@keyframes mainMove {
    0% {
        left: 0
    }
    100% {
        left: -250px;
        left: -15.625rem
    }
}
@media only screen and (max-width: 1140px) {
    /*header .navigation #main-nav ul li.language {
        bottom: 60px;
        bottom: 3.75rem
    }*/
    main {
        padding-top: 0
    }
}
.container-fluid.edge {
    position: relative;
    overflow: hidden;
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg);
    margin: 6.25rem 0;
    max-height: 500px;
    max-height: 31.25rem
}
.container-fluid.edge figure {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg);
    margin-top: -6vw
}
.container-fluid.edge:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    left: 0;
    left: 0;
    bottom: 0;
    border-color: transparent transparent transparent #00abe9;
    position: absolute;
    z-index: 1;
    border-width: 1.25rem 0 0 100vw
}
@media only screen and (max-width: 1140px) {
    .container-fluid.edge {
        max-height: 33vw
    }
    .container-fluid.edge figure {
        margin-top: -6vw
    }
}
.container-fluid.spaceBtn {
    margin-top: -3.125rem;
    margin-bottom: 3.125rem
}
.container-fluid-shiftSoft {
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg);
    margin: 0 0 3.125rem;
    padding: 6.25rem 0;
    position: relative;
    width: 100%;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #d4e5ee), color-stop(33%, #f9fafa), color-stop(100%, #fff));
    background: -webkit-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -moz-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -ms-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -o-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%)
}
.container-fluid-shift.edge:before,
.container-fluid-shiftSoft.edge-single:before,
.container-fluid-shiftSoft.reverse:before {
    border-style: solid;
    content: '';
    width: 0;
    height: 0
}
.container-fluid-shiftSoft>.cr {
    transform: skew(0deg, 7deg)
}
.container-fluid-shiftSoft.reverse,
.container-fluid-shiftSoft>.cr {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg)
}
.container-fluid-shiftSoft figure {
    margin-top: 3.75rem;
    margin-bottom: 1.875rem
}
.container-fluid-shiftSoft:nth-of-type(1n+1) {
    z-index: 5
}
@media only screen and (max-width: 480px) {
    .container-fluid.edge {
        max-height: 45vw
    }
    .container-fluid-shiftSoft:nth-of-type(1n+1) {
        margin-top: -4.375rem!important
    }
}
.container-fluid-shiftSoft:nth-of-type(2n+1) {
    z-index: 4
}
.container-fluid-shiftSoft:nth-of-type(3n+1) {
    margin-top: -8.75rem;
    z-index: 3
}
.container-fluid-shiftSoft.reverse {
    position: relative;
    //overflow: hidden
}
.container-fluid-shiftSoft.reverse:before {
    position: absolute;
    z-index: 1
}
.container-fluid-shiftSoft.edge-single {
    position: relative;
    //overflow: hidden;
    margin-top: -1.25rem
}
.container-fluid-shiftSoft.edge-single:before {
    left: 0;
    left: 0;
    bottom: 0;
    border-color: transparent transparent transparent #00abe9;
    position: absolute;
    z-index: 1;
    border-width: 1.25rem 0 0 100vw
}
@media only screen and (max-width: 480px) {
    .container-fluid-shiftSoft.edge-single.stuto:not(.reverse) .cr {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .container-fluid-shiftSoft.edge-single.stuto:not(.reverse) .cr div:nth-of-type(1n+1) {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
    .container-fluid-shiftSoft.edge-single.stuto:not(.reverse) .cr div:nth-of-type(1n+2) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }
    .container-fluid-shiftSoft.edge-single.stuto:not(.reverse) .cr div:nth-of-type(1n+3) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
    .container-fluid-shiftSoft.edge-single.stuto:not(.reverse) .cr div:nth-of-type(1n+4) {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4
    }
}
.cr:after,
h5 {
    display: block
}
.container-fluid-shiftSoft.reverse {
    transform: skew(0deg, 7deg);
    margin-top: -4.375rem
}
.container-fluid-shiftSoft.reverse>.cr {
    transform: skew(0deg, -7deg)
}
.container-fluid-shift,
.container-fluid-shiftSoft.reverse>.cr {
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg)
}
.container-fluid-shiftSoft.reverse:before {
    border-color: transparent transparent #00abe9;
    border-width: 0 0 1.25rem 100vw
}
.container-fluid-shift {
    transform: skew(0deg, -7deg);
    margin: 6.25rem 0 0;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #b3d3e2), color-stop(33%, #eaf2f6), color-stop(100%, #fff));
    background: -webkit-linear-gradient(90deg, #b3d3e2 0, #eaf2f6 33%, #fff 100%);
    background: -moz-linear-gradient(90deg, #b3d3e2 0, #eaf2f6 33%, #fff 100%);
    background: -ms-linear-gradient(90deg, #b3d3e2 0, #eaf2f6 33%, #fff 100%);
    background: -o-linear-gradient(90deg, #b3d3e2 0, #eaf2f6 33%, #fff 100%)
}
.container-fluid-shift .intro-headlines {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg);
    margin-left: 5.625rem;
    margin-top: 5rem
}
.container-fluid-shift .brand-slider {
    margin: 40px auto 160px
}
.container-fluid-shift .job-results {
    transform: skew(0deg, 7deg);
    margin: 6.25rem 0
}
.container-fluid-shift .job-results,
.container-fluid-shift.downloads article {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg)
}
.container-fluid-shift.downloads {
    margin-top: 6.25rem
}
.container-fluid-shift.downloads article {
    transform: skew(0deg, 7deg);
    margin-top: 6.25rem
}
.container-fluid-shift.joblist,
.container-fluid-shift.labels {
    margin-top: 0
}
.container-fluid-shift.edge {
    position: relative;
    overflow: hidden;
    top: -100px;
    top: -6.25rem
}
.container-fluid-shift.edge:before {
    left: 0;
    left: 0;
    bottom: 0;
    border-color: transparent transparent transparent #00abe9;
    position: absolute;
    z-index: 1;
    border-width: 1.25rem 0 0 100vw
}
@media only screen and (max-width: 960px) {
    .container-fluid-shiftSoft.edge-single:before,
    .container-fluid.edge.edge:before {
        border-top-width: .9375rem
    }
    .container-fluid-shiftSoft.reverse:before {
        border-bottom-width: .9375rem
    }
    .container-fluid-shift {
        margin-top: 2.5rem
    }
    .container-fluid-shift .intro-headlines {
        margin-left: 0
    }
    .container-fluid-shift.edge:before {
        border-top-width: .9375rem
    }
}
@media only screen and (max-width: 480px) {
    .container-fluid-shift .intro-headlines {
        margin-left: 0
    }
}
.container-fluid-structure {
    margin-bottom: 3.75rem
}
.container-fluid-browse {
    background: #f9f9f9;
    padding: 1.875rem 0;
    margin: 3.75rem 0;
    position: relative
}
.container-fluid-browse article section h1,
.container-fluid-browse article section h2,
.container-fluid-browse article section h3,
.container-fluid-browse article section h4,
.container-fluid-browse article section h5,
.container-fluid-browse article section h6 {
    float: left;
    margin-left: 1.875rem
}
.container-fluid-browse .btn.label {
    margin-top: 0;
    margin-left: .9375rem
}
.container-fluid-browse:after {
    content: '';
    background: #fff;
    width: 100%;
    height: 80px;
    height: 5rem;
    position: absolute;
    left: 0;
    left: 0;
    bottom: -54px;
    bottom: -3.375rem;
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg)
}
@media only screen and (max-width: 960px) {
    .container-fluid-browse article section h1,
    .container-fluid-browse article section h2,
    .container-fluid-browse article section h3,
    .container-fluid-browse article section h4,
    .container-fluid-browse article section h5,
    .container-fluid-browse article section h6 {
        margin-left: 0
    }
}
.container-fluid-labels {
    padding: 0;
    position: relative;
    margin: 7.5rem 0;
    padding-left: 1.875rem
}
.container-fluid-labels article {
    margin-left: -1.25rem
}
.container-fluid-labels .btn {
    margin-top: 1.875rem
}
.container-fluid-labels:before {
    content: '';
    position: absolute;
    left: -100px;
    left: -6.25rem;
    top: -30px;
    top: -1.875rem;
    height: 100%;
    width: 120%;
    background-color: #f9f9f9;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg)
}
.container-fluid-labels.contact {
    max-height: 460px;
    max-height: 28.75rem
}
.container-fluid-labels .labels:after {
    content: '';
    clear: both;
    display: block
}
@media only screen and (max-width: 960px) {
    .container-fluid-labels {
        padding-left: 0
    }
    .container-fluid-labels article {
        margin: 0
    }
    .container-fluid-labels:before {
        width: 300%;
        left: -300px;
        left: -18.75rem;
        height: 103%
    }
}
.cr,
a.btn {
    position: relative;
    width: auto
}
@media only screen and (max-width: 480px) {
    .container-fluid-labels .indent {
        margin-top: -4.6875rem;
        margin-bottom: 1.875rem
    }
}
.cr {
    box-sizing: border-box;
    max-width: 1170px;
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto
}
.cr:after {
    content: "";
    clear: both
}
.cr .cr {
    padding-left: 0;
    padding-right: 0;
    clear: both
}
.cr .cr .cr {
    margin: 0
}
.cr [data-size-lg],
.cr [data-size-md],
.cr [data-size-sm],
.cr [data-size-xs] {
    float: left;
    vertical-align: top;
    height: auto;
    box-sizing: border-box;
    min-height: 1px;
    padding: 0 15px
}
@media only screen and (max-width: 960px) {
    .cr [data-size-lg],
    .cr [data-size-md],
    .cr [data-size-sm],
    .cr [data-size-xs] {
        padding: 0 15px
    }
}
@media only screen and (max-width: 1140px) {
    .cr {
        padding-left: 0;
        padding-right: 0
    }
}
h1 {
    /*font-size: 32px;
    font-size: 2rem*/
	font-size: 50px;
    font-size: 3.125rem;
    text-transform: uppercase;
	font-weight:300;
}
h2 {
    font-size: 50px;
    font-size: 3.125rem;
    text-transform: uppercase
}
h3 {
    font-size: 35px;
    font-size: 2.1875rem;
    text-transform: uppercase
}
h4 {
    font-family: 'Manus W00 Manus', Sans-Serif;
    color: #008fc3;
    line-height: 120%;
    font-size: 42px;
    font-size: 2.625rem
}
h5 {
    font-size: 1.375rem
}
h6 {
    font-weight: 700;
    font-size: 1.375rem
}
a.textlink,
input,
p,
p a {
    line-height: 140%
}
p {
    color: grey;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}
@media only screen and (max-width: 960px) {
    h1,
    h2,
    h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
    h4 {
        font-size: 30px;
        font-size: 1.875rem
    }
    h6 {
        font-size: 20px;
        font-size: 1.25rem
    }
    p {
        font-size: 16px;
        font-size: 1rem
    }
}
a.textlink,
p a {
    color: #008fc3;
    font-size: 18px;
    font-size: 1.125rem;
    transition: all 125ms ease-out
}
a.btn,
a.textlink,
p a {
    font-weight: 400;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    text-decoration: none
}
a.textlink:hover,
p a:hover {
    color: #43cdff
}
@media only screen and (max-width: 960px) {
    a.textlink,
    p a {
        font-size: 16px;
        font-size: 1rem
    }
}
a.btn {
    transition: all 125ms ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    color: #008fc3;
    font-size: 22px;
    font-size: 1.375rem;
    padding: .9375rem 1.875rem;
    font-family: Roboto, Sans-Serif;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    box-shadow: inset 1px 1px 0 #008fc3;
    border-width: .0625rem .125rem .125rem .0625rem;
    border-style: solid;
    border-color: #008fc3
}
a.btn,
a.btn:hover {
    -webkit-box-shadow: inset 1px 1px 0 #008fc3
}
a.btn:before,
button:before {
    z-index: -1;
    -moz-transform: rotate(-7.1deg);
    -ms-transform: rotate(-7.1deg)
}
a.btn:before {
    content: '';
    position: absolute;
    left: -200px;
    left: -12.5rem;
    right: -30px;
    right: -1.875rem;
    top: -250%;
    height: 200%;
    background-color: #008fc3;
    -webkit-transform: rotate(-7.1deg);
    -o-transform: rotate(-7.1deg);
    transition: all 250ms ease-out
}
a.btn.label svg path,
a.btn.label svg rect,
a.btn:before {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out
}
a.btn.label,
mark {
    background-color: #fff
}
a.btn:hover {
    color: #fff;
    box-shadow: inset 1px 1px 0 #008fc3
}
a.btn:hover:before {
    top: -30%
}
a.btn.label {
    text-transform: none;
    padding: .625rem .9375rem .625rem 3.28125rem;
    float: left;
    margin: .46875rem;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}
ul,
ul li {
    float: none
}
a.btn.label svg {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    position: absolute;
    left: 15px;
    left: .9375rem;
    top: 10px;
    top: .625rem
}
a.btn.label svg path,
a.btn.label svg rect {
    fill: #008fc3;
    transition: all 250ms ease-out
}
a.btn.label:hover svg path,
a.btn.label:hover svg rect {
    fill: #fff
}
a.btn.loader {
    border: none;
    background-image: url('vhs-assets-css-39239167f5280ace30ba782bd4ae3dd8.png');
    background-repeat: no-repeat;
    background-position: center center
}
code,
select {
    border: 1px solid #239b91
}
a.btn.loader:before {
    display: none
}
a.btn[type=submit] {
    padding: .625rem 2.5rem;
    text-align: center;
    float: none;
    background-color: #fff;
    margin-top: 1.875rem;
    -webkit-box-shadow: inset 1px 2px 0 #008fc3;
    box-shadow: inset 1px 2px 0 #008fc3;
    border-width: 0 .125rem .125rem .0625rem;
    border-style: solid;
    border-color: #008fc3
}
a.btn.tagremover:hover svg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
a.btn.tagremover:hover:after {
    content: 'x';
    color: #fff;
    position: absolute;
    left: 20px;
    left: 1.25rem;
    top: 13px;
    top: .8125rem;
    font-size: 18px;
    font-size: 1.125rem
}
@media only screen and (max-width: 480px) {
    a.btn.label {
        padding: .625rem .9375rem .625rem 2.5rem;
        font-size: 16px;
        font-size: 1rem
    }
    a.btn.label svg {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        left: 10px;
        left: .625rem;
        top: 10px;
        top: .625rem
    }
    a.btn:before {
        top: -350%;
        height: 300%
    }
    a.btn:hover:before {
        top: -40%
    }
}
b,
strong {
    font-weight: 700
}
blockquote {
    clear: both;
    display: block;
    padding-left: 4.6875rem;
    position: relative;
    font-size: 31px;
    font-size: 1.9375rem;
    color: grey;
    text-transform: uppercase;
    margin-left: 0;
    margin-bottom: 1.875rem
}
blockquote p {
    margin-left: 0;
    font-size: inherit;
    color: inherit;
    text-transform: inherit
}
pre,
var {
    color: #000
}
mark,
select,
sub,
sup {
    color: #239b91
}
code,
hr {
    clear: both;
    margin: .9375rem 0;
    display: block;
    width: 100%
}
blockquote:before {
    content: url('vhs-assets-css-4ecb748021a2cb1c3108ff0ae0b962f2.png');
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0
}
@media only screen and (max-width: 960px) {
    blockquote {
        margin-left: 0
    }
}
u {
    text-decoration: underline
}
.blog-options .labels a,
.job-result article a,
.search-results .search-result a,
.skills .skill a,
address ul li a,
article.indent ul li a,
button,
footer nav ul li a {
    text-decoration: none
}
small {
    font-size: 12px;
    font-size: .75rem
}
abbr {
    border-bottom-width: .0625rem;
    border-bottom-style: dotted;
    border-bottom-color: #239b91;
    cursor: default
}
.tabs .tab-content,
hr {
    border-bottom-style: solid
}
span {
    color: #001d3a
}
mark {
    padding: 0 .125rem
}
code {
    box-sizing: border-box;
    background-color: #001d3a;
    padding: .375rem .375rem .375rem .75rem;
    border-left: 4px solid grey
}
code,
input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
ul li,
ul.custom-dots li {
    list-style-type: none;
    color: grey
}
hr {
    border-bottom-width: .0625rem;
    border-top: 0;
    border-top: 0
}
ul {
    padding: 0;
    margin: 0;
    clear: both
}
ul li {
    padding-left: 1.25rem;
    padding-bottom: .9375rem;
    position: relative
}
ul li:before {
    width: 8px;
    width: .5rem;
    height: 8px;
    height: .5rem;
    background-color: #008fc3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    left: 0;
    top: 9px;
    top: .5625rem
}
ul li ul li:before,
ul li:before {
    content: '';
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box
}
ul li ul {
    padding-top: .125rem
}
ul li ul li {
    padding-left: 2.1875rem
}
ul li ul li:before {
    width: 3px;
    width: .1875rem;
    height: 3px;
    height: .1875rem;
    background-color: #239b91;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    float: left;
    margin-left: -.625rem;
    margin-top: .5rem
}
ul.no-dots {
    margin: 0;
    padding: 0
}
ul.no-dots li {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0
}
ul.custom-dots {
    margin: 0;
    padding: 1.875rem .625rem;
    background: #fff;
    margin-bottom: 2.5rem;
    position: relative
}
ul.custom-dots li {
    padding-left: 1.25rem;
    padding-bottom: .9375rem;
    position: relative;
    float: none
}
ul.custom-dots li:before {
    width: 8px;
    width: .5rem;
    height: 8px;
    height: .5rem;
    background-color: #008fc3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    left: 0;
    left: 0;
    top: 9px;
    top: .5625rem
}
ul.custom-dots li ul li:before,
ul.custom-dots li:before {
    content: '';
    -moz-background-clip: padding
}
ul.custom-dots li ul {
    padding-top: .125rem
}
ul.custom-dots li ul li {
    padding-left: 2.1875rem
}
ul.custom-dots li ul li:before {
    width: 3px;
    width: .1875rem;
    height: 3px;
    height: .1875rem;
    background-color: #239b91;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
    margin-left: -.625rem;
    margin-top: .5rem
}
ul.parsley-errors-list {
    margin: 0
}
ul.parsley-errors-list li {
    color: red;
    list-style-type: none;
    font-size: 10px;
    font-size: .625rem;
    float: right;
    display: none
}
ul.parsley-errors-list li:before {
    display: none
}
ul li {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}
@media only screen and (max-width: 960px) {
    ul li {
        font-size: 16px;
        font-size: 1rem
    }
}

.datefield {
    display: flex;
}

#mce-MMERGE3-day {
    margin-right: 10px;
}

#mce-MMERGE3-month {
    margin-right: 10px;
}

input {
    box-sizing: border-box;
    padding: .625rem 1.25rem;
    height: 65px;
    height: 4.0625rem;
    color: #000;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400;
    text-align: inherit;
    border-radius: 0;
    background-clip: padding-box;
    background-color: #fff;
    font-family: Roboto, Sans-Serif;
    transition: all 125ms ease-out;
    border-width: .125rem;
    border-style: solid;
    border-color: #008fc3
}
input,
input.parsley-error {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
input,
select {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}
input::-webkit-input-placeholder {
    color: #000
}
input:-moz-placeholder {
    color: #000
}
input::-moz-placeholder {
    color: #000
}
input:-ms-input-placeholder {
    color: #000
}
input::-ms-input-placeholder {
    color: #000
}
inputinput[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none
}
input.parsley-error {
    transition: all 125ms ease-out;
    background-color: #ffe6e0;
    background-image: url('vhs-assets-css-6face9c3588bfa64809b82dc6e2391c9.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    border-width: .0625rem .0625rem .0625rem .375rem;
    border-style: solid;
    border-color: #ff3000
}
@media only screen and (max-width: 960px) {
    input {
        font-size: 16px;
        font-size: 1rem;
        height: 46px;
        height: 2.875rem
    }
}

select:invalid {
    color: grey;
    font-weight: 300;
}

select:valid { color: black; }

select {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-width: .125rem;
    border-style: solid;
    color: grey;
    border-color: #008fc3;
    height: 4.0625rem;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .625rem 1.25rem;
    font-size: 22px;
    font-weight: 400;
    font-size: 1.375rem;
    font-family: Roboto, Sans-Serif;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
    background-image: url('vhs-assets-css-74bd3838ee1955fc46d5b797e1955688.png');
    background-position: right 10px center;
    background-color: #fff

}

@media only screen and (max-width: 960px) {
    select {
        font-size: 16px;
        font-size: 1rem;
        height: 46px;
        height: 2.875rem
    }
}

.has-checkbox article p,
.is-checkbox article p,
textarea {
    line-height: 140%;
    font-weight: 400;
    color: #000;
    text-align: inherit
}
.has-radio {
    margin: 1.875rem 0
}
.has-radio input[type=radio] {
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    visibility: hidden
}
.has-radio input[type=radio]+label {
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 1rem
}
.has-radio input[type=radio]+label:before {
    content: '';
    transition: all 125ms ease-out;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    margin-right: .625rem;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    float: left;
    -webkit-box-shadow: inset 0 0 0 4px #fff;
    -moz-box-shadow: inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff
}
.has-radio input[type=radio]+label:before,
textarea.parsley-error {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.has-radio input[type=radio]:checked+label:before {
    background-color: #000
}
.is-checkbox input[type=checkbox] {
    display: none
}
.is-checkbox input[type=checkbox]+label {
    display: block;
    cursor: pointer;
    margin: 0 .625rem 0 0;
    padding-top: 0;
    user-select: none;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    float: left;
    background-color: #fff
}
.is-checkbox input[type=checkbox]+label:after {
    content: "";
    display: block;
    border: 1px solid #239b91;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .625rem;
    background-position: center -20
}
.is-checkbox input[type=checkbox]:checked+label:after {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-image: url('vhs-assets-css-6ea554a67075eaae5e1847ec5585744f.png')
}
.is-checkbox article p {
    font-size: 14px;
    font-size: .875rem
}
@media only screen and (max-width: 960px) {
    .is-checkbox article p {
        font-size: 16px;
        font-size: 1rem
    }
}
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    font-size: 1.375rem;
    font-family: Roboto, Sans-Serif;
    padding: .625rem 1.25rem;
    width: 100%;
    resize: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    min-height: 344px;
    min-height: 21.5rem;
    border-width: .125rem;
    border-style: solid;
    border-color: #008fc3
}
textarea::-webkit-input-placeholder {
    color: #000
}
textarea:-moz-placeholder {
    color: #000
}
textarea::-moz-placeholder {
    color: #000
}
textarea:-ms-input-placeholder {
    color: #000
}
textarea::-ms-input-placeholder {
    color: #000
}
@media only screen and (max-width: 960px) {
    textarea {
        font-size: 16px;
        font-size: 1rem
    }
}
textarea.parsley-error {
    transition: all 125ms ease-out;
    background-color: #ffe6e0;
    background-image: url('vhs-assets-css-6face9c3588bfa64809b82dc6e2391c9.png');
    background-repeat: no-repeat;
    background-position: right 10px top 24px;
    border-width: .0625rem .0625rem .0625rem .375rem;
    border-style: solid;
    border-color: #ff3000
}
.has-switch input[type=checkbox]+label:after,
.has-switch input[type=checkbox]:checked+label:after {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    width: 20px;
    height: 20px;
    transition: margin .3s
}
.has-checkbox input[type=checkbox] {
    display: none
}
.has-checkbox input[type=checkbox]+label {
    display: block;
    cursor: pointer;
    margin: 0 .625rem 0 0;
    padding-top: 0;
    user-select: none;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    float: left;
    background-color: #fff
}
.has-checkbox input[type=checkbox]+label:after {
    content: "";
    display: block;
    border: 1px solid #239b91;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .625rem;
    background-position: center -20
}
.has-switch,
label {
    display: inline-block
}
.has-checkbox input[type=checkbox]:checked+label:after {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-image: url('vhs-assets-css-6ea554a67075eaae5e1847ec5585744f.png')
}
.has-checkbox article p {
    font-size: 14px;
    font-size: .875rem
}
@media only screen and (max-width: 960px) {
    .has-checkbox article p {
        font-size: 16px;
        font-size: 1rem
    }
}
form .form-group label,
label {
    font-family: Roboto, Sans-Serif;
    vertical-align: top;
    font-size: 14px
}
label {
    font-size: .875rem;
    display: table-cell;
    padding-top: .9375rem;
    padding-bottom: 0;
    width: 120px;
    width: 7.5rem
}
label[for=file-uploader] {
    vertical-align: top;
    padding-top: .9375rem
}
address ul {
    margin: 0
}
address ul li {
    list-style-type: none;
    float: none;
    padding: 0;
    color: #008fc3
}
address ul li a {
    color: #008fc3
}
.has-switch {
    width: auto;
    margin-bottom: 1.875rem
}
.has-switch input[type=checkbox] {
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    visibility: hidden
}
.has-switch input[type=checkbox]+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    user-select: none;
    padding: .125rem;
    width: 60px;
    width: 3.75rem;
    height: 18px;
    height: 1.125rem;
    float: right;
    border: 1px solid #239b91;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.has-switch input[type=checkbox]+label:after,
.has-switch input[type=checkbox]+label:before {
    display: block;
    position: absolute;
    top: 1px;
    top: .0625rem;
    left: 1px;
    left: .0625rem;
    bottom: 1px;
    bottom: .0625rem;
    content: ""
}
.has-switch input[type=checkbox]+label:before {
    right: 1px;
    right: .0625rem;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}
.has-switch input[type=checkbox]+label:after {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #239b91;
    border-radius: 100%;
    background-clip: padding-box
}
.has-switch input[type=checkbox]:checked+label:after {
    margin-left: 2.625rem;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #008fc3;
    border-radius: 100%;
    background-clip: padding-box
}
button.label,
footer {
    background-color: #fff
}
form .form-group {
    clear: both;
    width: 100%;
    margin-bottom: 1.5rem!important;
    display: table;
    position: relative;
    padding: 0 .625rem
}
form .form-group label {
    font-size: .875rem;
    display: inline-block;
    display: table-cell;
    padding-top: .9375rem;
    padding-bottom: 0;
    width: 120px;
    width: 7.5rem
}
form .form-group label[for=file-uploader] {
    vertical-align: top;
    padding-top: .9375rem
}
form .form-group .fg-error-msg {
    display: block;
    color: red;
    text-align: left
}
button,
button[type=submit] {
    border-style: solid;
    text-align: center;
    border-color: #008fc3
}
@media only screen and (max-width: 480px) {
    form .form-group {
        padding: 0
    }
}
form.contact-form {
    padding: 0;
    margin-top: -4.375rem
}
button {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    transition: all 125ms ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    color: #008fc3;
    font-size: 22px;
    font-size: 1.375rem;
    padding: .9375rem 1.875rem;
    font-family: Roboto, Sans-Serif;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: auto;
    display: inline-block;
    box-shadow: inset 1px 1px 0 #008fc3;
    border-width: .0625rem .125rem .125rem .0625rem
}
button,
button:hover {
    -webkit-box-shadow: inset 1px 1px 0 #008fc3
}
button:before {
    content: '';
    position: absolute;
    left: -200px;
    left: -12.5rem;
    right: -30px;
    right: -1.875rem;
    top: -250%;
    height: 200%;
    background-color: #008fc3;
    -webkit-transform: rotate(-7.1deg);
    -o-transform: rotate(-7.1deg);
    transition: all 250ms ease-out
}
button.label svg path,
button.label svg rect,
button:before {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out
}
button:hover {
    color: #fff;
    box-shadow: inset 1px 1px 0 #008fc3
}
button:hover:before {
    top: -30%
}
button.label {
    text-transform: none;
    padding: .625rem .9375rem .625rem 3.28125rem;
    float: left;
    margin: .46875rem;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}
button.label svg {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    position: absolute;
    left: 15px;
    left: .9375rem;
    top: 10px;
    top: .625rem
}
button.label svg path,
button.label svg rect {
    fill: #008fc3;
    transition: all 250ms ease-out
}
button.label:hover svg path,
button.label:hover svg rect {
    fill: #fff
}
button.loader {
    border: none;
    background-image: url('vhs-assets-css-39239167f5280ace30ba782bd4ae3dd8.png');
    background-repeat: no-repeat;
    background-position: center center
}
button.loader:before {
    display: none
}
button[type=submit] {
    padding: .625rem 2.5rem;
    float: none;
    background-color: #fff;
    margin-top: 1.875rem;
    -webkit-box-shadow: inset 1px 2px 0 #008fc3;
    box-shadow: inset 1px 2px 0 #008fc3;
    border-width: 0 .125rem .125rem .0625rem
}
button.tagremover:hover svg {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
button.tagremover:hover:after {
    content: 'x';
    color: #fff;
    position: absolute;
    left: 20px;
    left: 1.25rem;
    top: 13px;
    top: .8125rem;
    font-size: 18px;
    font-size: 1.125rem
}
article.release,
footer figure {
    position: relative
}
@media only screen and (max-width: 480px) {
    button.label {
        padding: .625rem .9375rem .625rem 2.5rem;
        font-size: 16px;
        font-size: 1rem
    }
    button.label svg {
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        left: 10px;
        left: .625rem;
        top: 10px;
        top: .625rem
    }
    button:before {
        top: -350%;
        height: 300%
    }
    button:hover:before {
        top: -40%
    }
}
figure img {
    width: 100%;
    height: auto
}
article section h1,
article section h2,
article section h3,
article section h4,
article section h5,
article section h6 {
    margin-bottom: .9375rem
}
article section h1,article section h2 {
    margin-left: 3.75rem
}
article section h4 {
    margin-left: 1.875rem;
    margin-bottom: .46875rem
}
article section h6 {
    margin-bottom: 0
}
article ul {
    margin-left: 0;
    padding-left: 0
}
article ul li {
    list-style-type: none;
    margin-left: 0
}
article.indent:after {
    content: '';
    clear: both;
    display: block
}
article.indent h1,
article.indent h2,
article.indent h3,
article.indent h5,
article.indent h6,
article.indent p,
article.indent ul {
    margin-left: 3.75rem
}
article.indent ol {
    margin-left: 2.5rem;
    color: grey
}
article.indent ol li {
    font-size: 16px;
    font-size: 1rem
}
article.indent ul li a {
    color: grey;
    font-weight: 400
}
article.indent ul li a:hover {
    color: #008fc3
}
article.indent p img {
    padding: 1.875rem 1.875rem 0 0
}
@media only screen and (max-width: 960px) {
    article.indent p img {
        width: 100%!important;
        padding-bottom: 1.875rem
    }
}
article.indent p img.fullwidth {
    position: relative;
    min-width: 1920px;
    min-width: 120rem;
    left: -555px;
    top: 0;
    top: 0;
    height: auto;
    width: 100%
}
article.indent blockquote {
    margin-left: 5.625rem
}
article.indent blockquote p {
    margin-left: 0
}
article.noTitles {
    margin-top: 0
}
article.release {
    float: right;
    text-align: right;
    margin-top: -6.25rem;
    z-index: 2
}
article.release p {
    color: #008fc3;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300
}
@media only screen and (max-width: 1140px) {
    article.indent img {
        float: left!important;
        margin-left: 3.75rem!important;
        margin-top: 1.875rem!important
    }
}
@media only screen and (max-width: 960px) {
    article section h1,
    article section h2,
    article section h4,
    article.indent {
        margin-left: 0
    }
    article section h4 {
        margin-bottom: 0
    }
    article section h1,article section h2 {
        margin-bottom: .625rem
    }
    article.indent img {
        margin-left: 0!important
    }
    article.indent .btn {
        left: auto;
        top: auto
    }
    article.indent h6,
    article.indent ol,
    article.indent ul {
        margin: 0
    }
    article.indent h1,
    article.indent h2,
    article.indent h5,
    article.indent p {
        margin-left: 0
    }
    article.indent p {
        font-size: 16px;
        font-size: 1rem
    }
    article.release {
        margin-top: 0;
        margin-bottom: 1.875rem
    }
}
footer figure:after,
footer figure:before {
    content: '';
    bottom: 0;
    right: 0;
    top: 18.2vw;
    z-index: 1
}
footer {
    min-height: 354px;
    min-height: 22.125rem
}
footer figure:before {
    width: 100vw;
    height: 5px;
    height: .3125rem;
    background-color: #00abe9;
    position: absolute
}
footer figure:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.25rem 100vw 0 0;
    border-color: #00abe9 transparent transparent;
    position: absolute
}
footer figure img {
    position: absolute;
    width: 100%;
    height: auto
}
footer nav {
    margin: 19.5vw 0 3.125vw
}
footer nav:after {
    content: '';
    clear: both;
    display: block
}
footer nav ul {
    float: left;
    clear: initial
}
footer nav ul li {
    float: left;
    padding: 0 .9375rem
}
footer nav ul li a {
    color: #000;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    text-align: inherit;
    line-height: 140%;
    transition: all 125ms ease-out;
    text-transform: uppercase
}
.hero-group .teaser-hero,
footer nav ul li a {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
footer nav ul li a:hover {
    color: #404040
}
footer nav ul li:nth-child(1),
footer nav ul li:nth-child(2),
footer nav ul li:nth-child(5) {
    margin-right: 2.125rem
}
footer nav ul li:nth-child(3),
footer nav ul li:nth-child(4) {
    margin-right: .75rem
}
@media only screen and (max-width: 960px) {
    footer nav ul li a {
        font-size: 16px;
        font-size: 1rem
    }
    footer nav ul li {
        float: none;
        display: block;
        width: 100%;
        clear: both;
        text-align: center;
        margin-bottom: 1.875rem
    }
    footer nav ul li:nth-child(1),
    footer nav ul li:nth-child(2),
    footer nav ul li:nth-child(3),
    footer nav ul li:nth-child(4) {
        margin-right: 0
    }
}
footer nav ul li:before {
    display: none
}
@media only screen and (max-width: 1140px) {
    footer nav ul {
        width: calc(100% - 360px)
    }
}
footer .linkbox {
    background: #fff;
    float: right;
    padding: 1.875rem 1.875rem 1.875rem .9375rem;
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg);
    margin-right: -1.875rem;
    bottom: 0;
    right: 30px;
    right: 1.875rem;
    position: absolute;
    margin-bottom: 10px;
    z-index: 5;
    min-height: 170px;
    min-height: 10.625rem;
    border-width: .375rem;
    border-style: solid;
    border-color: #008fc3
}
footer .linkbox article {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg)
}
footer .linkbox article section h4 {
    font-size: 32px;
    font-size: 2rem;
    margin-top: .625rem
}
footer .linkbox article section h2 {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: .9375rem
}
footer .linkbox article .center {
    margin: 0
}
footer .linkbox article .btn {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    padding: .6875rem .625rem;
    height: 45px;
    height: 2.8125rem
}
@media only screen and (max-width: 1140px) {
    footer .linkbox {
        margin-right: 0
    }
}
@media only screen and (max-width: 960px) {
    footer nav ul {
        width: 100%
    }
    footer .linkbox {
        display: none
    }
}
@media only screen and (max-width: 480px) {
    footer nav ul li {
        text-align: center
    }
    footer nav ul {
        width: 100%
    }
    footer .linkbox {
        float: none;
        clear: both;
        padding: 1.875rem
    }
    footer .linkbox:after {
        content: '';
        clear: both;
        display: block
    }
}
@media only screen and (max-width: 960px) {
    footer figure:after,
    footer figure:before {
        display: none
    }
    footer nav {
        margin-top: 20vw
    }
}
@media only screen and (max-width: 480px) {
    footer nav {
        margin-top: 25vw
    }
}
.hero-group {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7vw 0vw;
    margin-top: -6.25rem
}
.hero-group.filterable {
    margin-top: 0
}
.hero-group .teaser-hero {
    position: relative;
    overflow: hidden;
    height: 444px;
    height: 27.75rem;
    transition: all 125ms ease-out;
    width: 100%;
    z-index: 2;
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg)
}
.hero-group .teaser-hero .btn {
    display: none;
    max-height: 60px;
    max-height: 3.75rem
}
.hero-group .teaser-hero .intro {
    position: absolute;
    z-index: 2;
    width: 1140px;
    left: 0;
    left: 0;
    top: -100px;
    top: -6.25rem;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg);
    margin: auto
}
.hero-group .teaser-hero .intro .introbox {
    float: right;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    width: 550px;
    width: 34.375rem;
    height: 550px;
    height: 34.375rem
}
.hero-group .teaser-hero .intro .introbox[data-gradient=jade] {
    background: -moz-linear-gradient(top, #3fa89f 0, rgba(63, 168, 159, .7) 50%, rgba(63, 168, 159, 0) 100%);
    background: -webkit-linear-gradient(top, #3fa89f 0, rgba(63, 168, 159, .7) 50%, rgba(63, 168, 159, 0) 100%);
    background: linear-gradient(to bottom, #3fa89f 0, rgba(63, 168, 159, .7) 50%, rgba(63, 168, 159, 0) 100%)
}
.hero-group .teaser-hero .intro .introbox[data-gradient=ocean] {
    background: -moz-linear-gradient(top, #008fc3 0, rgba(0, 143, 195, .7) 50%, rgba(0, 143, 195, 0) 100%);
    background: -webkit-linear-gradient(top, #008fc3 0, rgba(0, 143, 195, .7) 50%, rgba(0, 143, 195, 0) 100%);
    background: linear-gradient(to bottom, #008fc3 0, rgba(0, 143, 195, .7) 50%, rgba(0, 143, 195, 0) 100%)
}
.hero-group .teaser-hero .intro .introbox[data-gradient=deep] {
    background: -moz-linear-gradient(top, #001d3a 0, rgba(0, 29, 58, .7) 50%, rgba(0, 29, 58, 0) 100%);
    background: -webkit-linear-gradient(top, #001d3a 0, rgba(0, 29, 58, .7) 50%, rgba(0, 29, 58, 0) 100%);
    background: linear-gradient(to bottom, #001d3a 0, rgba(0, 29, 58, .7) 50%, rgba(0, 29, 58, 0) 100%)
}
.hero-group .teaser-hero .intro .introbox article {
    position: relative;
    top: 220px;
    top: 13.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50vh;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    max-width: 550px;
    max-width: 34.375rem;
    padding: 0 3.75rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
}
.hero-group .teaser-hero .intro .introbox article figure.brand {
    position: absolute;
    left: -155px;
    left: -9.6875rem;
    top: -60px;
    top: -3.75rem;
    border-bottom-width: .0625rem;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    padding-bottom: .9375rem;
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    min-width: 310px;
    min-width: 19.375rem;
    min-height: 44px;
    min-height: 2.75rem;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}
.hero-group .teaser-hero .intro .introbox article figure.brand img {
    width: auto;
    position: absolute;
    left: 236px;
    left: 14.75rem;
    bottom: 15px;
    bottom: .9375rem
}
.hero-group .teaser-hero .intro .introbox article figure.trigger {
    position: initial;
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    max-width: 85px;
    max-width: 5.3125rem;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 250 ease-out;
    -moz-transition: all 250 ease-out;
    -o-transition: all 250 ease-out;
    transition: all 250 ease-out;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}
.hero-group .teaser-hero .intro .introbox article section {
    padding-top: .9375rem
}
.hero-group .teaser-hero .intro .introbox article section h3 {
    color: #fff;
    margin: 1.25rem 0 1.875rem;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}
.hero-group .teaser-hero .intro .introbox article section h5 {
    color: #fff
}
.hero-group .teaser-hero .intro .introbox article p {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    color: #fff;
    line-height: 140%;
    margin-bottom: 1.875rem;
    display: none
}
.hero-group .teaser-hero .intro .introbox article .btn {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
    border-color: #fff;
    color: #fff;
    padding: .9375rem 0;
    border-top-width: .0625rem;
    border-top-style: solid;
    border-left-width: .0625rem;
    border-left-style: solid;
    -webkit-box-shadow: inset 1px 1px 0 #fff;
    box-shadow: inset 1px 1px 0 #fff
}
.hero-group .teaser-hero .intro .introbox article .btn:before {
    background-color: #fff
}
.hero-group .teaser-hero .intro .introbox article .btn:hover {
    color: #008fc3
}
@media only screen and (max-width: 960px) {
    .hero-group .teaser-hero .intro .introbox article figure.trigger {
        width: 60px;
        width: 3.75rem;
        min-width: 1px;
        min-width: .0625rem
    }
    .hero-group .teaser-hero .intro .introbox article {
        top: 200px;
        top: 12.5rem;
        padding: 0 3.75rem
    }
    .hero-group .teaser-hero .intro .introbox article section h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
    .hero-group .teaser-hero .intro .introbox article p {
        font-size: 16px;
        font-size: 1rem
    }
}
@media only screen and (max-width: 480px) {
    .hero-group .teaser-hero .intro .introbox article figure.brand {
        left: 60%;
        right: 0
    }
    .hero-group .teaser-hero .intro .introbox article figure.brand img {
        left: 0
    }
    .hero-group .teaser-hero .intro .introbox article figure.trigger {
        width: 40px;
        width: 2.5rem
    }
    .hero-group .teaser-hero .intro .introbox article {
        top: 170px;
        top: 10.625rem;
        padding: .9375rem
    }
    .hero-group .teaser-hero .intro .introbox article section {
        padding: 0
    }
    .hero-group .teaser-hero .intro .introbox article section h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 1.25rem
    }
}
.hero-group .teaser-hero .intro .introbox .btn {
    width: 12vw;
    min-width: 200px;
    min-width: 12.5rem;
    margin: 60px auto;
    text-align: center;
    padding: 1.25rem 3.75rem
}
@media only screen and (max-width: 1140px) {
    .hero-group .teaser-hero .intro .introbox {
        margin-right: 1.875rem
    }
}
@media only screen and (max-width: 960px) {
    .hero-group .teaser-hero .intro .introbox {
        width: 480px;
        width: 30rem;
        margin-right: 0
    }
    .hero-group .teaser-hero .intro .introbox .btn {
        margin-top: 1.25rem
    }
}
@media only screen and (max-width: 480px) {
    .hero-group .teaser-hero .intro .introbox {
        min-width: 1px;
        min-width: .0625rem;
        margin-right: 0;
        width: 100%;
        height: 390px;
        height: 24.375rem
    }
    .hero-group .teaser-hero .intro .introbox .btn {
        margin: 1.875rem 0
    }
}
.hero-group .teaser-hero figure {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg);
    position: relative;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    transition: all 125ms ease-out;
    max-height: 444px;
    max-height: 27.75rem
}
@media only screen and (max-width: 1140px) {
    .hero-group .teaser-hero .intro {
        width: 100vw
    }
    .hero-group .teaser-hero figure.parallax {
        min-width: 150vw
    }
}
.hero-group .teaser-hero.active,
.hero-group .teaser-hero.active .intro .introbox {
    height: 800px;
    height: 50rem
}
.hero-group .teaser-hero.active .intro .introbox article p {
    display: block
}
.hero-group .teaser-hero.active .intro .introbox article figure.trigger {
    display: none
}
.hero-group .teaser-hero.active .intro .introbox .btn {
    display: block
}
.hero-group .teaser-hero.active>figure {
    height: 800px;
    height: 50rem;
    max-height: none
}
@media only screen and (max-width: 1140px) {
    .hero-group .teaser-hero {
        height: 444px;
        height: 27.75rem
    }
    .hero-group .teaser-hero.active {
        height: 700px;
        height: 43.75rem
    }
    .hero-group .teaser-hero.active>figure {
        height: 444px;
        height: 27.75rem;
        width: 120vw
    }
}
@media only screen and (max-width: 960px) {
    .hero-group .teaser-hero figure {
        min-width: 125vw
    }
    .hero-group .teaser-hero figure.parallax {
        min-width: 150vw
    }
    .hero-group .teaser-hero {
        height: 333px;
        height: 20.8125rem
    }
    .hero-group .teaser-hero.active {
        height: 100vw
    }
    .hero-group .teaser-hero.active>figure {
        height: 333px;
        height: 20.8125rem;
        width: 200vw
    }
}
@media only screen and (max-width: 480px) {
    .hero-group .teaser-hero figure {
        min-width: 150vw
    }
    .hero-group .teaser-hero figure.parallax {
        min-width: 175vw
    }
    .hero-group .teaser-hero {
        height: 260px;
        height: 16.25rem
    }
    .hero-group .teaser-hero.active {
        height: 160vw
    }
    .hero-group .teaser-hero.active>figure {
        height: 200vw;
        width: 400vw
    }
    .hero-group .teaser-hero.active .intro .introbox {
        height: 900px;
        height: 56.25rem
    }
    .hero-group .teaser-hero.active .intro .introbox[data-gradient=jade] {
        background: -moz-linear-gradient(top, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%);
        background: -webkit-linear-gradient(top, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%);
        background: linear-gradient(to bottom, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%)
    }
    .hero-group .teaser-hero.active .intro .introbox[data-gradient=ocean] {
        background: -moz-linear-gradient(top, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%);
        background: -webkit-linear-gradient(top, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%);
        background: linear-gradient(to bottom, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%)
    }
    .hero-group .teaser-hero.active .intro .introbox[data-gradient=deep] {
        background: -moz-linear-gradient(top, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%);
        background: -webkit-linear-gradient(top, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%);
        background: linear-gradient(to bottom, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%)
    }
}
.hero-group .teaser-hero figure.parallax {
    height: 1160px;
    height: 72.5rem;
    max-height: none;
    min-width: 1px;
    min-width: .0625rem;
    width: 100vw;
    background-size: cover!important;
    background-position-x: center
}
.hero-group .teaser-hero.active figure.parallax {
    height: 1160px;
    height: 72.5rem;
    min-width: 1px;
    min-width: .0625rem;
    max-height: none;
    min-height: 50vw;
    background-position-x: center
}
@media only screen and (max-width: 960px) {
    .hero-group .teaser-hero figure.parallax {
        height: 550px;
        height: 34.375rem;
        max-height: none;
        min-width: 1px;
        min-width: .0625rem;
        width: 100vw;
        background-size: cover!important;
        background-position-x: left
    }
    .hero-group .teaser-hero.active {
        min-height: 1px;
        min-height: .0625rem;
        height: 500px;
        height: 31.25rem
    }
    .hero-group .teaser-hero.active figure.parallax {
        height: 700px;
        height: 43.75rem;
        min-width: 1px;
        min-width: .0625rem;
        max-height: none;
        min-height: 50vw;
        background-position-x: left
    }
    .hero-group {
        margin-bottom: 0;
        margin-top: 0
    }
}
@media only screen and (max-width: 480px) {
    .hero-group .teaser-hero figure.parallax {
        height: 550px!important;
        height: 34.375rem!important;
        background-position-x: -33.33vw;
		/*background-position-y: -25px*/
    }
    .hero-group .teaser-hero.active {
        height: auto!important;
        min-height: 1px!important;
        min-height: .0625rem!important
    }
    .hero-group .teaser-hero.active figure.parallax {
        height: 800px!important;
        height: 50rem!important;
        max-height: 150vw;
        background-position-x: -33.33vw;
		/*background-position-y: 0px*/
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox .brand,
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox h5 {
        display: none
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox[data-gradient=jade] {
        background: -moz-linear-gradient(top, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, .3) 50%, #3fa89f 100%);
        background: -webkit-linear-gradient(top, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, .3) 50%, #3fa89f 100%);
        background: linear-gradient(to bottom, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, .3) 50%, #3fa89f 100%)
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox[data-gradient=ocean] {
        background: -moz-linear-gradient(top, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, .3) 50%, #008fc3 100%);
        background: -webkit-linear-gradient(top, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, .3) 50%, #008fc3 100%);
        background: linear-gradient(to bottom, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, .3) 50%, #008fc3 100%)
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox[data-gradient=deep] {
        background: -moz-linear-gradient(top, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, .3) 50%, #001d3a 100%);
        background: -webkit-linear-gradient(top, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, .3) 50%, #001d3a 100%);
        background: linear-gradient(to bottom, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, .3) 50%, #001d3a 100%)
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox article {
        top: 265px;
        top: 16.5625rem
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox h3 {
        margin-bottom: .3125rem
    }
    .hero-group.gradient-upwards .teaser-hero .intro .introbox h5 {
        font-size: 16px;
        font-size: 1rem
    }
    .hero-group.gradient-upwards .teaser-hero.active {
        height: 100vw
    }
    .hero-group.gradient-upwards .teaser-hero.active>figure {
        width: 120vw;
        height: auto
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox {
        height: 140vw
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox[data-gradient=jade] {
        background: -moz-linear-gradient(top, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%);
        background: -webkit-linear-gradient(top, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%);
        background: linear-gradient(to bottom, #3fa89f 0, #3fa89f 50%, rgba(63, 168, 159, .6) 100%)
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox[data-gradient=ocean] {
        background: -moz-linear-gradient(top, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%);
        background: -webkit-linear-gradient(top, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%);
        background: linear-gradient(to bottom, #008fc3 0, #008fc3 50%, rgba(0, 143, 195, .6) 100%)
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox[data-gradient=deep] {
        background: -moz-linear-gradient(top, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%);
        background: -webkit-linear-gradient(top, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%);
        background: linear-gradient(to bottom, #001d3a 0, #001d3a 50%, rgba(0, 29, 58, .6) 100%)
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox article {
        top: 160px;
        top: 10rem
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox h3 {
        margin-bottom: .625rem
    }
    .hero-group.gradient-upwards .teaser-hero.active .intro .introbox p {
        font-size: 16px;
        font-size: 1rem
    }
}
.intro-hero {
    overflow: hidden;
    position: relative;
    top: -120px;
    top: -7.5rem;
    left: 0;
    left: 0;
    height: 960px;
    height: 60rem;
    margin-bottom: -6.25rem
}
.intro-hero:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    left: 0;
    left: 0;
    border-color: transparent transparent #fff;
    position: absolute;
    z-index: 1;
    bottom: 0;
    border-width: 0 0 12.3vw 100vw
}
.intro-hero .introbox {
    position: relative;
    left: 0;
    left: 0;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    min-height: 666px;
    min-height: 41.625rem;
	height:100%!important;
    /*top: -3rem;*/
}
.intro-hero .introbox.gmaps .intro-overlay {
    top: 31%;
    left: 250px;
    left: 15.625rem
}
.intro-hero .introbox.gmaps .intro-overlay article {
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.875rem;
    width: auto;
    float: left;
    min-width: 414px;
    min-width: 25.875rem;
    position: relative
}
.intro-hero .introbox.gmaps .intro-overlay article p strong {
    color: #000
}
.intro-hero .introbox.gmaps .intro-overlay article:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 40px solid #fff;
    border-bottom: 30px solid transparent;
    position: absolute;
    right: -40px;
    right: -2.5rem;
    top: 50%;
    margin-top: -1.875rem
}
.intro-hero .introbox.gmaps .gm-style div:nth-of-type(2) {
    bottom: 40px!important;
    bottom: 2.5rem!important
}
@media only screen and (max-width: 1140px) {
    .intro-hero .introbox.gmaps .intro-overlay {
        top: 20%;
        left: 15px;
        left: .9375rem
    }
}
@media only screen and (max-width: 960px) {
    .intro-hero .introbox.gmaps .intro-overlay {
        top: 22%
    }
    .intro-hero .introbox.gmaps .intro-overlay article {
        float: none;
        margin: 0 auto;
        width: 414px;
        width: 25.875rem;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7)
    }
    .intro-hero .introbox.gmaps .intro-overlay article:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        margin: 0 0 0 -.9375rem;
        left: 50%;
        top: auto;
        bottom: -40px;
        bottom: -2.5rem
    }
}
.intro-hero .introbox .intro-overlay {
    width: 1110px;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    left: 0;
    left: 0;
    /*top: 120px;
    top: 7.5rem;*/

    right: 0;
    right: 0;
    bottom: 12.3vw;
    height: 100%
}
.intro-hero .introbox .intro-overlay .intro-headlines {
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 90px;
    left: 5.625rem;
    right: 0;
    right: 0;
    /*top: 500px;
    top: 31.25rem*/
    /*top:61.25rem;*/
}
.intro-hero .introbox .intro-overlay .intro-headlines article section {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0)
}
.intro-hero .introbox .dimmer,
.intro-hero .introbox .intro-overlay article section {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg)
}
.intro-hero .introbox .intro-overlay .intro-headlines article section h1,
.intro-hero .introbox .intro-overlay .intro-headlines article section h2,
.intro-hero .introbox .intro-overlay .intro-headlines article section h3,
.intro-hero .introbox .intro-overlay .intro-headlines article section h4,
.intro-hero .introbox .intro-overlay .intro-headlines article section h5,
.intro-hero .introbox .intro-overlay .intro-headlines article section h6 {
    margin: 0;
    color: #fff;
    text-shadow: 6px 5px 23px #000000;
}
.intro-hero .introbox .intro-overlay .intro-headlines article section h4 {
    margin-left: -1.875rem
}
/*.intro-hero .typed-strings + .introbox .intro-overlay article section h1 {
    text-align: center;
    color: #fff;
    margin-top: 15rem;
    font-family: 'Manus W00 Manus', Sans-Serif;
    font-size: 6vw;
    font-size: 120px;
    font-size: 7.5rem;
    text-indent: -20vw;
    line-height: 92%;
    margin-left: 8.75rem;
	text-transform:none;
}*/
.intro-hero .typed-strings + .introbox .intro-overlay article section h2 {
    text-align: center;
    color: #fff;
    margin-top: 15rem;
    font-family: 'Manus W00 Manus', Sans-Serif;
    font-size: 6vw;
    font-size: 120px;
    font-size: 7.5rem;
    text-indent: -20vw;
    line-height: 92%;
    /*margin-left: 8.75rem;*/
	text-transform:none;
    text-shadow: 0px 0px 70px #434343;
}
.intro-hero .introbox .intro-overlay figure {
    min-height: 1px;
    min-height: .0625rem
}
.intro-hero .introbox .intro-overlay form {
    margin-top: 2.5rem;
    position: relative
}
.intro-hero .introbox .intro-overlay form input {
    background-color: #f9f9f9;
    -webkit-appearance: none;
    border: none;
    height: 52px;
    height: 3.25rem;
    text-transform: uppercase;
    font-family: Roboto, Sans-Serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    max-width: 427px;
    max-width: 26.6875rem;
    margin: 0 auto;
    display: block;
    float: none;
    color: #000;
    box-shadow: 0px 0px 60px #434343;
}
.brand-slider .slick-next:before,
.brand-slider .slick-prev:before,
.intro-hero .introbox .intro-overlay form button:before {
    display: none
}
.intro-hero .introbox .intro-overlay form input::-webkit-input-placeholder {
    color: #000
}
.intro-hero .introbox .intro-overlay form input:-moz-placeholder {
    color: #000
}
.intro-hero .introbox .intro-overlay form input::-moz-placeholder {
    color: #000
}
.intro-hero .introbox .intro-overlay form input:-ms-input-placeholder {
    color: #000
}
.intro-hero .introbox .intro-overlay form input::-ms-input-placeholder {
    color: #000
}
@media only screen and (max-width: 1140px) {
    .intro-hero .introbox .intro-overlay form input {
        max-width: none;
        width: 40vw
    }
}
@media only screen and (max-width: 960px) {
    .intro-hero .introbox .intro-overlay .intro-headlines {
        left: 60px;
        left: 3.75rem;
        top: initial
    }
    .intro-hero .introbox .intro-overlay form input {
        width: 60vw
    }
}
@media only screen and (max-width: 480px) {
    .intro-hero .introbox .intro-overlay .intro-headlines {
        left: 30px;
        left: 1.875rem
    }
    .intro-hero .introbox .intro-overlay form input {
        width: calc(100% - 60px);
        float: right
    }
}
.intro-hero .introbox .intro-overlay form button {
    background-image: url('vhs-assets-css-4ec3d6b2491f43cf6548563df04b7465.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 51px 51px;
    border: none;
    background-color: transparent;
    margin: 0;
    width: 51px;
    width: 3.1875rem;
    height: 51px;
    height: 3.1875rem;
    padding: 0;
    position: absolute;
    left: 270px;
    left: 16.875rem;
    top: 0;
    top: 0;
    box-shadow: none
}
@media only screen and (max-width: 1140px) {
    .intro-hero .introbox .intro-overlay form button {
        left: 20vw
    }
}
.intro-hero .introbox .intro-overlay form article p {
    color: #fff;
    text-align: center;
    text-indent: -30px;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300
}
@media only screen and (max-width: 960px) {
    .intro-hero .introbox .intro-overlay form button {
        left: 4vw
    }
    .intro-hero .introbox .intro-overlay form article p {
        text-indent: 0;
        font-size: 18px;
        font-size: 1.125rem
    }
}
@media only screen and (max-width: 480px) {
    .intro-hero .introbox .intro-overlay form button {
        left: 0
    }
    .intro-hero .introbox .intro-overlay form {
        margin-top: 1.875rem
    }
}
/*.intro-hero .introbox .dimmer {
    position: absolute;
    left: -100px;
    left: -6.25rem;
    top: 76%;
    right: -100px;
    right: -6.25rem;
    bottom: -280px;
    bottom: -17.5rem;
    z-index: 1;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #000), color-stop(33%, #000), color-stop(100%, transparent));
    background: -webkit-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -moz-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -ms-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -o-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    -webkit-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}*/
.intro-hero .introbox .dimmer,
.intro-hero.low .introbox .dimmer {
    position: absolute;
    left: -100px;
	left: -6.25rem;
    right: -100px;
	right: -6.25rem;
	top: 0px;
    bottom: 6vw;
    z-index: 1;
    /*background: -webkit-gradient(left top, right bottom, color-stop(0, #000), color-stop(33%, #000), color-stop(100%, transparent));
    background: -webkit-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -moz-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -ms-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);
    background: -o-linear-gradient(90deg, #000 0, #000 33%, transparent 100%);*/
	background: -moz-linear-gradient(top, rgba(100,100,100,0) 0%,rgba(100,100,100,0) 95%,rgba(100,100,100,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(100,100,100,0) 0%,rgba(100,100,100,0) 95%,rgba(100,100,100,0.5) 100%);
	background: linear-gradient(to bottom, rgba(100,100,100,0) 0%,rgba(100,100,100,0) 95%,rgba(100,100,100,0.5) 100%);
    /*linear-gradient(to bottom, rgba(100,100,100,0) 0%,rgba(100,100,100,0) 95%,rgba(100,100,100,0.5) 100%)*/
    /*height: 100%;*/
}
.skills .skill,
.skills .skill.ocean {
    background-color: #008fc3
}
.intro-hero .introbox figure{
	position: absolute;
	top: 120px;
	width: 100vw;
	height: 105%;
    background-size: cover;
	background-position: center top;
}

.intro-hero .introbox figure img,
.intro-hero .introbox iframe,
.intro-hero .introbox video {
    bottom: 0;
    min-height: 840px;
    position: absolute;
    top: 120px;
    right: 0;
    left: 50%;
    margin-left: -60rem;
    height: auto;
    min-width: 1920px
}
.intro-hero .introbox iframe,
.intro-hero .introbox video {
    min-height: 52.5rem;
    top: 6rem;
    /*top: 7.5rem;*/
    min-width: 120rem
}
.intro-hero .introbox figure img {
    min-height: 52.5rem;
    top: 7.5rem;
    width: 100%;
    min-width: 120rem
}
@media screen and (min-width: 1920px) {
    .intro-hero .introbox video {
        margin-left: -50vw;
        width: 100%
    }
    .intro-hero .introbox figure img {
        margin-left: -50vw
    }
}
@media only screen and (max-width: 1140px) {
    .intro-hero .introbox .intro-overlay {
        left: 15px;
        left: .9375rem;
        right: 15px;
        right: .9375rem;
        min-height: 444px;
        min-height: 27.75rem;
        width: auto;
		/*bottom:190px;*/
    }
    /*.intro-hero .typed-strings + .introbox .intro-overlay article section h1 {
        margin-top: 16.25rem;
        font-size: 12vw
    }*/
	.intro-hero .typed-strings + .introbox .intro-overlay article section h2 {
        margin-top: 16.25rem;
        font-size: 12vw
    }
    .intro-hero .introbox video {
        width: auto
    }
    .intro-hero .introbox article section h1 {
        margin-left: 14vw
    }
}
@media only screen and (max-width: 960px) {
    .intro-hero .introbox {
        min-height: 777px;
        min-height: 48.5625rem
    }
    .intro-hero .introbox .intro-overlay {
        min-height: 444px;
        min-height: 27.75rem;
        height: auto;
		/*bottom:50px*/
    }
    .intro-hero .introbox .intro-overlay article section h1 {
        margin-left: 6.25rem
    }
}
@media only screen and (max-width: 480px) {
    .intro-hero .introbox .intro-overlay {
        height: 444px;
        height: 27.75rem;
		/*bottom:50px;*/
    }
    /*.intro-hero .typed-strings + .introbox .intro-overlay article section h1 {
        margin-top: 16.25rem;
        margin-left: 3.75rem;
        font-size: 16vw
    }*/
	.intro-hero .typed-strings + .introbox .intro-overlay article section h2 {
        margin-top: 16.25rem;
        /*margin-left: 3.75rem;*/
        font-size: 16vw
    }
    .intro-hero .introbox .intro-overlay figure img {
        min-height: 1px;
        width: auto;
        height: 680px;
        min-width: 1px
    }
    /*.intro-hero .introbox .dimmer {
        top: 45%
    }*/
    .intro-hero .introbox video {
        width: auto
    }
    .intro-hero .introbox figure img {
        min-height: 680px;
        min-height: 42.5rem;
        min-width: 1px;
        height: 680px;
        height: 42.5rem;
        width: auto;
        left: 0;
        margin-left: 0
    }
}
.intro-hero.low {
    max-height: 800px;
    max-height: 50rem;
    min-height: 1px;
    min-height: .0625rem;
    margin-bottom: -5.625rem
}
@media only screen and (max-width: 1140px) {
    .intro-hero {
        min-height: 666px;
        min-height: 41.625rem
    }
    .intro-hero.low {
        min-height: 444px;
        min-height: 27.75rem;
        height: 60vw
    }
}
@media only screen and (max-width: 960px) {
    .intro-hero {
        min-height: 555px;
        min-height: 34.6875rem
    }
    .intro-hero.low .introbox {
        min-height: 444px;
        min-height: 27.75rem
    }
    .intro-hero.low .introbox figure img {
        min-height: 1px;
        min-height: .0625rem;
        height: 480px;
        height: 30rem;
        left: 0;
        margin-left: 0;
        width: auto;
        min-width: 1px
    }
}
.intro-hero .typed-strings+.introbox .intro-overlay {
	bottom: -75px;
	bottom: -4.6875rem;

}
@media only screen and (max-width: 1140px) {
	.intro-hero .typed-strings+.introbox .intro-overlay {
        height: auto;
		bottom: 215px;
		bottom:13.4375rem;

    }
}
@media only screen and (max-width: 480px) {
    .intro-hero {
        min-height: 555px;
        min-height: 34.6875rem;
        height: 680px;
        height: 42.5rem
    }
    .intro-hero .typed-strings+.introbox {
        height: 680px;
        height: 42.5rem
    }
    .intro-hero .typed-strings+.introbox .intro-overlay {
        height: auto;
		bottom: 245px;

    }
    .intro-hero .typed-strings+.introbox .intro-overlay .intro-headline h1 {
        margin-top: 5rem;
        font-size: 13.5vw
    }
    .intro-hero.low .introbox {
        min-height: 444px;
        min-height: 27.75rem
    }
    .intro-hero.low .introbox figure img {
        min-height: 1px;
        min-height: .0625rem;
        height: 444px;
        height: 27.75rem;
        left: 0;
        margin-left: 0;
        width: auto;
        min-width: 1px
    }
}
.skills {
    margin: 3.125rem 0
}
.skills:after {
    content: '';
    clear: both;
    display: block
}
.skills.shift {
    position: relative;
    z-index: 2;
    margin-top: -20.8125rem;
    margin-bottom: 4.6875rem
}
.skills .skill {
    display: table;
    width: 100%;
    height: 1px;
    height: .0625rem;
    min-height: 124px;
    min-height: 7.75rem;
    margin: .9375rem 0;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    transition: all 125ms ease-out;
    box-sizing: border-box;
    padding: 0 .9375rem
}
.search-results,
.skills .skill {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.skills .skill:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05)
}
.skills .skill a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 300
}
.teaser.advanced:after,
.teaser.custom:after {
    content: '';
    clear: both;
    display: block
}
@media only screen and (max-width: 1140px) {
    .skills .skill a {
        font-size: 16px;
        font-size: 1rem
    }
}
@media only screen and (max-width: 480px) {
    .skills .skill a {
        font-size: 21px;
        font-size: 1.3125rem
    }
}
.skills .skill.jade {
    background-color: #239b91
}
.skills .skill.deep {
    background-color: #001d3a
}
@media only screen and (max-width: 1140px) {
    .skills.shift {
        margin-top: -17.5rem
    }
}
@media only screen and (max-width: 960px) {
    .skills.shift {
        margin-top: -17.5rem
    }
}
.teaser.simple {
    position: relative;
    max-width: 260px;
    max-width: 16.25rem;
    float: left;
    margin: 1.875rem 5.375rem 0 0
}
.teaser.simple h1,
.teaser.simple h2,
.teaser.simple h3,
.teaser.simple h4,
.teaser.simple h5,
.teaser.simple h6 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #000;
    margin: 0 0 .625rem
}
.teaser.simple:first-of-type {
    margin-left: 5.375rem
}
.teaser.simple:last-of-type {
    margin-right: 0
}
.teaser.simple figure {
    height: 110px;
    height: 6.875rem;
    position: relative;
    width: 100%;
    margin-bottom: .9375rem
}
.teaser.simple figure img {
    width: auto;
    max-width: 100%;
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    margin: auto
}
.teaser.advanced {
    margin-bottom: 3.75rem
}
.teaser.advanced figure {
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg);
    min-width: 465px;
    min-width: 29.0625rem;
    max-height: 356px;
    max-height: 22.25rem;
    width: 46%;
    overflow: hidden;
    float: left;
    margin-left: 1.875rem;
    margin-top: 0;
}
@media only screen and (min-width: 961px) and (max-width: 1140px) {
	.teaser.advanced figure.shift-image {
		min-width: 1px;
		width: 46%;
	}
}
.teaser.advanced figure img {
    position: relative;
    top: -30px;
    top: -1.875rem;
    left: 0;
    left: 0;
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg)
}
@media only screen and (max-width: 960px) {
    .teaser.advanced figure {
        max-width: 100%;
        width: 100%;
        float: none;
        margin-left: -.9375rem;
        padding-right: 3.75rem;
        clear: both;
        min-width: 1px;
        min-width: .0625rem
    }
    .teaser.advanced figure img {
        top: -60px;
        top: -3.75rem;
        width: 100vw
    }
}
.teaser.advanced article p,
.teaser.advanced:nth-of-type(even) article p {
    margin-left: 3.75rem
}
@media only screen and (max-width: 480px) {
    .teaser.advanced figure {
        width: 100%;
        height: 240px;
        height: 15rem
    }
    .teaser.advanced figure img {
        top: -30px;
        top: -1.875rem
    }
}
.teaser.advanced article {
    width: 46%;
    position: relative;
    float: right;
    transition: all 125ms ease-out;
    padding-top: 7.5rem
}
.teaser.advanced article,
.v-select .rules {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.teaser.advanced article .center {
    margin-bottom: 0
}
.teaser.advanced article section {
    margin-bottom: 1.875rem
}
.teaser.advanced article section h2 {
    margin-bottom: 0
}
.teaser.advanced article section h6 {
    margin-left: 3.75rem;
    color: #239b91;
    text-transform: uppercase;
    margin-top: .625rem;
    margin-bottom: 1.5625rem;
    font-size: 22px;
    font-size: 1.375rem
}
.teaser.advanced article section hr {
    position: relative;
    z-index: 2;
    left: -150px;
    left: -9.375rem;
    top: 0;
    top: 0;
    max-width: 400px;
    max-width: 25rem
}
.teaser.advanced article a.btn {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500
}
.teaser.advanced:nth-of-type(even) figure {
    float: right
}
.teaser.advanced:nth-of-type(even) article {
    float: left
}
.teaser.advanced:nth-of-type(even) article section hr {
    left: auto;
    right: -280px;
    right: -17.5rem
}
.teaser.custom {
    margin: 5rem 0 0;
    width: 44%;
    float: left;
    min-height: 360px;
    min-height: 22.5rem
}
.teaser.custom article section h2{
    margin-bottom: .9375rem;
    font-size: 35px;
    font-size: 2.1875rem;
    text-transform: uppercase;
    margin-left:0;
}
.teaser.custom .btn {
    float: left;
    padding: .9375rem 3.75rem
}
.teaser.custom:nth-of-type(2n) {
    float: right;
    margin-top: 5rem;
    margin-bottom: 0
}
.teaser.custom:nth-of-type(2) {
    margin-top: 10rem
}
@media only screen and (max-width: 1140px) {
    .teaser.simple {
        max-width: 30%;
        margin: 30px 2%
    }
    .teaser.simple:first-of-type {
        margin-left: 0
    }
    .teaser.simple:last-of-type {
        margin-right: 0
    }
}
@media only screen and (max-width: 960px) {
    .teaser.custom {
        min-height: 1px;
        min-height: .0625rem
    }
    .teaser.custom article section h2{
        font-size: 28px;
        font-size: 1.75rem
    }
    .teaser.simple {
        max-width: none;
        margin: 1.875rem 0 1.875rem
    }
    .teaser.simple h6 {
        font-size: 20px;
        font-size: 1.25rem
    }
    .teaser.advanced article {
        width: 100%;
        min-height: 1px;
        min-height: .0625rem;
        margin-top: 12.5rem;
        /*padding-top: 3.125rem*/
		padding-top: 1rem
    }
    .teaser.advanced article section {
        margin: 0
    }
    .teaser.advanced article section h2 {
        margin-bottom: .9375rem
    }
    .teaser.advanced article section h6 {
        font-size: 20px;
        font-size: 1.25rem;
        margin: 0 0 .9375rem
    }
    .teaser.advanced article section hr {
        display: none
    }
    .teaser.advanced article p {
        margin: 0
    }
    .teaser.custom,
    .teaser.custom:nth-of-type(2n) {
        margin-top: 5.625rem
    }
    .teaser.advanced:nth-of-type(even) article,
    .teaser.advanced:nth-of-type(even) figure {
        float: none
    }
    .teaser.advanced:nth-of-type(even) article p,
    .teaser.advanced:nth-of-type(even) article section h2,
    .teaser.advanced:nth-of-type(even) article section h4,
    .teaser.advanced:nth-of-type(even) article section h6 {
        margin-left: 0
    }
    .teaser.custom {
        width: 100%;
        margin-bottom: 0
    }
}
@media only screen and (max-width: 480px) {
	.teaser.advanced  {
        margin-bottom: 0;
    }
    .teaser.advanced figure {
        margin-top: 0;
		margin-bottom:120px;
    }
    .teaser.advanced article {
        margin-top: 12.5rem
    }
    .teaser.advanced article section h2 {
        margin-bottom: .9375rem
    }
    .teaser.advanced article section h6 {
        margin-bottom: .9375rem;
        text-transform: none
    }
    .teaser.simple figure {
        margin-bottom: 0
    }
    .teaser.simple article {
        padding: 0 1.875rem
    }
    .teaser.simple article p {
        font-size: 16px;
        font-size: 1rem
    }
    .teaser.simple article h6 {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: .3125rem
    }
    .teaser.custom article section h2{
        font-size: 28px;
        font-size: 1.75rem;
    }
}
.brand-slider {
    max-width: 900px;
    max-width: 56.25rem;
    margin: 0 auto;
    -webkit-transform: skew(.1deg, 7deg);
    -moz-transform: skew(.1deg, 7deg);
    -ms-transform: skew(.1deg, 7deg);
    -o-transform: skew(.1deg, 7deg);
    transform: skew(.1deg, 7deg);
    position: relative
}
.brand-slider .has-slider-nav,
.brand-slider .is-slider,
.brand-slider .single-slide,
.brand-slider .slider-layers {
    position: relative;
    height: auto
}
.brand-slider .slick-track .single-slide {
    width: auto
}
.brand-slider .slick-track .single-slide figure {
    width: auto;
    min-width: 180px;
    min-width: 11.25rem;
    min-height: 40px;
    min-height: 2.5rem;
    position: relative
}
.brand-slider .slick-track .single-slide figure img {
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    max-width: 120px
}
.brand-slider .slick-next,
.brand-slider .slick-prev {
    border: none;
    box-shadow: none;
    padding: 0;
    color: transparent;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    margin-top: -.875rem;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9;
    font-size: 0
}
.brand-slider .slick-prev {
    width: 1.75rem;
    height: 1.75rem;
    left: -30px;
    left: -1.875rem;
    background-image: url('vhs-assets-css-901580fb49a32aa2ae6f374b060b8002.png');
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}
.brand-slider .slick-prev:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.brand-slider .slick-next {
    width: 1.75rem;
    height: 1.75rem;
    right: -30px;
    right: -1.875rem;
    background-image: url('vhs-assets-css-80033d9fb8fb9270e0afac9224ce10d6.png');
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}
.brand-slider .slick-next:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.brand-slider .slick-dots {
    margin: 1.875rem 0;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    bottom: .3125rem
}
.brand-slider .slick-dots li {
    display: inline-block;
    margin: .09375rem
}
.brand-slider .slick-dots li button {
    background: #fff;
    padding: 0;
    width: 9px;
    width: .5625rem;
    height: 9px;
    height: .5625rem;
    min-height: 1px;
    min-height: .0625rem;
    color: transparent;
    border: none
}
.brand-slider .slick-dots li.slick-active button {
    background: #a0eae4;
    padding: 0;
    width: 9px;
    width: .5625rem;
    height: 9px;
    height: .5625rem;
    min-height: 1px;
    min-height: .0625rem;
    color: transparent;
    border: none
}
@media only screen and (max-width: 960px) {
    .brand-slider .slick-track .single-slide article {
        width: 48%;
        float: left
    }
    .brand-slider .slick-track .single-slide figure {
        float: right;
        max-width: 380px;
        max-width: 23.75rem;
        margin-right: 1.875rem
    }
    .brand-slider .slick-track .single-slide figure.shift-image {
        margin-right: 0;
        max-width: none;
        width: 44%;
        min-width: 1px;
        min-width: .0625rem;
        margin-left: 1.875rem;
        float: left
    }
    .brand-slider .slick-track .single-slide figure {
        min-width: 1px;
        min-width: .0625rem;
        width: 100%;
        margin: 0
    }
    .brand-slider .slick-track .single-slide figure img {
        position: initial
    }
    .brand-slider .slick-next,
    .brand-slider .slick-prev {
        width: 28px;
        height: 28px;
        position: absolute;
        top: 50%;
        margin-top: -.875rem;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 9;
        font-size: 0;
        color: transparent;
        border: none;
        box-shadow: none
    }
    .brand-slider .slick-prev {
        width: 1.75rem;
        height: 1.75rem;
        left: 0;
        background-image: url('vhs-assets-css-901580fb49a32aa2ae6f374b060b8002.png');
        -webkit-opacity: .8;
        -moz-opacity: .8;
        opacity: .8
    }
    .brand-slider .slick-prev:before {
        display: none
    }
    .brand-slider .slick-prev:hover {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
    .brand-slider .slick-next {
        width: 1.75rem;
        height: 1.75rem;
        right: 0;
        background-image: url('vhs-assets-css-80033d9fb8fb9270e0afac9224ce10d6.png');
        -webkit-opacity: .8;
        -moz-opacity: .8;
        opacity: .8
    }
    .brand-slider .slick-next:before {
        display: none
    }
    .brand-slider .slick-next:hover {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1
    }
    .brand-slider button.slick-next,
    .brand-slider button.slick-prev {
        display: none!important
    }
}
@media only screen and (max-width: 960px)and only screen and (max-width: 960px) {
    .brand-slider .slick-track .single-slide {
        margin: 0 1.875rem
    }
    .brand-slider .slick-track .single-slide article {
        width: 100%
    }
    .brand-slider .slick-track .single-slide figure {
        display: none
    }
}
.shift-image {
    -webkit-transform: skew(0deg, -7deg);
    -moz-transform: skew(0deg, -7deg);
    -ms-transform: skew(0deg, -7deg);
    -o-transform: skew(0deg, -7deg);
    transform: skew(0deg, -7deg);
    min-width: 465px;
    min-width: 29.0625rem;
    max-height: 356px;
    max-height: 22.25rem;
    margin-top: 5.625rem;
    width: 46%;
    overflow: hidden;
    float: left
}
.shift-image img {
    position: relative;
    top: -30px;
    top: -1.875rem;
    left: 0;
    left: 0;
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg)
}
@media only screen and (max-width: 960px) {
    .shift-image {
        max-width: 100%;
        width: 100%;
        float: none;
        margin-left: -.9375rem;
        padding-right: 3.75rem;
        clear: both;
        min-width: 1px;
        min-width: .0625rem
    }
    .shift-image img {
        top: -60px;
        top: -3.75rem;
        width: 100vw
    }
}
@media only screen and (max-width: 480px) {
    .shift-image {
        width: 100%;
        height: 240px;
        height: 15rem
    }
    .shift-image img {
        top: -30px;
        top: -1.875rem
    }
}
.search-single {
    margin: 8.75rem 0 1.875rem 1.875rem;
    position: relative;
    z-index: 2
}
.search-single:after {
    content: '';
    clear: both;
    display: block
}
.search-single input {
    background-color: #f9f9f9;
    -webkit-appearance: none;
    border: none;
    height: 52px;
    height: 3.25rem;
    text-transform: uppercase;
    font-family: Roboto, Sans-Serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    max-width: 427px;
    max-width: 26.6875rem;
    margin: 0 auto;
    display: block;
    float: none;
    color: #000
}
.search-results .search-result h3,
.stats .stats-box article var {
    font-family: Roboto, Sans-Serif;
    font-weight: 300
}
.search-single input::-webkit-input-placeholder {
    color: #000
}
.search-single input:-moz-placeholder {
    color: #000
}
.search-single input::-moz-placeholder {
    color: #000
}
.search-single input:-ms-input-placeholder {
    color: #000
}
.search-single input::-ms-input-placeholder {
    color: #000
}
@media only screen and (max-width: 1140px) {
    .search-single input {
        max-width: none;
        width: 40vw
    }
}
@media only screen and (max-width: 960px) {
    .search-single input {
        width: 60vw
    }
}
@media only screen and (max-width: 480px) {
    .search-single input {
        width: calc(100% - 60px);
        float: right
    }
}
.search-single button {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 51px 51px;
    border: none;
    background-color: transparent;
    margin: 0;
    width: 51px;
    width: 3.1875rem;
    height: 51px;
    height: 3.1875rem;
    padding: 0;
    position: absolute;
    left: 270px;
    left: 16.875rem;
    top: 0;
    top: 0;
    box-shadow: none;
    background-image: url('vhs-assets-css-b9e561b59e67369ed1acfc863f6c157a.png')
}
.search-single button:before {
    display: none
}
.contact-person:after,
.search-results:after {
    content: '';
    clear: both;
    display: block
}
@media only screen and (max-width: 1140px) {
    .search-single button {
        left: 20vw
    }
}
@media only screen and (max-width: 960px) {
    .search-single button {
        left: 4vw
    }
    .search-single {
        margin-left: 0
    }
}
.search-results {
    margin: 3.125rem 0 6.25rem;
    box-sizing: border-box;
    padding: 0 6.25rem 0 1.875rem
}
.search-results .search-result {
    margin-bottom: 5rem
}
.search-results .search-result:last-child {
    margin-bottom: 0
}
.search-results .search-result p .hit {
    color: #008dca
}
.search-results .search-result h3 {
    color: #008fc3;
    line-height: 120%;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase
}
@media only screen and (max-width: 960px) {
    .search-results .search-result h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
}
.search-results .search-result h6 {
    font-family: Roboto, Sans-Serif;
    color: #239b91;
    font-weight: 700;
    line-height: 120%;
    font-size: 22px;
    font-size: 1.375rem
}
.search-results .search-result .no_results {
    padding: 12.5rem 0
}
@media only screen and (max-width: 960px) {
    .search-results .search-result h6 {
        font-size: 20px;
        font-size: 1.25rem
    }
    .search-results {
        padding: 0
    }
}
.contact-person {
    width: 50%;
    float: left;
    margin-top: 1.875rem;
    margin-bottom: 5rem
}
.contact-person:nth-of-type(2) {
    float: right
}
.contact-person figure {
    max-width: 35%;
    float: left;
    margin-top: .9375rem
}
.contact-person article {
    float: left;
    margin-top: 1.875rem;
    /*margin-left: .5rem*/
}
.contact-person article section h4 {
    margin-left: 0
}
.contact-person article ul li {
    padding: 0 0 .25rem
}
.contact-person article ul li:first-child {
    color: #4e4e4e;
    text-transform: uppercase;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700
}
.contact-person article ul li:before {
    display: none
}
.contact-person article ul li a {
    color: grey;
    text-decoration: none
}
@media only screen and (max-width: 1140px) {
    .contact-person {
        width: 100%;
        padding-left: 8.75rem
    }
    .contact-person:nth-of-type(2) {
        float: none
    }
    .contact-person article {
        float: left;
        margin-left: 1.875rem
    }
}
@media only screen and (max-width: 960px) {
    .contact-person {
        padding-left: 0
    }
    .contact-person figure {
        max-width: 33.33%
    }
    .contact-person article ul li:first-child {
        font-size: 18px;
        font-size: 1.125rem
    }
}
@media only screen and (max-width: 480px) {
    .search-single button {
        left: 0
    }
	.contact-person:nth-of-type(1) {
		margin-bottom: 1.875rem;
	}
    .contact-person figure {
        float: none;
        max-width: 50%;
        margin: 0 auto 1.875rem
    }
    .contact-person article {
        width: 100%;
        margin: 0 0 0 21vw
    }
    .contact-person article section h4 {
        margin: 0 0 .9375rem
    }
}
.case figure.full-width{
	margin-top: 2.5rem;
}
.case figure.full-width,
.case figure.left {
    margin-left: 1.875rem;
    margin-bottom: 3.75rem
}
.case figure.right {
    margin-left: 3.75rem;
    margin-bottom: 3.75rem
}
@media only screen and (max-width: 960px) {
    .case figure.full-width {
        margin-top: 2.5rem
    }
    .case figure.left,
    .case figure.right {
        margin-left: 0;
        margin-right: 0
    }
}
.case article.shift {
    float: right;
    margin-top: -5rem;
    position: relative;
    z-index: 2
}
.case article.shift section h3 {
    font-size: 23px;
    font-size: 1.4375rem
}
@media only screen and (max-width: 960px) {
    .case article.shift {
        float: none;
        margin: 0
    }
}
.case article.case {
    margin-top: 6.25rem
}
.download-form {
    margin-bottom: 6.25rem
}
.download-form .center {
    margin-top: 0
}
@media only screen and (max-width: 960px) {
    .download-form {
        margin-top: 0;
        margin-bottom: 3.75rem
    }
	.case article.case {
		margin: 12.5px 0
	}
}
.space {
    margin-top: 9.375rem
}
.space .hero-group {
    padding-top: 3.5vw;
    margin-top: 0
}
@media only screen and (max-width: 960px) {
    .space.mobile-version .teaser-hero {
        height: 260px;
        height: 16.25rem
    }
    .space.mobile-version .teaser-hero .intro .introbox {
        width: 100%;
        min-width: 1px;
        min-width: .0625rem;
        margin-right: 0;
        height: 440px;
        height: 27.5rem
    }
    .space.mobile-version .teaser-hero .intro .introbox .btn {
        margin: 1.875rem 0
    }
    .space.mobile-version .teaser-hero .intro .introbox article {
        padding: .9375rem
    }
    .space.mobile-version .teaser-hero .intro .introbox article .trigger {
        width: 40px;
        width: 2.5rem;
        top: -80px;
        top: -5rem;
        position: absolute
    }
    .space.mobile-version .teaser-hero .intro .introbox article section {
        padding: 0
    }
    .space.mobile-version .teaser-hero .intro .introbox article section h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 1.25rem
    }
    .space.mobile-version .teaser-hero .intro .introbox[data-gradient=jade] {
        background: -moz-linear-gradient(top, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, 0) 40%, #3fa89f 85%);
        background: -webkit-linear-gradient(top, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, 0) 40%, #3fa89f 85%);
        background: linear-gradient(to bottom, rgba(63, 168, 159, 0) 0, rgba(63, 168, 159, 0) 40%, #3fa89f 85%)
    }
    .space.mobile-version .teaser-hero .intro .introbox[data-gradient=ocean] {
        background: -moz-linear-gradient(top, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, 0) 40%, #008fc3 85%);
        background: -webkit-linear-gradient(top, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, 0) 40%, #008fc3 85%);
        background: linear-gradient(to bottom, rgba(0, 143, 195, 0) 0, rgba(0, 143, 195, 0) 40%, #008fc3 85%)
    }
    .space.mobile-version .teaser-hero .intro .introbox[data-gradient=deep] {
        background: -moz-linear-gradient(top, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, 0) 40%, #001d3a 85%);
        background: -webkit-linear-gradient(top, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, 0) 40%, #001d3a 85%);
        background: linear-gradient(to bottom, rgba(0, 29, 58, 0) 0, rgba(0, 29, 58, 0) 40%, #001d3a 85%)
    }
    .space.mobile-version .teaser-hero .intro .introbox .brand {
        display: none
    }
    .space.mobile-version .teaser-hero .intro .introbox article {
        top: 265px;
        top: 16.5625rem
    }
    .space.mobile-version .teaser-hero .intro .introbox h3 {
        margin-bottom: .3125rem
    }
    .space.mobile-version .teaser-hero .intro .introbox h5 {
        font-size: 16px;
        font-size: 1rem
    }
    .space.mobile-version .teaser-hero.active {
        min-height: 600px;
        min-height: 37.5rem
    }
    .space.mobile-version .teaser-hero.active .intro .introbox {
        height: 800px;
        height: 50rem
    }
}
.center:after,
.stats:after {
    content: '';
    clear: both;
    display: block
}
.center {
    width: 100%;
    float: left;
    margin: 1.875rem 0;
    clear: both;
    text-align: center
}
.center .btn {
    min-width: 200px;
    min-width: 12.5rem
}
@media only screen and (max-width: 960px) {
    .center {
        margin: .9375rem 0
    }
}
.stats {
    padding: 0 0 0 5rem;
    margin: 0 0 3.125rem
}
.stats .stats-box {
    float: left;
    width: 260px;
    width: 16.25rem;
    height: 260px;
    height: 16.25rem;
    -webkit-border-radius: 260px;
    -moz-border-radius: 260px;
    border-radius: 260px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    text-align: center;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #d4e5ee), color-stop(33%, #f9fafa), color-stop(100%, #fff));
    background: -webkit-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -moz-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -ms-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    background: -o-linear-gradient(90deg, #d4e5ee 0, #f9fafa 33%, #fff 100%);
    display: table;
    margin: 1.875rem 0;
    border-width: .1875rem;
    border-style: solid;
    border-color: #008fc3
}
.pagination ul li a,
.sitemap article ul li ul li:before,
.v-select .rules .selected-tag,
.v-select .rules .selected-tag button {
    border-width: .0625rem;
    border-style: solid;
    border-color: #008fc3
}
.stats .stats-box:nth-of-type(1n+1) {
    margin-right: 5rem
}
.stats .stats-box:nth-of-type(3n+2) {
    margin-right: 0
}
.stats .stats-box:nth-of-type(3n+3) {
    margin-left: 5rem;
    margin-right: 0
}
.stats .stats-box article {
    min-width: 260px;
    min-width: 16.25rem;
    min-height: 260px;
    min-height: 16.25rem;
    display: table-cell;
    vertical-align: middle
}
.stats .stats-box article p {
    min-height: 22px;
    min-height: 1.375rem;
    color: #000;
    text-align: center;
    line-height: 100%;
    text-transform: uppercase
}
.stats .stats-box article p:first-of-type {
    margin-top: .9375rem;
    margin-bottom: -.625rem
}
.stats .stats-box article p:last-of-type {
    min-height: 44px;
    min-height: 2.75rem
}
.stats .stats-box article var {
    font-style: normal;
    color: #008fc3;
    font-size: 97px;
    font-size: 6.0625rem
}
@media only screen and (max-width: 1140px) {
    .stats .stats-box article {
        min-width: 1px;
        min-width: .0625rem;
        min-height: 1px;
        min-height: .0625rem
    }
    .stats .stats-box:nth-of-type(1n+1) {
        margin-right: 1.875rem
    }
    .stats .stats-box:nth-of-type(3n+2) {
        margin-right: 0
    }
    .stats .stats-box:nth-of-type(3n+3) {
        margin-left: 1.875rem;
        margin-right: 0
    }
}
@media only screen and (max-width: 1140px) {
    .stats {
        padding: 0 0 0 5rem
    }
}
@media only screen and (max-width: 960px) {
    .stats .stats-box {
        float: none;
        margin: 0 auto -3.75rem;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7)
    }
    .stats .stats-box:nth-of-type(1n+1),
    .stats .stats-box:nth-of-type(3n+2) {
        margin-left: auto;
        margin-right: auto
    }
    .stats .stats-box:nth-of-type(3n+3) {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.875rem
    }
    .stats {
        /*padding: 0 0 0 5rem*/
		padding:0px;
    }
}
@media only screen and (max-width: 480px) {
    .stats {
        margin: 0;
        padding: 0
    }
}
.filter-items {
    position: relative;
    z-index: 8;
    padding-left: 5.625rem;
    margin-top: 1.875rem
}
.filter-items button {
    margin: .625rem .625rem .3125rem 0;
    padding: .625rem 1.875rem
}
.filter-items button.active {
    background: #008fc3;
    color: #fff
}
@media only screen and (max-width: 960px) {
    .filter-items {
        padding-left: 0
    }
    .filter-items button {
        padding-top: .625rem;
        padding-bottom: .625rem;
        font-size: 16px;
        font-size: 1rem
    }
}
@media only screen and (max-width: 480px) {
    .filter-items button {
        width: 100%
    }
}
.blog-options {
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    margin: 0 0 3.75rem;
    padding: 0 13.75rem
}
.blog-options .btn {
    float: left;
    padding: .625rem 0;
    width: 260px;
    width: 16.25rem
}
.blog-options ul {
    float: left;
    display: block;
    clear: none;
    width: 120px;
    width: 7.5rem;
    text-align: center;
    margin: 0 auto;
    padding-top: .9375rem
}
.blog-options ul li {
    display: inline-block;
    margin-right: .3125rem
}
.blog-options ul li a {
    margin: 0
}
.blog-options ul li:last-child {
    margin-right: 0
}
.blog-options .labels {
    clear: both;
    float: none;
    margin-top: 1.875rem
}
.blog-options .labels a {
    color: #008fc3;
    padding-left: 1.875rem;
    background-image: url('vhs-assets-css-648bf9532800a1bc13e78507e76e4544.png');
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: .9375rem
}
@media only screen and (max-width: 1140px) {
    .blog-options {
        padding: 0;
        text-align: center
    }
    .blog-options ul {
        float: none;
        clear: both;
        margin: 0 auto
    }
    .blog-options .btn {
        float: none;
        display: block;
        margin: 0 auto
    }
    .blog-options .btn:last-of-type {
        float: none;
        margin-top: 0
    }
    .blog-options a {
        display: inline-block;
        text-align: center;
        margin-bottom: .9375rem
    }
}
.job-result {
    margin-bottom: 1.875rem
}
.job-result article a section h3 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: .25rem
}
.job-result article a section h6 {
    color: #239b91
}
.get-file {
    -webkit-transform: skew(0deg, 7deg);
    -moz-transform: skew(0deg, 7deg);
    -ms-transform: skew(0deg, 7deg);
    -o-transform: skew(0deg, 7deg);
    transform: skew(0deg, 7deg)
}
.get-file:after {
    content: '';
    clear: both;
    display: block
}
.jobs-detail article section h3,
.jobs-detail article section h4 {
    margin-left: 0
}
.jobs-detail article ul {
    margin-left: 1.875rem
}
@media only screen and (max-width: 960px) {
    .job-result article a section h3 {
        font-size: 25px;
        font-size: 1.5625rem
    }
    .jobs-detail article ul {
        margin-left: 0
    }
}
.contact-form {
    padding: 5rem .9375rem
}
.contact-form [data-size-lg] {
    padding: 0
}
.contact-form .form-group {
    margin-bottom: 1.875rem
}
.contact-form .form-group input {
    width: calc(100% - 15px)
}
.contact-form .form-group p {
    float: left;
    padding-left: 1.875rem;
    font-size: 15px;
    font-size: .9375rem;
    color: #000
}
.contact-form button {
    float: right;
    margin-right: -.625rem;
    margin-top: 0
}
.contact-form #field_3 input,
.contact-form #field_4 input {
    float: right
}
.contact-form #field_5 .form-group {
    margin: 0
}
.contact-form #field_7 {
    float: left;
    width: auto
}
.contact-form #field_7 .form_textpart {
    margin-top: -1.25rem
}
.contact-form .indent {
    margin: 0
}
@media only screen and (max-width: 960px) {
    .contact-form {
        padding: 0
    }
    .contact-form .form-group {
        padding: 0;
        margin-bottom: 1.875rem
    }
    .contact-form .form-group input {
        width: 100%
    }
    .contact-form .form-group p {
        float: left;
        padding-left: 1.875rem;
        font-size: 15px;
        font-size: .9375rem;
        color: #000
    }
}
@media only screen and (max-width: 480px) {
    .contact-form {
        margin-bottom: 2.5rem
    }
    .contact-form button {
        float: none;
        width: 100%;
        clear: both;
        margin-top: 0
    }
}
#casefilter,
.v-select {
    margin-bottom: 6.25rem
}
.typed-strings {
    display: none
}
.v-select {
    background-color: #f9f9f9;
    height: 52px;
    height: 3.25rem
}
.v-select:after {
    content: '';
    clear: both;
    display: block
}
.v-select .dropdown-toggle {
    height: 52px;
    height: 3.25rem;
    border: none!important;
    cursor: pointer;
    position: relative
}
.v-select .dropdown-toggle .form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    padding-top: .4375rem;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    cursor: pointer
}
.v-select .rules {
    transition: all 125ms ease-out;
    display: block;
    clear: both;
    padding: .625rem 0
}
.v-select .rules:after {
    content: '';
    clear: both;
    display: block
}
/*.v-select .selected-tag{
	line-height:1.6em!important;
}*/
.v-select .rules .selected-tag {
    transition: all 125ms ease-out;
    background-color: #fff;
    /*height: 33px;
    height: 2.0625rem;*/
	height:auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0 1rem 0 0;
    margin: .625rem 1.25rem .625rem 0;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 400;
	line-height:1.9!important;
}
.loader,
.v-select .rules .selected-tag {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.v-select .rules .selected-tag button {
    float: left;
    min-height: 1px;
    min-height: .0625rem;
    min-width: 26px;
    min-width: 1.625rem;
    background: #fff;
    //padding: 0 .1875rem;
    padding: 0 6px;
    margin: .25rem;
    margin-right: .9375rem;
	//margin-top:5px;
	line-height:1.2em;
}
.v-select .rules .selected-tag button {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.v-select .rules .selected-tag button:before {
    display: none
}
.v-select .rules .selected-tag button span {
    color: #008fc3;
    line-height: initial;
}
.v-select .open-indicator {
    bottom: 10px!important;
    bottom: .625rem!important
}
.v-select .open-indicator:before {
    width: 30px!important;
    width: 1.875rem!important;
    height: 30px!important;
    height: 1.875rem!important;
    bottom: 16px!important;
    bottom: 1rem!important;
    right: 16px!important;
    right: 1rem!important;
    background-image: url('vhs-assets-css-4ad1bedd9a2c9d16b6aab7a948057343.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: none!important;
    -webkit-transform: rotate(0)!important;
    -moz-transform: rotate(0)!important;
    -ms-transform: rotate(0)!important;
    -o-transform: rotate(0)!important
}
.v-select.open .open-indicator:before {
    bottom: auto!important;
    top: 0!important;
    top: 0!important;
    right: 16px!important;
    right: 1rem!important;
    -webkit-transform: rotate(180deg)!important;
    -moz-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    -o-transform: rotate(180deg)!important
}
.v-select .dropdown-menu {
    border-top-width: .125rem;
    border-top-style: solid;
    border-top-color: #fff;
    position: relative;
    left: 0;
    left: 0;
    top: 0;
    top: 0;
    z-index: 10;
    background: #f9f9f9;
    padding: .625rem;
    width: calc(100% - 20px)!important;
    overflow: initial!important;
    min-height: 25px;
    min-height: 1.5625rem;
    max-height: none!important
}
.sitemap article ul li ul li:last-child,
.v-select .dropdown-menu li:last-child {
    padding-bottom: 0
}
.fx,
.loader {
    position: fixed
}
.v-select .dropdown-menu li {
    padding-left: .625rem;
    cursor: pointer
}
.v-select .dropdown-menu li a {
    color: grey;
    width: 100%;
    display: block
}
.v-select .dropdown-menu li:before,
.v-select .dropdown-menu li:nth-child(n+11) {
    display: none
}
.v-select .dropdown-menu li.active a {
    background: 0 0;
    color: #e0e0e0
}
.v-select .dropdown-menu li.highlight a {
    background: 0 0;
    color: #008fc3
}
.pagination ul li a,
.sitemap article ul li a {
    text-decoration: none;
    color: grey
}
@media only screen and (max-width: 960px) {
    .v-select {
        margin-bottom: 1.875rem
    }
    .v-select .rules .selected-tag {
        font-size: 16px;
        font-size: 1rem;
        /*line-height: 35px;
        line-height: 2.1875rem*/
		line-height: 2.1!important;
    }
    .v-select .dropdown-toggle .form-control {
        text-align: left;
        padding-left: .9375rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 24px;
        font-size: 1.5rem;
        padding-right: 2.1875rem;
        padding-top: .75rem
    }
}
.sitemap article ul li ul {
    margin-bottom: 0
}
.sitemap article ul li ul li {
    padding-left: 1.25rem
}
.sitemap article ul li ul li:first-child {
    padding-top: .9375rem
}
.sitemap article ul li ul li:first-child:before {
    top: 15px;
    top: .9375rem
}
.fx,
.fx.static,
.loader {
    top: 0;
    top: 0
}
.sitemap article ul li ul li:before {
    background: 0 0;
    width: 6px;
    width: .375rem;
    height: 6px;
    height: .375rem;
    top: 0;
    top: 0;
    left: 10px;
    left: .625rem
}
.fx {
    z-index: 999;
    height: 100%;
    left: -140%;
    width: 140%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 41% center
}
.loader,
.pagination ul li a {
    background-repeat: no-repeat;
    background-position: center center
}
.fx.static {
    left: 0;
    left: 0;
    width: 120%
}
.fx.loaded {
    -webkit-animation: loadingFX-out 750ms ease;
    animation: loadingFX-out 750ms ease;
    animation-fill-mode: forwards;
    animation-delay: 300ms
}
.fx.loaded,
.fx.loading {
    -webkit-animation-delay: 300ms
}
@-webkit-keyframes loadingFX-out {
    0% {
        left: -20%;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    33% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    66% {
        -webkit-transform: skew(20deg, 0deg);
        -moz-transform: skew(20deg, 0deg);
        -ms-transform: skew(20deg, 0deg);
        -o-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg)
    }
    100% {
        left: -160%;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
}
@keyframes loadingFX-out {
    0% {
        left: -20%;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
    33% {
        -webkit-transform: skew(-20deg, 0deg);
        -moz-transform: skew(-20deg, 0deg);
        -ms-transform: skew(-20deg, 0deg);
        -o-transform: skew(-20deg, 0deg);
        transform: skew(-20deg, 0deg)
    }
    66% {
        -webkit-transform: skew(20deg, 0deg);
        -moz-transform: skew(20deg, 0deg);
        -ms-transform: skew(20deg, 0deg);
        -o-transform: skew(20deg, 0deg);
        transform: skew(20deg, 0deg)
    }
    100% {
        left: -160%;
        -webkit-transform: skew(14deg, 0deg);
        -moz-transform: skew(14deg, 0deg);
        -ms-transform: skew(14deg, 0deg);
        -o-transform: skew(14deg, 0deg);
        transform: skew(14deg, 0deg)
    }
}
.fx.loading {
    -webkit-animation: loadingFX-in 750ms ease;
    animation: loadingFX-in 750ms ease;
    animation-fill-mode: forwards;
    animation-delay: 300ms
}
.fx.loading,
.loader.loading {
    -webkit-animation-fill-mode: forwards
}
@-webkit-keyframes loadingFX-in {
    0% {
        left: -160%;
        -webkit-transform: skew(-14deg, 0deg);
        -moz-transform: skew(-14deg, 0deg);
        -ms-transform: skew(-14deg, 0deg);
        -o-transform: skew(-14deg, 0deg);
        transform: skew(-14deg, 0deg)
    }
    50% {
        -webkit-transform: skew(7deg, 0deg);
        -moz-transform: skew(7deg, 0deg);
        -ms-transform: skew(7deg, 0deg);
        -o-transform: skew(7deg, 0deg);
        transform: skew(7deg, 0deg)
    }
    100% {
        left: -20%;
        -webkit-transform: skew(-7deg, 0deg);
        -moz-transform: skew(-7deg, 0deg);
        -ms-transform: skew(-7deg, 0deg);
        -o-transform: skew(-7deg, 0deg);
        transform: skew(-7deg, 0deg)
    }
}
@keyframes loadingFX-in {
    0% {
        left: auto;
        right: -160%;
        -webkit-transform: skew(-14deg, 0deg);
        -moz-transform: skew(-14deg, 0deg);
        -ms-transform: skew(-14deg, 0deg);
        -o-transform: skew(-14deg, 0deg);
        transform: skew(-14deg, 0deg)
    }
    50% {
        -webkit-transform: skew(7deg, 0deg);
        -moz-transform: skew(7deg, 0deg);
        -ms-transform: skew(7deg, 0deg);
        -o-transform: skew(7deg, 0deg);
        transform: skew(7deg, 0deg)
    }
    100% {
        left: auto;
        right: -20%;
        -webkit-transform: skew(-7deg, 0deg);
        -moz-transform: skew(-7deg, 0deg);
        -ms-transform: skew(-7deg, 0deg);
        -o-transform: skew(-7deg, 0deg);
        transform: skew(-7deg, 0deg)
    }
}
.loader {
    z-index: 9999;
    left: 0;
    left: 0;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url('vhs-assets-css-3f024a6d9a0906f5ede1f3db4486ec77.gif');
    transition: all 125ms ease-out
}
.loader.loading {
    -webkit-animation: Loading 1000ms ease;
    animation: Loading 1000ms ease;
    animation-fill-mode: forwards;
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms
}
@-webkit-keyframes Loading {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        visibility: hidden
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible
    }
}
@keyframes Loading {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        visibility: hidden
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible
    }
}
#blogfilter .filter-items {
    padding-left: 1.875rem;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
#blogfilter .filter-items:after {
    content: '';
    clear: both;
    display: block
}
@media only screen and (max-width: 960px) {
    #blogfilter .filter-items {
        padding-left: 0;
        margin-bottom: 3.75rem
    }
}
.pagination ul {
    display: block;
    width: 100%;
    text-align: center
}
.pagination ul li {
    display: inline-block;
    float: none
}
.pagination ul li:before {
    display: none
}
.pagination ul li a {
    padding: .375rem .875rem
}
.pagination ul li a.next,
.pagination ul li a.prev {
    padding: .375rem 1.25rem
}
.pagination ul li a.next {
    background-image: url('vhs-assets-css-18097cecb185d2f4bb0fa0cf42964c6a.png')
}
.pagination ul li a.prev {
    margin-right: .3125rem;
    background-image: url('vhs-assets-css-61f3124e0b87fcd1454e1e6bbb4da5e7.png')
}
.pagination ul li.active a {
    background-color: #008fc3;
    color: #fff
}
#mc_embed_signup .indicates-required {
    font-size: 16px;
    font-size: 1rem
}
#mc_embed_signup .mc-field-group strong {
    font-weight: 400;
    color: grey;
    padding-bottom: .9375rem;
    display: block
}
#mc_embed_signup .mc-field-group ul li:before,
#mc_embed_signup input.mce_inline_error+p,
.slider .slick-next:before,
.slider .slick-prev:before {
    display: none
}
#mc_embed_signup .mc-field-group ul li {
    padding: 0;
    float: left
}
#mc_embed_signup .mc-field-group ul li input {
    float: left;
    min-height: 1px;
    min-height: .0625rem;
    padding: 0;
    width: auto;
    width: 15px;
    width: .9375rem;
    height: 15px;
    height: .9375rem;
    margin: 0;
    margin-top: .375rem
}
#mc_embed_signup .mc-field-group ul li label {
    float: left;
    padding: 0 0 0 .9375rem;
    font-size: 22px;
    font-size: 1.375rem
}
#mc_embed_signup input.mce_inline_error {
    border-color: red!important
}
#mc_embed_signup div.mce_inline_error {
    background: #fff!important;
    font-size: 12px!important;
    font-size: .75rem!important;
    color: red!important;
    padding-left: 0!important;
    font-weight: 400!important;
    margin: 0!important
}
#mc_embed_signup div#mce-responses {
    padding: 0 .625rem;
    font-size: 12px;
    font-size: 1.125rem;
    color: #008ec6;
    margin-bottom: 1.5rem
}
@media only screen and (max-width: 480px) {
    #mc_embed_signup {
        margin-top: 1.875rem
    }
    #mc_embed_signup .mc-field-group input {
        height: auto
    }
    #mc_embed_signup div#mce-responses {
        padding: 0
    }
}
.tx-ugw .container-fluid-shiftSoft.edge-single.labels {
    margin-top: 5rem;
    padding-top: 3.125rem
}
.slider {
    margin-bottom: .9375rem;
    max-width: 940px;
    max-width: 58.75rem
}
.slider .has-slider-nav,
.slider .is-slider,
.slider .single-slide,
.slider .slider-layers {
    position: relative;
    height: auto
}
.slider .slick-track .single-slide article {
    width: 48%;
    float: left
}
.slider .slick-track .single-slide figure {
    width: 48%;
    float: right;
    max-width: 380px;
    max-width: 23.75rem;
    margin-right: 1.875rem
}
.slider .slick-track .single-slide figure.shift-image {
    margin-right: 0;
    max-width: none;
    width: 44%;
    min-width: 1px;
    min-width: .0625rem;
    margin-left: 1.875rem;
    float: left
}
@media only screen and (max-width: 960px) {
    .tx-ugw .container-fluid-shiftSoft.edge-single.labels {
        margin-top: 1.5625rem!important;
        padding-top: 1.5625rem!important
    }
    .slider .slick-track .single-slide {
        margin: 0 1.875rem
    }
    .slider .slick-track .single-slide article {
        width: 100%
    }
    .slider .slick-track .single-slide figure {
        display: none
    }
}
.slider .slick-track .single-slide.blog-slide article {
    width: 48%;
    float: left
}
.slider .slick-track .single-slide.blog-slide .teaser.advanced article section hr {
    left: auto;
    right: -250px;
    right: -15.625rem
}
.slider .slick-track .single-slide.blog-slide .teaser.advanced figure {
    width: 48%;
    float: right;
    max-width: 380px;
    max-width: 23.75rem;
    margin-left: 1.875rem
}
.slider .slick-track .single-slide.blog-slide .teaser.advanced figure.shift-image {
    margin-left: 0;
    max-width: none;
    width: 44%;
    min-width: 1px;
    min-width: .0625rem;
    margin-right: 1.875rem;
    float: right;
    margin-top: 7.5rem
}
@media only screen and (max-width: 1140px) {
    .slider .slick-track .single-slide.blog-slide .teaser.advanced figure.shift-image img {
        width: auto;
        height: 410px;
        height: 25.625rem
    }
}
@media only screen and (max-width: 960px) {
    .slider .slick-track .single-slide.blog-slide {
        margin: 0 1.875rem
    }
    .slider .slick-track .single-slide.blog-slide article {
        width: 100%
    }
    .slider .slick-track .single-slide.blog-slide figure {
        display: none
    }
}
.slider .slick-next,
.slider .slick-prev {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    margin-top: -.875rem;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 9;
    font-size: 0;
    color: transparent;
    border: none;
    box-shadow: none
}
.slider .slick-prev {
    width: 1.75rem;
    height: 1.75rem;
    left: -10px;
    left: -.625rem;
    background-image: url('vhs-assets-css-901580fb49a32aa2ae6f374b060b8002.png');
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}
.slider .slick-prev:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.slider .slick-next {
    width: 1.75rem;
    height: 1.75rem;
    right: -10px;
    right: -.625rem;
    background-image: url('vhs-assets-css-80033d9fb8fb9270e0afac9224ce10d6.png');
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8
}
.slider .slick-next:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.slider .slick-dots {
    margin: 1.875rem 0;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    bottom: .3125rem
}
.slider .slick-dots li button,
.slider .slick-dots li.slick-active button {
    padding: 0;
    width: 9px;
    height: 9px;
    min-height: 1px;
    color: transparent;
    border: none
}
.slider .slick-dots li {
    display: inline-block;
    margin: .09375rem
}
.slider .slick-dots li button {
    background: #fff;
    width: .5625rem;
    height: .5625rem;
    min-height: .0625rem
}
.slider .slick-dots li.slick-active button {
    background: #a0eae4;
    width: .5625rem;
    height: .5625rem;
    min-height: .0625rem
}
.tabs .tab-header ul {
    margin: 0
}
.tabs .tab-header ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    float: left;
    -webkit-transition: all 75ms ease-out;
    -moz-transition: all 75ms ease-out;
    -o-transition: all 75ms ease-out;
    transition: all 75ms ease-out;
    padding: .9375rem .9375rem .9375rem 1.875rem;
    cursor: pointer;
    background: #239b91;
    width: 33.33%;
    list-style-type: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-size: .9375rem
}
.tabs .tab-header ul li:first-of-type {
    margin-left: 0
}
.tabs .tab-header ul li:last-child:after {
    display: none
}
.tabs .tab-header ul li.active {
    background: grey
}
.tabs .tab-header ul li.active:before {
    position: absolute;
    display: block;
    content: ""
}
.tabs .tab-header ul li:hover {
    background-color: #a6a6a6
}
@media only screen and (max-width: 480px) {
    .tabs .tab-header ul li {
        width: 100%;
        clear: both;
        margin: 0 0 .1875rem
    }
    .tabs .tab-header ul li:after {
        display: none
    }
}
.tabs .tab-content {
    padding: 1.875rem;
    border-bottom-width: .1875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}
.tabs .tab-content:after {
    content: '';
    clear: both;
    display: block
}
.tabs .tab-content article p {
    color: #239b91;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    text-align: inherit;
    line-height: 140%
}
@media only screen and (max-width: 960px) {
    .tabs .tab-content article p {
        font-size: 16px;
        font-size: 1rem
    }
}
.tabs .tab-content [data-tab] {
    padding-top: 1.875rem;
    clear: both;
    display: block
}
.collabsible-group section {
    background-color: #239b91;
    cursor: pointer;
    margin-bottom: .125rem;
    transition: all 125ms ease-out;
    position: relative
}
.collabsible-group section,
.collabsible-group section i {
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.collabsible-group section:hover {
    background: #006997
}
.collabsible-group section h3 {
    font-family: Roboto, Sans-Serif;
    color: #fff;
    font-weight: 300;
    line-height: 120%;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 80px);
    background-color: transparent;
    padding: 1.25rem .9375rem
}
.cookie-message article a,
.cookie-message article p {
    font-weight: 400;
    text-align: inherit;
    line-height: 140%
}
@media only screen and (max-width: 960px) {
    .collabsible-group section h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
}
.collabsible-group section i {
    background-image: url('vhs-assets-css-74bd3838ee1955fc46d5b797e1955688.png');
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    right: 0;
    top: 0;
    top: 0;
    height: 100%;
    width: 60px;
    width: 3.75rem;
    transition: all 125ms ease-out
}
.collabsible-group section.active {
    background: #006997
}
.collabsible-group section.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}
.collabsible-group .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0;
    display: block;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    height: 0;
    height: 0;
    overflow: hidden
}
.collabsible-group .content article {
    padding: .625rem
}
.collabsible-group .content.not-collapsed {
    height: auto
}
.is-breadcrumb nav ul {
    margin: 0
}
.is-breadcrumb nav ul li {
    float: left;
    padding: .46875rem 0
}
.is-breadcrumb nav ul li:after {
    content: '/';
    color: #239b91;
    padding-right: .9375rem;
    margin-left: .625rem
}
.is-breadcrumb nav ul li:first-child a {
    padding-left: 0
}
.is-breadcrumb nav ul li:last-child a {
    padding-right: 0;
    color: grey;
    text-decoration: none;
    font-size: 14px;
    font-size: .875rem;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    transition: all 125ms ease-out
}
.is-breadcrumb nav ul li:last-child a:hover {
    color: silver
}
.is-breadcrumb nav ul li:last-child:after {
    display: none
}
.is-breadcrumb nav ul li a {
    color: #000;
    font-size: 14px;
    font-size: .875rem;
    transition: all 125ms ease-out
}
.cookie-message article a,
.is-breadcrumb nav ul li a {
    text-decoration: none;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out
}
.is-breadcrumb nav ul li a:hover {
    color: #404040
}
.cookie-message {
    background-color: #000;
    position: fixed;
    z-index: 6;
    right: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .9375rem 1.875rem
}
.cookie-message article p {
    color: #fff;
    font-size: 12px;
    font-size: .75rem
}
@media only screen and (max-width: 960px) {
    .cookie-message article p {
        font-size: 16px;
        font-size: 1rem
    }
}
.cookie-message article a {
    color: #008fc3;
    font-size: 12px;
    font-size: .75rem;
    transition: all 125ms ease-out
}
@media only screen and (max-width: 960px) {
    .cookie-message article a {
        font-size: 16px;
        font-size: 1rem
    }
}
.cookie-message article a:hover {
    color: #43cdff
}
.teaserbox {
    margin-bottom: 1.875rem;
    position: relative
}
.teaserbox figure {
    height: 220px;
    height: 13.75rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 3.75rem
}
.teaserbox figure .caption {
    display: table;
    min-height: 3.75rem;
    height: 60px;
    height: 3.75rem;
    box-sizing: border-box;
    background-color: grey;
    transition: all 125ms ease-out
}
.teaserbox .caption,
.teaserbox figure .caption {
    padding: 0 .9375rem;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 125ms ease-out;
    -moz-transition: all 125ms ease-out;
    -o-transition: all 125ms ease-out;
    width: 100%;
    vertical-align: middle;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}
.teaserbox figure .caption:hover {
    background-color: #a6a6a6
}
.teaserbox figure .caption a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}
@media only screen and (max-width: 1140px) {
    .cookie-message {
        width: 100%
    }
    .teaserbox figure {
        height: auto
    }
}
.teaserbox .caption {
    display: table;
    min-height: 3.75rem;
    height: 60px;
    height: 3.75rem;
    box-sizing: border-box;
    background-color: grey;
    transition: all 125ms ease-out
}
.teaserbox .caption:hover {
    background-color: #a6a6a6
}
.teaserbox .caption a {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}
@media only screen and (max-width: 480px) {
    #casefilter {
        margin-bottom: 3.125rem
    }
}
#jobfilter {
    margin-bottom: 8vw
}
#jobfilter .container-fluid-shiftSoft.edge-single {
    padding-top: 3.125rem;
    margin-top: 0!important
}





/*Neue Anpassungen 27.02.2017 - Marie Marcus*/

.filter-items button{
    box-shadow:none;
    border: 1px solid #008fc3;
}

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

    /*div[style="margin-top:200px"] {
        margin-top: 50px!important;
    }*/

    /*div[style="margin-top:100px"] {
        margin-top: 25px!important;
    }*/
    article.indent{
        margin: 12.5px 0;
    }

    /*div[style="margin-top:50px"] {
        margin-top: 12.5px!important;
    }*/

    /*Intro Hero*/
        .intro-hero.responsive-half,.intro-hero.responsive-half.low{
        height:70vh;
        min-height:auto;
    }
    .intro-hero.low.responsive-half .introbox,.intro-hero.responsive-half .introbox{
        height:70vh;
        min-height:auto;
    }
    .intro-hero.responsive-half .introbox .intro-overlay{
        height:40vh;
        min-height:auto;
    }
        .intro-hero.responsive-half .introbox{
        min-height:65vh;
    }


/*Grafik mit Hovereffekt*/
    html .ugw-kreis-image{
        opacity:1!important;
        display:block!important;
    }
    html .ugw-kreis-image{
        display:block;
    }

    /*Parallax-Teaser*/
    html .hero-group .teaser-hero.active figure.parallax{
        top:35px!important;
    }

    /*Referenz Dropdown*/
    html body .v-select .rules .selected-tag button.close{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
    }

    html .skills.shift{
        margin-bottom:25px;
    }

    html .teaser.advanced article{
        margin-top:40px;
    }

    html .hero-group .teaser-hero .intro .introbox article figure.brand img{
        max-height:44px;
    }

    html #ugw-kreis-container{
        width:300px;
        height:300px;
        z-index:2;
    }
    header .navigation #main-nav figure{
        z-index:5;
    }

}
@media only screen and (max-width:960px){
    .case figure.full-width{
        margin-left:0;
    }
}


/*Video Zentrieren und an die Höhe der darumherumliegenden Box anpassen*/

@media screen and (min-width:980px) and (max-width:1140px){
    .intro-hero .introbox iframe, .intro-hero .introbox video {
        min-height:666px;
        height:900px;
        min-width:auto;
        margin-left:0;
        left:-50%;
        right:auto;
    }
}

@media screen and (min-width:480px) and (max-width:980px){
    .intro-hero .introbox iframe, .intro-hero .introbox video {
        min-height:555px;
        height:870px;
        min-width:auto;
        left:-30%;
        right:0;
        /*margin-left:-773px;*/
        margin-left:0;
        right:auto;
    }
}

@media screen and (max-width:480px){
    .intro-hero .introbox iframe, .intro-hero .introbox video {
        min-height:555px;
        height:870px;
        min-width:auto;
        left:-67.5%;
        right:auto;
        /*margin-left:-524px;*/
        margin-left:0;
    }
}




/*Nur IOS und Touchgeräte*/

@media (pointer:coarse) and (min-width:980px) and (max-width:1140px) and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    /*body{
        background:blue;
    }*/
    .intro-hero .introbox.responsive-half iframe, .intro-hero .introbox video {
        height:auto;
        left:-50%;
    }
}

@media (pointer:coarse) and (min-width:480px) and (max-width:980px) and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){
    body{
    }
    .intro-hero .introbox.responsive-half iframe, .intro-hero .introbox video {
        height:auto;
        left:-75%;
    }
}

@media (pointer:coarse) and (max-width:480px) and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0){

    .intro-hero .introbox.responsive-half {
    /*  height:102%;*/
    }
    .intro-hero .introbox.responsive-half .introbox{
    /*  height:102%;*/
    }
.intro-hero .introbox.responsive-half iframe, .intro-hero .introbox video {
        height:100%;
        left:-24%;
        top:0;
        min-height:600px;
    }
}


/*Änderungen 15.03.2017 Marie/Frank*/

.case article.shift.mobile-only{
    display:none;
}

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

    .tx-ugw .case .indent.shift.mobile-only{
        display:block;
		padding-left:20px;
    }


    .tx-ugw .case .indent.shift:not(.mobile-only){
        display:none;
    }
}
#blogtagbrowser{
	margin-bottom:50px;
}

/*Anpassungen 22.03.2017 Marie*/
@media screen and (max-width:480px){
    .intro-hero .introbox .intro-overlay form input{
        font-size:18px;
    }
}
@media screen and (min-width:1140px){
    [data-size-lg="11"] article.indent .center{
        padding-right:94px;
        padding-right:5.875rem;
        box-sizing:border-box;
    }
}
/*Anpassungen 25.04.2017 VKU*/
.case article.indent.shift.mobile-only ~ .cr div[data-size-lg="5"] .indent{
	margin-bottom:30px;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em; color:#fff !important}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1; color:#ffffff !important}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


/* Anpassungen auf 75% von 980px bis 1920px - NICHT mobile devices*/
@media screen and (min-width:1921px){
    .intro-hero .introbox iframe, .intro-hero .introbox video{
        width:100vw;
        margin-left:-50vw;
        top:-10rem;
    }
}
@media screen and (min-width:980px) and (max-width:1921px){
    
    html {
        font-size: 75%
    }
    .cr{
        max-width:calc(1170px * 0.75);
    }
    
    
    .cr [data-size-lg], .cr [data-size-md], .cr [data-size-sm], .cr [data-size-xs]{
        padding: 0 calc(15px * 0.75);
    }
    
    /*Menü*/
    header .navigation #main-nav ul.visible{
        right:calc(100vw * -0.75);
    }
    
    /*@-webkit-keyframes menu-out {
    0% {
        right: -205px;
        right: -12.813em;
    }
    40% {
    }
    80% {
    }
    100% {
    }
}
@keyframes menu-out {
    0% {
        right: -205px;
        right: -12.813em;
    }
    40% {
    }
    80% {
    }
    100% {
    }
}
@-webkit-keyframes menu-in {
    0% {
    }
    40% {
    }
    80% {
    }
    100% {
        right: -205px;
        right: -12.813em;
    }
}
@keyframes menu-in {
    0% {
    }
    40% {
    }
    80% {
    }
    100% {
        right: -205px;
        right: -12.813em;
    }
}*/
    
    header .navigation #mobile-menu{
        transform:scale(0.75);
    }
    /*Typografie*/
    header .navigation #main-nav ul li.active>a, header .navigation #main-nav ul li>a{
        font-size:calc(28px * 0.75);
    }
    
    /*Hero-Elemente*/
    .hero-group{
        padding:calc(7vw * 0.75) 0vw;
    }
    .intro-hero .introbox .intro-overlay form button{
        background-size:calc(51px * 0.75) calc(51px * 0.75);
        left:calc(270px * 1.25);
    }
    .intro-hero .introbox iframe, .intro-hero .introbox video{
        /*min-width:calc(120rem * 1.25);*/
    }
    .intro-hero .introbox video{
        margin-left:-50vw!important;
        width:115%;
    }
    .intro-hero:after{
         /*border-width: 0 0 calc(12.3vw * 0.75) calc(100vw * 0.75);*/
    }
    .intro-hero .introbox figure{
        top:calc(120px * 0.75);
    }
    .hero-group .teaser-hero .intro{
        width: calc(1140px * 0.75);
    }
    /*Buttons*/
    a.btn, a.btn:hover{
        box-shadow: inset 0px 0px 0px 1px #008fc3;
        -webkit-box-shadow:inset 0px 0px 0px 1px #008fc3;
        -moz-box-shadow:inset 0px 0px 0px 1px #008fc3;
        border:none;
    }
   
    article.indent.wow.slideInRight a.btn {
        box-shadow: inset 0px 0px 0px 1px #008fc3;
        -webkit-box-shadow:inset 0px 0px 0px 1px #008fc3;
        -moz-box-shadow:inset 0px 0px 0px 1px #008fc3;
        border:none;
    }
    article.indent.wow.slideInRight a.btn:hover {
       box-shadow: inset 0px 0px  0px 1px #008fc3;
       -webkit-box-shadow: inset 0px 0px  0px 1px #008fc3;
       -moz-box-shadow: inset 0px 0px  0px 1px #008fc3;
       border:none;
    }
    
    button[type=submit]{
       box-shadow: inset 0px 0px  0px 1px #008fc3;
       -webkit-box-shadow:inset 0px 0px  0px 1px #008fc3;
       -moz-box-shadow:inset 0px 0px  0px 1px #008fc3;
       border:none;
    }
	.search-single button[type=submit]{
       box-shadow: none;
       -webkit-box-shadow:none;
       -moz-box-shadow:none;
       border:none;
	   background-size: 38px 38px;
	   width:38px;
	   height:38px;
	   left:15rem;
    }

    .filter-items button {
    border: 1px solid #008fc3;
    }
    
    .hero-group .teaser-hero .intro .introbox article .btn:hover,.hero-group .teaser-hero .intro .introbox article .btn{
        box-shadow: inset 0px 0px  0px 1px #fff;
        -webkit-box-shadow: inset 0px 0px  0px 1px #fff;
        -moz-box-shadow: inset 0px 0px  0px 1px #fff;
        border:none;
    }
    
    /*#ugw Kreis*/
    #ugw-kreis-container{
        height: calc(800px * 0.75);
        width: calc(800px *0.75);
    }
    
    /*Kontaktformular*/
    
    input,select,textarea{
        border-width: 1px;
    }
    
    /*Slider*/
    .brand-slider .slick-track .single-slide figure img{
        max-width: calc(120px * 0.75);
        max-height:calc(40px * 0.75);
    }
    
    #blogtagbrowser{
        margin-bottom: calc(50px * 0.75);
    }

    html p{
        margin-bottom:calc(6px * 0.75);
    }

    /*Cases*/
    .hero-group .teaser-hero .intro .introbox article figure.brand img{
        max-width:none;
        max-height:none;
        transform:scale(0.75);
    }
    .space .hero-group .teaser-hero .intro .introbox article figure.brand img{
        max-width:none;
        max-height:none;
        transform:scale(0.75);
    }
    /*Form*/
    .contact-form .cr{
        max-width:none;
    }
    .contact-form [data-size-lg] {
        padding: 0;
    }
    
    footer .linkbox article .btn{
        padding:calc(14px * 0.75);
    }
    
    /*Maps*/
    .intro-hero .introbox.gmaps canvas{
        top:-7.5%!important;
        transform:scale(0.75);
        transform-origin: left;
    }
}

/*Media 1140px*/
@media screen and (max-width: 1140px) and (min-width: 980px){
    
    html {
        font-size: 75%
    }
    
    .cr{
        /*max-width:none;*/
        max-width:calc(100% * 0.75);
    }
    
    .intro-hero .introbox iframe, .intro-hero .introbox video {
        min-height: calc(666px * 0.75);
        height: calc(900px * 0.75);
        /*top:2.5rem;*/
        /*left:-12.5%;*/
        left:42%;
    }

    footer nav ul {
        /*width: calc(100% - 360px);*/
        width: calc(100% - 270px)
    }

    /*Button*/
    a.btn:hover {
        box-shadow: inset 0 0px 0px 1px #008fc3;
        -moz-box-shadow:  inset 0 0px 0px 1px #008fc3;
        -webkit-box-shadow: inset 0 0px 0px 1px #008fc3;
        border: none;
    }
    
/*Hero*/
    .hero-group .teaser-hero .intro {
        width: calc(1140px * 0.75);
    }
    .hero-group .teaser-hero figure.parallax {
        /*min-width: 150vw * 0.75*/
        min-width: 100.5vw
    }
    .intro-hero .introbox.gmaps .intro-overlay {
        /*top: 20%;*/
    }
    .intro-hero .introbox .intro-overlay form input {
        max-width: none;
        width: 40vw
    }
    .intro-hero .introbox .intro-overlay form button {
        left: calc(20vw * 1.15);
    }
    
    .intro-hero .typed-strings+.introbox .intro-overlay{
        bottom:calc(215px * 1);
    }
    .intro-hero.low {
        height: 60vw
    }
    .skills.shift {
        /*margin-top: calc(-17.5rem * 1.15);*/
        margin-top: calc(-17.5rem * 1.19);
    }
    .hero-group{
        padding: calc(7vw * 0.75) 0;
    }
    .space .hero-group .teaser-hero .intro .introbox article figure.brand img{
        max-height:calc(45px * 0.75)!important;
    }
    
    /*Menü*/
    /*@-webkit-keyframes menu-out {
    0% {
        right: -215px;
        right: -13.438em;
    }
    40% {
    }
    80% {
    }
    100% {
    }
}
@keyframes menu-out {
    0% {
        right: -215px;
        right: -13.438em;
    }
    40% {
    }
    80% {
    }
    100% {
    }
}
@-webkit-keyframes menu-in {
    0% {
    }
    40% {
    }
    80% {
    }
    100% {
        right: -215px;
        right: -13.438em;
    }
}
@keyframes menu-in {
    0% {
    }
    40% {
    }
    80% {
    }
    100% {
        right: -215px;
        right: -13.438em;
    }
}*/
    
	.teaser.advanced figure.shift-image {
		min-width: 1px;
		width: 46%;
	}

    .teaser.simple {
        max-width: 30%;
        margin: calc(30px * 0.75) 2%;
    }

    .search-single input {
        width: 40vw
    }

    .search-single button {
        left: 20vw
    }
    .intro-hero .typed-strings + .introbox .intro-overlay article section h1{
        font-size:calc(12vw * 0.75);
    }
    
    .stats {
        padding: 0 0 0 5rem;
        margin: 0 0 3.125rem;
    }
	
	.search-single button[type=submit]{
	   left:10vw;
    }
}

/*980px Cases*/
html .case .shift.mobile-only{
    display:none;
}

@media screen and (max-width:980px){
    
    .tx-ugw .case .indent.shift.mobile-only{
        display:block;
        padding-left:20px;
        padding-bottom:15px;
    }


    .tx-ugw .case .indent.shift:not(.mobile-only){
        display:none;
    }
}

@media screen and (max-width:1140px){
    footer nav ul{
        position:relative;
        width:100%;
        top: 5px;
        top:0.313rem;
    }
}

#blogtagbrowser{
	margin-bottom:50px;
}

footer figure img{
    top:1px;
}

@media screen and (max-width:480px){
    .intro-hero .introbox .intro-overlay form input{
        font-size:18px;
    }
}

@media screen and (min-width:1140px){
    [data-size-lg="11"] article.indent .center{
        padding-right:94px;
        padding-right:5.875rem;
        box-sizing:border-box;
    }
}
.blog-options .labels a{
	background-size: 16px 15px;
}
@media screen and (max-width:1140px){
    .blog-options .labels a{
		background-size: 17px 16px;
	}
}
@media screen and (max-width:980px){
    .blog-options .labels a{
		background-size: 24px 23px;
	}
}
@media screen and (max-width:480px){
    .blog-options .labels a{
		background-size: 24px 23px;
	}
}






.loading{
	position: fixed;
	position: relative;
	z-index:9999999;
	top:-112.5px;
	height:100vh;
}

.sk-folding-cube.invisible{
	display:none;
}
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
	position: fixed;
	z-index:9999999;
    left: 49vw;
    top: 49vh;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #008fc3;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}