@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden], template {
    display: none
}
a {
    background-color: transparent
}
a:active, a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b, strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
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: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
    line-height: normal
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td, th {
    padding: 0
}
html {
    font-size: 10px
}
body, html {
    position: fixed;
    width: 100%;
    height: 100%
}
body {
    overflow: hidden;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 16px
}
::-moz-selection {
color:#fff;
background:#255779
}
::selection {
    color: #fff;
    background: #255779
}
select::-ms-expand {
display:none
}
.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    z-index: 20;
    opacity: 1;
    transition: opacity .7s, left 0s .72s
}
.loading .loading_wrapper {
    height: 158px;
    width: 107px;
    position: absolute;
    left: 0;
    right: 1%;
    bottom: 3%;
    top: 0;
    margin: auto;
    opacity: 1
}
.loading .loading_wrapper .load {
    position: absolute;
    height: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
.loading .loading_wrapper .load_top {
    top: 0;
    right: 0;
    width: 74px;
    height: 102px;
    -webkit-animation: loadBig 1.6s ease infinite;
    animation: loadBig 1.6s ease infinite
}
.loading .loading_wrapper .load_bottom {
    bottom: 0;
    width: 40px;
    opacity: .5;
    height: 55px;
    -webkit-animation: loadSmall 1.6s ease infinite;
    animation: loadSmall 1.6s ease infinite
}
.loading.loaded {
    opacity: 0;
    left: -101%
}
@-webkit-keyframes loadBig {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
10%, 20% {
-webkit-transform:translate(8px, 57px);
transform:translate(8px, 57px)
}
30%, 40% {
-webkit-transform:translate(-34px, 57px);
transform:translate(-34px, 57px)
}
50% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@keyframes loadBig {
0% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
10%, 20% {
-webkit-transform:translate(8px, 57px);
transform:translate(8px, 57px)
}
30%, 40% {
-webkit-transform:translate(-34px, 57px);
transform:translate(-34px, 57px)
}
50% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-webkit-keyframes loadSmall {
0%, 10% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
20%, 30% {
-webkit-transform:translate(61px, -102px);
transform:translate(61px, -102px)
}
40%, 50% {
-webkit-transform:translate(86px, 0);
transform:translate(86px, 0)
}
60% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@keyframes loadSmall {
0%, 10% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
20%, 30% {
-webkit-transform:translate(61px, -102px);
transform:translate(61px, -102px)
}
40%, 50% {
-webkit-transform:translate(86px, 0);
transform:translate(86px, 0)
}
60% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
to {
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
}
@keyframes rotate {
from {
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
to {
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
}
.main-wrapper {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 1s cubic-bezier(.75, 0, .6, 1) 0s;
    transition: transform 1s cubic-bezier(.75, 0, .6, 1) 0s
}
.main-wrapper .section {
    position: absolute;
    width: 100%;
    height: 100%
}
.hand {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: url(images/select.cur), auto;
    cursor: -webkit-grab;
    cursor: grab
}
.hand.grabbing {
    cursor: move;
    cursor: url(images/grab.cur), auto;
    cursor: -webkit-grabbing;
    cursor: grabbing
}
#main_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 28%;
    left: 0;
    top: 0;
    background-image: url(../images/main_bg.jpg?2);
    -webkit-transform: translate3d(0, -32%, 0);
    transform: translate3d(0, -32%, 0);
    transition: -webkit-transform cubic-bezier(.75, 0, .6, 1) 1s;
    transition: transform cubic-bezier(.75, 0, .6, 1) 1s;
    will-change: transition
}
.viewing_1 #main_bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.viewing_left #main_bg {
    -webkit-transform: translate3d(49%, 0, 0);
    transform: translate3d(49%, 0, 0)
}
.ribbon {
    display: block;
    position: absolute;
    top: 9%;
    left: -.8rem;
    width: 20.1rem;
    height: 4rem;
    padding: 1.2rem .5rem 0 0;
    font-size: 1.35rem;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .1rem;
    cursor: pointer;
    color: #fff;
    background-image: url(../images/ribbon.svg);
    background-size: cover;
    background-position: top right;
    z-index: 4
}
.ribbon-popup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    z-index: 15;
    transition-property: -webkit-transform, opacity, visibility, height;
    transition-property: transform, opacity, visibility, height;
    transition-duration: 0s, .5s, 0s, 0s;
    transition-delay: .5s, 0s, .5s, .5s
}
.ribbon-popup.show {
    height: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-duration: .5s, .5s, 0s, 0s;
    transition-delay: 0s, 0s, 0s, 0s
}
.ribbon-popup.show .ribbon-popup__content {
    opacity: 1;
    transition: opacity .5s .15s
}
.ribbon-popup__content {
    width: 84%;
    max-width: 86rem;
    margin-bottom: 4%;
    opacity: 0;
    transition: opacity .15s
}
.ribbon-popup__content h3 {
    font-size: 2.6rem;
    letter-spacing: .1rem;
    color: #0B7491;
    font-weight: 500
}
.ribbon-popup .close {
    position: absolute;
    top: 8%;
    right: 12%;
    margin: 0;
    width: 8vh;
    height: 8vh;
    cursor: pointer;
    z-index: 9;
    background-color: rgba(11,72,104,.06);
    transition: opacity .3s ease
}
.ribbon-popup .close::after, .ribbon-popup .close::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #0B7491;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    margin-left: -6.5vh;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease
}
.ribbon-popup .close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.ribbon-popup .close::after, .ribbon-popup .close:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.ribbon-popup .close:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.new-badge::after {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    content: 'New';
    top: 16.2%;
    right: 3.5%;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #ff006c;
    color: #fff;
    font-size: .7rem;
    font-style: normal;
    font-weight: 800;
    border-radius: 1rem
}
#main_menu {
    position: fixed;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.8rem;
    bottom: 3px;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: height 1s;
    transition-delay: 0s;
    will-change: height
}
#main_menu:hover {
    transition: height 1s, background-color .2s ease, border .8s, box-shadow .8s
}
#main_menu::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 9vh;
    bottom: 0;
    left: 0;
    background-image: url(../images/menu_bg.png);
    background-size: 100% 100%;
    z-index: -2;
    opacity: .9;
    transition: opacity .5s, height .5s
}
#main_menu::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 3px;
    background-color: #004b73;
    left: 0;
    bottom: 0
}
#main_menu figure {
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 29vw;
    height: 9.5rem;
    max-height: 12.5vh;
    cursor: pointer;
    background-image: url(../images/aspire_one.svg?2);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-transform: translate(-112%, 1%) scale(.8);
    -ms-transform: translate(-112%, 1%) scale(.8);
    transform: translate(-112%, 1%) scale(.8);
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    will-change: transition
}
#main_menu figure img {
    height: 100%;
    vertical-align: middle
}
#main_menu blockquote {
    position: absolute;
    right: 7.6vw;
    bottom: 24%;
    font-family: "Open Sans", sans-serif;
    font-size: 1.15rem;
    line-height: 160%;
    font-style: italic;
    color: rgba(29,39,58,1);
    opacity: 0;
    transition: opacity .3s;
    will-change: opacity;
}
#main_menu blockquote .permit strong {
    font-weight: 400;
    color: rgba(29,39,58,.9);
    font-family: Roboto, sans-serif
}
#main_menu blockquote .quoter {
    text-align: right;
    font-size: 1rem;
    padding: 0 .4rem
}
#main_menu blockquote .quoter a {
    color: rgba(29,39,58,.65);
    text-decoration: none
}
#main_menu ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    width: 60%;
    list-style: none;
    -webkit-transform: translate3d(21.5%, 0, 0);
    transform: translate3d(21.5%, 0, 0);
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease
}
#main_menu ul li {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}
#main_menu ul li .sign_up {
    cursor: pointer
}
#main_menu ul li a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 6rem;
    font-size: 1.3rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    color: #074050;
    letter-spacing: 1px;
    overflow: hidden;
    transition: font .8s, color .8s
}
#main_menu ul li a::after, #main_menu ul li a::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    background-color: rgba(0,65,111,0);
    z-index: -1;
    transition: left .7s, background-color .7s, height .4s, top .2s, width .4s, border-radius .6s
}
#main_menu ul li a::before {
    left: 100%
}
#main_menu ul li a::after {
    left: -200%
}
#main_menu ul li a:active, #main_menu ul li a:visited {
    color: #074050
}
#main_menu ul li a.on::after {
    left: 0;
    background-color: rgba(11,116,145,0.35)
}
#main_menu ul li a:hover::after, #main_menu ul li a:hover::before {
    left: 0;
    background-color: rgba(25,128,163,0.2)
}
#main_menu ul .nav_li_side {
    position: absolute;
    width: 7.5vw;
    right: -7.5vw;
    transition: right 1s
}
.viewing_1 #main_menu {
    height: 35.2rem;
    max-height: 50vh;
    background-color: rgba(255,255,255,0);
    border-top: 1px solid rgba(255,255,255,0);
    box-shadow: 0 0 2rem transparent;
    transition: height 1s cubic-bezier(.75, 0, .7, 1), background-color .6s ease;
    transition-delay: .12s
}
.viewing_1 #main_menu .menu_icon {
    display: none
}
.viewing_1 #main_menu figure {
    -webkit-transform: translate(-63%, -300%) scale(1.4);
    -ms-transform: translate(-63%, -300%) scale(1.4);
    transform: translate(-63%, -300%) scale(1.4);
    transition-timing-function: cubic-bezier(.75, 0, .7, 1)
}
.viewing_1 #main_menu blockquote {
    opacity: 1;
    transition: opacity .8s 1s
}
.viewing_1 #main_menu ul {
    color: #000;
    -webkit-transform: translate3d(-15%, 0, 0);
    transform: translate3d(-15%, 0, 0);
    transition-timing-function: cubic-bezier(.75, 0, .7, 1)
}
.viewing_1 #main_menu ul li a {
    font-style: italic
}
.viewing_1 #main_menu ul li a::after, .viewing_1 #main_menu ul li a::before {
    width: 76%;
    height: 2px;
    transition: left .7s, background-color .7s, height .8s .35s, top .8s .35s, width .7s, border-radius .9s
}
.viewing_1 #main_menu ul li a::before {
    top: -40%
}
.viewing_1 #main_menu ul li a::after {
    top: 40%
}
.viewing_1 #main_menu ul li a:hover {
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg)
}
.viewing_1 #main_menu ul li a:hover::after, .viewing_1 #main_menu ul li a:hover::before {
    left: 0;
    background-color: rgba(25,128,163,0.6)
}
.viewing_1 #main_menu ul li:active, .viewing_1 #main_menu ul li:visited {
    color: #000
}
.viewing_1 #main_menu .nav_li_side {
    right: -15.2vw;
    transition: right 1s cubic-bezier(.75, 0, .7, 1)
}
.viewing_1 #main_menu .nav_li_side a {
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    font-style: italic
}
.viewing_1 #main_menu .nav_li_side a::after, .viewing_1 #main_menu .nav_li_side a::before {
    height: 42%;
    width: 100%;
    background-color: rgba(11,116,145,.8);
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 5rem
}
.viewing_1 #main_menu .nav_li_side a:hover::after, .viewing_1 #main_menu .nav_li_side a:hover::before {
    background-color: #1980A3
}
.pages {
    overflow: hidden;
    background-color: #fefefe;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: background-position;
    transition-property: background-position;
    transition-timing-function: cubic-bezier(0, 0, .3, 1);
    transition-delay: 1s;
    transition-duration: .7s
}
.page_1 {
    background-color: transparent
}
.page_2 {
    background-image: url(../images/page_1.jpg);
    background-size: cover;
    background-position: 50% 50%;
    transition-delay: .9s
}
.viewing_1 .page_2 {
    background-position: 50% 10%
}
.viewing_3 .page_2, .viewing_4 .page_2, .viewing_5 .page_2, .viewing_6 .page_2, .viewing_7 .page_2, .viewing_8 .page_2 {
    background-position: 50% 80%
}
.page_3 {
    background-image: url(../images/page_3.jpg?2);
    background-size: cover;
    background-position: 50% 0
}
.page_4 {
    background-image: url(../images/page_4.jpg?2);
    background-size: cover;
    background-position: 50% 0
}
.viewing_3 .page_3 {
    background-position: 50% 50%;
    transition-delay: .9s
}
.viewing_4 .page_3, .viewing_5 .page_3, .viewing_6 .page_3, .viewing_7 .page_3, .viewing_8 .page_3 {
    background-position: 50% 100%
}
.viewing_4 .page_4 {
    background-position: 50% 50%;
    transition-delay: .9s
}
.viewing_5 .page_4, .viewing_6 .page_4, .viewing_7 .page_4, .viewing_8 .page_4 {
    background-position: 50% 100%
}
.page_5 {
    background-image: url(../images/page_5.jpg);
    background-size: cover;
    background-position: 50% 20%
}
.viewing_5 .page_5 {
    transition-delay: .9s
}
.viewing_5 .page_5, .viewing_6 .page_5, .viewing_7 .page_5, .viewing_8 .page_5 {
    background-position: 50% 80%
}
.page_6 {
    background-image: url(../images/bg_5.jpg?4);
    background-size: cover;
    background-position: 50% 10%
}
.viewing_6 .page_6 {
    background-position: 50% 50%;
    transition-delay: .9s
}
.viewing_7 .page_6, .viewing_8 .page_6 {
    background-position: 50% 90%
}
.page_7 {
    background-image: url(../images/page_6.jpg);
    background-size: cover;
    background-position: 50% 5%
}
.viewing_7 .page_7 {
    background-position: 50% 40%;
    transition-delay: .9s
}
.viewing_8 .page_7 {
    background-position: 50% 80%
}
.page_8 {
    background-image: url(../images/contact_1.jpg);
    background-size: cover;
    background-position: 50% 10%
}
.viewing_8 .page_8 {
    background-position: 50% 36%;
    transition-delay: .9s
}
.side_page {
    background-image: url(../images/page_side.jpg);
    background-size: cover;
    background-position: 25% 50%
}
.p2_main {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: -webkit-transform 1s .5s;
    transition: transform 1s .5s
}
.p2_main h2 {
    position: absolute;
    margin: auto 0 auto -12rem;
    right: 0;
    bottom: 2%;
    top: 0;
    left: 50%;
    width: 24rem;
    height: 4rem;
    white-space: nowrap;
    font-size: 3.4rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1rem;
    transition-property: left, margin-left, bottom;
    transition-duration: .8s, .8s, .7s;
    transition-delay: 1s, 1s, 1s
}
.p2_main .line_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 29%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    opacity: 0;
    background-color: rgba(255,255,255,.7);
    transition: opacity 1.2s ease-in-out .8s
}
.p2_main .line_wrapper p.p2_paragraph {
    position: relative;
    width: 50%;
    margin: auto auto auto 15%;
    text-align: left;
    font-size: 1.3rem;
    line-height: 2.5rem;
    line-height: 2.6vh;
    font-weight: 400;
    color: #111;
    opacity: 1;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
    transition: -webkit-transform .8s 1s, margin-left .3s .12s, opacity .5s linear .12s;
    transition: transform .8s 1s, margin-left .3s .12s, opacity .5s linear .12s
}
.p2_main .line_wrapper p.p2_paragraph span {
    font-weight: 500
}
.p2_main .chip {
    position: absolute;
    width: 13vw;
    height: 5.6vh;
    margin: auto -12vw auto 0;
    right: 16%;
    top: 42%;
    box-shadow: 0 .5rem .6rem rgba(0,0,0,.3);
    background-color: rgba(11,116,145,1);
    border-radius: .3rem;
    color: #d3d3d3;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: box-shadow, background, top, -webkit-transform, width, height, right, opacity, margin-right;
    transition-property: box-shadow, background, top, transform, width, height, right, opacity, margin-right;
    transition-duration: .4s, .4s, .4s, .4s, .4s, .4s, .4s, .7s, .6s;
    transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s, 1.3s, 1.25s
}
.p2_main .chip:hover {
    box-shadow: 0 1rem 1.2rem rgba(0,0,0,.35);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}
