@import url('//fonts.googleapis.com/css?family=Oswald:300,400,600');@import url('//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css');@font-face
{
    font-family: 'DIN';
    font-weight: normal;
    font-style: normal;;

    src: url('../fonts/DIN-Regular.eot');
    src: url('../fonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/DIN-Regular.woff2') format('woff2'),url('../fonts/DIN-Regular.woff') format('woff'),url('../fonts/DIN-Regular.ttf') format('truetype'),url('../fonts/DIN-Regular.svg#DIN-Regular') format('svg');
}*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;;

        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary
{
    display: block;
}audio,
canvas,
video
{
    display: inline-block;
}audio:not([controls])
{
    display: none;

    height: 0;
}[hidden]
{
    display: none;
}html
{
    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}body
{
    margin: 0;
}a
{
    text-decoration: none;
}a:focus
{
    outline: none;
}a:active,
a:hover
{
    outline: 0;
}h1
{
    font-size: 2em;
}abbr[title]
{
    border-bottom: 1px dotted;
}b,
strong
{
    font-weight: bold;
}dfn
{
    font-style: italic;
}mark
{
    color: #000;
    background: #ff0;
}code,
kbd,
pre,
samp
{
    font-family: monospace,serif;
    font-size: 1em;
}pre
{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}q
{
    quotes: '\201C' '\201D' '\2018' '\2019';
}small
{
    font-size: 80%;
}sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}sup
{
    top: -.5em;
}sub
{
    bottom: -.25em;
}img
{
    border: 0;
}svg:not(:root)
{
    overflow: hidden;
}figure
{
    margin: 0;
}fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em;

    border: 1px solid silver;
}legend
{
    padding: 0;

    border: 0;
}button,
input,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;

    margin: 0;

    outline: none;
}button,
input
{
    line-height: normal;
}button,
html input[type=button],
input[type=reset],
input[type=submit]
{
    cursor: pointer;

    -webkit-appearance: button;
}button[disabled],
html input[disabled]
{
    cursor: default;
}input[type='checkbox'],
input[type='radio']
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}input[type='search']
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-appearance: textfield;
}input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}textarea
{
    overflow: auto;

    vertical-align: top;
}table
{
    border-spacing: 0;
    border-collapse: collapse;
}ul,
li
{
    margin: 0;
    padding: 0;

    list-style-type: none;
}*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
}.cf:before,
.cf:after
{
    display: table;

    content: '';
}.cf:after
{
    clear: both;
}.cf
{
    zoom: 1;
}.fl
{
    float: left;
    overflow: hidden;
}.fr
{
    float: right !important;
    overflow: hidden;
}.ta-center
{
    text-align: center;
}.ta-left
{
    text-align: left;
}.ta-right
{
    text-align: right !important;
}.table
{
    display: table;

    width: 100%;
    height: 100%;
}* html div.table
{
    position: relative;
}* + html div.table
{
    position: relative;
}.table-cell
{
    display: table-cell;

    vertical-align: middle;
}* html .table-cell
{
    position: absolute;
}* + html .table-cell
{
    position: absolute;
}h1,
h2,
h3,
h4,
strong,
b
{
    font-weight: 400;
}.progress
{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #fff;
}.progress .loader
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}.progress .loader svg
{
    display: block;

    width: 100%;
    height: 100%;
}@media all and (min-width: 768px)
{
    .progress .loader
    {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
}.gradient-background,
html,
body
{
    background: #104172;
    background: -webkit-linear-gradient(top, #104172 0%, #0f1123 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#104172), to(#0f1123));
    background:      -o-linear-gradient(top, #104172 0%, #0f1123 100%);
    background:         linear-gradient(to bottom, #104172 0%, #0f1123 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#104172', endColorstr='#0f1123',GradientType=0 );
}.internal-background,
html,
body
{
    background: url('../img/background-internal.jpg') no-repeat scroll bottom right #000000;
    background-size: cover;
}html,
body
{
    overflow-x: hidden !important;
}html,
body
{
    font-family: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.7;

    overflow: hidden;

    width: 100%;
    height: 100%;

    color: #fff;

    -webkit-font-smoothing: antialiased;
}@media screen and (max-width: 768px)
{
    html,
    body
    {
        background-size: 300%;
    }
}@media screen and (max-width: 1000px)
{
    .intro-page
    {
        background-position: top center;
        background-size: 130%;
    }
}img
{
    max-width: 100%;;
    height: auto;
}@media screen and (max-width: 768px)
{
    img
    {
        max-width: 80%;
    }
}@media screen and (max-height: 800px)
{
    img
    {
        width: auto !important;;
        max-height: 300px;
    }
}@media screen and (max-height: 600px)
{
    img
    {
        max-height: 300px;
    }img.smaller-img
    {
        max-height: 250px;
    }
}p
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 20px;

    margin-bottom: 14px;
}.safari p
{
    font-family: Arial, Helvetica, sans-serif;
}@media screen and (max-height: 800px)
{
    p
    {
        font-size: 14px;
        line-height: 18px;
    }
}strong
{
    color: #00b0a5;
}.intro-page h1
{
    font-size: 40px;
    font-weight: 300;
    line-height: 44px;

    position: absolute;
    right: 30px;
    bottom: 30px;

    text-align: right;
    text-transform: uppercase;
}.top-gap
{
    margin-top: 10px;
}.top-gap-large
{
    margin-top: 40px;
}.bottom-space
{
    margin-bottom: 50px;
}@media screen and (max-width: 768px)
{
    .mobile-center
    {
        text-align: center !important;
    }
}@media screen and (max-width: 768px)
{
    .intro-page h1
    {
        bottom: 80px;
    }
}header
{
    position: fixed;
    z-index: 22;
    top: 0;
    left: 0;

    width: 100%;
    height: 55px;

    border-bottom: 1px solid #00b0a5;
}@media screen and (max-width: 768px)
{
    header
    {
        background: #232323;
    }
}header .logo
{
    position: absolute;
    top: 15px;
    left: 30px;

    width: 94px;
    height: 25px;
}header .logo a
{
    display: block;

    width: 94px;
    height: 25px;

    background-color: #fff;
}header .logo a svg
{
    display: block;

    width: 94px;
    height: 25px;
}header .gn
{
    display: block;

    height: 55px;

    text-align: right;
}@media screen and (max-width: 768px)
{
    header .gn
    {
        display: none;
        overflow: hidden;
    }
}header .gn ul
{
    position: relative;

    display: inline-block;

    margin: 0;
    padding: 0 15px;
}header .gn ul li
{
    position: relative;

    display: block;
    float: left;
}header .gn ul li a
{
    font-size: 15px;
    line-height: 55px;

    position: relative;

    display: block;

    padding: 0 15px;

    -webkit-transition: all 700ms cubic-bezier(.275, 0, 0, 1);
         -o-transition: all 700ms cubic-bezier(.275, 0, 0, 1);
            transition: all 700ms cubic-bezier(.275, 0, 0, 1);
    letter-spacing: 1px;
    text-transform: uppercase;

    opacity: .4;
    color: #fff;
}header .mobile-menu,
header nav .mobile-nav
{
    display: none;
}@media screen and (max-width: 768px)
{
    header
    {
        height: auto;
    }header .logo
    {
        position: relative;;
        left: 22px;

        margin-bottom: 10px;
    }header .mobile-menu
    {
        font-size: 24px;

        display: inline-block;
        float: right;

        margin: -26px 30px 10px;;

        cursor: pointer;
    }header nav .mobile-nav
    {
        display: block;
    }header nav .cf
    {
        display: none !important;
    }header .gn.active
    {
        display: block;

        width: 100%;;
        height: 100%;

        background: #000000;
    }header .gn ul
    {
        display: inline-block;

        width: 100%;
    }header .gn ul li
    {
        display: block;
        float: none;

        width: 100%;
    }
}header .gn ul li a:hover,
header .gn ul li.active a
{
    opacity: 1;
}header .gn ul li.active-bg
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    height: 1px;
    margin-left: 15px;

    -webkit-transition: all 500ms cubic-bezier(.275, 0, 0, 1);
         -o-transition: all 500ms cubic-bezier(.275, 0, 0, 1);
            transition: all 500ms cubic-bezier(.275, 0, 0, 1);
    pointer-events: none;
}@media screen and (max-width: 768px)
{
    header .gn ul li.active-bg
    {
        display: none;
    }
}header .gn ul li.active-bg svg
{
    position: absolute;
    left: 50%;

    width: 100px;
    height: 15px;
    margin-left: -50px;
}main
{
    position: relative;
    z-index: 1;
}@media screen and (max-width: 768px)
{
    main
    {
        top: 40px;
    }
}footer
{
    position: fixed;
    right: 30px;;
    bottom: 30px;
    left: 30px;
}@media screen and (max-width: 768px)
{
    footer
    {
        position: relative;
        right: 0;
        left: 0;

        max-width: 90%;;
        margin: 0 auto;
    }
}footer .sns
{
    display: block;
}footer .sns div
{
    display: block;
    float: left;

    height: 20px;
    margin-right: 5px;
}footer .sns .fb .fb_iframe_widget span
{
    display: block !important;
}footer .astrox-logo
{
    position: absolute;
    right: 0;
    bottom: 0;
}.section
{
    position: relative;

    width: 100%;
    height: 100%;
}.bg-section
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}.bg-section.ver
{
    background-size: auto 100%;
}.img-section
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}.img-section img
{
    position: absolute;
    top: 50%;
    left: 5%;

    width: 90%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}.img-section.ver img
{
    position: absolute;
    top: 10%;
    left: 50%;

    width: auto;
    height: 80%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}.home_video
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 90%;
    max-width: 800px;
    height: 450px;

    -webkit-transition: all 900ms ease;
         -o-transition: all 900ms ease;
            transition: all 900ms ease;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);;

    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(255,255,255,.1);
            box-shadow: 0 0 8px rgba(255,255,255,.1);
}.ytContainer
{
    position: relative;

    display: block;

    width: 100%;
    height: 450px;
}.ytContainer iframe
{
    display: block;

    width: 100%;
    height: 100%;
}.control
{
    font-size: 20px;

    position: absolute;
    top: 60px;
    left: 34px;

    display: none;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;;

    opacity: .5;
}.control:hover
{
    opacity: 1;
}@media screen and (max-width: 768px)
{
    #video,
    .control
    {
        display: none !important;
    }
	.ytContainer iframe
{
    display: block;

    width: 100%;
    height: 100%;
}
}.swiper-container
{
    position: relative;

    width: 100%;
    height: 100%;
}.swiper-slide
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
}.swiper-container
{
    position: relative;
    z-index: 1;

    overflow: hidden;

    margin-right: auto;
    margin-left: auto;
}@media screen and (max-width: 768px)
{
    .swiper-container
    {
        overflow: visible;
    }
}.swiper-container-no-flexbox .swiper-slide
{
    float: left;
}.swiper-container-vertical > .swiper-wrapper
{
        flex-direction: column;

    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
}.swiper-wrapper
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 100%;
    height: 100%;

    -webkit-transition-property: -webkit-transform;
         -o-transition-property:      -o-transform;
         -o-transition-property:         transform;
            transition-property: -webkit-transform;
            transition-property:         transform;
            transition-property:         transform, -webkit-transform;
}.swiper-container-android .swiper-slide,
.swiper-wrapper
{
    -webkit-transform: translate3d(0px, 0, 0);
        -ms-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
}.swiper-container-multirow > .swiper-wrapper
{
    -webkit-box-lines: multiple;
       -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}.swiper-container-free-mode > .swiper-wrapper
{
    margin: 0 auto;

    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}.swiper-slide
{
    position: relative;

    width: 100%;
    height: 100%;

    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
            flex-shrink: 0;
}.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide
{
    height: auto;
}.swiper-container-autoheight .swiper-wrapper
{
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
         -o-transition-property:      -o-transform;
         -o-transition-property:         transform, height;
            transition-property: height, -webkit-transform;
            transition-property:         transform, height;
            transition-property:         transform, height, -webkit-transform;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}.swiper-container .swiper-notification
{
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;

    pointer-events: none;

    opacity: 0;
}.swiper-wp8-horizontal
{
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}.swiper-wp8-vertical
{
    -ms-touch-action: pan-x;
        touch-action: pan-x;
}.swiper-button-prev,
.swiper-button-next
{
    position: absolute;
    z-index: 10;
    top: 50%;

    width: 27px;
    height: 44px;
    margin-top: -22px;

    cursor: pointer;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 44px;
}@media screen and (max-width: 768px)
{
    .swiper-button-next,
    .swiper-button-prev
    {
        display: none;
    }
}.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled
{
    cursor: auto;
    pointer-events: none;

    opacity: .2;
}.swiper-button-prev,
.swiper-container-rtl .swiper-button-next
{
    right: auto;
    left: 30px;

    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black
{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white
{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}.swiper-button-next,
.swiper-container-rtl .swiper-button-prev
{
    right: 30px;
    left: auto;

    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
}.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black
{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white
{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}.swiper-pagination
{
    position: absolute;
    z-index: 10;

    -webkit-transition: 300ms;
         -o-transition: 300ms;
            transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    text-align: center;
}@media screen and (max-width: 760px)
{
    .swiper-pagination
    {
        display: none;
    }
}.swiper-pagination.swiper-pagination-hidden
{
    opacity: 0;
}.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets
{
    bottom: 30px;
    left: 0;

    width: 100%;
}.swiper-pagination-bullet
{
    display: inline-block;

    width: 40px;
    height: 7px;

    -webkit-transition: all 400ms ease;
         -o-transition: all 400ms ease;
            transition: all 400ms ease;

    opacity: .2;
    background: #00b0a5;
}.swiper-pagination-bullet:hover
{
    opacity: .6;
    -webkit-box-shadow: 0 0 10px #00b0a5,0 0 20px 1px #00b0a5;
            box-shadow: 0 0 10px #00b0a5,0 0 20px 1px #00b0a5;
}button.swiper-pagination-bullet
{
    margin: 0;
    padding: 0;

    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;

       -moz-appearance: none;
        -ms-appearance: none;
    -webkit-appearance: none;
            appearance: none;
}.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}.swiper-pagination-white .swiper-pagination-bullet
{
    background: #fff;
}.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover
{
    opacity: 1;
    border: 1px solid #00b0a5;
    -webkit-box-shadow: 0 0 10px #00b0a5,0 0 20px 1px #00b0a5;
            box-shadow: 0 0 10px #00b0a5,0 0 20px 1px #00b0a5;
}.swiper-pagination-white .swiper-pagination-bullet-active
{
    background: #fff;
}.swiper-pagination-black .swiper-pagination-bullet-active
{
    background: #000;
}.swiper-container-vertical > .swiper-pagination-bullets
{
    top: 50%;
    right: 10px;

    -webkit-transform: translate3d(0px, -50%, 0);
        -ms-transform: translate3d(0px, -50%, 0);
            transform: translate3d(0px, -50%, 0);
}.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
{
    display: block;

    margin: 5px 0;
}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 1px 0 0;
}.swiper-pagination-progress
{
    position: absolute;

    background: rgba(0,0,0,.25);
}.swiper-pagination-progress .swiper-pagination-progressbar
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;

    background: #58ce01;
}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar
{
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
}.swiper-container-horizontal > .swiper-pagination-progress
{
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;
}.swiper-container-vertical > .swiper-pagination-progress
{
    top: 0;
    left: 0;

    width: 4px;
    height: 100%;
}.swiper-pagination-progress.swiper-pagination-white
{
    background: rgba(255,255,255,.5);
}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar
{
    background: #fff;
}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar
{
    background: #000;
}.swiper-container-3d
{
    -webkit-perspective: 1200px;
         -o-perspective: 1200px;
            perspective: 1200px;
}.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow
{
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}.swiper-container-3d .swiper-slide-shadow-left
{
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), transparent);
    background-image:      -o-linear-gradient(right, rgba(0,0,0,.5), transparent);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(transparent));
    background-image:         linear-gradient(to left, rgba(0,0,0,.5), transparent);
}.swiper-container-3d .swiper-slide-shadow-right
{
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), transparent);
    background-image:      -o-linear-gradient(left, rgba(0,0,0,.5), transparent);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
    background-image:         linear-gradient(to right, rgba(0,0,0,.5), transparent);
}.swiper-container-3d .swiper-slide-shadow-top
{
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
    background-image:      -o-linear-gradient(bottom, rgba(0,0,0,.5), transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
    background-image:         linear-gradient(to top, rgba(0,0,0,.5), transparent);
}.swiper-container-3d .swiper-slide-shadow-bottom
{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), transparent);
    background-image:      -o-linear-gradient(top, rgba(0,0,0,.5), transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));
    background-image:         linear-gradient(to bottom, rgba(0,0,0,.5), transparent);
}.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper
{
    -ms-perspective: 1200px;
}.swiper-container-cube,
.swiper-container-flip
{
    overflow: visible;
}.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide
{
    z-index: 1;

    pointer-events: none;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide
{
    pointer-events: none;
}.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right
{
    z-index: 0;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}.swiper-container-cube .swiper-slide
{
    visibility: hidden;

    width: 100%;
    height: 100%;

    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
}.swiper-container-cube.swiper-container-rtl .swiper-slide
{
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
}.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide
{
    visibility: visible;

    pointer-events: auto;
}.swiper-container-cube .swiper-cube-shadow
{
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .6;
    background: #000;

    -webkit-filter: blur(50px);
            filter: blur(50px);
}.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}.swiper-container-fade .swiper-slide
{
    -webkit-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;
    pointer-events: none;
}.swiper-container-fade .swiper-slide .swiper-slide
{
    pointer-events: none;
}.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}.swiper-zoom-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas
{
    max-width: 100%;
    max-height: 100%;

    -o-object-fit: contain;
       object-fit: contain;
}.swiper-scrollbar
{
    position: relative;

    border-radius: 10px;
    background: rgba(0,0,0,.1);

    -ms-touch-action: none;
}.swiper-container-horizontal > .swiper-scrollbar
{
    position: absolute;
    z-index: 50;
    bottom: 3px;
    left: 1%;

    width: 98%;
    height: 5px;
}.swiper-container-vertical > .swiper-scrollbar
{
    position: absolute;
    z-index: 50;
    top: 1%;
    right: 3px;

    width: 5px;
    height: 98%;
}.swiper-scrollbar-drag
{
    position: relative;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 10px;
    background: rgba(0,0,0,.5);
}.swiper-scrollbar-cursor-drag
{
    cursor: move;
}.swiper-lazy-preloader
{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;

    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;

    -webkit-transform-origin: 50%;
        -ms-transform-origin: 50%;
            transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
            animation: swiper-preloader-spin 1s steps(12, end) infinite;
}.swiper-lazy-preloader:after
{
    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}.swiper-lazy-preloader-white:after
{
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}@-webkit-keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}@keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}@media screen and (max-width: 768px)
{
    .swiper-container
    {
        background: #000000;
    }.testimonials-section .swiper-container
    {
        background: transparent !important;
    }
}.cloudzoom-blank div:first-child + div + div
{
    display: none !important;
}.hashtag
{
    font-size: 22px;

    position: absolute;
    top: 50%;
    right: 100%;

    margin-right: 40px;

    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);;

    color: #00b0a5;
}@media screen and (max-width: 1230px)
{
    .hashtag
    {
        position: relative;
        top: auto;
        left: 10px;

        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}.people-gallery
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    max-width: 1000px;
    margin: 0 auto;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}@media screen and (max-width: 768px)
{
    .people-gallery
    {
        margin-top: 50px !important;
    }
}.grid
{
    font-size: 1rem;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 100vw;
    max-width: 80vh;
    height: 100vw;
    max-height: 80vh;
    margin: 0 auto;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}@media screen and (max-width: 768px)
{
    .player-gallery
    {
        margin-top: 100px;
    }
}

