@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
}/*! http://URL | 2015-1 | Designed & Developed Abbas Monfared (c) | www.Monfa.red */
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.html), auto;
	cursor:-webkit-grab;
	cursor:grab
}
.hand.grabbing {
	cursor:move;
	cursor:url(images/grab.html), 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_bgc81e.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)
}
#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:#00538b;
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/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-transform:translate(-112%, 11%) scale(.63);
	-ms-transform:translate(-112%, 11%) scale(.63);
	transform:translate(-112%, 11%) scale(.63);
	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:8.1vw;
	bottom:19%;
	font-family:"Open Sans", sans-serif;
	font-size:1.25rem;
	line-height:160%;
	font-style:italic;
	color:rgba(29, 39, 58, .6);
	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:49.5%;
	list-style:none;
	-webkit-transform:translate3d(31%, 0, 0);
	transform:translate3d(31%, 0, 0);
	transition:-webkit-transform 1s ease;
	transition:transform 1s ease
}
#main_menu ul li {
	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.4rem;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:900;
	font-style:normal;
	-webkit-transform:skew(0deg, 0deg);
	-ms-transform:skew(0deg, 0deg);
	transform:skew(0deg, 0deg);
	color:#0b4868;
	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, 116, 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:#0b4868
}
#main_menu ul li a.on::after {
left:0;
background-color:rgba(0, 65, 116, .3)
}
#main_menu ul li a:hover::after, #main_menu ul li a:hover::before {
left:0;
background-color:rgba(0, 65, 116, .24)
}
#main_menu ul .nav_li_side {
	position:absolute;
	width:8.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(-81.5%, -234%) scale(1);
	-ms-transform:translate(-81.5%, -234%) scale(1);
	transform:translate(-81.5%, -234%) scale(1);
	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(-39.3%, 0, 0);
	transform:translate3d(-39.3%, 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(0, 65, 116, .4)
}
.viewing_1 #main_menu ul li:active, .viewing_1 #main_menu ul li:visited {
	color:#000
}
.viewing_1 #main_menu .nav_li_side {
	right:-35.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.35rem;
	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, 72, 104, .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:#0b4868
}
.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 {
	background-position:50% 80%
}
.page_3 {
	background-image:url(../images/page_3c81e.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 {
	background-position:50% 100%
}
.page_4 {
	background-image:url(../images/page_4.jpg);
	background-size:cover;
	background-position:50% 20%
}
.viewing_4 .page_4 {
	background-position:50% 50%;
transition-delay:.9s
}
.viewing_5 .page_4, .viewing_6 .page_4, .viewing_7 .page_4 {
	background-position:50% 80%
}
.page_5 {
	background-image:url(../images/bg_5a87f.png?4);
	background-size:cover;
	background-position:50% 10%
}
.viewing_5 .page_5 {
	background-position:50% 50%;
transition-delay:.9s
}
.viewing_6 .page_5, .viewing_7 .page_5 {
	background-position:50% 90%
}
.page_6 {
	background-image:url(../images/page_6.jpg);
	background-size:cover;
	background-position:50% 5%
}
.viewing_6 .page_6 {
	background-position:50% 40%;
transition-delay:.9s
}
.viewing_7 .page_6 {
	background-position:50% 80%
}
.page_7 {
	background-image:url(../images/contact_1.jpg);
	background-size:cover;
	background-position:50% 10%
}
.viewing_7 .page_7 {
	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, .5);
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:14px;
	line-height:2.5rem;
	line-height:3.2vh;
	font-weight:100;
	color:#444;
	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(8, 53, 88, .97);
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.7rem;
	text-transform:uppercase;
letter-spacing:.4rem;
	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.5rem;
	line-height:3.5vh;
	text-align:left
}
.p2_main .chip.bot {
	top:52%
}
.p2_main .chip.selected {
	width:100vw;
	top:35.5%;
	height:29vh;
	right:0;
	margin-right:0;
	background-color:#103450;
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:60%;
	left:15%;
	font-size:2.9rem;
letter-spacing:.8rem
}
.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:43%;
	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 {
	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, 116, 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, 116, .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, 116, .06)
}
.monfa-red_slider .slider_nav .backward:hover svg, .monfa-red_slider .slider_nav .forward:hover svg {
	stroke:#004174
}
.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:14vh;
	opacity:0;
	background-color:rgba(157, 178, 192, .16);
	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.3rem;
	line-height:140%;
	font-weight:300;
	color:#666
}
.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:#004174
}
.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
}
#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:.4vw;
	color:#103450;
	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:#103450
}
#p4_wrapper .p4_sides article {
	position:absolute;
	top:69%;
	bottom:15%;
	width:41vw;
	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:#d3d3d3
}
#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:#0b4868;
	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:#0b4868;
	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:#58859b;
	-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:49%;
	left:12%;
	bottom:19%;
	width:30vw;
	-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:#1b4e68;
	-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:#accad7;
	-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:#103450;
	-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:#103450
}
#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_4.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_4.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_4.fixed #p4_wrapper .p4_sides {
	opacity:1
}
.viewing_4.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_5 .mol_5 {
	position:absolute;
	width:132vmin;
	height:40vmin;
	top:0;
	right:18%;
	opacity:0;
	background-image:url(../images/pg_5_moleccb.png?3);
	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, .5);
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:rtl;
	text-align:justify;
	font-size:1.45rem;
	line-height:2.4rem;
	line-height:3.2vh;
	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
}
.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:#103450;
	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:#577488;
	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:#d3d3d3;
	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.5rem;
	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_5.fixed .page_5 .mol_5 {
	right:5%;
	opacity:1
}
.viewing_5.fixed .p5_main h2 {
	bottom:39%;
	right:14%;
	margin-right:0;
transition-delay:1s, 1s, .3s
}
.viewing_5.fixed .p5_main .line_wrapper {
	opacity:1
}
.viewing_5.fixed .p5_main .line_wrapper p.p5_paragraph {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.viewing_5.fixed .ball_wapper .balls {
	z-index:1;
	opacity:1;
transition-duration:.75s, .75s, 0s, .08s, .08s;
	transition-delay:0s, 0s, 0s, 0s, 0s
}
.viewing_5.fixed .ball_wapper .balls:hover {
	z-index:2;
transition-delay:0s, 0s, .07s, 0s, 0s
}
.viewing_5.fixed .ball_wapper .balls:hover .ball_cover {
	-webkit-transform:scale(1.12);
	-ms-transform:scale(1.12);
	transform:scale(1.12)
}
.viewing_5.fixed .ball_wapper .balls:hover .ball_cover>h4 {
	opacity:1
}
.viewing_5.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_5.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_5.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_5.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_5.fixed .ball_wapper .balls.selected {
	z-index:5
}
.viewing_5.fixed .ball_wapper .balls.selected .ball_cover {
transition-duration:.8s;
	cursor:default
}
.viewing_5.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_5.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_5.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_5.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_5.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_5.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:17.2%;
	top:0;
	bottom:0; background-color:#0099FF
	
	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 {
	
	-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.4rem;
	line-height:5vh;
	font-weight:600;
	text-transform:uppercase;
letter-spacing:.2rem;
	color:#fff;
	background-color:#0b4868;
	-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:5.6rem;
	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:1.8rem;
	line-height:13vh;
	font-weight:900;
	color:#0b4868;
	-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:#0b4868;
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:6vh 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:4rem 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:#0b4868;
	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:1.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_6.fixed .p6_main h2 {
	bottom:48%;
	left:15%;
	margin-left:0;
transition-delay:1s, 1s, .3s
}
.viewing_6.fixed .p6_main .line_wrapper {
	opacity:1
}
.viewing_6.fixed .p6_main .line_wrapper p.p6_paragraph {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.viewing_6.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, 116, .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 0vw 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:#0b4868;
	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:#0b4868;
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:#0b4868;
	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:44%;
	height:84%;
	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:#004f7f
}
.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:#0b4868;
	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:#0b4868!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:#004f7f
}
.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_7.fixed .p7_main blockquote {
	top:30%;
	opacity:1;
transition:top .8s cubic-bezier(.27, .12, .05, 1) .5s, opacity .5s .6s
}
.viewing_7.fixed .p7_main #arrow_up {
	opacity:.9;
-webkit-transform:translateY(.001vh);
-ms-transform:translateY(.001vh);
transform:translateY(.001vh)
}
.viewing_7.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_7.fixed .p7_main a.centurion_link {
	left:77%;
	opacity:1;
transition:left .9s 1.1s, opacity .9s 1.12s
}
.page_7.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_7.slideup .p7_main .map_icon {
	left:6%
}
.page_7.slideup .p7_slide {
	bottom:0vh;
	opacity:1;
	transition:bottom 1s cubic-bezier(.27, .12, .05, 1) 0s
}
.page_7.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:#0b4868;
	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:#0b4868;
	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:39%;
	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:#004174
}
.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_downa87f.png?4);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:97% center;
	color:rgba(0, 79, 127, .6)
}
.side_page .register_body .form_select:focus {
	color:#004f7f
}
.side_page .register_body button {
	float:right;
	margin:1.3rem 0;
padding:.85rem;
	width:43%;
	font-size:1.4rem;
	background-color:#005185
}
.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, 86, 150, .07);
	border:none;
	border-bottom:2px solid #005696;
	box-sizing:border-box;
	font-weight:400;
	font-size:1.26rem;
	text-transform:uppercase;
letter-spacing:.06rem;
	color:#004f7f;
	-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, 87, 153, .86);
	color:#fff;
	font-weight:700;
	font-size:1.35rem;
	text-transform:uppercase;
letter-spacing:.6rem
}
input::-webkit-input-placeholder {
color:#004f7f
}
textarea::-webkit-input-placeholder {
color:#004f7f
}
input::-moz-placeholder {
color:#004f7f
}
textarea::-moz-placeholder {
color:#004f7f
}
input:-ms-input-placeholder {
color:#004f7f
}
textarea:-ms-input-placeholder {
color:#004f7f
}
@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:#0b4868;
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:#0b4868;
-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:static;
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_5.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_5.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_5.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%
}
#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_5 .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_5.fixed .page_5 .mol_5 {
left:0
}
.viewing_5.fixed .p5_main h2 {
bottom:56%;
right:11%
}
.viewing_5.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_5.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_5.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_5.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_5.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_5.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_5.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_5.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 0vw 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_6.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:#0b4868;
-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_7.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)
}
}