.p2_main .chip .name {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    margin: auto;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    white-space: nowrap;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
    transition: all .4s
}
.p2_main .chip .pg2_close_icon {
    position: absolute;
    top: 7%;
    right: 15%;
    margin: 0;
    width: 8vh;
    height: 7.6vh;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    background-color: red;
    background-color: rgba(0,0,0,.1);
    transition: opacity .3s ease
}
.p2_main .chip .pg2_close_icon::after, .p2_main .chip .pg2_close_icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    margin-left: -6.5vh;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease
}
.p2_main .chip .pg2_close_icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p2_main .chip .pg2_close_icon::after, .p2_main .chip .pg2_close_icon:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p2_main .chip .pg2_close_icon:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p2_main .chip .content {
    opacity: 0;
    margin: 11vh auto 0 15%;
    width: 67vw;
    max-width: 150vh;
    color: rgba(255,255,255,.7);
    transition: opacity .12s linear
}
.p2_main .chip .content p {
    font-size: 1.4rem;
    line-height: 2.4vh;
    text-align: justify;
    margin-top: -45px;
    color: #FFF
}
.p2_main .chip.bot {
    top: 52%
}
.p2_main .chip.selected {
    width: 100vw;
    top: 35.5%;
    height: 41vh;
    right: 0;
    margin-right: 0;
    background-color: #0B7491;
    border-radius: .1rem;
    z-index: 2
}
.p2_main .chip.selected:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    box-shadow: none
}
.p2_main .chip.selected .name {
    text-align: left;
    height: 3.2rem;
    width: 17rem;
    top: 5%;
    bottom: 90%;
    left: 15%;
    font-size: 1.5rem;
    letter-spacing: .1rem
}
.p2_main .chip.selected .pg2_close_icon {
    opacity: 1;
    transition: opacity .7s .2s
}
.p2_main .chip.selected .content {
    opacity: 1;
    transition: opacity .8s .25s
}
.viewing_2.fixed .p2_main h2 {
    bottom: 38%;
    left: 15%;
    margin-left: 0;
    transition-delay: 1s, 1s, .3s
}
.viewing_2.fixed .p2_main .line_wrapper {
    opacity: 1
}
.viewing_2.fixed .p2_main .line_wrapper p.p2_paragraph {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.viewing_2.fixed .p2_main .line_wrapper p.p2_paragraph.shifted {
    margin-left: -25%;
    opacity: 0;
    transition: -webkit-transform .8s 1s, margin-left .3s, opacity .15s linear;
    transition: transform .8s 1s, margin-left .3s, opacity .15s linear
}
.viewing_2.fixed .p2_main .chip {
    margin-right: .01vw;
    opacity: 1
}
h2.p3_title, h2.p4_title {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 2%;
    width: 100%;
    height: 4rem;
    color: rgba(0,0,0,.85);
    font-size: 3.6rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1rem;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity 0s 1s, -webkit-transform 0s 1s;
    transition: opacity 0s 1s, transform 0s 1s
}
.monfa-red_slider {
    position: absolute;
    top: 0;
    bottom: 5%;
    right: 0;
    left: 0;
    transition: bottom 0s 1s
}
.monfa-red_slider>article {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 40vh;
    height: 55vh;
    cursor: pointer;
    transition-property: -webkit-transform, left, top;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transition-delay: 1s
}
.monfa-red_slider>article figure {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 35vh;
    height: 35vh;
    margin: auto;
    border-radius: 17.5vh;
    overflow: hidden!important;
    opacity: 0;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: 0s;
    transition-delay: 1s;
    transition-timing-function: ease, ease-in-out
}
.monfa-red_slider>article figure img {
    width: 100.5%;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0;
    height: auto;
    background-color: rgba(11,72,104,.1);
    transition: opacity 0s 1s, -webkit-filter 0s 1s, opacity 0s 1s, filter 0s 1s
}
.monfa-red_slider>article .info {
    opacity: 0;
    height: 13vh;
    -webkit-transform: translateY(75%) scale(1.3);
    -ms-transform: translateY(75%) scale(1.3);
    transform: translateY(75%) scale(1.3);
    transition: opacity 0s 1s, -webkit-transform 0s 1s;
    transition: opacity 0s 1s, transform 0s 1s
}
.monfa-red_slider>article .headings {
    margin: 1.1vh 0;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0s 1s, color 0s 1s
}
.monfa-red_slider>article h3 {
    font-size: 2.7rem;
    font-weight: 300;
    color: #888
}
.monfa-red_slider>article h4 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 900;
    color: #649baa
}
.monfa-red_slider>article h5 {
    font-size: 1.35rem;
    font-weight: 500;
    color: #555
}
.monfa-red_slider .slide_-2 {
    z-index: 2;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    left: -64%;
    top: 3%
}
.monfa-red_slider .slide_-2 figure {
    -webkit-transform: scale(4) translate(-120%, 0) rotateY(-180deg);
    transform: scale(4) translate(-120%, 0) rotateY(-180deg);
    transition-delay: 1.5s
}
.monfa-red_slider .slide_-1 {
    z-index: 3;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    left: -38%;
    top: 1%
}
.monfa-red_slider .slide_-1 figure {
    -webkit-transform: scale(3) translate(-60%, 0) rotateY(-180deg);
    transform: scale(3) translate(-60%, 0) rotateY(-180deg);
    transition-delay: 1.22s
}
.monfa-red_slider .slide_0 {
    cursor: default;
    z-index: 4;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.monfa-red_slider .slide_0 figure {
    -webkit-transform: scale(2.2) translate(0, 0) rotateY(-180deg);
    transform: scale(2.2) translate(0, 0) rotateY(-180deg);
    transition-delay: .82s
}
.monfa-red_slider .slide_1 {
    z-index: 3;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    left: 38%;
    top: 1%
}
.monfa-red_slider .slide_1 figure {
    -webkit-transform: scale(3) translate(60%, 0) rotateY(-180deg);
    transform: scale(3) translate(60%, 0) rotateY(-180deg);
    transition-delay: 1s
}
.monfa-red_slider .slide_2 {
    z-index: 2;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    left: 64%;
    top: 3%
}
.monfa-red_slider .slide_2 figure {
    -webkit-transform: scale(4) translate(120%, 0) rotateY(-180deg);
    transform: scale(4) translate(120%, 0) rotateY(-180deg);
    transition-delay: 1.38s
}
.monfa-red_slider .slide_x {
    z-index: 1;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    top: 3%
}
.monfa-red_slider .slide_x figure {
    opacity: 0
}
.monfa-red_slider .slider_nav {
    position: absolute;
    bottom: 15%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 72%;
    opacity: 0;
    z-index: 6;
    transition: opacity 0s 1s
}
.monfa-red_slider .slider_nav .backward, .monfa-red_slider .slider_nav .forward {
    height: 6.3vh;
    padding: 1vh 2vh;
    background-color: rgba(0,65,111,0);
    cursor: pointer;
    transition: background-color .3s
}
.monfa-red_slider .slider_nav .backward svg, .monfa-red_slider .slider_nav .forward svg {
    width: 2.8vh;
    height: 6.3vh;
    stroke: rgba(0,65,111,.6);
    stroke-width: .2rem;
    transition: stroke .2s
}
.monfa-red_slider .slider_nav .backward:hover, .monfa-red_slider .slider_nav .forward:hover {
    background-color: rgba(0,65,111,.06)
}
.monfa-red_slider .slider_nav .backward:hover svg, .monfa-red_slider .slider_nav .forward:hover svg {
    stroke: #00416f
}
.monfa-red_slider .slider_nav .backward {
    float: left
}
.monfa-red_slider .slider_nav .forward {
    float: right
}
.team_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 80%;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 16vh;
    opacity: 0;
    background-color: rgba(255,255,255,.7);
    transition-property: opacity, top;
    transition-timing-function: ease-in-out;
    transition-duration: 0s, 0s;
    transition-delay: 1s, 1s
}
.team_wrapper .p3_paragraph {
    position: relative;
    width: 69%;
    margin-left: 16%;
    text-align: left
}
.team_wrapper .p3_paragraph h3 {
    margin: .7rem 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.54rem;
    letter-spacing: .04vw;
    white-space: nowrap;
    color: #333
}
.team_wrapper .p3_paragraph p {
    margin: .4rem 0;
    font-size: 1.4rem;
    line-height: 140%;
    font-weight: 400;
    color: #000;
    text-align: justify
}
.team_wrapper .p3_paragraph p strong {
    font-weight: 500
}
.viewing_3.fixed h2.p3_title {
    opacity: 0;
    -webkit-transform: scale(.42);
    -ms-transform: scale(.42);
    transform: scale(.42);
    transition: opacity .66s .5s, -webkit-transform 1.4s .5s;
    transition: opacity .66s .5s, transform 1.4s .5s
}
.viewing_3.fixed .monfa-red_slider {
    bottom: 28%;
    transition: bottom .62s ease-in-out 2.2s
}
.viewing_3.fixed .monfa-red_slider>article {
    transition-delay: 0s;
    transition-duration: .75s
}
.viewing_3.fixed .monfa-red_slider>article figure {
    opacity: 1;
    -webkit-transform: scale(1) translate(0, 0) rotateY(0deg);
    transform: scale(1) translate(0, 0) rotateY(0deg);
    transition-duration: 1.1s
}
.viewing_3.fixed .monfa-red_slider>article figure img {
    transition: opacity .45s, -webkit-filter .7s 0s, opacity .45s, filter .7s 0s
}
.viewing_3.fixed .monfa-red_slider>article .info {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    transition: opacity 1s 2s, -webkit-transform .7s 1.8s;
    transition: opacity 1s 2s, transform .7s 1.8s
}
.viewing_3.fixed .monfa-red_slider>article .headings {
    transition: opacity .6s ease-in-out, color .7s ease-in-out
}
.viewing_3.fixed .monfa-red_slider>article:hover figure img {
    opacity: 1
}
.viewing_3.fixed .monfa-red_slider>article:hover h3 {
    opacity: .6
}
.viewing_3.fixed .monfa-red_slider .slide_x figure img {
    opacity: 0;
    -webkit-filter: grayscale(.4);
    filter: grayscale(.4)
}
.viewing_3.fixed .monfa-red_slider .slide_-2 figure img, .viewing_3.fixed .monfa-red_slider .slide_2 figure img {
    opacity: .3;
    -webkit-filter: grayscale(.4);
    filter: grayscale(.4)
}
.viewing_3.fixed .monfa-red_slider .slide_-1 figure img, .viewing_3.fixed .monfa-red_slider .slide_1 figure img {
    opacity: .74;
    -webkit-filter: grayscale(.2);
    filter: grayscale(.2)
}
.viewing_3.fixed .monfa-red_slider .slide_0 figure img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.viewing_3.fixed .monfa-red_slider .slide_0 .headings {
    opacity: 1
}
.viewing_3.fixed .monfa-red_slider .slide_0 h4 {
    color: #00416f
}
.viewing_3.fixed .monfa-red_slider .slider_nav {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 2.25s
}
.viewing_3.fixed .team_wrapper {
    top: 69%;
    opacity: 1;
    transition-duration: .7s, .65s;
    transition-delay: 2.3s, 2.19s
}
.cards {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    max-width: 85rem;
    height: 24rem;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .6s, .5s
}
.cards__1 {
    opacity: 0;
    -webkit-transform: translate3d(12%, 0, 0) scale(.95);
    transform: translate3d(12%, 0, 0) scale(.95);
    z-index: -2
}
.cards__0 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    z-index: 2;
    transition-duration: .6s, .6s;
    transition-delay: 0s, .1s
}
.cards__-1 {
    opacity: 0;
    -webkit-transform: translate3d(-12%, 0, 0) scale(.95);
    transform: translate3d(-12%, 0, 0) scale(.95);
    z-index: -2
}
.cards__x {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(.9);
    transform: translate3d(0, 0, 0) scale(.9)
}
.cards__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4%;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(1.22);
    -ms-transform: scale(1.22);
    transform: scale(1.22);
    overflow: hidden;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .55s, .6s;
    transition-delay: .9s, .94s
}
.cards__img {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 24rem;
    height: 24rem;
    margin: 0;
    border-radius: 100%;
    overflow: hidden
}
.cards__img img {
    width: 100%
}
.cards__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 65%
}
.cards__info::before {
    content: '”';
    height: 4rem;
    font-size: 15rem;
    font-weight: 400;
    text-align: right;
    color: rgba(23,68,93,.2);
    margin: 0 0 -1.8rem
}
.cards__info h3, .cards__info h4 {
    margin: .6rem 0
}
.cards__info h3 {
    margin-top: 2.5rem;
    font-size: 3.2rem;
    font-weight: 300;
    color: #777
}
.cards__info h4 {
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: #0B7491
}
.cards__info p {
    font-size: 1.3rem;
    margin: 1.6rem 0;
    line-height: 140%
}
.cards__nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1%;
    left: 0;
    margin: auto;
    width: 95%;
    max-width: 116rem;
    height: 10rem;
    z-index: 4
}
.cards__nav__backward, .cards__nav__forward {
    background-color: red;
    height: 6.3vh;
    padding: 1vh 2vh;
    background-color: rgba(0,65,111,0);
    cursor: pointer;
    transition: background-color .3s
}
.cards__nav__backward svg, .cards__nav__forward svg {
    width: 2.8vh;
    height: 6.3vh;
    stroke: rgba(0,65,111,.6);
    stroke-width: .2rem;
    transition: stroke .2s
}
.cards__nav__backward:hover, .cards__nav__forward:hover {
    background-color: rgba(0,65,111,.06)
}
.cards__nav__backward:hover svg, .cards__nav__forward:hover svg {
    stroke: #00416f
}
.cards__nav__backward {
    float: left
}
.cards__nav__forward {
    float: right
}
.viewing_4.fixed h2.p4_title {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition: opacity .66s .5s, -webkit-transform 1.4s .5s;
    transition: opacity .66s .5s, transform 1.4s .5s
}
.viewing_4.fixed .cards__container {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
#p4_wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 100%
}
#p4_wrapper>h2 {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 2%;
    width: 100%;
    height: 4rem;
    color: rgba(0,0,0,.85);
    font-size: 3.6rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1rem;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity 0s 1s, -webkit-transform 0s 1s;
    transition: opacity 0s 1s, transform 0s 1s
}
#p4_wrapper .p4_sides {
    position: absolute;
    opacity: 0;
    z-index: 1;
    background-color: rgba(16,52,80,0);
    transition-property: background, -webkit-transform, z-index, opacity;
    transition-property: background, transform, z-index, opacity;
    transition-duration: .15s, .65s, .3s, 1.1s;
    transition-delay: .05s, 0s, 0s, .88s;
    transition-timing-function: ease
}
#p4_wrapper .p4_sides .page_intro_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 1.1s cubic-bezier(.4, 0, 1, .4) 0s;
    transition: transform 1.1s cubic-bezier(.4, 0, 1, .4) 0s
}
#p4_wrapper .p4_sides .back_bottom {
    position: absolute;
    top: 7%;
    width: 6.5vh;
    height: 6.5vh;
    cursor: pointer;
    background-image: url(../images/arrow.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 44% center;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 100%;
    z-index: 0;
    opacity: 0;
    transition-property: opacity, background;
    transition-duration: .2s, .1s
}
#p4_wrapper .p4_sides .back_bottom:hover {
    background-position: 30% center
}
#p4_wrapper .p4_sides .p4_triangles {
    position: absolute;
    margin: auto;
    padding: 2rem;
    width: 8vw;
    height: 8vw;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: .6s;
    transition-timing-function: ease
}
#p4_wrapper .p4_sides .p4_triangles h3 {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.5vw;
    line-height: 1.7vw;
    height: 1.6vw;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .2vw;
    color: #0B7491;
    text-align: center;
    z-index: 2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform, color, left, font-size;
    transition-property: transform, color, left, font-size;
    transition-duration: .4s, .5s, .7s, .3s
}
#p4_wrapper .p4_sides .p4_triangles h6 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    width: 14rem;
    margin: auto;
    height: 1vw;
    z-index: 1;
    font-size: 1.3rem;
    font-weight: 300;
    color: #d3d3d3;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateY(75%);
    -ms-transform: translateY(75%);
    transform: translateY(75%);
    transition: -webkit-transform .4s, opacity .4s, left .7s, right .7s;
    transition: transform .4s, opacity .4s, left .7s, right .7s
}
#p4_wrapper .p4_sides .p4_triangles .triangle_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: -webkit-transform 1.06s cubic-bezier(1, 0, 1, .9) 0s;
    transition: transform 1.06s cubic-bezier(1, 0, 1, .9) 0s
}
#p4_wrapper .p4_sides .p4_triangles svg.triangle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    transition-property: fill, -webkit-transform;
    transition-property: fill, transform;
    transition-duration: .3s, .6s;
    transition-delay: 0s, 0s;
    transition-timing-function: ease;
    overflow: visible
}
#p4_wrapper .p4_sides.hoverd {
    z-index: 2
}
#p4_wrapper .p4_sides.hoverd .p4_triangles {
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
#p4_wrapper .p4_sides.hoverd .p4_triangles h3 {
    color: #d3d3d3;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%)
}
#p4_wrapper .p4_sides.hoverd .p4_triangles h6 {
    opacity: 1;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}