@media screen and (max-height: 800px)
{
    .player-gallery
    {
        max-width: 960px;
    }
}


.grid.grid-wide
{
    max-width: 70vw;
}.grid-full
{
    position: absolute;
    top: 54px;
    right: 0;
    bottom: 0;
    left: 0;

    min-height: 0;
}@media screen and (max-width: 768px)
{
    .grid-full
    {
        position: relative;
        top: 0;

        height: 1140px;;
        padding-top: 40px;
    }.grid-full.performance-home
    {
        height: 784px;
    }
}.top-pinned-container
{
    position: absolute;
    top: 100px;
    left: 50%;

    width: 76%;

    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}@media screen and (max-width: 768px)
{
    .top-pinned-container
    {
        position: relative;
        top: 0;
        left: 0;

        width: 90%;
        margin: 0 auto;
        padding: 50px 0;

        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}@media screen and (max-width: 768px)
{
    .section,
    .fp-tableCell
    {
        height: auto !important;
    }.intro-page
    {
        min-height: 510px;
        margin-bottom: 50px;
    }.grid
    {
        position: relative;
        top: 0;
        left: 0;

        width: auto;
        max-width: none;
        height: auto;
        max-height: none;
        margin-bottom: 80px;

        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}.row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}.box
{
    font-weight: bold;

    position: relative;;

    margin: 5px;

    color: white;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
}.box:after
{
    display: block;
    float: left;

    padding-top: 100%;;

    content: '';
}.box .inner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}.person
{
    cursor: pointer;
}.person img
{
    width: 100%;
    height: 100%;
}.person .overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;;

    opacity: 0;
    background: url('../img/gallery/hover-gallery-icon.png') no-repeat scroll center center rgba(0,0,0,.5);
}.person:hover .overlay
{
    opacity: 1;
}@media screen and (max-height: 1100px)
{
    .person:after
    {
        padding-bottom: 80%;
    }
}.player-person
{
    display: block;
    clear: both;
    overflow: hidden;

    width: 96%;;
    margin: 0 auto 10px;
    padding: 5px;

    color: #fff;
    background: rgba(0,0,0,.4);
}.player-person *
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}.player-person .player-content
{
    float: left;

    width: 70%;;
    padding: 20px 30px;

    text-align: center;
}