#p4_wrapper .p4_sides.hoverd .p4_triangles svg.triangle {
    fill: #0B7491
}
#p4_wrapper .p4_sides article {
    position: absolute;
    top: 15%;
    bottom: 15%;
    width: 43vw;
    z-index: 3;
    opacity: 0;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .26s, .26s;
    transition-delay: 0s, 0s
}
#p4_wrapper .p4_sides article p {
    margin: 0;
    font-size: 1.3rem;
    line-height: 2.5vh;
    color: #fff
}
#p4_wrapper .p4_sides article p strong {
    font-weight: 700
}
#p4_wrapper .p4_sides ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 1s;
    z-index: 1
}
#p4_wrapper .p4_sides ul .diamonds {
    position: absolute;
    width: 12.5vw;
    height: 12.5vw;
    margin: auto;
    padding: 0;
    top: 0;
    bottom: 16%;
    left: 0;
    right: 0;
    overflow: visible;
    opacity: 0;
    z-index: 3;
    -webkit-transform: translate(-35%, 20%) scale(.4);
    -ms-transform: translate(-35%, 20%) scale(.4);
    transform: translate(-35%, 20%) scale(.4);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .5s, .5s;
    transition-delay: 0s, 0s
}
#p4_wrapper .p4_sides ul .diamonds::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 0;
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    transition-property: background, -webkit-transform;
    transition-property: background, transform;
    transition-duration: .4s
}
#p4_wrapper .p4_sides ul .diamonds h5, #p4_wrapper .p4_sides ul .diamonds p {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #000;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .4s
}
#p4_wrapper .p4_sides ul .diamonds h5 {
    height: 21%;
    font-size: 2.5rem;
    font-weight: 700;
    white-space: nowrap
}
#p4_wrapper .p4_sides ul .diamonds p {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 80%;
    font-size: 1.65rem;
    line-height: 110%;
    font-weight: 400;
    opacity: 0
}
#p4_wrapper .p4_sides ul .diamonds a {
    height: .8rem;
    overflow: hidden
}
#p4_wrapper .p4_sides ul .diamonds:hover {
    z-index: 4
}
#p4_wrapper .p4_sides ul .diamonds:hover::before {
    -webkit-transform: rotate(-45deg) scale(1.4);
    -ms-transform: rotate(-45deg) scale(1.4);
    transform: rotate(-45deg) scale(1.4);
    background-color: #fff
}
#p4_wrapper .p4_sides ul .diamonds:hover h5 {
    -webkit-transform: translateY(-100%) scale(1.37);
    -ms-transform: translateY(-100%) scale(1.37);
    transform: translateY(-100%) scale(1.37)
}
#p4_wrapper .p4_sides ul .diamonds:hover p {
    opacity: 1;
    -webkit-transform: translateY(-115%) scale(1.37);
    -ms-transform: translateY(-115%) scale(1.37);
    transform: translateY(-115%) scale(1.37)
}
#p4_wrapper .p4_sides ul .diamonds:hover a {
    height: auto
}
#p4_wrapper .p4_sides ul .dim_1::before {
    background-color: #8D94A0
}
#p4_wrapper .p4_sides ul .dim_1 h5 {
    top: 0;
    font-size: 2.3rem
}
#p4_wrapper .p4_sides ul .dim_1 p {
    font-size: 1.35rem
}
#p4_wrapper .p4_sides ul .dim_1 p.smaller {
    font-size: 1.1rem;
    line-height: 110%
}
#p4_wrapper .p4_sides ul .dim_4::before {
    background-color: #8D94A0
}
#p4_wrapper .p4_sides ul .dim_4 p {
    font-size: 1.25rem
}
#p4_wrapper .p4_sides ul .dim_3 h5 {
    font-size: 3.4rem;
    line-height: 3.2rem
}
#p4_wrapper .p4_sides ul .dim_3 a {
    font-weight: 500;
    text-decoration: none;
    font-size: 2rem;
    color: #0B7491;
    background-color: rgba(11,72,104,0);
    padding: .9rem 1.4rem;
    border-radius: 2rem;
    transition-property: background-color, color;
    transition-duration: .2s;
    white-space: nowrap
}
#p4_wrapper .p4_sides ul .dim_3 a:hover {
    background-color: #0B7491;
    color: #fff
}
#p4_wrapper .p4_sides ul .dim_5 h5 {
    height: 24.5%;
    font-size: 3.9rem;
    line-height: 3.9rem
}
#p4_wrapper .p4_sides ul .dim_5 p {
    font-size: 2.8rem
}
#p4_wrapper .side_bottom {
    bottom: 0;
    left: 0;
    right: 0;
    top: 30%;
    margin: auto;
    width: 100%;
    height: 70%;
    -webkit-transform: translate3d(0, 85%, 0);
    transform: translate3d(0, 85%, 0)
}
#p4_wrapper .side_bottom .page_intro_wrapper {
    -webkit-transform: translate3d(0, 39%, 0) scale(.75);
    transform: translate3d(0, 39%, 0) scale(.75)
}
#p4_wrapper .side_bottom .back_bottom {
    top: 9%;
    left: 12%;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}
#p4_wrapper .side_bottom .p4_triangles {
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(7%, -230%, 0);
    transform: translate3d(7%, -230%, 0)
}
#p4_wrapper .side_bottom .p4_triangles h3 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    left: .001vw;
    font-size: 2.1vw;
    line-height: 2vw
}
#p4_wrapper .side_bottom .p4_triangles .triangle_wrapper {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg)
}
#p4_wrapper .side_bottom .p4_triangles svg.triangle {
    fill: #329FBE;
    -webkit-transform: scale(1.3) rotateZ(21deg);
    transform: scale(1.3) rotateZ(21deg)
}
#p4_wrapper .side_bottom.hoverd .p4_triangles svg.triangle {
    -webkit-transform: scale(1.5) rotateZ(120deg);
    transform: scale(1.5) rotateZ(120deg)
}
#p4_wrapper .side_bottom.idled .p4_triangles {
    -webkit-transform: translate3d(-35%, -260%, 0) scale(.95);
    transform: translate3d(-35%, -260%, 0) scale(.95)
}
#p4_wrapper .side_bottom.idled_to_right .p4_triangles {
    -webkit-transform: translate3d(45%, -260%, 0) scale(.95);
    transform: translate3d(45%, -260%, 0) scale(.95)
}
#p4_wrapper .side_bottom ul .diamonds {
    left: 41%
}
#p4_wrapper .side_bottom article {
    top: 40%;
    left: 12%;
    bottom: 19%;
    width: 80vw;
    -webkit-transform: translate(10%, -45%) scale(.6);
    -ms-transform: translate(10%, -45%) scale(.6);
    transform: translate(10%, -45%) scale(.6)
}
#p4_wrapper .side_right {
    right: 0;
    width: 75%;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
#p4_wrapper .side_right .page_intro_wrapper {
    -webkit-transform: translate3d(33%, 0, 0) scale(.9);
    transform: translate3d(33%, 0, 0) scale(.9)
}
#p4_wrapper .side_right .back_bottom {
    left: 6%;
    -webkit-transform: rotateZ(-180deg);
    transform: rotateZ(-180deg)
}
#p4_wrapper .side_right .p4_triangles {
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate3d(-386%, -75%, 0);
    transform: translate3d(-386%, -75%, 0)
}
#p4_wrapper .side_right .p4_triangles h3 {
    color: #b3ccd7
}
#p4_wrapper .side_right .p4_triangles h6 {
    left: 4%
}
#p4_wrapper .side_right .p4_triangles .triangle_wrapper {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg)
}
#p4_wrapper .side_right .p4_triangles svg.triangle {
    fill: #1D909E;
    -webkit-transform: scale(.98) rotateZ(50deg);
    transform: scale(.98) rotateZ(50deg)
}
#p4_wrapper .side_right.hoverd .p4_triangles svg.triangle {
    -webkit-transform: scale(1.2) rotateZ(-30deg);
    transform: scale(1.2) rotateZ(-30deg)
}
#p4_wrapper .side_right.idled .p4_triangles {
    -webkit-transform: translate3d(-356%, -78%, 0) scale(.95);
    transform: translate3d(-356%, -78%, 0) scale(.95)
}
#p4_wrapper .side_right ul .diamonds {
    left: 28%
}
#p4_wrapper .side_right article {
    right: 14%;
    -webkit-transform: translate(10%, -45%) scale(.6);
    -ms-transform: translate(10%, -45%) scale(.6);
    transform: translate(10%, -45%) scale(.6)
}
#p4_wrapper .side_left {
    left: 0;
    width: 75%;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
#p4_wrapper .side_left .page_intro_wrapper {
    -webkit-transform: translate3d(-33%, 0, 0) scale(.9);
    transform: translate3d(-33%, 0, 0) scale(.9)
}
#p4_wrapper .side_left .back_bottom {
    right: 6%
}
#p4_wrapper .side_left .p4_triangles {
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translate3d(360%, -10%, 0);
    transform: translate3d(360%, -10%, 0)
}
#p4_wrapper .side_left .p4_triangles h3 {
    letter-spacing: .3vw
}
#p4_wrapper .side_left .p4_triangles .triangle_wrapper {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg)
}
#p4_wrapper .side_left .p4_triangles svg.triangle {
    fill: #00BCD4;
    -webkit-transform: scale(.88) rotateZ(-21deg);
    transform: scale(.88) rotateZ(-21deg)
}
#p4_wrapper .side_left.hoverd .p4_triangles svg.triangle {
    -webkit-transform: scale(1.12) rotateZ(30deg);
    transform: scale(1.12) rotateZ(30deg)
}
#p4_wrapper .side_left.idled .p4_triangles {
    -webkit-transform: translate3d(325%, -12%, 0) scale(.95);
    transform: translate3d(325%, -12%, 0) scale(.95)
}
#p4_wrapper .side_left article {
    left: 14%;
    -webkit-transform: translate(-10%, -45%) scale(.6);
    -ms-transform: translate(-10%, -45%) scale(.6);
    transform: translate(-10%, -45%) scale(.6)
}
#p4_wrapper .p4_sides.selected {
    z-index: 3;
    background-color: #0B7491;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: .25s, 0s, 0s, .88s
}
#p4_wrapper .p4_sides.selected .back_bottom {
    opacity: 1;
    z-index: 40;
    transition-duration: .82s, .2s;
    transition-delay: .82s, 0s
}
#p4_wrapper .p4_sides.selected .p4_triangles {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#p4_wrapper .p4_sides.selected .p4_triangles h3 {
    color: #d3d3d3;
    transition-duration: .6s, .9s, .9s
}
#p4_wrapper .p4_sides.selected .p4_triangles h6 {
    opacity: 1;
    transition: -webkit-transform .6s, opacity .6s, left .9s, right .94s;
    transition: transform .6s, opacity .6s, left .9s, right .94s
}
#p4_wrapper .p4_sides.selected .p4_triangles svg.triangle {
    fill: #0B7491
}
#p4_wrapper .p4_sides.selected article {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-duration: .6s, 1s;
    transition-delay: .3s, .3s
}
#p4_wrapper .p4_sides.selected ul {
    z-index: 3;
    transition-duration: 1s
}
#p4_wrapper .p4_sides.selected ul .diamonds {
    opacity: 1;
    transition-duration: .7s, .9s;
    transition-delay: .3s, .3s
}
#p4_wrapper .p4_sides.selected ul .dim_1 {
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}
#p4_wrapper .p4_sides.selected ul .dim_2 {
    -webkit-transform: translate(62%, 42%) scale(.58);
    -ms-transform: translate(62%, 42%) scale(.58);
    transform: translate(62%, 42%) scale(.58)
}
#p4_wrapper .p4_sides.selected ul .dim_3 {
    -webkit-transform: translate(-120%, 40%) scale(.44);
    -ms-transform: translate(-120%, 40%) scale(.44);
    transform: translate(-120%, 40%) scale(.44)
}
#p4_wrapper .p4_sides.selected ul .dim_4 {
    -webkit-transform: translate(-172%, -12%) scale(.68);
    -ms-transform: translate(-172%, -12%) scale(.68);
    transform: translate(-172%, -12%) scale(.68)
}
#p4_wrapper .p4_sides.selected ul .dim_5 {
    -webkit-transform: translate(106%, -54%) scale(.3);
    -ms-transform: translate(106%, -54%) scale(.3);
    transform: translate(106%, -54%) scale(.3)
}
#p4_wrapper .p4_sides.selected.side_bottom {
    transition-delay: .37s, 0s, 0s, .88s
}
#p4_wrapper .p4_sides.selected.side_bottom h3 {
    left: -70.1vw;
    font-size: 1.7vw;
    -webkit-transform: translateY(-1400%);
    -ms-transform: translateY(-1400%);
    transform: translateY(-1400%)
}
#p4_wrapper .p4_sides.selected.side_bottom h6 {
    left: -67.3vw;
    width: 80%;
    -webkit-transform: translateY(-2000%);
    -ms-transform: translateY(-2000%);
    transform: translateY(-2000%)
}
#p4_wrapper .p4_sides.selected.side_bottom .p4_triangles {
    -webkit-transform: translate3d(0, 264%, 0);
    transform: translate3d(0, 264%, 0)
}
#p4_wrapper .p4_sides.selected.side_bottom .p4_triangles svg.triangle {
    -webkit-transform: scale(5) rotateZ(60deg);
    transform: scale(5) rotateZ(60deg)
}
#p4_wrapper .p4_sides.selected.side_right h3 {
    left: -425%
}
#p4_wrapper .p4_sides.selected.side_right h6 {
    left: -406%;
    width: 83%;
    -webkit-transform: translateY(190%);
    -ms-transform: translateY(190%);
    transform: translateY(190%)
}
#p4_wrapper .p4_sides.selected.side_right .p4_triangles {
    -webkit-transform: translate3d(274%, 0, 0);
    transform: translate3d(274%, 0, 0)
}
#p4_wrapper .p4_sides.selected.side_right .p4_triangles svg.triangle {
    -webkit-transform: scale(5) rotateZ(90deg);
    transform: scale(5) rotateZ(90deg)
}
#p4_wrapper .p4_sides.selected.side_left h3 {
    left: 220%
}
#p4_wrapper .p4_sides.selected.side_left h6 {
    text-align: right;
    width: 101%;
    left: 183%;
    -webkit-transform: translateY(190%);
    -ms-transform: translateY(190%);
    transform: translateY(190%)
}
#p4_wrapper .p4_sides.selected.side_left .p4_triangles {
    -webkit-transform: translate3d(-263%, 0, 0);
    transform: translate3d(-263%, 0, 0)
}
#p4_wrapper .p4_sides.selected.side_left .p4_triangles svg.triangle {
    -webkit-transform: scale(5) rotateZ(150deg);
    transform: scale(5) rotateZ(150deg)
}
#p4_wrapper .p4_sides.deselected.side_bottom .p4_triangles {
    -webkit-transform: translate3d(-340%, -170%, 0) scale(.75);
    transform: translate3d(-340%, -170%, 0) scale(.75)
}
#p4_wrapper .p4_sides.deselected.side_bottom .p4_triangles h3 {
    font-size: 1.7vw
}
#p4_wrapper .p4_sides.deselected.side_bottom .p4_triangles svg.triangle {
    -webkit-transform: scale(.85) rotateZ(-90deg);
    transform: scale(.85) rotateZ(-90deg)
}
#p4_wrapper .p4_sides.deselected.side_bottom.deselected_to_right .p4_triangles {
    -webkit-transform: translate3d(340%, -170%, 0) scale(.75);
    transform: translate3d(340%, -170%, 0) scale(.75)
}
#p4_wrapper .p4_sides.deselected.side_bottom.deselected_to_right .p4_triangles svg.triangle {
    -webkit-transform: scale(.85) rotateZ(90deg);
    transform: scale(.85) rotateZ(90deg)
}
#p4_wrapper .p4_sides.deselected.side_right .p4_triangles {
    -webkit-transform: translate3d(-150%, -90%, 0) scale(.75);
    transform: translate3d(-150%, -90%, 0) scale(.75)
}
#p4_wrapper .p4_sides.deselected.side_right .p4_triangles svg.triangle {
    -webkit-transform: scale(.86) rotateZ(150deg);
    transform: scale(.86) rotateZ(150deg)
}
#p4_wrapper .p4_sides.deselected.side_right.deselected_to_top .p4_triangles {
    -webkit-transform: translate3d(-300%, -165%, 0) scale(.69);
    transform: translate3d(-300%, -165%, 0) scale(.69)
}
#p4_wrapper .p4_sides.deselected.side_right.deselected_to_top .p4_triangles svg.triangle {
    -webkit-transform: scale(.75) rotateZ(90deg);
    transform: scale(.75) rotateZ(90deg)
}
#p4_wrapper .p4_sides.deselected.side_left .p4_triangles {
    -webkit-transform: translate3d(150%, -90%, 0) scale(.75);
    transform: translate3d(150%, -90%, 0) scale(.75)
}
#p4_wrapper .p4_sides.deselected.side_left .p4_triangles svg.triangle {
    -webkit-transform: scale(.86) rotateZ(90deg);
    transform: scale(.86) rotateZ(90deg)
}
#p4_wrapper .p4_sides.deselected.side_left.deselected_to_top .p4_triangles {
    -webkit-transform: translate3d(300%, -165%, 0) scale(.69);
    transform: translate3d(300%, -165%, 0) scale(.69)
}
#p4_wrapper .p4_sides.deselected.side_left.deselected_to_top .p4_triangles svg.triangle {
    -webkit-transform: scale(.75) rotateZ(30deg);
    transform: scale(.75) rotateZ(30deg)
}
.viewing_5.fixed #p4_wrapper>h2 {
    opacity: 0;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    transform: scale(.4);
    transition: opacity 1.1s .5s, -webkit-transform 1.55s .5s;
    transition: opacity 1.1s .5s, transform 1.55s .5s
}
.viewing_5.fixed #p4_wrapper .page_intro_wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 1s ease .7s;
    transition: transform 1s ease .7s
}
.viewing_5.fixed #p4_wrapper .p4_sides {
    opacity: 1
}
.viewing_5.fixed #p4_wrapper .p4_sides .triangle_wrapper {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    transition: -webkit-transform 1.2s ease .48s;
    transition: transform 1.2s ease .48s
}
.page_6 .mol_5 {
    position: absolute;
    width: 132vmin;
    height: 40vmin;
    top: 0;
    right: 18%;
    opacity: 0;
    background-image: url(../images/pg_5_mol.png);
    background-size: cover;
    background-position: center bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-property: opacity, right;
    transition-duration: .52s;
    transition-delay: 1.3s;
    z-index: 0;
    -webkit-backface-visibility: hidden
}
.p5_main {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.p5_main h2 {
    position: absolute;
    margin: auto -17.5rem auto 0;
    text-align: right;
    bottom: 2%;
    top: 0;
    right: 50%;
    width: 34.6rem;
    height: 4rem;
    white-space: nowrap;
    font-size: 3.2rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .6rem;
    transition-property: right, margin-right, bottom;
    transition-duration: .8s, .8s, .7s;
    transition-delay: 1s, 1s, 1s
}
.p5_main .line_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 22%;
    left: 0;
    right: 0;
    bottom: 4%;
    top: 0;
    margin: auto 0;
    opacity: 0;
    background-color: rgba(255,255,255,.7);
    transition: opacity 1.2s ease-in-out .8s
}
.p5_main .line_wrapper p.p5_paragraph {
    position: relative;
    width: 43%;
    margin: auto 14% auto auto;
    direction: ltr;
    text-align: justify;
    font-size: 1.45rem;
    line-height: 2.4rem;
    line-height: 3.2vh;
    font-weight: 300;
    color: #000;
    -webkit-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    transform: translateX(-40%);
    transition: -webkit-transform .8s 1s;
    transition: transform .8s 1s
}
.p5_main .line_wrapper p.p5_paragraph:after {
    content: ".";
    float: right
}
.p5_main .line_wrapper p.p5_paragraph span {
    font-weight: 500
}
.p5_main .ball_wapper .balls {
    position: absolute;
    top: 25%;
    right: 30%;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 26vmin;
    height: 26vmin;
    opacity: 0;
    border-radius: 100%;
    z-index: 0;
    transition-property: -webkit-transform, opacity, z-index, right, top;
    transition-property: transform, opacity, z-index, right, top;
    transition-duration: 0s, 0s, 0s, .24s, .24s;
    transition-delay: 1s, 1s, 0s, 0s, 0s;
    transition-timing-function: ease, ease, linear, linear, linear
}
.p5_main .ball_wapper .balls .ball_cover {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: .27s;
    transition-delay: 0
}
.p5_main .ball_wapper .balls .ball_cover>h4 {
    margin: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    text-align: center;
    font-size: 3.4vmin;
    line-height: 120%;
    opacity: .75;
    font-weight: 400;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: 0s, .5s;
    transition-delay: 0s, .1s
}
.p5_main .ball_wapper .balls .ball_cover>i {
    position: absolute;
    left: 2%;
    bottom: -24%;
    font-size: 24vmin;
    opacity: .1;
    font-weight: 400;
    z-index: -1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    font-style: normal;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .35s
}
.p5_main .ball_wapper .ball_1 {
    -webkit-transform: translate(-320%, 0) scale(1.05);
    -ms-transform: translate(-320%, 0) scale(1.05);
    transform: translate(-320%, 0) scale(1.05)
}
.p5_main .ball_wapper .ball_1 .ball_cover {
    background-color: #0B7491;
    color: #fff
}
.p5_main .ball_wapper .ball_1 .ball_cover>h4 {
    font-size: 2.8vmin
}
.p5_main .ball_wapper .ball_2 {
    -webkit-transform: translate(-300%, 0) scale(.85);
    -ms-transform: translate(-300%, 0) scale(.85);
    transform: translate(-300%, 0) scale(.85)
}
.p5_main .ball_wapper .ball_2 .ball_cover {
    background-color: #1D909E;
    color: #fff
}
.p5_main .ball_wapper .ball_3 {
    -webkit-transform: translate(-300%, 0) scale(.58);
    -ms-transform: translate(-300%, 0) scale(.58);
    transform: translate(-300%, 0) scale(.58)
}
.p5_main .ball_wapper .ball_3 .ball_cover {
    background-color: #9bb8c6;
    color: #000
}
.p5_main .ball_wapper .ball_4 {
    -webkit-transform: translate(-285%, -10%) scale(.7);
    -ms-transform: translate(-285%, -10%) scale(.7);
    transform: translate(-285%, -10%) scale(.7)
}
.p5_main .ball_wapper .ball_4 .ball_cover {
    background-color: #60B2CA;
    color: #000
}
.p5_main .ball_wapper .balls_article {
    position: absolute;
    visibility: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 22%;
    right: 20%;
    bottom: 0;
    top: 4%;
    height: 60%;
    margin: auto 0;
    color: #ddd;
    opacity: 0;
    z-index: 6;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: 5% 75%;
    -ms-transform-origin: 5% 75%;
    transform-origin: 5% 75%;
    transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
    transition-duration: .2s, .16s, 0s;
    transition-delay: 0s, 0s, .2s
}
.p5_main .ball_wapper .balls_article.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-duration: .8s, 1s, 0s;
    transition-delay: .1s, .2s, 0s
}
.p5_main .ball_wapper .balls_article h3, .p5_main .ball_wapper .balls_article h5, .p5_main .ball_wapper .balls_article p {
    box-sizing: border-box
}
.p5_main .ball_wapper .balls_article h3 {
    margin: 3.5vh 0;
    font-size: 6.8rem;
    opacity: 1;
    letter-spacing: .3rem;
    font-weight: 100
}
.p5_main .ball_wapper .balls_article h5 {
    margin: 6.5vh 0;
    padding: 0 1rem;
    font-size: 2.1rem;
    font-weight: 500;
    opacity: .9;
    text-align: right
}
.p5_main .ball_wapper .balls_article p {
    opacity: .8;
    margin: 0;
    font-size: 1.3rem;
    line-height: 155%
}
.p5_main .ball_wapper .balls_article .balls_close_icon {
    position: absolute;
    top: -4vh;
    right: 0;
    margin: 0;
    width: 7vh;
    height: 7vh;
    opacity: 1;
    cursor: pointer;
    z-index: 9;
    background-color: rgba(255,255,255,.06);
    transition: opacity .3s ease
}
.p5_main .ball_wapper .balls_article .balls_close_icon::after, .p5_main .ball_wapper .balls_article .balls_close_icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    margin-left: -6.5vh;
    transition: -webkit-transform .35s;
    transition: transform .35s
}
.p5_main .ball_wapper .balls_article .balls_close_icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p5_main .ball_wapper .balls_article .balls_close_icon::after, .p5_main .ball_wapper .balls_article .balls_close_icon:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p5_main .ball_wapper .balls_article .balls_close_icon:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p5_main .ball_wapper .balls_article.b3_article, .p5_main .ball_wapper .balls_article.b4_article {
    color: #000
}
.p5_main .ball_wapper .balls_article.b3_article .balls_close_icon, .p5_main .ball_wapper .balls_article.b4_article .balls_close_icon {
    background-color: rgba(0,0,0,.06)
}
.p5_main .ball_wapper .balls_article.b3_article .balls_close_icon::after, .p5_main .ball_wapper .balls_article.b3_article .balls_close_icon::before, .p5_main .ball_wapper .balls_article.b4_article .balls_close_icon::after, .p5_main .ball_wapper .balls_article.b4_article .balls_close_icon::before {
    background-color: #000
}
.viewing_6.fixed .page_6 .mol_5 {
    right: 5%;
    opacity: 1
}
.viewing_6.fixed .p5_main h2 {
    bottom: 39%;
    right: 15%;
    margin-right: 0;
    transition-delay: 1s, 1s, .3s
}
.viewing_6.fixed .p5_main .line_wrapper {
    opacity: 1
}
.viewing_6.fixed .p5_main .line_wrapper p.p5_paragraph {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.viewing_6.fixed .ball_wapper .balls {
    z-index: 1;
    opacity: 1;
    transition-duration: .75s, .75s, 0s, .08s, .08s;
    transition-delay: 0s, 0s, 0s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .balls:hover {
    z-index: 2;
    transition-delay: 0s, 0s, .07s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .balls:hover .ball_cover {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}
.viewing_6.fixed .ball_wapper .balls:hover .ball_cover>h4 {
    opacity: 1
}
.viewing_6.fixed .ball_wapper .ball_1 {
    -webkit-transform: translate(0, -5%) scale(1.03);
    -ms-transform: translate(0, -5%) scale(1.03);
    transform: translate(0, -5%) scale(1.03);
    transition-delay: 1.7s, 1.7s, .15s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .ball_2 {
    -webkit-transform: translate(-85%, 41%) scale(.85);
    -ms-transform: translate(-85%, 41%) scale(.85);
    transform: translate(-85%, 41%) scale(.85);
    transition-delay: 1.5s, 1.5s, .15s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .ball_3 {
    -webkit-transform: translate(68%, 35%) scale(.58);
    -ms-transform: translate(68%, 35%) scale(.58);
    transform: translate(68%, 35%) scale(.58);
    transition-delay: 1.9s, 1.9s, .15s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .ball_4 {
    -webkit-transform: translate(-160%, -25%) scale(.7);
    -ms-transform: translate(-160%, -25%) scale(.7);
    transform: translate(-160%, -25%) scale(.7);
    transition-delay: 2.18s, 1.18s, .15s, 0s, 0s
}
.viewing_6.fixed .ball_wapper .balls.selected {
    z-index: 5
}
.viewing_6.fixed .ball_wapper .balls.selected .ball_cover {
    transition-duration: .8s;
    cursor: default
}
.viewing_6.fixed .ball_wapper .balls.selected .ball_cover>h4 {
    opacity: 0;
    -webkit-transform: translateY -200% scale(.8);
    -ms-transform: translateY -200% scale(.8);
    transform: translateY -200% scale(.8);
    transition-duration: .25s, .15s;
    transition-delay: 0s
}
.viewing_6.fixed .ball_wapper .balls.selected .ball_cover>i {
    -webkit-transform: translate(-13%, -13%) scale(.45);
    -ms-transform: translate(-13%, -13%) scale(.45);
    transform: translate(-13%, -13%) scale(.45);
    opacity: .2;
    transition-duration: .4s
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_1 .ball_cover {
    -webkit-transform: translate(112%, -40%) scale(9);
    -ms-transform: translate(112%, -40%) scale(9);
    transform: translate(112%, -40%) scale(9)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_2 .ball_cover {
    -webkit-transform: translate(215%, -94%) scale(10.8);
    -ms-transform: translate(215%, -94%) scale(10.8);
    transform: translate(215%, -94%) scale(10.8)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_3 .ball_cover {
    -webkit-transform: translate(50%, -140%) scale(16);
    -ms-transform: translate(50%, -140%) scale(16);
    transform: translate(50%, -140%) scale(16)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_4 .ball_cover {
    -webkit-transform: translate(370%, -40%) scale(13);
    -ms-transform: translate(370%, -40%) scale(13);
    transform: translate(370%, -40%) scale(13)
}
.p6_main {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}
.p6_main h2 {
    position: absolute;
    margin: auto 0 auto -9rem;
    right: 0;
    bottom: 2%;
    top: 0;
    left: 50%;
    width: 18rem;
    height: 4rem;
    white-space: nowrap;
    font-size: 3.4rem;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.2rem;
    transition-property: left, margin-left, bottom;
    transition-duration: .8s, .8s, .7s;
    transition-delay: 1s, 1s, 1s
}
.p6_main .line_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 33%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    opacity: 0;
    background-color: rgba(255,255,255,.6);
    transition: opacity 1.2s ease-in-out .8s
}
.p6_main .line_wrapper p.p6_paragraph {
    position: relative;
    width: 50%;
    margin: auto auto auto 15%;
    text-align: left;
    font-size: 1.5rem;
    line-height: 2.4rem;
    line-height: 3.15vh;
    font-weight: 300;
    color: #444;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
    transition: -webkit-transform .8s 1s;
    transition: transform .8s 1s
}
.p6_main .line_wrapper p.p6_paragraph span {
    font-weight: 500
}
.p6_main .chip {
    position: absolute;
    width: 24vh;
    min-width: 12vw;
    height: 27vh;
    margin: auto -12vw auto 0;
    right: 14.2%;
    top: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 .1rem 2.2rem rgba(0,0,0,.1);
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: box-shadow, -webkit-transform, width, height, right, top, opacity, margin-right;
    transition-property: box-shadow, transform, width, height, right, top, opacity, margin-right;
    transition-duration: .4s, .4s, .4s, .4s, .4s, .4s, .7s, .6s;
    transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 1.3s, 1.25s
}
.p6_main .chip:hover {
    box-shadow: 0 2.5rem 3.2rem rgba(0,0,0,.2);
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025)
}
.p6_main .chip .info {
    height: 18%;
    text-align: center;
    font-size: 1.7rem;
    line-height: 5vh;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: #fff;
    background-color: #0B7491;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .4s
}
.p6_main .chip .year {
    height: 32%;
    text-align: center;
    font-size: 3.5rem;
    line-height: 8vh;
    font-weight: 100;
    color: #fff;
    background-color: rgba(11,72,104,.8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .4s
}
.p6_main .chip .name {
    height: 50%;
    text-align: center;
    font-size: 2rem;
    line-height: 13vh;
    font-weight: 900;
    color: #0B7491;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .4s
}
.p6_main .chip .name .close_icon {
    position: absolute;
    top: 5%;
    right: 12.7%;
    margin: 0;
    width: 10vh;
    height: 10vh;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    background-color: rgba(100,155,170,.1);
    transition: opacity .3s ease
}
.p6_main .chip .name .close_icon::after, .p6_main .chip .name .close_icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #0B7491;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    margin-left: -6.5vh;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease
}
.p6_main .chip .name .close_icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p6_main .chip .name .close_icon::after, .p6_main .chip .name .close_icon:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p6_main .chip .name .close_icon:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p6_main .chip .content {
    opacity: 0;
    margin: 0vh auto;
    width: 84vw;
    max-width: 150vh;
    transition: opacity .12s linear
}
.p6_main .chip .content p {
    font-size: 1.7rem;
    text-align: center;
    font-weight: 400
}
.p6_main .chip .content .accordion {
    margin: 0rem 2rem 0
}
.p6_main .chip .content .accordion dt {
    border-radius: .1rem;
    border-bottom: 1px solid rgba(11,72,104,.7)
}
.p6_main .chip .content .accordion dt a {
    padding: 1.1rem;
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    color: #fff;
    background-color: #0B7491;
    text-decoration: none;
    border-radius: .1rem
}
.p6_main .chip .content .accordion dt a span {
    font-weight: 700;
    padding: 0 1.2rem 0 .8rem
}
.p6_main .chip .content .accordion dd {
    font-size: 1.4rem;
    line-height: 155%;
    margin: 0 1px;
    padding: 2rem;
    background-color: rgba(11,72,104,.08)
}
.p6_main .chip .content .accordion dd span {
    font-weight: 500
}
.p6_main .chip .content .accordion dd:last-of-type {
    position: relative;
    top: -1px
}
.p6_main .chip.selected {
    width: 100vw;
    height: 100vh;
    right: 0;
    opacity: 1;
    margin-right: 0
}
.p6_main .chip.selected:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.p6_main .chip.selected .info {
    height: 5%;
    font-size: 2.5rem;
    letter-spacing: .4rem
}
.p6_main .chip.selected .year {
    height: 0
}
.p6_main .chip.selected .name {
    line-height: 27vh;
    height: 17%;
    font-size: 4rem;
    font-weight: 500;
    letter-spacing: 1px
}
.p6_main .chip.selected .name .close_icon {
    opacity: 1;
    transition: opacity .7s .2s
}
.p6_main .chip.selected .content {
    opacity: 1;
    transition: opacity .8s .25s
}
.viewing_7.fixed .p6_main h2 {
    bottom: 48%;
    left: 15%;
    margin-left: 0;
    transition-delay: 1s, 1s, .3s
}
.viewing_7.fixed .p6_main .line_wrapper {
    opacity: 1
}
.viewing_7.fixed .p6_main .line_wrapper p.p6_paragraph {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.viewing_7.fixed .p6_main .chip {
    margin-right: .01vw;
    opacity: 1
}
.p7_main blockquote {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 19%;
    padding-bottom: .5%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 2.6rem;
    line-height: 162%;
    font-style: italic;
    text-align: center;
    background-color: rgba(227,229,234,.92);
    background-image: url(../images/contact_2.jpg);
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 50% 636%;
    background-size: cover;
    margin: auto 0;
    overflow: hidden;
    opacity: 0;
    transition: top 0s 1s, opacity 0s 1s
}
.p7_main blockquote::before {
    content: "”";
    position: absolute;
    top: 0;
    left: 0;
    right: 72rem;
    width: 10rem;
    height: 10rem;
    margin: 0 auto;
    font-family: Roboto, sans-serif;
    font-size: 28rem;
    font-weight: 300;
    line-height: 22rem;
    font-style: normal;
    color: rgba(0,0,0,.1)
}
.p7_main #arrow_up {
    position: absolute;
    width: 7vh;
    height: 7vh;
    bottom: 11.2%;
    right: .6%;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0;
    background-color: rgba(0,65,111,.3);
    box-shadow: 0 .4rem 1.1rem rgba(0,0,0,.32);
    -webkit-transform: translate(0, 16vh);
    -ms-transform: translate(0, 16vh);
    transform: translate(0, 16vh);
    transition: opacity .8s .82s, -webkit-transform .78s .74s;
    transition: opacity .8s .82s, transform .78s .74s
}
.p7_main #arrow_up::after, .p7_main #arrow_up::before {
    content: "";
    position: absolute;
    top: 37%;
    width: 76%;
    margin: auto;
    right: 0;
    left: 0;
    height: 30%;
    background-image: url(../images/arrow_up.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}
.p7_main #arrow_up::before {
    -webkit-animation: arrowDownMain 1s ease infinite;
    animation: arrowDownMain 1s ease infinite
}
.p7_main #arrow_up::after {
    -webkit-animation: arrowDownShadow 1s ease infinite;
    animation: arrowDownShadow 1s ease infinite
}
.p7_main .google_map .map_icon {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: rgba(11,72,104,.24);
    width: 1vh;
    padding-left: 5.6vh;
    height: 6.6vh;
    border-radius: 3.3vh;
    top: 0;
    bottom: 23%;
    left: -6%;
    margin: auto;
    font-size: 1.5rem;
    font-weight: 500;
    white-space: nowrap;
    color: rgba(11,72,104,0);
    box-shadow: 0 0 1.7rem rgba(0,0,0,.18);
    cursor: pointer;
    z-index: 5;
    transition: width .4s, background .4s, color .35s, left 1s .75s;
    -webkit-animation: mapIcon 1s linear infinite;
    animation: mapIcon 1s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.p7_main .google_map .map_icon:hover {
    width: 20vh;
    background-color: rgba(11,72,104,.5);
    color: #fff;
    -webkit-animation: none;
    animation: none
}
.p7_main .google_map .map_icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6.6vh;
    opacity: .1;
    border-radius: 10vh;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #fff;
    z-index: -2;
    -webkit-animation: mapIconRipple 1s linear infinite;
    animation: mapIconRipple 1s linear infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.p7_main .google_map .map_icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6.6vh;
    height: 6.6vh;
    border-radius: 100%;
    background-image: url(../images/location.svg);
    background-size: 90%;
    background-position: center;
    transition: -webkit-transform .36s, background-color .26s .2s;
    transition: transform .36s, background-color .26s .2s;
    transition-timing-function: cubic-bezier(.42, .03, .4, .92)
}
.p7_main .google_map .map_wrapper {
    position: absolute!important;
    left: -100vw;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    opacity: 0;
    z-index: -2;
    -webkit-transform: scale(.74) translate(-7vw, -4vh);
    -ms-transform: scale(.74) translate(-7vw, -4vh);
    transform: scale(.74) translate(-7vw, -4vh);
    transition: opacity 1.1s .35s, -webkit-transform 1s .3s;
    transition: opacity 1.1s .35s, transform 1s .3s
}
.p7_main .google_map .map_wrapper .toggle_map {
    position: absolute;
    width: 34vh;
    padding: 1.2vh 0 1.1vh;
    margin: auto;
    top: 4%;
    left: 0;
    right: 0;
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    color: #0B7491;
    background-color: #fff;
    box-shadow: 0 .35rem 1rem rgba(0,0,0,.2);
    border-radius: 5vh;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3
}
.p7_main .google_map .map_wrapper #map, .p7_main .google_map .map_wrapper .sketch_map {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity
}
.p7_main .google_map .map_wrapper #map {
    opacity: 1;
    z-index: 2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-duration: .7s, .7s;
    transition-delay: .08s, .1s
}
.p7_main .google_map .map_wrapper .sketch_map {
    background-image: url(../images/map.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    z-index: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition-duration: .65s, .63s;
    transition-delay: 0s, 0s
}
.p7_main .google_map .map_wrapper .sketch_map img {
    display: none
}
.p7_main .google_map .map_wrapper.switched #map {
    opacity: 0;
    z-index: 1;
    -webkit-transform: scale(.8)!important;
    -ms-transform: scale(.8)!important;
    transform: scale(.8)!important;
    transition-duration: .7s, .65s;
    transition-delay: 0s, 0s
}
.p7_main .google_map .map_wrapper.switched .sketch_map {
    opacity: 1;
    z-index: 2;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-duration: .65s, .6s;
    transition-delay: .1s, .15s
}
.p7_main .google_map .close_map {
    position: absolute;
    top: 2.6%;
    right: 4%;
    margin: 0;
    width: 7vh;
    height: 6.8vh;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    background-color: rgba(255,255,255,.86);
    box-shadow: 0 .32rem .76rem rgba(0,0,0,.2);
    transition: opacity .15s
}
.p7_main .google_map .close_map::after, .p7_main .google_map .close_map::before {
    content: "";
    position: absolute;
    width: 100%;
    height: .2rem;
    background-color: #0B7491;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    right: 0;
    margin-left: -6.5vh;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease
}
.p7_main .google_map .close_map::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p7_main .google_map .close_map::after, .p7_main .google_map .close_map:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p7_main .google_map .close_map:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p7_main .google_map.maximized .map_icon, .p7_main .google_map.maximized .map_icon::before {
    -webkit-animation: none;
    animation: none
}
.p7_main .google_map.maximized .map_icon::after {
    background-color: #eee;
    -webkit-transform: translate(18vw, 9vh) scale(47);
    -ms-transform: translate(18vw, 9vh) scale(47);
    transform: translate(18vw, 9vh) scale(47);
    transition: -webkit-transform .7s, background-color .18s;
    transition: transform .7s, background-color .18s
}
.p7_main .google_map.maximized .map_wrapper {
    left: 0;
    opacity: 1;
    z-index: 5;
    -webkit-transform: scale(1) translate(0vw, 0vh);
    -ms-transform: scale(1) translate(0vw, 0vh);
    transform: scale(1) translate(0vw, 0vh)
}
.p7_main .google_map.maximized .close_map {
    opacity: 1;
    transition: opacity .7s .5s
}
.p7_main a.centurion_link {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    bottom: 75%;
    top: 0;
    left: 92%;
    margin: auto;
    width: 22rem;
    height: 3.6rem;
    border-radius: 4rem;
    opacity: 0;
    background-color: rgba(227,229,234,.92);
    background-image: url(../images/contact_2.jpg);
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 50% 636%;
    background-size: cover;
    font-size: 1.5rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 1.7rem rgba(0,0,0,.12);
    z-index: 3;
    color: #0B7491;
    text-decoration: none;
    transition: left 0s 1s, opacity 0s 1s
}
.p7_slide {
    position: absolute;
    margin: auto;
    bottom: -54vh;
    right: 0;
    left: 0;
    width: 100vw;
    height: 54vh;
    opacity: 1;
    background-color: rgba(227,229,234,.95);
    background-image: url(../images/contact_2.jpg);
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: 50% 636%;
    background-size: cover;
    z-index: 3;
    transition: bottom 0s 1s
}
.p7_slide .contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    height: 82%;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 0s 1s
}
.p7_slide .contact h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.1rem;
    letter-spacing: .4rem;
    color: #004b73
}
.p7_slide .contact .contact_response_wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    height: 51%;
    width: 75%;
    top: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .7s;
    transition-delay: 0s
}
.p7_slide .contact .contact_response_wrapper .contact_retry {
    position: absolute;
    width: 27vh;
    padding: .6rem 0;
    height: 1.7rem;
    left: 0;
    right: 40%;
    top: -20%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: .7rem;
    text-transform: uppercase;
    background-color: #0B7491;
    cursor: pointer;
    opacity: 0;
    transition: opacity .5s, top .4s .4s
}
.p7_slide .contact .contact_response_wrapper mark {
    font-size: 1.45rem;
    font-weight: 400;
    background: 0 0;
    text-align: center
}
.p7_slide .contact .contact_response_wrapper mark em {
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 2.6rem;
    line-height: 4.2rem
}
.p7_slide .contact .contact_response_wrapper mark span {
    color: #555
}
.p7_slide .contact .contact_response_wrapper mark.success {
    color: #118362
}
.p7_slide .contact .contact_response_wrapper mark.error {
    color: #bb3b44
}
.p7_slide .contact .form {
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .7s;
    transition-delay: 0s
}
.p7_slide .contact .form input, .p7_slide .contact .form textarea {
    margin: .2vw 0;
    padding: 0 .7rem;
    font-weight: 400;
    font-size: 1.26rem;
    letter-spacing: .06rem
}
.p7_slide .contact .form input {
    width: 49.5%;
    height: 3rem
}
.p7_slide .contact .form input#name {
    float: left
}
.p7_slide .contact .form input#email {
    float: right
}
.p7_slide .contact .form textarea {
    width: 100%;
    height: 8rem;
    text-transform: none
}
.p7_slide .contact .form button {
    margin: .21vw 0;
    height: 2.7rem;
    width: 22%;
    float: right;
    font-weight: 700;
    font-size: 1.35rem;
    letter-spacing: .6rem
}
.p7_slide .contact h5 {
    color: #0B7491!important;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 120%;
    font-size: 1.4rem
}
.p7_slide .contact h5.phone {
    margin-top: 0
}
.p7_slide .contact h6 {
    font-weight: 400;
    text-align: justify;
    font-size: 1.28rem
}
.p7_slide .contact h5, .p7_slide .contact h6 {
    margin: .4vh 0;
    color: #004b73
}
.p7_slide .contact.sent .form {
    opacity: 0;
    -webkit-transform: translate3d(120%, 0, 0);
    transform: translate3d(120%, 0, 0)
}
.p7_slide .contact.sent .contact_response_wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.p7_slide .contact.back .contact_response_wrapper .contact_retry {
    opacity: 1;
    top: 5%
}
.viewing_8.fixed .p7_main blockquote {
    top: 30%;
    opacity: 1;
    transition: top .8s cubic-bezier(.27, .12, .05, 1) .5s, opacity .5s .6s
}
.viewing_8.fixed .p7_main #arrow_up {
    opacity: .9;
    -webkit-transform: translateY(.001vh);
    -ms-transform: translateY(.001vh);
    transform: translateY(.001vh)
}
.viewing_8.fixed .p7_main #arrow_up:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    transition: -webkit-transform .2s;
    transition: transform .2s
}
.viewing_8.fixed .p7_main a.centurion_link {
    left: 77%;
    opacity: 1;
    transition: left .9s 1.1s, opacity .9s 1.12s
}
.page_8.slideup .p7_main blockquote {
    opacity: 0;
    top: -18%;
    transition: top 1.2s cubic-bezier(.27, .12, .05, 1) 0s, opacity .6s cubic-bezier(.73, .04, .58, .96) 0s
}
.page_8.slideup .p7_main .map_icon {
    left: 6%
}
.page_8.slideup .p7_slide {
    bottom: 0;
    opacity: 1;
    transition: bottom 1s cubic-bezier(.27, .12, .05, 1) 0s
}
.page_8.slideup .p7_slide .contact {
    opacity: 1;
    transition: opacity 1.5s 0s
}
.side_page {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.75, 0, .6, 1);
    background-color: #f5f7f9;
    overflow: hidden
}
.side_page .register_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-duration: .7s;
    transition-delay: 0s
}
.side_page .register_wrapper .register_response_wrapper {
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 4%;
    right: 0;
    left: 0;
    margin: auto;
    width: 70%;
    height: 60%;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0);
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .7s;
    transition-delay: 0s
}
.side_page .register_wrapper .register_response_wrapper .register_retry {
    position: absolute;
    width: 28vh;
    padding: .8rem 0;
    height: 1.8rem;
    left: 0;
    right: 0;
    top: 80%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 900;
    font-size: 1.5rem;
    letter-spacing: .7rem;
    text-transform: uppercase;
    background-color: #0B7491;
    cursor: pointer;
    bottom: -30%;
    opacity: 0;
    transition: opacity .5s, bottom .4s .4s
}
.side_page .register_wrapper .register_response_wrapper mark {
    font-size: 1.45rem;
    font-weight: 400;
    background: 0 0;
    text-align: center
}
.side_page .register_wrapper .register_response_wrapper mark b {
    font-weight: 900;
    color: #0B7491;
    font-size: 1.55rem;
    padding: 1px .5rem;
    letter-spacing: 1px;
    background-color: rgba(0,106,150,.1);
    border-radius: 3px
}
.side_page .register_wrapper .register_response_wrapper mark em {
    display: block;
    text-align: left;
    font-style: normal;
    font-weight: 300;
    font-size: 3rem;
    line-height: 5.5rem
}
.side_page .register_wrapper .register_response_wrapper mark span {
    color: #666
}
.side_page .register_wrapper .register_response_wrapper mark i {
    font-style: normal
}
.side_page .register_wrapper .register_response_wrapper mark.success {
    color: #118362
}
.side_page .register_wrapper .register_response_wrapper mark.error {
    color: #bb3b44
}
.side_page .register_wrapper.sent {
    -webkit-transform: translate3d(55%, 0, 0);
    transform: translate3d(55%, 0, 0)
}
.side_page .register_wrapper.sent .register_response_wrapper {
    opacity: 1;
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}
.side_page .register_wrapper.sent .register_body, .side_page .register_wrapper.sent .register_title {
    opacity: 0
}
.side_page .register_wrapper.back .register_response_wrapper .register_retry {
    opacity: 1;
    bottom: 0
}
.side_page .register_body, .side_page .register_title {
    height: 70%;
    opacity: 1;
    transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    transition-duration: .9s, .4s;
    transition-delay: .15s, 0s;
    transition-timing-function: cubic-bezier(.75, 0, .6, 1), ease
}
.side_page .register_title {
    width: 15%;
    -webkit-transform: translate3d(-400%, 0, 0);
    transform: translate3d(-400%, 0, 0)
}
.side_page .register_title h3 {
    float: right;
    margin: .5rem 0;
    padding: 0 2rem;
    text-align: right;
    font-size: 3rem;
    line-height: 135%;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .4rem;
    color: #00416f
}
.side_page .register_body {
    width: 26%;
    padding: 3%;
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0)
}
.side_page .register_body input, .side_page .register_body select {
    margin: 1.1rem 0;
    padding: .6rem .8rem;
    height: 3.2rem;
    width: 100%;
    font-size: 1.35rem;
    font-weight: 400
}
.side_page .register_body input option, .side_page .register_body select option {
    border: none!important
}
.side_page .register_body .student_phone_wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.side_page .register_body .student_phone_wrapper select {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 9rem;
    -ms-flex-preferred-size: 9rem;
    flex-basis: 9rem;
    background-position: 86% center
}
.side_page .register_body .student_phone_wrapper input {
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    margin-left: 1rem
}
.side_page .register_body .form_select {
    background-image: url(../images/arrow_down.png?4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 97% center;
    color: rgba(0,75,115,.6)
}
.side_page .register_body .form_select:focus {
    color: #004b73
}
.side_page .register_body button {
    float: right;
    margin: 1.3rem 0;
    padding: .85rem;
    width: 43%;
    font-size: 1.4rem;
    background-color: #004b73
}
.viewing_left .side_page {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.viewing_left .side_page .register_title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: .21s, 0s
}
.viewing_left .side_page .register_body {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.form input, .form select, .form textarea {
    border-image: none;
    border-radius: 0;
    outline: 0!important;
    box-shadow: none!important;
    background: none;
    background: rgba(0,75,115,.07);
    border: none;
    border-bottom: 2px solid #004b73;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 1.26rem;
    text-transform: none;
    letter-spacing: .06rem;
    color: #004b73;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .55s, background-color .55s
}
.form input:focus:valid, .form select:focus:valid, .form textarea:focus:valid {
border-color:#009454;
background-color:rgba(41,107,79,.08)
}
.form input:focus:invalid, .form select:focus:invalid, .form textarea:focus:invalid {
border-color:#d73764;
background-color:rgba(155,115,126,.09)
}
.form button {
    border: none;
    background-color: rgba(0,75,115,.86);
    color: #fff;
    font-weight: 700;
    font-size: 1.35rem;
    text-transform: uppercase;
    letter-spacing: .6rem
}
input::-webkit-input-placeholder {
color:#004b73
}
textarea::-webkit-input-placeholder {
color:#004b73
}
input::-moz-placeholder {
color:#004b73
}
textarea::-moz-placeholder {
color:#004b73
}
input:-ms-input-placeholder {
color:#004b73
}
textarea:-ms-input-placeholder {
color:#004b73
}

@media (min-width:2000px) {
html {
    font-size: 13px
}
}

@media (min-width:1650px) and (max-width:1999px) {
html {
    font-size: 12px
}
}

@media (min-width:1200px) and (max-width:1649px) {
#p4_wrapper .p4_sides.deselected.side_right.deselected_to_top .p4_triangles {
    -webkit-transform: translate3d(-300%, -150%, 0) scale(.6);
    transform: translate3d(-300%, -150%, 0) scale(.6)
}
#p4_wrapper .p4_sides.deselected.side_right.deselected_to_top .p4_triangles svg.triangle {
    -webkit-transform: scale(.85) rotateZ(90deg);
    transform: scale(.85) rotateZ(90deg)
}
#p4_wrapper .p4_sides.deselected.side_left.deselected_to_top .p4_triangles {
    -webkit-transform: translate3d(300%, -150%, 0) scale(.6);
    transform: translate3d(300%, -150%, 0) scale(.6)
}
#p4_wrapper .p4_sides.deselected.side_left.deselected_to_top .p4_triangles svg.triangle {
    -webkit-transform: scale(.88) rotateZ(30deg);
    transform: scale(.88) rotateZ(30deg)
}
}