@media screen and (max-height: 800px)
{
    .player-person .player-content
    {
        float: right;
        width: 80%;
    }
}


.player-person .player-content p
{
    font-size: 15px;
    line-height: 19px;

    margin-bottom: 10px;
}.player-person .player-content strong
{
    font-weight: 600;

    color: inherit;
    text-shadow: none;
}.player-person img
{
    float: left;
    width: 30% !important;
}

@media screen and (max-height: 1100px)
{
    .player-person img
    {
        max-width: 230px;
    }
}

@media screen and (max-height: 800px)
{
    .player-person img
    {
        max-width: 130px;
    }
}

.lineup-gallery
{
    max-width: 1280px;
    height: auto;
}.lineup-gallery .left img
{
    width: 100%;;
    height: auto;
}.left
{
    float: left;
}@media screen and (max-width: 768px)
{
    .left
    {
        float: none;
    }
}.right
{
    float: right;
}@media screen and (max-width: 768px)
{
    .right
    {
        float: none;
    }
}.two-thirds
{
    width: 60%;
}@media screen and (max-width: 768px)
{
    .two-thirds
    {
        width: 100%;
    }
}.third
{
    width: 36%;
}@media screen and (max-width: 768px)
{
    .third
    {
        width: 100%;
    }
}.quarter
{
    width: 20%;
}@media screen and (max-width: 768px)
{
    .quarter
    {
        width: 100%;
    }
}.three-quarters
{
    width: 74%;
}@media screen and (max-width: 768px)
{
    .three-quarters
    {
        width: 100%;
    }
}.half
{
    width: 46%;
}@media screen and (max-width: 768px)
{
    .half
    {
        width: 100%;
    }
}@media screen and (max-width: 768px)
{
    .two-raquets
    {
        margin-top: 40px;
    }
}.astrox-title
{
    margin: 20px 0 30px 60px;
}.details
{
    display: inline-block;

    width: 100%;
}.details .detail
{
    font-size: 20px;
    line-height: 24px;

    float: left;

    width: 33.3%;;
    margin-bottom: 14px;

    text-align: center;

    color: #fff;
}.details .detail img
{
    width: 40%;
    height: auto;
    margin-bottom: 10px;
}.details .detail p
{
    margin-bottom: 8px;
}@media screen and (max-width: 768px)
{
    .astrox-title
    {
        display: block;

        width: 90%;;
        margin: 50px auto 30px;
    }.left,
    .right
    {
        float: none;
    }.third,
    .two-thirds
    {
        width: 100%;
    }.details .detail
    {
        width: 50%;
    }
}.disclaimer
{
    font-size: 11px;

    padding: 0 15px;

    text-align: right;
}.mobile-scroll-override
{
    -webkit-transform: translate(0px, 0px) translateZ(0px);
            transform: translate(0px, 0px) translateZ(0px);
}.underline
{
    border-bottom: 1px solid #00b0a5;
}@media screen and (max-height: 800px)
{
    h2 img
    {
        width: auto;;
        max-height: 30px;
    }
}h3
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 30px;

    margin-top: 14px;
    margin-bottom: 40px;;

    color: #00b0a5;
}.safari h3
{
    font-family: Arial, Helvetica, sans-serif;
}h4
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 24px;

    margin-top: 20px;
    margin-bottom: 4px;;

    color: #00b0a5;
}.safari h4
{
    font-family: Arial, Helvetica, sans-serif;
}