@media (max-width:1199px) {
html {
    font-size: 9px
}
#p4_wrapper .p4_sides ul .diamonds {
    width: 15vw;
    height: 15vw
}
#p4_wrapper .p4_sides.selected ul .dim_4 {
    -webkit-transform: translate(-160%, -12%) scale(.68);
    -ms-transform: translate(-160%, -12%) scale(.68);
    transform: translate(-160%, -12%) scale(.68)
}
#p4_wrapper .p4_sides.selected ul .dim_3 {
    -webkit-transform: translate(-108%, 40%) scale(.44);
    -ms-transform: translate(-108%, 40%) scale(.44);
    transform: translate(-108%, 40%) scale(.44)
}
}

@media (max-width:1024px) {
html {
    font-size: 9px
}
#main_menu, .viewing_1 #main_menu {
    height: 12vh
}
#main_menu .menu_icon, .viewing_1 #main_menu .menu_icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 11vh;
    left: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2
}
#main_menu .menu_icon .close_line, #main_menu .menu_icon::after, #main_menu .menu_icon::before, .viewing_1 #main_menu .menu_icon .close_line, .viewing_1 #main_menu .menu_icon::after, .viewing_1 #main_menu .menu_icon::before {
    position: absolute;
    width: 12vw;
    height: 3px;
    left: 70%;
    right: 0;
    top: 0;
    bottom: 14%;
    margin: auto;
    background-color: #0B7491;
    border-radius: .5vw;
    transition: -webkit-transform .6s, opacity .6s, top .6s, background-color .6s;
    transition: transform .6s, opacity .6s, top .6s, background-color .6s
}
#main_menu .menu_icon::after, .viewing_1 #main_menu .menu_icon::after {
    content: "";
    -webkit-transform: translateY(1.6rem);
    -ms-transform: translateY(1.6rem);
    transform: translateY(1.6rem)
}
#main_menu .menu_icon::before, .viewing_1 #main_menu .menu_icon::before {
    content: "";
    -webkit-transform: translateY(-1.6rem);
    -ms-transform: translateY(-1.6rem);
    transform: translateY(-1.6rem)
}
#main_menu blockquote, .viewing_1 #main_menu blockquote {
    display: none
}
#main_menu figure, .viewing_1 #main_menu figure {
    width: 70vw;
    height: 12.6vh;
    -webkit-transform: translate(-27%, -5%) scale(.61);
    -ms-transform: translate(-27%, -5%) scale(.61);
    transform: translate(-27%, -5%) scale(.61)
}
#main_menu ul, .viewing_1 #main_menu ul {
    position: fixed;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80vw;
    top: 0;
    right: 0;
    height: 100%;
    padding: 25% 0 26%;
    box-sizing: border-box;
    background-color: #0B7491;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .7s;
    transition: transform .7s
}
#main_menu ul .nav_li_side, #main_menu ul li, .viewing_1 #main_menu ul .nav_li_side, .viewing_1 #main_menu ul li {
    position: relative;
    width: auto;
    right: 0
}
#main_menu ul .nav_li_side a, #main_menu ul li a, .viewing_1 #main_menu ul .nav_li_side a, .viewing_1 #main_menu ul li a {
    right: 0;
    min-height: 8vh;
    height: 100%;
    font-style: normal;
    font-size: 2.6vh;
    font-weight: 500;
    letter-spacing: 2px;
    color: #fff!important;
    -webkit-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg)
}
#main_menu ul .nav_li_side a::after, #main_menu ul .nav_li_side a::before, #main_menu ul li a::after, #main_menu ul li a::before, .viewing_1 #main_menu ul .nav_li_side a::after, .viewing_1 #main_menu ul .nav_li_side a::before, .viewing_1 #main_menu ul li a::after, .viewing_1 #main_menu ul li a::before {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,.07)
}
#main_menu ul .nav_li_side a.on::after, #main_menu ul .nav_li_side a:hover::after, #main_menu ul .nav_li_side a:hover::before, #main_menu ul li a.on::after, #main_menu ul li a:hover::after, #main_menu ul li a:hover::before, .viewing_1 #main_menu ul .nav_li_side a.on::after, .viewing_1 #main_menu ul .nav_li_side a:hover::after, .viewing_1 #main_menu ul .nav_li_side a:hover::before, .viewing_1 #main_menu ul li a.on::after, .viewing_1 #main_menu ul li a:hover::after, .viewing_1 #main_menu ul li a:hover::before {
    background-color: rgba(255,255,255,.07)
}
#main_menu.maxed {
    height: 100%
}
#main_menu.maxed .menu_icon .close_icon, #main_menu.maxed .menu_icon::after, #main_menu.maxed .menu_icon::before {
    background-color: #fff
}
#main_menu.maxed .menu_icon .close_line {
    opacity: 0
}
#main_menu.maxed .menu_icon::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
#main_menu.maxed .menu_icon::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
#main_menu.maxed ul {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.viewing_1 #main_menu figure {
    -webkit-transform: translate(-2%, -160%) scale(1);
    -ms-transform: translate(-2%, -160%) scale(1);
    transform: translate(-2%, -160%) scale(1)
}
}