.logo-list h2
{
    cursor: pointer;
}.logo-list h2 img
{
    max-height: 30px;
    margin-bottom: 10px;
}
.logo-list h3
{
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px;
    color: #00b0a5;
}

@media screen and (max-height: 1100px)
{
    .logo-list h2 img
    {
        max-height: 14px;
        margin-bottom: 0;
    }
    .logo-list h3 {
        font-size: 16px;
        margin-top: 6px;
        margin-bottom: 10px;
    }
}


.animated-chart:not(.swiper-slide-active) .chart .line,
.animated-chart:not(.swiper-slide-active) .chart .ball
{
    display: none;
}@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }100%
    {
        opacity: 1;
    }
}@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }100%
    {
        opacity: 1;
    }
}@-webkit-keyframes point
{
    0%
    {
        -webkit-transform: scale3d(0, 0, 0);
                transform: scale3d(0, 0, 0);
    }50%
    {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
                transform: scale3d(1.5, 1.5, 1.5);
    }100%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}@keyframes point
{
    0%
    {
        -webkit-transform: scale3d(0, 0, 0);
                transform: scale3d(0, 0, 0);
    }50%
    {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
                transform: scale3d(1.5, 1.5, 1.5);
    }100%
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}.animated-chart.swiper-slide-active .chart
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;

    position: relative;
    top: 140px;
    left: 50%;

    width: 960px;
    height: 300px;
    margin: 20px auto 30px;
    margin-left: -480px;

    -webkit-transform: scale3d(.8, .8, .8);
            transform: scale3d(.8, .8, .8);
}.safari .animated-chart.swiper-slide-active .chart
{
    font-family: Arial, Helvetica, sans-serif;
}@media screen and (max-width: 950px)
{
    .animated-chart.swiper-slide-active .chart
    {
        -webkit-transform: scale3d(.7, .7, .7);
                transform: scale3d(.7, .7, .7);
    }
}@media screen and (max-width: 850px)
{
    .animated-chart.swiper-slide-active .chart
    {
        -webkit-transform: scale3d(.6, .6, .6);
                transform: scale3d(.6, .6, .6);
    }
}@media screen and (max-width: 768px)
{
    .animated-chart.swiper-slide-active .chart
    {
        top: 0;

        -webkit-transform: scale3d(.5, .5, .5);
                transform: scale3d(.5, .5, .5);
    }
}@media screen and (max-width: 500px)
{
    .animated-chart.swiper-slide-active .chart
    {
        -webkit-transform: scale3d(.35, .35, .35);
                transform: scale3d(.35, .35, .35);
    }
}.animated-chart.swiper-slide-active .chart .impact-person
{
    position: absolute;;
    top: 44px;
    left: -20px;
}.animated-chart.swiper-slide-active .chart .impact-text
{
    font-size: 20px;

    position: absolute;
    top: -10px;
    left: -20px;

    -webkit-animation: fadeIn 1s ease-in forwards;
            animation: fadeIn 1s ease-in forwards;
}.animated-chart.swiper-slide-active .chart .net
{
    position: absolute;;
    bottom: 18px;
    left: 35%;
}.animated-chart.swiper-slide-active .chart .landing-person
{
    position: absolute;;
    right: -30px;
    bottom: 10px;
}.animated-chart.swiper-slide-active .chart .landing-text
{
    font-size: 20px;

    position: absolute;
    right: 150px;
    bottom: -20px;

    -webkit-animation: fadeIn 1s ease-in 4.5s forwards;
            animation: fadeIn 1s ease-in 4.5s forwards;;

    opacity: 0;
}.animated-chart.swiper-slide-active .line
{
    display: block;

    width: 0;;
    height: 2px;

    opacity: 0;
}.animated-chart.swiper-slide-active .ball
{
    position: absolute;
    z-index: 99;

    display: block;

    width: 14px;
    height: 14px;

    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
    -webkit-animation: point .1s ease-in-out forwards;
            animation: point .1s ease-in-out forwards;;

    border-radius: 100%;
}.animated-chart.swiper-slide-active .group
{
    position: absolute;
    top: 0;;
    left: 0;
}.animated-chart.swiper-slide-active .group.grey-group
{
    z-index: 0;
}.animated-chart.swiper-slide-active .group.grey-group .product-title
{
    font-size: 20px;

    position: absolute;
    top: 40px;
    left: 240px;

    -webkit-animation: fadeIn 1s ease-in 2s forwards;
            animation: fadeIn 1s ease-in 2s forwards;
    white-space: nowrap;;

    opacity: 0;
}.animated-chart.swiper-slide-active .group.grey-group .ball,
.animated-chart.swiper-slide-active .group.grey-group .line
{
    background-color: grey;
}.animated-chart.swiper-slide-active .group.grey-group .ball1
{
    top: 22px;;
    left: 6px;
}.animated-chart.swiper-slide-active .group.grey-group .ball2
{
    top: 40px;;
    left: 98px;
}.animated-chart.swiper-slide-active .group.grey-group .ball3
{
    top: 56px;;
    left: 170px;
}.animated-chart.swiper-slide-active .group.grey-group .ball4
{
    top: 74px;;
    left: 250px;
}.animated-chart.swiper-slide-active .group.grey-group .ball5
{
    top: 90px;;
    left: 328px;
}.animated-chart.swiper-slide-active .group.grey-group .ball6
{
    top: 105px;;
    left: 397px;
}.animated-chart.swiper-slide-active .group.grey-group .ball7
{
    top: 121px;;
    left: 473px;
}.animated-chart.swiper-slide-active .group.grey-group .ball8
{
    top: 142px;;
    left: 548px;
}.animated-chart.swiper-slide-active .group.grey-group .ball9
{
    top: 159px;;
    left: 607px;
}.animated-chart.swiper-slide-active .group.grey-group .ball10
{
    top: 183px;;
    left: 692px;
}.animated-chart.swiper-slide-active .group.grey-group .ball11
{
    top: 214px;;
    left: 758px;
}.animated-chart.swiper-slide-active .group.grey-group .ball12
{
    top: 253px;;
    left: 840px;
}.animated-chart.swiper-slide-active .group.grey-group .line1
{
    -webkit-transform: rotate(11.7deg);
        -ms-transform: rotate(11.7deg);
            transform: rotate(11.7deg);
    -webkit-transform-origin: -124px 72px;
        -ms-transform-origin: -124px 72px;
            transform-origin: -124px 72px;
    -webkit-animation: move1 .5s linear forwards;
            animation: move1 .5s linear forwards;
}@-webkit-keyframes move1
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 100px;;

        opacity: 1;
    }
}@keyframes move1
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 100px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line2
{
    -webkit-transform: rotate(11.8deg);
        -ms-transform: rotate(11.8deg);
            transform: rotate(11.8deg);
    -webkit-transform-origin: -170px 560px;
        -ms-transform-origin: -170px 560px;
            transform-origin: -170px 560px;
    -webkit-animation: move2 .5s .5s linear forwards;
            animation: move2 .5s .5s linear forwards;
}@-webkit-keyframes move2
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}@keyframes move2
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line3
{
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: -188px 890px;
        -ms-transform-origin: -188px 890px;
            transform-origin: -188px 890px;
    -webkit-animation: move3 .5s 1s linear forwards;
            animation: move3 .5s 1s linear forwards;
}@-webkit-keyframes move3
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 80px;;

        opacity: 1;
    }
}@keyframes move3
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 80px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line4
{
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: -220px 1290px;
        -ms-transform-origin: -220px 1290px;
            transform-origin: -220px 1290px;
    -webkit-animation: move4 .5s 1.5s linear forwards;
            animation: move4 .5s 1.5s linear forwards;
}@-webkit-keyframes move4
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 80px;;

        opacity: 1;
    }
}@keyframes move4
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 80px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line5
{
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: -248px 1640px;
        -ms-transform-origin: -248px 1640px;
            transform-origin: -248px 1640px;
    -webkit-animation: move5 .5s 2s linear forwards;
            animation: move5 .5s 2s linear forwards;
}@-webkit-keyframes move5
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}@keyframes move5
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line6
{
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: -276px 1984px;
        -ms-transform-origin: -276px 1984px;
            transform-origin: -276px 1984px;
    -webkit-animation: move6 .5s 2.5s linear forwards;
            animation: move6 .5s 2.5s linear forwards;
}@-webkit-keyframes move6
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}@keyframes move6
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line7
{
    -webkit-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
            transform: rotate(16deg);
    -webkit-transform-origin: -168px 1776px;
        -ms-transform-origin: -168px 1776px;
            transform-origin: -168px 1776px;
    -webkit-animation: move7 .5s 3s linear forwards;
            animation: move7 .5s 3s linear forwards;
}@-webkit-keyframes move7
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 74px;;

        opacity: 1;
    }
}@keyframes move7
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 74px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line8
{
    -webkit-transform: rotate(16.4deg);
        -ms-transform: rotate(16.4deg);
            transform: rotate(16.4deg);
    -webkit-transform-origin: -186px 2006px;
        -ms-transform-origin: -186px 2006px;
            transform-origin: -186px 2006px;
    -webkit-animation: move8 .5s 3.5s linear forwards;
            animation: move8 .5s 3.5s linear forwards;
}@-webkit-keyframes move8
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 58px;;

        opacity: 1;
    }
}@keyframes move8
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 58px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line9
{
    -webkit-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
            transform: rotate(16deg);
    -webkit-transform-origin: -222px 2270px;
        -ms-transform-origin: -222px 2270px;
            transform-origin: -222px 2270px;
    -webkit-animation: move9 .5s 4s linear forwards;
            animation: move9 .5s 4s linear forwards;
}@-webkit-keyframes move9
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 86px;;

        opacity: 1;
    }
}@keyframes move9
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 86px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line10
{
    -webkit-transform: rotate(26deg);
        -ms-transform: rotate(26deg);
            transform: rotate(26deg);
    -webkit-transform-origin: -20px 1608px;
        -ms-transform-origin: -20px 1608px;
            transform-origin: -20px 1608px;
    -webkit-animation: move10 .5s 4.5s linear forwards;
            animation: move10 .5s 4.5s linear forwards;
}@-webkit-keyframes move10
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}@keyframes move10
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.grey-group .line11
{
    -webkit-transform: rotate(26deg);
        -ms-transform: rotate(26deg);
            transform: rotate(26deg);
    -webkit-transform-origin: -52px 1770px;
        -ms-transform-origin: -52px 1770px;
            transform-origin: -52px 1770px;
    -webkit-animation: move11 .5s 5s linear forwards;
            animation: move11 .5s 5s linear forwards;
}@-webkit-keyframes move11
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 86px;;

        opacity: 1;
    }
}@keyframes move11
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 86px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group
{
    z-index: 1;
}.animated-chart.swiper-slide-active .group.yellow-group .product-title
{
    font-size: 20px;

    position: absolute;
    top: 110px;
    left: 170px;

    -webkit-animation: fadeIn 1s ease-in 1.5s forwards;
            animation: fadeIn 1s ease-in 1.5s forwards;;
    white-space: nowrap;
    text-transform: uppercase;

    opacity: 0;
    color: #00b0a5;
}.animated-chart.swiper-slide-active .group.yellow-group .ball,
.animated-chart.swiper-slide-active .group.yellow-group .line
{
    background-color: #dcd42d;
}.animated-chart.swiper-slide-active .group.yellow-group .ball1
{
    top: 22px;;
    left: 6px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball2
{
    top: 50px;;
    left: 106px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball3
{
    top: 73px;;
    left: 193px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball4
{
    top: 94px;;
    left: 269px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball5
{
    top: 114px;;
    left: 344px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball6
{
    top: 132px;;
    left: 410px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball7
{
    top: 152px;;
    left: 483px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball8
{
    top: 173px;;
    left: 562px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball9
{
    top: 195px;;
    left: 620px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball10
{
    top: 229px;;
    left: 704px;
}.animated-chart.swiper-slide-active .group.yellow-group .ball11
{
    top: 260px;;
    left: 775px;
}.animated-chart.swiper-slide-active .group.yellow-group .line1
{
    -webkit-transform: rotate(14.7deg);
        -ms-transform: rotate(14.7deg);
            transform: rotate(14.7deg);
    -webkit-transform-origin: -106px 72px;
        -ms-transform-origin: -106px 72px;
            transform-origin: -106px 72px;
    -webkit-animation: move1 .5s linear forwards;
            animation: move1 .5s linear forwards;
}@keyframes move1
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 100px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line2
{
    -webkit-transform: rotate(15.6deg);
        -ms-transform: rotate(15.6deg);
            transform: rotate(15.6deg);
    -webkit-transform-origin: -142px 452px;
        -ms-transform-origin: -142px 452px;
            transform-origin: -142px 452px;
    -webkit-animation: move2 .5s .5s linear forwards;
            animation: move2 .5s .5s linear forwards;
}@keyframes move2
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 84px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line3
{
    -webkit-transform: rotate(14.6deg);
        -ms-transform: rotate(14.6deg);
            transform: rotate(14.6deg);
    -webkit-transform-origin: -198px 834px;
        -ms-transform-origin: -198px 834px;
            transform-origin: -198px 834px;
    -webkit-animation: move3 .5s 1s linear forwards;
            animation: move3 .5s 1s linear forwards;
}@keyframes move3
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line4
{
    -webkit-transform: rotate(15.4deg);
        -ms-transform: rotate(15.4deg);
            transform: rotate(15.4deg);
    -webkit-transform-origin: -212px 1080px;
        -ms-transform-origin: -212px 1080px;
            transform-origin: -212px 1080px;
    -webkit-animation: move4 .5s 1.5s linear forwards;
            animation: move4 .5s 1.5s linear forwards;
}@keyframes move4
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 80px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line5
{
    -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-transform-origin: -254px 1400px;
        -ms-transform-origin: -254px 1400px;
            transform-origin: -254px 1400px;
    -webkit-animation: move5 .5s 2s linear forwards;
            animation: move5 .5s 2s linear forwards;
}@keyframes move5
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line6
{
    -webkit-transform: rotate(16deg);
        -ms-transform: rotate(16deg);
            transform: rotate(16deg);
    -webkit-transform-origin: -246px 1564px;
        -ms-transform-origin: -246px 1564px;
            transform-origin: -246px 1564px;
    -webkit-animation: move6 .5s 2.5s linear forwards;
            animation: move6 .5s 2.5s linear forwards;
}@keyframes move6
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 76px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line7
{
    -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-transform-origin: -308px 1946px;
        -ms-transform-origin: -308px 1946px;
            transform-origin: -308px 1946px;
    -webkit-animation: move7 .5s 3s linear forwards;
            animation: move7 .5s 3s linear forwards;
}@keyframes move7
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 74px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line8
{
    -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
            transform: rotate(22deg);
    -webkit-transform-origin: -142px 1560px;
        -ms-transform-origin: -142px 1560px;
            transform-origin: -142px 1560px;
    -webkit-animation: move8 .5s 3.5s linear forwards;
            animation: move8 .5s 3.5s linear forwards;
}@keyframes move8
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 58px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line9
{
    -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
            transform: rotate(22deg);
    -webkit-transform-origin: -168px 1720px;
        -ms-transform-origin: -168px 1720px;
            transform-origin: -168px 1720px;
    -webkit-animation: move9 .5s 4s linear forwards;
            animation: move9 .5s 4s linear forwards;
}@keyframes move9
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 86px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active .group.yellow-group .line10
{
    -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
            transform: rotate(22deg);
    -webkit-transform-origin: -208px 1948px;
        -ms-transform-origin: -208px 1948px;
            transform-origin: -208px 1948px;
    -webkit-animation: move10 .5s 4.5s linear forwards;
            animation: move10 .5s 4.5s linear forwards;
}@keyframes move10
{
    0%
    {
        width: 0;;

        opacity: 0;
    }1%
    {
        width: 0;;

        opacity: 1;
    }100%
    {
        width: 70px;;

        opacity: 1;
    }
}.animated-chart.swiper-slide-active #greyBall1,
.animated-chart.swiper-slide-active #yellowBall1
{
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}.animated-chart.swiper-slide-active #greyBall2,
.animated-chart.swiper-slide-active #yellowBall2
{
    -webkit-animation-delay: .4s;
            animation-delay: .4s;
}.animated-chart.swiper-slide-active #greyBall3,
.animated-chart.swiper-slide-active #yellowBall3
{
    -webkit-animation-delay: .9s;
            animation-delay: .9s;
}.animated-chart.swiper-slide-active #greyBall4,
.animated-chart.swiper-slide-active #yellowBall4
{
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
}.animated-chart.swiper-slide-active #greyBall5,
.animated-chart.swiper-slide-active #yellowBall5
{
    -webkit-animation-delay: 1.9s;
            animation-delay: 1.9s;
}.animated-chart.swiper-slide-active #greyBall6,
.animated-chart.swiper-slide-active #yellowBall6
{
    -webkit-animation-delay: 2.4s;
            animation-delay: 2.4s;
}.animated-chart.swiper-slide-active #greyBall7,
.animated-chart.swiper-slide-active #yellowBall7
{
    -webkit-animation-delay: 2.9s;
            animation-delay: 2.9s;
}.animated-chart.swiper-slide-active #greyBall8,
.animated-chart.swiper-slide-active #yellowBall8
{
    -webkit-animation-delay: 3.4s;
            animation-delay: 3.4s;
}.animated-chart.swiper-slide-active #greyBall9,
.animated-chart.swiper-slide-active #yellowBall9
{
    -webkit-animation-delay: 3.9s;
            animation-delay: 3.9s;
}.animated-chart.swiper-slide-active #greyBall10,
.animated-chart.swiper-slide-active #yellowBall10
{
    -webkit-animation-delay: 4.4s;
            animation-delay: 4.4s;
}.animated-chart.swiper-slide-active #greyBall11,
.animated-chart.swiper-slide-active #yellowBall11
{
    -webkit-animation-delay: 4.9s;
            animation-delay: 4.9s;
}.animated-chart.swiper-slide-active #greyBall12,
.animated-chart.swiper-slide-active #yellowBall12
{
    -webkit-animation-delay: 5.4s;
            animation-delay: 5.4s;
}.centered-text-content
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 90%;
    max-width: 700px;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);;
    text-align: center;
}@media screen and (max-width: 768px)
{
    .centered-text-content
    {
        position: relative;
        top: 0;
        left: auto;

        margin: 0 auto;

        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}.centered-text-content h2
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;
    font-size: 44px;
    line-height: 88px;

    text-transform: uppercase;;

    color: #00b0a5;
}.safari .centered-text-content h2
{
    font-family: Arial, Helvetica, sans-serif;
}.centered-text-content img
{
    width: 100%;;
    margin: 10px 0 40px;
}.centered-text-content p
{
    max-width: 593px;
    margin: 0 auto 40px;;

    text-align: left;
}.smash-trajectories-icon
{
    position: absolute;
    top: 100px;;
    right: 0;
}@media screen and (max-width: 768px)
{
    .smash-trajectories-icon
    {
        position: relative;
        top: 0;
        right: auto;
        left: 0;

        display: inline-block;

        width: 100%;
    }
}.smash-trajectories-icon .icon-image
{
    float: left;

    max-width: 160px;
    margin-right: 10px;
}.smash-trajectories-icon .right-content
{
    float: left;
}.smash-trajectories-icon .right-content .top-text h3
{
    margin-bottom: 0;
}.smash-trajectories-icon .right-content .bottom-text
{
    position: absolute;
    bottom: -10px;

    color: #00b0a5;
}@media screen and (max-width: 500px)
{
    .smash-trajectories-icon .right-content .bottom-text
    {
        position: relative;
        bottom: auto;
    }
}.smash-trajectories-icon .right-content .bottom-text p
{
    font-size: 16px;
}.smash-trajectories-icon .right-content .larger
{
    font-size: 26px;
}.yellow-cta
{
    font-size: 16px;;
    line-height: 30px;

    color: #00b0a5;
}.yellow-cta .larger
{
    font-size: 26px;
}.main-title
{
    font-family: 'DIN',Arial,Helvetica,sans-serif;
    font-size: 44px;
    line-height: 88px;

    position: absolute;
    z-index: 1;
    top: 36%;
    left: 50%;

    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);;
    text-transform: uppercase;

    color: #00b0a5;
}.safari .main-title
{
    font-family: Arial, Helvetica, sans-serif;
}@media screen and (max-width: 768px)
{
    .main-title
    {
        top: 10%;
    }
}.main-raquets
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 80%;
    max-width: 1500px;

    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
}@media screen and (max-width: 768px)
{
    .main-raquets
    {
        display: none;
    }
}.mobile-main-raquets
{
    display: none;
}@media screen and (max-width: 768px)
{
    .mobile-main-raquets
    {
        position: absolute;
        top: 20%;
        right: 0;

        display: block;

        max-width: 90%;
    }
}.side-cta
{
    position: relative;
	top:200px;
    max-width: 360px;
}@media screen and (max-height: 800px)
{
    .side-cta
    {
        top: 0;
    }
}.side-content
{
    position: relative;
    top: 100px;

    max-width: 360px;
}@media screen and (max-height: 800px)
{
    .side-content
    {
        top: 0;
    }
}.smash-comparison-block,
.drive-comparison-block
{
    position: absolute;
    top: 70%;;

    max-width: 300px;
}@media screen and (max-width: 768px)
{
    .smash-comparison-block,
    .drive-comparison-block
    {
        position: relative;
        top: 0;

        max-width: 100%;
        margin-bottom: 50px;
    }
}.smash-comparison-block h3,
.drive-comparison-block h3
{
    margin-bottom: 10px;
}.drive-comparison-block
{
    max-width: 340px;
}