@media (max-width:1024px) and (orientation:landscape) {
#main_menu, .viewing_1 #main_menu {
    height: 11vh
}
#main_menu .menu_icon .close_line, #main_menu .menu_icon::after, #main_menu .menu_icon::before, .viewing_1 #main_menu .menu_icon .close_line, .viewing_1 #main_menu .menu_icon::after, .viewing_1 #main_menu .menu_icon::before {
    width: 6.5rem;
    left: 75%
}
#main_menu ul, .viewing_1 #main_menu ul {
    width: 37vw;
    padding: 10% 0 11%
}
.p2_main .line_wrapper {
    height: 32%
}
.p2_main .line_wrapper p.p2_paragraph {
    width: 52%;
    text-align: justify;
    line-height: 3vh
}
.p2_main .chip {
    right: 14%
}
.p5_main .line_wrapper {
    height: 25%
}
.viewing_6.fixed .ball_wapper .ball_2 {
    -webkit-transform: translate(-82%, 34%) scale(.85);
    -ms-transform: translate(-82%, 34%) scale(.85);
    transform: translate(-82%, 34%) scale(.85)
}
.viewing_6.fixed .ball_wapper .ball_3 {
    -webkit-transform: translate(68%, 32%) scale(.59);
    -ms-transform: translate(68%, 32%) scale(.59);
    transform: translate(68%, 32%) scale(.59)
}
.viewing_6.fixed .ball_wapper .ball_4 {
    -webkit-transform: translate(-140%, -25%) scale(.69);
    -ms-transform: translate(-140%, -25%) scale(.69);
    transform: translate(-140%, -25%) scale(.69)
}
.p6_main .line_wrapper {
    height: 34%
}
.p6_main .line_wrapper p.p6_paragraph {
    line-height: 3.2vh;
    font-size: 1.4rem
}
}

@media (max-width:979px) {
.p2_main .line_wrapper {
    bottom: 5%;
    height: 40%;
    background-color: rgba(255,255,255,.6)
}
.p2_main .line_wrapper p.p2_paragraph {
    width: 78%;
    margin-left: 11%;
    text-align: justify;
    line-height: 2.8vh
}
.p2_main .chip {
    top: 73%;
    right: 11%;
    width: 36vw
}
.p2_main .chip.bot {
    top: 73%;
    right: 53%
}
.p2_main .chip .name {
    font-weight: 500;
    font-size: 2.4vh
}
.p2_main .chip .pg2_close_icon {
    top: 4%;
    right: 9%
}
.p2_main .chip .content {
    width: 80%;
    margin: 11.5vh auto 0 10%
}
.p2_main .chip .content p {
    margin: 0;
    line-height: 2.9vh
}
.p2_main .chip.selected {
    top: 27vh;
    height: 42%;
    right: 0
}
.p2_main .chip.selected .name {
    top: 3%;
    bottom: 70%;
    left: 10%
}
.viewing_2.fixed .p2_main h2 {
    bottom: 58%;
    left: 11%
}
.monfa-red_slider>article figure {
    width: 34vh;
    height: 34vh
}
.monfa-red_slider .slider_nav {
    width: 90%;
    bottom: 8.5%
}
.team_wrapper {
    height: 20.5vh
}
.team_wrapper .p3_paragraph {
    position: relative;
    width: 80%;
    margin-left: 10%
}
.team_wrapper .p3_paragraph h3 {
    margin: .5rem 0;
    font-size: 1.32rem
}
.team_wrapper .p3_paragraph p {
    line-height: 100%;
    line-height: 2.05vh;
    text-align: justify
}
.viewing_3.fixed .monfa-red_slider {
    bottom: 35%
}
.viewing_3.fixed .monfa-red_slider>article:hover h3 {
    opacity: 0
}
.viewing_3.fixed .monfa-red_slider .slide_-2 figure img, .viewing_3.fixed .monfa-red_slider .slide_2 figure img, .viewing_3.fixed .monfa-red_slider .slide_x figure img {
    opacity: 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}
.viewing_3.fixed .monfa-red_slider .slide_-1 figure img, .viewing_3.fixed .monfa-red_slider .slide_1 figure img {
    opacity: .25;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}
.viewing_3.fixed .team_wrapper {
    top: 65%
}
.ribbon {
    top: 5%
}
h2.p4_title {
    letter-spacing: .6rem
}
.cards {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 85%;
    width: 86%
}
.cards__img {
    width: 22rem;
    height: 22rem
}
.cards__info {
    width: 100%
}
.cards__info::before {
    display: none
}
.cards__info p {
    line-height: 130%;
    font-size: 1.35rem;
    margin-top: 1rem
}
.cards__nav {
    bottom: 29%;
    width: 87%
}
#p4_wrapper>h2 {
    font-size: 3.4rem
}
#p4_wrapper .p4_sides .p4_triangles {
    padding: 3.2vh
}
#p4_wrapper .p4_sides .p4_triangles h3 {
    font-size: 3.4vw;
    line-height: 3.4vw;
    height: 3.3vw
}
#p4_wrapper .p4_sides .p4_triangles h6 {
    display: none
}
#p4_wrapper .p4_sides .p4_triangles:hover h3 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
#p4_wrapper .p4_sides .p4_triangles:hover h6 {
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
#p4_wrapper .p4_sides article {
    position: absolute;
    top: 64%;
    bottom: 14%;
    width: 83vw;
    left: 1%;
    right: 0;
    margin: auto
}
#p4_wrapper .p4_sides article p {
    line-height: 2.45vh
}
#p4_wrapper .p4_sides ul .diamonds {
    width: 23vh;
    height: 23vh
}
#p4_wrapper .p4_sides.selected {
    width: 100%
}
#p4_wrapper .p4_sides.selected .p4_triangles h3, #p4_wrapper .p4_sides.selected .p4_triangles h6, #p4_wrapper .p4_sides.selected .p4_triangles:hover h3, #p4_wrapper .p4_sides.selected .p4_triangles:hover h6 {
    color: rgba(29,39,58,0)
}
#p4_wrapper .p4_sides.selected ul .dim_1 {
    -webkit-transform: translate(22%, -10%) scale(1);
    -ms-transform: translate(22%, -10%) scale(1);
    transform: translate(22%, -10%) scale(1)
}
#p4_wrapper .p4_sides.selected ul .dim_2 {
    -webkit-transform: translate(68%, 44%) scale(.6);
    -ms-transform: translate(68%, 44%) scale(.6);
    transform: translate(68%, 44%) scale(.6)
}
#p4_wrapper .p4_sides.selected ul .dim_3 {
    -webkit-transform: translate(-58%, 47%) scale(.46);
    -ms-transform: translate(-58%, 47%) scale(.46);
    transform: translate(-58%, 47%) scale(.46)
}
#p4_wrapper .p4_sides.selected ul .dim_4 {
    -webkit-transform: translate(-70%, -45%) scale(.65);
    -ms-transform: translate(-70%, -45%) scale(.65);
    transform: translate(-70%, -45%) scale(.65)
}
#p4_wrapper .p4_sides.selected ul .dim_5 {
    -webkit-transform: translate(67%, -79%) scale(.36);
    -ms-transform: translate(67%, -79%) scale(.36);
    transform: translate(67%, -79%) scale(.36)
}
#p4_wrapper .side_bottom, #p4_wrapper .side_bottom.idled, #p4_wrapper .side_bottom.idled_to_right {
    top: 0;
    height: 100%
}
#p4_wrapper .side_bottom .p4_triangles, #p4_wrapper .side_bottom.idled .p4_triangles, #p4_wrapper .side_bottom.idled_to_right .p4_triangles {
    -webkit-transform: translate3d(25%, -344%, 0);
    transform: translate3d(25%, -344%, 0)
}
#p4_wrapper .side_bottom .p4_triangles h3, #p4_wrapper .side_bottom.idled .p4_triangles h3, #p4_wrapper .side_bottom.idled_to_right .p4_triangles h3 {
    font-size: 4.4vw
}
#p4_wrapper .side_bottom ul .diamonds, #p4_wrapper .side_bottom.idled ul .diamonds, #p4_wrapper .side_bottom.idled_to_right ul .diamonds {
    left: 2%
}
#p4_wrapper .side_right .p4_triangles, #p4_wrapper .side_right.idled .p4_triangles {
    -webkit-transform: translate3d(-180%, -125%, 0);
    transform: translate3d(-180%, -125%, 0)
}
#p4_wrapper .side_right .back_bottom, #p4_wrapper .side_right.idled .back_bottom {
    left: 7.5%
}
#p4_wrapper .side_right ul .diamonds, #p4_wrapper .side_right.idled ul .diamonds {
    left: 2%
}
#p4_wrapper .side_left .p4_triangles, #p4_wrapper .side_left.idled .p4_triangles {
    -webkit-transform: translate3d(165%, -10%, 0);
    transform: translate3d(165%, -10%, 0)
}
#p4_wrapper .side_left .back_bottom, #p4_wrapper .side_left.idled .back_bottom {
    right: 7.5%
}
.page_6 .mol_5 {
    width: 96vmin;
    height: 64vmin;
    top: -9%;
    left: -10%;
    transition-property: opacity, left
}
.p5_main .line_wrapper {
    bottom: 18%;
    height: 25%;
    background-color: rgba(255,255,255,.6)
}
.p5_main .line_wrapper p.p5_paragraph {
    width: 78%;
    left: 0;
    right: 0;
    margin-right: 11%;
    text-align: justify;
    line-height: 2.6vh
}
.p5_main .ball_wapper .balls {
    top: 36%;
    right: 0;
    left: 25%;
    width: 32vmin;
    height: 32vmin
}
.p5_main .ball_wapper .balls .ball_cover>h4 {
    font-size: 4.6vmin;
    line-height: 116%
}
.p5_main .ball_wapper .ball_1 .ball_cover>h4 {
    font-size: 4vmin
}
.p5_main .ball_wapper .balls_article {
    left: 10%;
    right: 9%;
    bottom: 4%;
    top: 0;
    height: 76%;
    -webkit-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    transform-origin: 50% 75%
}
.p5_main .ball_wapper .balls_article h3 {
    margin: 3.2vh 0;
    font-size: 5rem;
    line-height: 94%
}
.p5_main .ball_wapper .balls_article h5 {
    margin: 2.5vh 0;
    padding: 0 .8rem;
    font-size: 2rem
}
.p5_main .ball_wapper .balls_article p {
    font-size: 1.4rem;
    line-height: 2.7vh
}
.viewing_6.fixed .page_6 .mol_5 {
    left: 0
}
.viewing_6.fixed .p5_main h2 {
    bottom: 56%;
    right: 11%
}
.viewing_6.fixed .ball_wapper .ball_1 {
    -webkit-transform: translate(0, -5%) scale(1.05);
    -ms-transform: translate(0, -5%) scale(1.05);
    transform: translate(0, -5%) scale(1.05)
}
.viewing_6.fixed .ball_wapper .ball_2 {
    -webkit-transform: translate(-82%, 34%) scale(.85);
    -ms-transform: translate(-82%, 34%) scale(.85);
    transform: translate(-82%, 34%) scale(.85)
}
.viewing_6.fixed .ball_wapper .ball_3 {
    -webkit-transform: translate(68%, 32%) scale(.59);
    -ms-transform: translate(68%, 32%) scale(.59);
    transform: translate(68%, 32%) scale(.59)
}
.viewing_6.fixed .ball_wapper .ball_4 {
    -webkit-transform: translate(-140%, -33%) scale(.69);
    -ms-transform: translate(-140%, -33%) scale(.69);
    transform: translate(-140%, -33%) scale(.69)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_1 .ball_cover {
    -webkit-transform: translate(-35%, -94%) scale(8.5);
    -ms-transform: translate(-35%, -94%) scale(8.5);
    transform: translate(-35%, -94%) scale(8.5)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_2 .ball_cover {
    -webkit-transform: translate(52%, -167%) scale(9);
    -ms-transform: translate(52%, -167%) scale(9);
    transform: translate(52%, -167%) scale(9)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_3 .ball_cover {
    -webkit-transform: translate(-185%, -234%) scale(12.5);
    -ms-transform: translate(-185%, -234%) scale(12.5);
    transform: translate(-185%, -234%) scale(12.5)
}
.viewing_6.fixed .ball_wapper .balls.selected.ball_4 .ball_cover {
    -webkit-transform: translate(175%, -112%) scale(11);
    -ms-transform: translate(175%, -112%) scale(11);
    transform: translate(175%, -112%) scale(11)
}
.p6_main .line_wrapper {
    bottom: 18%;
    height: 42%
}
.p6_main .line_wrapper p.p6_paragraph {
    width: 78%;
    margin-left: 11%;
    text-align: justify;
    line-height: 140%;
    line-height: 3.9vw;
    font-size: 1.4rem
}
.p6_main .chip {
    top: 47%;
    height: 18vh;
    right: 11%;
    width: 78vw;
    box-shadow: none
}
.p6_main .chip:hover {
    box-shadow: none;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.p6_main .chip .info {
    height: 18%;
    font-size: 1.2rem;
    line-height: 3.4vh;
    letter-spacing: .4rem
}
.p6_main .chip .year {
    height: 29%;
    font-size: 3.2rem;
    line-height: 5vh;
    letter-spacing: 1rem
}
.p6_main .chip .name {
    height: 50%;
    font-size: 2rem;
    line-height: 8.8vh;
    font-weight: 700
}
.p6_main .chip .name .close_icon {
    top: 4%;
    right: 6%;
    width: 9vh;
    height: 9vh
}
.p6_main .chip .content {
    opacity: 0;
    margin: 1vh auto;
    width: 86vw
}
.p6_main .chip .content p {
    font-size: 1.6rem;
    line-height: 110%;
    line-height: 4vw
}
.p6_main .chip .content .accordion {
    margin: 1vh 0 0
}
.p6_main .chip .content .accordion dt a {
    padding: 1.3vw 0 1.3vw 1.3vw;
    font-size: 1.6rem
}
.p6_main .chip .content .accordion dd {
    line-height: 4.2vw;
    padding: 2vw 1rem
}
.p6_main .chip.selected {
    top: 0
}
.p6_main .chip.selected .info {
    height: 4%;
    line-height: 4.3vh
}
.p6_main .chip.selected .name {
    line-height: 13.5vh;
    line-height: 24vw;
    height: 10.5%;
    height: 17vw;
    text-align: left;
    width: 84%;
    margin: 0 auto;
    font-size: 3.1rem;
    font-weight: 500;
    white-space: nowrap
}
.p6_main .chip.selected .name .close_icon {
    opacity: 1;
    transition: opacity .7s .2s
}
.viewing_7.fixed .p6_main h2 {
    bottom: 72%;
    left: 11%
}
.p7_main blockquote {
    font-size: 1.65rem;
    height: 16%;
    background-image: none
}
.p7_main #arrow_up {
    bottom: 14%
}
.p7_main .google_map .map_icon {
    bottom: 25%;
    left: -52%;
    padding-left: 6.2vh;
    height: 4vh;
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.15);
    box-shadow: 0 .2rem .5rem transparent;
    width: 21vh;
    background-color: rgba(11,72,104,.2);
    color: #0B7491;
    -webkit-animation: none;
    animation: none
}
.p7_main .google_map .map_icon::before {
    top: -1.5vh;
    width: 7.2vh
}
.p7_main .google_map .map_icon::after {
    top: -1.5vh;
    width: 7.3vh;
    height: 7.3vh
}
.p7_main a.centurion_link {
    background-image: none;
    box-shadow: 0 .2rem .7rem rgba(0,0,0,.25)
}
.p7_slide {
    background-image: none;
    bottom: -60vh;
    height: 61%
}
.p7_slide .contact {
    width: 88%
}
.p7_slide .contact .form button, .p7_slide .contact .form input, .p7_slide .contact .form textarea {
    margin: .27vh 0
}
.viewing_8.fixed .p7_main a.centurion_link {
    left: 50%
}
.side_page .register_wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.side_page .register_body, .side_page .register_title {
    width: 78%
}
.side_page .register_title {
    height: 14%
}
.side_page .register_title h3 {
    text-align: left;
    padding: 0;
    float: left
}
.side_page .register_body {
    height: 49%
}
.side_page .register_body button, .side_page .register_body input, .side_page .register_body select {
    margin: 1.2vh 0;
    height: 4.5vh;
    min-height: 3rem;
    font-size: 1.4rem
}
.side_page .register_body button {
    min-height: 3.6rem
}
}

@media (max-width:480px) {
html {
    font-size: 7px
}
}
@-webkit-keyframes arrowDownMain {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
32%, 33% {
-webkit-transform:translate3d(0, -30%, 0);
transform:translate3d(0, -30%, 0)
}
}
@keyframes arrowDownMain {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
32%, 33% {
-webkit-transform:translate3d(0, -30%, 0);
transform:translate3d(0, -30%, 0)
}
}
@-webkit-keyframes arrowDownShadow {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
32% {
-webkit-transform:translate3d(0, 58%, 0);
transform:translate3d(0, 58%, 0);
opacity:0
}
100% {
-webkit-transform:translate3d(0, 80%, 0);
transform:translate3d(0, 80%, 0);
opacity:0
}
}
@keyframes arrowDownShadow {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
32% {
-webkit-transform:translate3d(0, 58%, 0);
transform:translate3d(0, 58%, 0);
opacity:0
}
100% {
-webkit-transform:translate3d(0, 80%, 0);
transform:translate3d(0, 80%, 0);
opacity:0
}
}
@-webkit-keyframes mapIcon {
0%, 100% {
-webkit-transform:scale(1);
transform:scale(1)
}
72% {
-webkit-transform:scale(1.03);
transform:scale(1.03)
}
}
@keyframes mapIcon {
0%, 100% {
-webkit-transform:scale(1);
transform:scale(1)
}
72% {
-webkit-transform:scale(1.03);
transform:scale(1.03)
}
}
@-webkit-keyframes mapIconRipple {
0%, 100%, 50% {
opacity:0;
-webkit-transform:scale(1.8);
transform:scale(1.8)
}
50.1% {
-webkit-transform:scale(1);
transform:scale(1)
}
58% {
opacity:.2
}
}
@keyframes mapIconRipple {
0%, 100%, 50% {
opacity:0;
-webkit-transform:scale(1.8);
transform:scale(1.8)
}
50.1% {
-webkit-transform:scale(1);
transform:scale(1)
}
58% {
opacity:.2
}
}
@-webkit-keyframes spin {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spin {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}