/*###############*/
/*FONT*/
/*###############*/
@font-face {
    font-family: 'gotham_blackregular';
    src: url('../fonts/gotham-black-webfont.woff2') format('woff2'),
         url('../fonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('../fonts/gotham-light-webfont.woff2') format('woff2'),
         url('../fonts/gotham-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "Gotham Bold";
  src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bold-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Book";
  src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),
         url('../fonts/gotham-book-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gotham Book Italic";
  src: url('../fonts/gotham-bookitalic-webfont.woff2') format('woff2'),
         url('../fonts/gotham-bookitalic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Gotham Medium";
  src: url('../fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('../fonts/gotham-medium-webfont.woff') format('woff');
  font-weight: 300;
  font-weight: 500;
  font-style: normal;
}


@font-face {
    font-family: 'plutobold';
    src: url('../fonts/plutobold-webfont.woff2') format('woff2'),
         url('../fonts/plutobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'plutoregular';
    src: url('../fonts/plutoregular-webfont.woff2') format('woff2'),
         url('../fonts/plutoregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*###############*/
/*###############*/

html{
	width:100%;
	height:100%;
	overflow:hidden;
}

body{
	width:100%;
	height:100%;
	position:relative;
	font-family:"plutoregular",sans-serif;

	background:#4d2b1a;
}

body .wrapper[data-page="news"] p,
body .wrapper[data-page="news"] span,
body .wrapper[data-page="news"] small,
body .wrapper[data-page="news"] strong,
body .wrapper[data-page="news"] ul,
body .wrapper[data-page="news"] li
{
	font-family:"Gotham Book";
}

body .wrapper[data-page="news"] h1,
body .wrapper[data-page="news"] h2,
body .wrapper[data-page="news"] h3,
body .wrapper[data-page="news"] h4,
body .wrapper[data-page="news"] h5,
body .wrapper[data-page="news"] h6,
body .wrapper[data-page="news"] strong{
	font-family:"Gotham Medium";
}
/**/

h1{
	font-size:40px;
	line-height:1.3em;
}

h2{
	font-size:34px;
}

h3{
	font-size:30px;
}

h4{
	font-size:28px;
	line-height:1.5em;
}

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

h6{
	font-size:22px;
	line-height:1.2em;
}

p{
	font-size:19px;
	line-height:1.5em;
}

span{
	font-size:14px;
}

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

strong{
	font-weight:bold;
}

.ios-peek {
	width:100%;
	height:100%;
    position: fixed;
    z-index: -1;
    bottom: 0;
    left: 0;
    /*background:#f7f1ec;*/
}

.ios-peek.is-frontpage,
.ios-peek div{
	background:transparent;
}

@media(max-width:1920px){
	.ios-peek.is-frontpage{
		background:#1299ff;
	}

	.ios-peek div{
		height: 50%;
		top: 50%;
		position: relative;
		background:#4d2b1a;
	}	
}

/*DEFAULT*/
.u-mobshow{
	display:none !important; 
}

.clearfix{
	clear:both;
}

.content-ws{
	max-width:1400px;
	width:90%;
}

.content-label{
	position: relative;
	width:auto;
	height:auto;

	left: 50%;
    transform: translateX(-50%);
    z-index: 2;

    color:#e1ddf9;
    font-weight:bold;
}

.content-label img{
	max-width:100%;
}

.content-label.lg{
	width:100%;
	height:100%;
	max-width:738px;
	max-height:100px;

	/*top:-50px;*/
}

.content-label.lg.labelPaperBG{
	position: absolute;
	top:-64px;
}


.content-label.md{
	width:100%;
	height:100%;
	max-width:598px;
	max-height:99px;

}

.content-label.md.labelPaperBG{
	position: absolute;
	top:-44.5px;
}


.content-label__text{
	width:100%;
	text-align:center;
	position:absolute;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);

	font-family:"plutobold",sans-serif;
}

.title-border{
	width:100%;
	height:2px;
	background:#f9e4cd;
	position:relative;
	/*z-index:-1;*/
}

.title-border>div{
	width:120%;
	height:50px;
	position:absolute;
	top:-50px;
	left:50%;

	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);

	background: rgb(255,255,255);
	background: -moz-radial-gradient(bottom, rgba(255,255,255,.3) 30%, rgba(255,255,255,0) 60%);
	background: -webkit-radial-gradient(bottom, rgba(255,255,255,.3) 30%, rgba(255,255,255,0) 60%);
	background: radial-gradient(bottom, rgba(255,255,255,.3) 30%, rgba(255,255,255,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.title-border:before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:-5px;
	background:#f9e4cd;

	transform:translateY(-48%);
	-webkit-transform:translateY(-48%);
	-moz-transform:translateY(-48%);
}

.title-border:after{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	top:50%;
	right:-5px;
	background:#f9e4cd;

	transform:translateY(-48%);
	-webkit-transform:translateY(-48%);
	-moz-transform:translateY(-48%);
}

.title-border.darker,
.title-border.darker:before,
.title-border.darker:after{
	background:#e9d3cb;
}

/*To make sure it doesnt load content*/
.fake-loading{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	background:#FFF;
}
/**/

.loading-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#fff7f0;
}

.loading-content{
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);

	z-index:2;

	/*To make loading center*/
	/*Same as logo height*/
	padding-bottom: 50px;
}

.loading-graphic{
	position:relative;
	text-align:center;
	margin-bottom:20px;
}

.loading-dir{
	transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
}

.loading-border{
    width: 90%;
    height: 90%;
    position: absolute;
    top: 49.5%;
    left: 50%;
	transform:translate(-50%,-50%) scale(1.05);
	-moz-transform:translate(-50%,-50%) scale(1.05);
	-webkit-transform:translate(-50%,-50%) scale(1.05);

	border:10px solid rgba(203,169,140,0.2);

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;

	z-index:2;
}

.loading-blue{
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);

	background:#16acfd;

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;

	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;

	opacity: 0;

	z-index:1;
}

.loading-content svg{
	position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 120%;
    transform: translate(-50%,-8%) rotate(-90deg);
}

.loading-content svg circle{
	transition:2s ease-in-out;	
}

.loading-char{
	width:55%;
	position:absolute;
	bottom:20%;
	left:50%;

	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
}

.loading-logo{
	max-width:231px;
	position:absolute;
}

.queryloader__overlay{
	font-family:"gotham_blackregular",sans-serif;
}

.queryloader__overlay__percentage{
	font-family:"plutobold",sans-serif;
	font-size: 25px !important;
    top: 55% !important;
}

.loader{
  position:absolute;
  top:45%;
  left:50%;
  background: url("../img/loading-bar.png") 0px 0px;
  background-size:100% 100%;
  display:block;

  transform:translate(-50%,-50%) scale(1);
  -webkit-transform:translate(-50%,-50%) scale(1);
  -moz-transform:translate(-50%,-50%) scale(1);
}

.loader,
.loader-bar-image{
	width:270px;
	height:53px;
}

.loader-bar{
	width:0%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	overflow:hidden;
	/*transition:1s ease-in-out;*/
	animation: loaderAnim 1.7s infinite linear;
}

@keyframes loaderAnim {
  0% {
    width:0%;
  }

  100%{
  	width:100%;
  }
}



/*#######*/

.nav-container{
	max-width:1400px;
	width:90%;
	position:fixed;
	top:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	z-index:5;

	padding:20px 0;
}

.nav-logo{
	display:inline-block;
	width:15%;
	max-width:248px;
	vertical-align: middle;
}

.nav-logo img{
	max-width:300px;
	width:100%;
	display:inline-block;
}

.nav-container ul{
	text-align:right;
}

.nav-container ul li{
	display:inline-block;
	padding:0 0px 3px;
    color: #FFF;
    margin: 0 auto;
    font-family:"Gotham Medium",sans-serif;
}

.nav-container ul li:last-child{
	margin-right:0;
}

.nav-container ul li a{
	color: #FFF;    

	transition:0.1s ease-in-out;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
}

.nav-container ul li p{
	padding: 5px 20px;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;

	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
}

.nav-container ul li.active a,
.nav-container ul li:hover a{
	
	font-weight: bold;
	/*color:#ffe578;*/
    /*text-shadow:-1px -1px 1px #6f3030, 1px -1px 1px #703030, -1px 1px 2px #6f3030, 1px 1px 2px #6f3030;*/
}

.nav-container ul li.active p{
	background:#9956d5;
    color: #FFF;
    font-family:"Gotham Bold",sans-serif;
}

.nav-container ul li.active p{
	font-weight: bold;
}

.nav-mob-copywrite,
.nu-nav-mob-copywrite{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    color: rgba(255,255,255,0.6);
}

.nav-mob-copywrite{
	color:rgba(93,41,101,60%);
}

.wrapper{
	max-width:2560px;
	width:100%;
	/*min-height:100%;
	height:100%;*/
	position:relative;

	margin:0 auto;
}

.wrapper[data-page="news"]{
	height:auto;
	background:#f7f1ec;
}

.wrapper[data-page="news"] .content-ws{
	max-width:1280px;
	width:90%;
}

.content-title{
	padding:20px 0;
	font-family:"gotham_blackregular",sans-serif;
	color:#98704b;
	position:relative;
	z-index:2;
}

.content-subtitle{
	padding-top:20px;
	color:#dd933a;
}

.sticky-social-mob{
	display:none;
}

.sticky-social{
	height:100vh;
	position:fixed;
	top:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	z-index:9;

	pointer-events: none;
}

.sticky-social-cta{
	pointer-events: initial;
	position:fixed;
	right: -170px;
    bottom: 30px;
	display:inline-block;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
}

.sticky-social-cta img,
.sticky-social-cta video{
	width:130px;
}

.sticky-social-cta a{
	position: absolute;
    top: 25%;
    left: 6%;
    width: 15%;
    height: 11%;

    /*Debug*/
    /*background:rgb(255 0 0 / 50%);*/
}

.sticky-social-cta div a:nth-child(2){
	top:24%;
	left:22%;
}

.sticky-social-cta div a:nth-child(3){
	top: 23%;
    left: 39%;
}

.sticky-social-cta div a:nth-child(4){
	top: 23%;
    left: 59%;
}

/*Landing*/
.landing-container{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;

	/*background:#0d93ff;
	background: rgb(176,233,249);
	background: -moz-radial-gradient(at bottom, rgba(176,233,249,1) 50%, rgba(13,147,255,1) 100%);
	background: -webkit-radial-gradient(at bottom, rgba(176,233,249,1) 50%, rgba(13,147,255,1) 100%);
	background: radial-gradient(at bottom, rgba(176,233,249,1) 50%, rgba(13,147,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b0e9f9",endColorstr="#0d93ff",GradientType=1);*/

	background:#1bb1fc;

}

.landing-characters-container{
	width:100%;
	/*height:100vh;*/
	height:auto;
	max-height:1280px;
	position:relative;
	/*margin-bottom:40px;*/
}

.landing-bg{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow:hidden;
    /*display:none;*/
}

.landing-earth{
    width: 1920px;
    height: 1140px;
    background: url(../img/earth.png?v=5) no-repeat bottom center;
    /* background-size: cover; */
    position: absolute;
    bottom: -22%;
    left: 50%;
    transform: translateX(-50%) scale(.7);
    -webkit-transform: translateX(-50%) scale(.7);
    -moz-transform: translateX(-50%) scale(.7);
}

/*V2*/
.landing-bg-v2{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow:hidden;
}
.landing-earth-v2{
    width: 1920px;
    height: 1120px;
    background: url(../img/earth-v2.png) no-repeat bottom center;
     background-size: 60%; 
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 2;
}

.landing-cloud-back{
	width: 1920px;
    height: 998px;
    background: url(../img/cloud-behind.png) no-repeat bottom center;
     background-size: 72%; 
    position: absolute;
    bottom: 0;
    left: 53%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 1;
}

.landing-cloud-front{
	width: 1920px;
    height: 998px;
    /*background: url(../img/cloud-front.png) no-repeat bottom center;
     background-size: 72%; */
    position: absolute;
    bottom: 0;
    left: 53%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 3;
}

.landing-cloud-front-360{
	width:100%;
    position: absolute;
    bottom: 0;
    left: 53%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 3;
}


.landing-cloud-overlay{
	width:100%;
	height:20%;
	position:absolute;
	bottom:0;
	left:49%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);

	background: rgb(13,147,255);
	background: -moz-linear-gradient(0deg, rgba(13,147,255,1) 15%, rgba(13,147,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(13,147,255,1) 15%, rgba(13,147,255,0) 100%);
	background: linear-gradient(0deg, rgba(13,147,255,1) 15%, rgba(13,147,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d93ff",endColorstr="#0d93ff",GradientType=1);
}

.landing-characters{
	width:1600px;
	/*height:864px;*/
	height:760px;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	z-index:2;
}

.landing-characters>div{
	width: 100%;
    height: 100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}

div.front-character-lottie{
	position:relative;
	z-index:2;
}

.back-character-lottie{
	z-index:1;
}

.landing-content{
	position:absolute;
	/*bottom:-50px;*/
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	z-index:2;
	text-align:center;
	padding-bottom:50px;
}

.landing-content h4{
	font-family:"plutobold",sans-serif;
	color:#FFF;
	padding:15px 0;
}

.landing-preregister-desc{
	max-width: 690px;
    width: 90%;
    color: #FFF;
    text-align: center;
    margin: 0px auto 40px;
    position:relative;
	z-index:2;
}

.landing-preregister-desc__content{
	position:relative;
	z-index:2;
}

.landing-preregister-desc__overlay {
  	width: 150%;
    height: 150%;
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
    background: rgb(27 177 252);
    background: -moz-linear-gradient(0deg, rgba(58,199,247,0) 0%, rgba(58,199,247,.8) 50%, rgba(58,199,247,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(58,199,247,0) 0%, rgb(27 177 252) 50%, rgba(58,199,247,0) 100%);
    background: linear-gradient(0deg, rgba(58,199,247,0) 0%, rgb(27 177 252) 50%, rgba(58,199,247,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ac7f7",endColorstr="#3ac7f7",GradientType=1);
}

.landing-preregister-desc h3{
	font-family: "Gotham Bold";
	padding:20px 0 25px;
}

.landing-pregister-cta a img {
    max-width: 100%;
}

.landing-pregister-cta a {
    max-width: 240px;
    width: 100%;
    display: inline-block;
    margin: 0 10px;
}

.static-chars{
	width:1300px;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}

.logo{
	max-width:580px;
	width:90%;
	display:block;
	margin:0 auto;
	visibility:hidden;
}

.static-logo{
	max-width: 450px;
    width: 100%;
    /*visibility:initial;*/
    padding-bottom:15px;
}

.landing-google-cta{
	display:inline-block;
	margin:30px auto 10px;
	max-width:180px;
	width:100%;
	margin:0;
}

.landing-google-cta img{
	max-width:100%;
	width:100%;
	display:block;
}

/*########*/
/*News & Update*/
/*########*/
.popup-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 10;

	display: none;
}

.popup-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.8);
}

.popup-content{
	max-width:1440px;
	width:90%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	text-align:center;
}

.popup-image{
	width: auto;
    display: inline-block;
    position: relative;
    z-index:1;
}

.popup-image img{
	/*width:100%;
	max-width:100%;
	display:block;*/

    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: 0 auto;

}

.popup-close{
	width: 40px;
    height: 40px;
    position: absolute;
    top: -35px;
    right: -35px;
    /*background: #fe8e3d;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;*/
    z-index:2;
    /*box-shadow: 0px 2px 2px 3px rgb(0 0 0 / 40%);*/
}

/*.popup-close p {
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}*/

/*######################*/
.pre-register-container{
	width:100%;
	height:auto;
	min-height:500px;
	position:relative;
	z-index: 1;
}

.pre-register-cloud-bg{
	pointer-events: none;
	display:none;
}

.pre-register-bg{
    width: 2560px;
    height: 884px;
    background: url(../img/preregister/pre-register-bg.png?v=5) no-repeat center;
    background-size:auto 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    z-index:1;
}

.pre-register-slider{
	margin:0 auto;
	z-index: 2;
	min-height:500px;
	padding:100px 0 300px;
}

.pre-register-nav{
	max-width:1600px;
	width: 95%;
    height: 80px;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);

    pointer-events: none;
}

.pre-register-nav div{
	cursor:pointer;
	animation: preRegisterArrow .5s infinite alternate;
	transition-timing-function: cubic-bezier(.3,-0.33,.7,1.21);
}

/*.pre-register-nav div:hover,*/
.pre-register-nav div.slick-disabled{
	animation:none;
}

@keyframes preRegisterArrow {
  0%{
    transform:translateX(-5px);
  }

  100%{
  	transform:translateX(5px);
  }
}

.pre-register-nav-prev,.pre-register-nav-next{
	position:absolute;
	transition:0.15s ease-in-out;

	pointer-events: initial;
}

.pre-register-nav-prev.slick-disabled,.pre-register-nav-next.slick-disabled{
	opacity:.5;
}

.pre-register-nav-prev{
    left: 0;
}

.pre-register-nav-next{
    right: 0;
}

.pre-register-content{
	position:relative;
	z-index:2;
	margin:0 auto;
}

.pre-register-content[data-slide="1"]{
	z-index:3;
}

.pre-register-desc{
	/*max-width:1040px;*/
	max-width:740px;
	width:100%;
	margin:0 auto;
	text-align:center;	
	color:#FFF;
	padding:40px 0 120px;

	position:relative;
	z-index:2;
}

.pre-register-desc a{
	color:#d2fda0;
	display:inline-block;
	text-decoration: underline;
}

.pre-register-milestone-progress-bar{
	max-width:1080px;
	width:100%;
	height:10px;
	background:#9c6e41;
	margin:0 auto 20px;
	position:relative;
}

.pre-register-milestone-progress-bar-cp img{
	width:63px;
	height:76px;
	position:absolute;
	top:-76px;
	left:calc(0% - 33px);
	z-index: 3;
	
	transition:1s cubic-bezier(0.83, 0, 0.17, 1);
}

.pre-register-milestone-progress-bar-cp img{
	transform:rotate(-10deg) scale(0.8);

	transform-origin: bottom center;
}

.trigger .pre-register-milestone-progress-bar-cp img{
	transform:rotate(0deg) scale(1);
	-webkit-transform:rotate(0deg) scale(1);
	-moz-transform:rotate(0deg) scale(1);
}

.pre-register-milestone-progress-bar-cp div {
    width: 0%;
    height: 20%;
    background: #ffac06;
    position: absolute;
    top: 50%;
    left: 0;

    /*z-index:2;*/

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);

    transition:1s cubic-bezier(0.83, 0, 0.17, 1);
}

/*.pre-register-milestone-progress-bar ul li{
	width:8px;
	height:8px;
	border-radius:50%;
	border:2px solid #9c6e41;
	background:#c49629;    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 4px solid #9c6e41;
    background: #c49629;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}*/

.pre-register-milestone-progress-bar-cp{
	width:100%;
	height:100%;
	position:relative;
	z-index:2;
}

.pre-register-milestone-progress-bar ul.pre-register-milestone-circle-back li{
    width: 15px;
    height: 15px;

	background:#9c6e41;
	display: inline-block;
    
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    z-index: 1;
}

.pre-register-milestone-progress-bar ul.pre-register-milestone-circle-front li{
    width: 9px;
    height: 9px;

	background:#c49629;
	display: inline-block;
    
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(35%,-50%);

    z-index: 3;
}

.pre-register-milestone-progress-bar ul.pre-register-milestone-circle-front li.passed{
	background:#ffd306;
}

.pre-register-milestone-progress-bar ul li:nth-child(1){
	left:-1%;
}

.pre-register-milestone-progress-bar ul li:nth-child(2){
	left:24%;
}

.pre-register-milestone-progress-bar ul li:nth-child(3){
	left:49%;
}

.pre-register-milestone-progress-bar ul li:nth-child(4){
	left:74%;
}

.pre-register-milestone-progress-bar ul li:nth-child(5){
	left:99%;
}

.pre-register-milestone-progress-bar ul li img{
	max-width:initial;
    width: 40px;
    height: 31px;
	position: absolute;
    top: -14px;
    left: -12px;
}

.pre-register-milestone-progress-bar ul li span{
	display:none;
}

.pre-register-milestone-rewards{
	max-width:1360px;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:3;
}

.pre-register-milestone-rewards ul {
	/*display:table;*/
	margin:0 auto;
	padding-top:45px;
}

.pre-register-milestone-rewards ul li{
	display:inline-block;
	max-width:233px;
	width:18%;
	min-height:220px;
	/*width:18%;*/
	text-align:center;
	vertical-align: top;

	background:#faede4;
	border:2px solid #efe1d7;
	border-radius:15px;
	position: relative;
	padding-top:40px;
	box-sizing:border-box;

	margin-right:2.5%;
}

.pre-register-milestone-rewards ul li.target{
	border:5px solid #ffac06;
}

/*.pre-register-milestone-rewards ul li.passed{
	border:2px solid #efe1d7;
}*/

.pre-register-milestone-rewards ul li:last-child{
	margin-right:0;
}

.pre-register-cta{
    max-width: 160px;
    height: auto;
    display: block;
    padding: 20px 60px;
    background: #9956d5;
    border-radius: 32px;
    margin: 0 auto;
    text-align: center;
    color:#f9ece3;
    font-family: "plutobold",sans-serif;
    position:relative;
}

.pre-register-cta div {
    width: 93%;
    height: 76%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid #FFF;
    border-radius: 25px;
}

.pre-register-cta div:before{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	left:-5px;
	border:2px solid #FFF;
	background:#9956d5;
	transform:translateY(-50%) rotate(45deg);
}

.pre-register-cta div:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	right:-5px;
	border:2px solid #FFF;
	background:#9956d5;
	transform:translateY(-50%) rotate(45deg);
}

.pre-register-tnc{
	padding:20px 0 30px;
	display:table;
}

.pre-register-tnc span{
	font-family: "Gotham Book",sans-serif;
}

.pre-register-tnc input{
	-webkit-appearance: none !important;
    width: 24px;
    height: 24px;
    background: #fefaf7;
    display: inline-block;
    vertical-align: middle;
    border:none !important;

    cursor:pointer;
}

.pre-register-tnc input:checked{
	background: url('../img/preregister/checkbox-mark.png') #fefaf7 no-repeat center;
    background-size: 22px 17px;
}

.pre-register-tnc label{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    color:#C2A894;
    line-height: 1.3em;

    font-family:'Gotham Medium',sans-serif;
}

.pre-register-tnc label a{
	font-family:'Gotham Bold',sans-serif;
	text-decoration: underline;
	color:#C2A894;
}
/*####################*/

.milestone-reward-header{
	background:#faede4;
	border-radius:50px;
	width:160px;
	height:80px;

	border:3px solid #d6c3b6;

	position:absolute;
	top:-45px;
	left:50%;
	transform:translateX(-50%);
	z-index: 3;

	color:#9c6e41;
}

.milestone-reward-header:after,
.milestone-reward-header:before{
	content:"";

	width:10px;
	height:10px;
	background:#d6c3b6;

	position:absolute;
	top:50%;

	transform:rotate(45deg) translateY(-50%);
}

.milestone-cp-tick.mobile{
	width: 30px;
	position: absolute;
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	z-index: 2;
	display:none !important;
}

.milestone-cp-tick.desktop{
	display:block !important;
}

/*#############*/
.target .milestone-reward-header{
	border:5px solid #ffac06;
}

.target .milestone-reward-header:after,
.target .milestone-reward-header:before{
	background:#ffac06;
	top:45%;
}

.target .milestone-reward-header:after{
	right:-4px;
}

.target .milestone-reward-header:before{
	left:-11px;
}

/*.passed .milestone-reward-header{
	border:3px solid #efe1d7;
}

.passed .milestone-reward-header:after,
.passed .milestone-reward-header:before{
	background:#efe1d7;
}*/
/*#############*/

.milestone-reward-header:before{
	left:-10px;
}

.milestone-reward-header:after{
	right:-3px;
}

.milestone-reward-header__extra-border{
	width:90%;
	height:85%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	border:1px solid #d6c3b6;
	border-radius:50px;

	pointer-events:none;
}
/*#############*/
.target .milestone-reward-header__extra-border{
	border:1px solid #ffac06;	
}
/*#############*/
.milestone-reward-header__desc{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%);

	color:#9c6e41;
}

.milestone-reward-header__desc *{
	opacity:0.3;
}

.target .milestone-reward-header__desc *,
.passed .milestone-reward-header__desc *{
	opacity:1;
}

.milestone-reward-header__desc h3{
	font-family:"gotham_blackregular",sans-serif;
	font-weight:bold;
	padding-bottom:0;
}

.milestone-reward-header__desc span{
	font-family: "Gotham Book";
	font-style:italic;
}

.milestone-reward-graphic{
	width: 100%;
    /*border-bottom: 2px solid #eaddd3;*/
    padding-bottom: 15px;

    opacity:0.3;
}

.target .milestone-reward-graphic,
.passed .milestone-reward-graphic{
	opacity:1;
}

.milestone-reward-graphic .shine{
	width:100%;
	/*height:90%;*/
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
}

.milestone-reward-graphic .reward{
    max-width: 80%;
    padding-top: 20px;
    position:relative;
    z-index: 2;
    margin:0 auto;
}


.milestone-reward-checkpoint{
    position: relative;
    z-index: 3;

	padding: 15px 0;
    box-sizing: border-box;

    background: #faede4;
    /*border-radius:15px;*/
    border-top: 2px solid #eaddd3;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;

    color:#9c6e41;
}

.milestone-reward-checkpoint h6{
	font-family:"Gotham Bold",sans-serif;
}

.milestone-reward-checkpoint span{
	font-family:"gotham_lightregular",sans-serif;
}

.milestone-reward-checkpoint *{
	opacity:0.6;
}

.target .milestone-reward-checkpoint *,
.passed .milestone-reward-checkpoint *{
	opacity:1;
}

.milestone-reward-checkpoint b{
	font-family:"gotham_blackregular",sans-serif;
	color:#ffbb35;
}

.pre-register-2{
	position:relative;
	background:#fdf1e7;
	padding: 70px 80px 40px;
	margin-top:64px;
}

.pre-register-2__mobshow{
	display:none !important;
}

.pre-register-2-left,
.pre-register-2-right{
	width:45%;
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:2;
}

.pre-register-2-left{
	/*padding-right:8.5%;*/
    padding-right: 5%;
    border-right: 1px solid #efe0d9;
    margin-right: 4.5%;
}

.pre-register-2__banner{
	width: 100%;
	min-height:144px;
    position: relative;
    border: 2px solid #ebdacd;
}

.pre-register-2__banner{
	background: url(../img/preregister/banner-bg-2.png) no-repeat center;
    background-size: cover;
}

.pre-register-2__banner>img {
	max-width: 315px;
	width:80%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.pre-register-2-content[data-content="mobile"]{
	text-align:center;
}

.pre-register-2-content[data-content="mobile"] span{
	color:#C2A894;
}

.pre-register-2__label{
    width: 121px;
    height: 31px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/preregister/thumbnail-label.png) no-repeat;
    color: #FFF;
    /* padding: 6px 20px; */
    background-size: cover;
}

.pre-register-2__label p {
    display: inline-block;
    padding: 2px 20px;
    position: absolute;
    top: 50%;

    transform: translateY(-50%);
    left: 0;

    font-family:'plutobold',sans-serif;
}

.pre-register-2__reward{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 90px;
    height: 90px;
}

.pre-register-2__reward img{
	max-width:100%;
}

.pre-register-2__reward.mobile{
	display:none;
}

.pre-register-2-QR-container{
	background: url(../img/preregister/qr-section-bg.png) no-repeat;
    background-size: contain;
    padding: 40px 20px 15px;
    text-align: center;
}

.pre-register-2-QR,.pre-register-2-QR-char{
	position:relative;
	z-index:2;
	padding:0 10px;
	display:inline-block !important;
	vertical-align: top;
}

.pre-register-2-QR{
	width:40%;
}

.pre-register-2-QR-char{
    width: 35%;
}

.pre-register-complete{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;

    display:none;
}

.pre-register-complete-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: rgba(0,0,0,0.8);
	z-index: 1;
}

.pre-register-complete-container{
	background: #f2e1d7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    z-index: 2;
}


.pre-register-complete-content{
	width: 711px;
    height: 440px;
    border: 3px solid #d6c3bf;
    display: block;
    position: relative;
}

.pre-register-complete-content__desc{
    width: 42%;
    height: auto;
    position: absolute;
    top: 30%;
    left: 19%;
    z-index: 2;
    /*background: red;*/
}

.pre-register-complete-content__desc p{
	font-size:16px;
	color:#f2e2d9;
	font-family:'plutobold',sans-serif;
}

.pre-register-complete-content__desc span{
	font-family:'plutoregular',sans-serif;
	padding:10px 0 12px;
	color:#f2e2d9;
	display:inline-block;
}

.pre-register-share-cta{
	display:inline-block;
    background: #e29d37;
    padding: 14px 20px;
    border-radius: 10px;
    color: #f9f1ec;
    font-size:15px;
    /*font-weight:bold;*/
    font-family:"plutobold",sans-serif;
}

.pre-register-complete-content__bg{
    width: 98%;
    height: 97%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
 /*   background: url(../img/preregister/pre-register-complete-bg.png) no-repeat center;
    background-size: cover;*/
    border: 1px solid #d6c3bf;
}

.pre-register-complete-content__bg img{
	max-width:100%;
}

.pre-register-complete-content__bg .mobile{
	display:none;
}

.pre-register-close{
	width:25px;
	position:absolute;
	top:0;
	right:-35px;
}

.pre-register-close img{
	max-width:100%;
}
/*#######################*/


.news-image-width{
	width:100%;
	max-width:95%;
	display:block;
	height:auto;
}

.news-container{
	position: relative;
    z-index: 2;
    margin: 0 auto 100px;
}

.news-content {
    width: 100%;
    height: 100%;
    background: url(../img/news-update/bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding: 50px 50px 36px;
    box-sizing: border-box;

    text-align:right;
}

.news-list{
    display: inline-block;
    width: 49.5%;
    padding: 0 70px 10px 20px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}

.news-list li{
	padding:18px 0 15px;
	width: 95%;
    margin: 0 auto;
    border-bottom: 2px solid #f9e4cd;
}

.news-list li:last-child{
	border-bottom: none;
}

.news-list li div:first-child{
	width: 82%;
	padding-right:20px;
	box-sizing:border-box;
    display: inline-block;
    vertical-align:middle;
}

.news-list li div:first-child span:first-child{
    text-transform: capitalize;
}

.news-list li div:last-child{
	width:16%;
	display:inline-block;
	vertical-align:middle;
	color:#916838;
}

.news-list li div:last-child span{
	display:none;
}

.news-list li div:last-child small{
	font-size:inherit;
}

.news-list li a p{
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
    color:#dd933a;
    text-align:left;
}

.news-list li a p strong,
.news-list li a p span{
	font-size:inherit;
}

.news-list-cta{
	width:95%;
	margin:0 auto;
	padding-top:8px;
}

.news-list-cta a{
	text-align:right;
	float:right;
	color:#dd933a;
    font-weight: bold;
    padding-bottom: 0;
    border-bottom: 2px solid #e5ab66;
}

.news-slider-container{
	display: inline-block;
    width: 49.5%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}

.news-slide{
	width:100%;
	height:100%;
	/*min-height:300px;*/
	position:relative;
}

.news-slider *:focus{
    outline: none;
}

.news-slider .slick-list{
	border:2px solid #d4bfbb;
}

.news-slide img{
	max-width:100%;
	width:100%;
	display:block;
}

.slick-dots{
	padding-top:13px;
}

.slick-dots li{
	width: 10px;
    height: 10px;
    display:inline-block;
    margin:0 5px;
}

.slick-dots li button {
    text-indent: -9999px;
    overflow: hidden;
    /*background: #eec494;*/
    background:transparent;
    border: 2px solid #98704b;;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.latest-nu-content .slick-dots li button {
    /*box-shadow:0px 0px 3px 3px rgb(0 0 0 / 10%);*/
}

.slick-dots li.slick-active button{
	background:#98704b;
}


/*########*/
/*Welcome*/
/*########*/
.welcome-container{

	width:100%;
	height:100vh;
	position:relative;
	overflow:hidden;
}

.welcome-bg{
    width: 100%;
    height: 100%;
    background: url(../img/welcome-bg.png?v=5) no-repeat center;
    background-size:auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;

    transition:1s ease;
}

.welcome-bg-overlay{
	width:100%;
	height:120px;

	background: url(../img/welcome-btm-overlay.png?v=5) no-repeat center;
    background-size:auto 100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	pointer-events: none;
}

.welcome-content{
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:2;
}

/*Cheat to be middle*/
.welcome-content>div:first-child{
	width:1%;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
/**/

.cassandra-container{
	width:47%;
	display: inline-block;
	vertical-align:middle;
	position:relative;
}

.cassandra img{
	/*max-width:800px;
	width:115%;
	margin:0 auto;
	display:block;
	transform:translate(10%,15%);
	-webkit-transform:translate(10%,15%);
	-moz-transform:translate(10%,15%);*/
    width: 150%;
    margin: 0 auto;
    display: block;
    transform: translate(-10%,-30%);
    -webkit-transform: translate(-10%,-30%);
    -moz-transform: translate(-10%,-30%);
    position: absolute;
    top: 50%;
    left: 0;
}

.welcome-desc{
	max-width:750px;
	max-height:990px;
	width:45%;
	margin-left:5%;
	height:initial;
	/*height:90%;*/
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:2;
}

.welcome-desc-bg{
	/*min-width:750px;*/
	/*max-height:990px;*/
	max-height:initial;
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);

	/*box-shadow: 0px 10px 60px 20px rgba(0,0,0,0.25);*/
}

.welcome-desc-content{

	max-width:600px;

	width:80%;
	height:100%;
	margin:0 auto;

	position:relative;
	z-index:3;
	padding:50px 20px 80px;
	box-sizing:border-box;

	text-align:center;
}

.welcome-desc span{
	text-align:left;
	color:#9f8466;
	padding:40px 0 60px;
	display:inline-block;
	line-height: 1.5em;
}

/*########*/
/*Overview*/
/*########*/
.overview-container{
	width:100%;
	height:100vh;
    min-height:980px;
    /*max-height:1080px;*/
	position:relative;
	overflow:hidden;
}

.overview-bg{
    width: 100%;
    height: 100%;
    /*max-height:1080px;*/
    background: url(../img/overview/overview-bg.png?v=5) no-repeat center;
    background-size:auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;

    transition:1s ease;
}

.overview-extra-element{
	width: 100%;
    height: 20%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.overview-bird{
	position:absolute;
	z-index: 1;

}

.overview-bird img{
	max-width:100%;
}

.overview-bird-group{
	position:relative;
	transform-origin:35% bottom;
}

.overview-bird-shadow{
	position:absolute;
	bottom:12%;
    left: 14%;
    z-index: -1;
}

.overview-bird[data-bird="1"]{
	top:20%;
	left:15%;
}

.overview-bird[data-bird="2"]{
	top:15%;
	left:5%;
}

.overview-bird[data-bird="3"]{
	top:20%;
	right:15%;
}

.overview-bird[data-bird="4"]{
	top:-5%;
    right: 3%;
}

/*Bird Animation*/
.overview-bird[data-bird="1"] .overview-bird-group{
	/*animation: birdMove 5s -2s infinite;*/
	animation: birdMove 8s -2s infinite;
}

.overview-bird[data-bird="2"] .overview-bird-group{
	animation: birdMove 5s -10s infinite;
}

.overview-bird[data-bird="3"] .overview-bird-group{
	transform:scaleX(-1);
	animation: birdMove 5s -7s infinite;
}

.overview-bird[data-bird="4"] .overview-bird-group{
	transform:scaleX(-1);
	transition:0.3s ease-in-out;
	animation: birdMove 5s -4s infinite;
}
/*###*/
.overview-bird[data-bird="1"] .overview-bird-obj{
	/*animation: birdJump 5s -2s infinite;*/
	animation: birdJump 8s -2s infinite;
}

.overview-bird[data-bird="2"] .overview-bird-obj{
	animation: birdJump 5s -10s infinite;
}

.overview-bird[data-bird="3"] .overview-bird-obj{
	animation: birdJump 5s -7s infinite;
}

.overview-bird[data-bird="4"] .overview-bird-obj{
	animation: birdJump 5s -4s infinite;
}
/*######################################*/
/*Bird Shadow*/
.overview-bird[data-bird="1"] .overview-bird-shadow{
	animation: birdShadow 8s -2s infinite;
}

.overview-bird[data-bird="2"] .overview-bird-shadow{
	animation: birdShadow 5s -10s infinite;
}

.overview-bird[data-bird="3"] .overview-bird-shadow{
	animation: birdShadow 5s -7s infinite;
}

.overview-bird[data-bird="4"] .overview-bird-shadow{
	animation: birdShadow 5s -4s infinite;

	transition:0.3s ease-in-out;
}
/*#########################################*/

.overview-bird[data-bird="5"]{
	top:-20%;
    left: 10%;
	transform:scaleX(-1);
}

.overview-bird[data-bird="6"]{
	top:-20%;
    right: 10%;
	transform:scaleX(-1) scaleX(-1);
}

@keyframes birdMove{
	0%{ transform: translateX(0%) scaleX(1); }
	15%,30%{ transform: translateX(0%) scaleX(1); }

	30.1%,35%{ transform: translateX(0%) scaleX(-1); }
	99%{ transform: translateX(0%) scaleX(-1); }
	100%{ transform: translateX(0%) scaleX(-1); }

	/*30.1%,35%{ transform: translateX(-25%) scaleX(-1); }
	99%{ transform: translateX(-25%) scaleX(-1); }
	100%{ transform: translateX(-25%) scaleX(-1); }*/
}

@keyframes birdMove{
	0%,10%{ transform: translateX(0%) scaleX(1); }

	15%{transform: translateX(-10%) scaleX(1);}
	20%,40%{transform: translateX(-20%) scaleX(1);}

	45%{transform: translateX(-35%) scaleX(1);}
	50%{transform: translateX(-50%) scaleX(1);}

	50.1%{transform:translateX(-50%) scaleX(-1);}
	54.9%{transform:translateX(-20.1%) scaleX(-1);}
	55%,70%{transform: translateX(-20%) scaleX(-1);}

	75%{transform: translateX(-20%) scaleX(-1);}
	80%,90%{transform: translateX(-10%) scaleX(-1);}

	98.8%{transform: translateX(-0.1%) scaleX(-1);}
	99.9%{transform: translateX(-0.1%) scaleX(1);}
	100%{transform: translateX(0%) scaleX(1);}
}

@keyframes birdJump{
	0%,10%{ transform:translateY(0%); }

	13.5%{transform:translateY(-15%); }
	15%{transform:translateY(0%); }
	17.5%{transform:translateY(-15%); }
	20%,40%{transform:translateY(0%); }

	43.5%{transform:translateY(-15%); }
	45%{transform:translateY(0%); }
	47.5%{transform:translateY(-15%); }
	50%{transform:translateY(0%); }

	53.5%{transform:translateY(-15%); }
	55%,75%{transform:translateY(0%); }

	77.5%{transform:translateY(-15%); }
	80%,90%{transform:translateY(0%); }

	93.5%{transform:translateY(-15%); }
	95%,100%{transform:translateY(0%); }
}

@keyframes birdShadow{
	0%,10%{transform:scale(1); }

	13.5%{transform:scale(.4); }
	15%{transform:scale(1); }
	17.5%{transform:scale(.4); }
	20%,40%{transform:scale(1); }

	43.5%{transform:scale(.4); }
	45%{transform:scale(1); }
	47.5%{transform:scale(.4); }
	50%{transform:scale(1); }

	53.5%{transform:scale(.4); }
	55%,75%{transform:scale(1); }

	77.5%{transform:scale(.4); }
	80%,90%{transform:scale(1); }

	93.5%{transform:scale(.4); }
	95%,100%{transform:scale(1); }
}



/*@keyframes birdMove{
	0%,10%{ transform: translateX(0%) scaleX(1); }
	12%{ transform: translateX(-10%) scaleX(1); }
	15%,30%{ transform: translateX(-20%) scaleX(1); }

	30.1%{ transform: translateX(-20%) scaleX(-1); }

	32%{ transform: translateX(-30%) scaleX(-1); }
	35%,70%{ transform: translateX(-35%) scaleX(-1); }
	75%{ transform: translateX(-20%) scaleX(-1); }
	78%{ transform: translateX(-20%) scaleX(-1); }
	82%{ transform: translateX(-10%) scaleX(-1); }
	85%{ transform: translateX(-10%) scaleX(-1); }
	88%{ transform: translateX(-5%) scaleX(-1); }
	90%{ transform: translateX(0%) scaleX(-1); }

	90.2%,99%{ transform: translateX(0%) scaleX(1); }

	100%{ transform:translateX(0%) scaleX(1);	}
}

@keyframes birdJump{
	0%,10%{ transform:translateY(0);}
	12%{ transform:translateY(-50%);}
	15%,30%{ transform:translateY(0%);}
	
	30.1%{ transform:translateY(0%);}
	
	32%{ transform:translateY(-50%);}
	35%,70%{ transform:translateY(0%);}
	75%{ transform:translateY(-30%);}
	78%{ transform:translateY(0%);}
	82%{ transform:translateY(-30%);}
	85%{ transform:translateY(0%);}
	88%{ transform:translateY(-30%);}
	90%{ transform:translateY(0%);}
	
	90.2%,99%{ transform:translateY(0%);}
	
	100%{ transform:translateY(0);}
}

@keyframes birdShadow{
	0%,10%{ transform:scale(1); }
	12%{ transform:scale(.4); }
	15%,30%{ transform:scale(1); }
	
	30.1%{ transform:scale(1); }

	32%{ transform:scale(.4); }
	35%,70%{ transform:scale(1); }
	75%{ transform:scale(.4); }
	78%{ transform:scale(1); }
	82%{ transform:scale(.4); }
	85%{ transform:scale(1); }
	88%{ transform:scale(.4); }
	90%{ transform:scale(1); }
	
	90.2%,99%{ transform:scale(1); }
	
	100%{ transform:scale(1); }
}*/


.overview-content{
	/*max-height:960px;
	min-height:75%;*/
	max-width:1180px;
	margin:0 auto;
	position:relative;
	top:55%;
	z-index:2;

	transform:translateY(-50%);

	background:#faede4;

    padding: 60px;
    box-sizing:border-box; 
}


.overview-slider-container{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position:relative;
    padding: 8px;
    border: 1px solid #f0dbd0;

    box-sizing:border-box;
}

.overview-slider{
	border:2px solid #f1dcd2;
	z-index:2;
}

.overview-slider-border{
	z-index:1;
}

.overview-slider-border .showcase-item-line div{
	background:#f0dbd0;
}

.overview-slider-border .showcase-item-square div{
	background:#faede4;
	border:1px solid #f0dbd0;
}

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

.overview-slide img{
	display:block;
	width:inherit;
}

.overview-slider .slick-dots{
	text-align:center;
	position:absolute;
	bottom:-37px;
    left: 50%;

    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
}

.overview-slider .slick-dots li button{
	background:#f4e8de;
	border:2px solid #d6c3bf;
}

.overview-slider .slick-dots li.slick-active button{
	background:#e2ac6b;
	border:2px solid #835936;
}

/*.overview-slider{
	max-width: 85%; 
    width: 85%;
    height: 75%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

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

.overview-slide div{
	width:100%;
	height:100%;
	position:relative;
	display:block;
	background-position:bottom center;
}

.overview-slider .slick-list,
.overview-slider .slick-track{
	height:100%;
}*/

/*#####################*/

/*########*/
/*NPC*/
/*########*/
.npc-container{
	width:100%;
	height:100vh;
	min-height:880px;
    /*min-height:980px;*/
	position:relative;
	overflow:hidden;
	background:#e1ed91;
}

.npc-bg{
    width: 100%;
    height: 100%;
    /*max-height:1080px;*/
    /*background: url(../img/senior-&-friend/senior-friend-bg.png?v=5) no-repeat center;
    background-size:auto 100%;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;

    transition:.3s ease;
}

.npc-bg[data-npc-bg="1"]{
    background: url(../img/senior-&-friend/senior-friend-bg-1.png?v=5) no-repeat center;
    background-size:auto 100%;
}

.npc-bg[data-npc-bg="2"]{
    background: url(../img/senior-&-friend/senior-friend-bg-2.png?v=5) no-repeat center;
    background-size:auto 100%;
}

.npc-bg[data-npc-bg="3"]{
    background: url(../img/senior-&-friend/senior-friend-bg-3.png?v=5) no-repeat center;
    background-size:auto 100%;
}

.npc-content{
	/*min-height:550px;*/

	margin:0 auto;
	position:absolute;
	z-index:2;

	top:54%;
	left:50%;
	transform:translate(-50%,-50%);

	background:#fff7f0;
}

.npc-content-bg{
    width: 98%;
    height:100%;
    overflow:hidden;

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

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.npc-content-bg img{
	max-width:100%;
	display:none;
}

.npc-content-bg img[data-npc-texture-bg="1"]{
	display:block;
}

.npc-content-bg .mob-texture{
	display:none;
}

.npc-label{
	position:absolute;
	top:0;
	right:0;
	max-width:128px;
	width:10%;
	z-index:2;
}

.npc-label img{
	max-width:100%;
	display:none;
}

.npc-label img[data-label="new"]{
	display:block;
}

.npc-nav{
	width:100%;
	text-align:center;
	margin:0 auto;
	z-index:3;

	padding:40px 0 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.npc-nav li{
	background:#fbf5f2;
	border:2px solid #e7d4cc;
	border-radius:10px;

	width:60px;
	height:60px;

	cursor:pointer;

	transition:0.2s ease-in-out;

	position:relative;

	display:inline-block;
	margin:0 5px 10px;

	overflow:hidden;
}

.npc-nav li img{
	height:100%;
    position: relative;
    bottom: 0px;
    left: 50%;
    z-index: 2;

    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);

    display:inline-block;
    vertical-align: bottom;
}

.npc-nav li img:last-child{
	position:absolute;
}

.npc-nav li img[data-status="active"]{
	opacity:0;
	transition:0.2s ease-in-out;
}

.npc-nav li.active,
.npc-nav li:hover{
	background:#ffa874;
	border:2px solid #4e381a;
}

.npc-nav li[data-id="2"].active,
.npc-nav li[data-id="2"]:hover{
	background:#56567f;
}

.npc-nav li[data-id="3"].active,
.npc-nav li[data-id="3"]:hover{
	background:#ffa9a9;
}

.npc-nav li[data-id="4"].active,
.npc-nav li[data-id="4"]:hover{
	background:#8d8278;
}

.npc-nav li[data-id="5"].active,
.npc-nav li[data-id="5"]:hover{
	background:#c5c3df;
}

.npc-nav li[data-id="6"].active,
.npc-nav li[data-id="6"]:hover{
	background:#addad1;
}

.npc-nav li[data-id="7"].active,
.npc-nav li[data-id="7"]:hover{
	background:#c081a8;
}

.npc-nav li[data-id="8"].active,
.npc-nav li[data-id="8"]:hover{
	background:#c3f8ff;
}

.npc-nav li:hover img[data-status="active"]{
	opacity:1;
}

.npc-nav li.active img[data-status="active"]{
	opacity:1;
}

.npc-slider{
	width: 100%;
    height: 95%;
    min-height:600px;
    margin: 0 auto;
    padding:50px 50px 0px;
    box-sizing:border-box;
    position:relative;
    z-index:2;
}

.npc-desc,
.npc-illustration,
.npc-animated{
	display:inline-block;
}

.npc-desc{
	width:30%;
	vertical-align:top;
	position:relative;
	z-index: 2;
}

.npc-desc__title{
	max-width:220px;
	width:100%;
	color:#966e4a;
	/*font-family: "gotham_blackregular",sans-serif;*/
	font-family: "Gotham Bold",sans-serif;
	line-height:1.2em;
}

.npc-desc-content{
	display:none;
}

.npc-desc-content[data-id="1"]{
	display:block;
}


/*Text Color*/
.npc-desc-content[data-id="1"]{
	color:#ef6d6d;
}

.npc-desc-content[data-id="2"]{
	color:#8989b1;
}

.npc-desc-content[data-id="3"]{
	color:#ff7c8f;
}

.npc-desc-content[data-id="4"]{
	color:#675f58;
}

.npc-desc-content[data-id="5"]{
	color:#7b83d6;
}

.npc-desc-content[data-id="6"]{
	color:#71b9ab;
}

.npc-desc-content[data-id="7"]{
	color:#a3a2d4;
}

.npc-desc-content[data-id="8"]{
	color:#3ba0c6;
}
/**/

.npc-desc-content p{
	width:100%;
	min-height:140px;
	color:#9b7e60;
	font-size:14px;
}

.npc-desc-content h6{
	padding:20px 0;
}

@media(min-width:1631px){
	.npc-desc-content h6{
		font-size:18px;
	}
}

.npc-desc-content h5 strong{
	font-family: "plutobold",sans-serif;
    font-size: 1.8em;
    display: block;
}

.npc-desc-border{
	background:#d6c3bf;
	max-width:167px;
	width:60%;
	height:1px;
	margin:20px 0;
}

.npc-illustration img{
	max-width:720px;
	width:48%;
	position:absolute;
	/*Follow Parent Padding bottom*/
	bottom:3%;
	/**/
	left:50%;
	transform:translateX(-50%);
	display:none;
}

.npc-illustration img[data-id="1"]{
	display:block;
}

.npc-animated{
	max-width:300px;
	width:18%;
	position:absolute;
	top:58%;
	right:6%;
	transform: translateY(-50%);
}

.npc-animated img{
	max-width:100%;
	display:none;
}

.npc-animated img[data-id="1"]{
	display:block;
}

.npc-animated video{
	max-width:100%;
	display:none;
}

.npc-animated video[data-id="1"]{
	display:block;
}

/*.npc-illustration__fade-effect{
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    
    background: rgb(255,247,240);
	background: -moz-linear-gradient(0deg, rgba(255,247,240,1) 20%, rgba(255,247,240,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,247,240,1) 20%, rgba(255,247,240,0) 100%);
	background: linear-gradient(0deg, rgba(255,247,240,1) 20%, rgba(255,247,240,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff7f0",endColorstr="#fff7f0",GradientType=1);
}*/

/*##################*/
/* Media */
/*##################*/
.media-container{
	width:100%;
	height:auto;
	/*min-height:100vh;*/
	position:relative;
	padding-top:150px;

	overflow:hidden;

	background: rgb(230,178,113);
	background: -moz-linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	background: -webkit-linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	background: linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6b271",endColorstr="#d49666",GradientType=1);
}

.media-popup-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:11;
	display:none;
}

.media-popup-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:rgba(0,0,0,0.8);
}

.media-popup-content{
	width:768px;
	height:432px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	z-index:2;
}

.media-popup-close{
    position: absolute;
    top: -35px;
    right: -10px;
    z-index: 2;
    width: 30px;
}

.media-popup-close img{
	max-width:100%;
}

.media-utube{
	width:100%;
	height:100%;
	border:3px solid #ffac06;
}

.media-utube iframe{
	width:100%;
	height:100%;
	display:block;
}

.media-bg{
    width: 100%;
    height: 100%;
    background: url(../img/rankup/wood-bg.png) left center;
    background-size:auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
    opacity:0.5;
    pointer-events:none;
}

.media-bg-overlay{
	width:100%;
	height:187px;
	position:absolute;
	top:0;
	left:0;
	z-index: 3;
	pointer-events: none;

	background: url('../img/media/media-top-gradient.png') no-repeat top center;
	background-size:auto;

	/*background: rgb(156,96,53);
	background: -moz-linear-gradient(0deg, rgba(156,96,53,0) 0%, rgba(156,96,53,.8) 140%);
	background: -webkit-linear-gradient(0deg, rgba(156,96,53,0) 0%, rgba(156,96,53,.8) 140%);
	background: linear-gradient(0deg, rgba(156,96,53,0) 0%, rgba(156,96,53,.8) 140%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c6035",endColorstr="#9c6035",GradientType=1);*/
}

.media-content{
	position:relative;
	z-index:2;
	/*margin:0 auto 80px;*/
	margin:0 auto;
}


.media-showcase{
	width:100%;
	height:100%;
	/*min-height:650px;*/
	/*background:#faede4;*/
	background:url("../img/media/media-bg.png") no-repeat;
	background-size:100% 100%;

	position:relative;
	/*z-index:2;*/
	padding:50px 80px;
	box-sizing:border-box;
}

.media-front-element{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	pointer-events:none;
}

.media-front-element .parallax-elem,
.media-behind-element .parallax-elem{
	width:100%;
	height:100%;
	position:absolute;
}

.media-behind-element .parallax-elem{
	/*For Coin*/
	z-index:2;
}

.media-front-element img{
	transform:scale(.9);
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
}

.media-behind-element{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	pointer-events:none;
}

.media-scroll{
	position:absolute;
	top: -55%;
    left: -35.5%;
    width: 70%;
}

.media-book{
	position: absolute;
    top: -120%;
    right: -36%;
    width: 84.3%;
}

.media-feather{
	position:absolute;
	bottom: 0%;
    right: -39%;
    width: 49.8%;
}

.media-ink{
	position:absolute;
	bottom: -8%;
    left: -14%;
    width: 30.1%;
}

.media-service-bell{
	position:absolute;
    bottom: -17%;
    right: -26%;
    z-index: 4;
    width: 29%;
}

.media-backpaper-one{
    width: 84%;
    position: absolute;
    top: -12%;
    left: -32%;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

.media-backpaper-two{
	width: 70%;
    position: absolute;
    bottom: -5.5%;
    right: -4%;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.media-coin{
	position:absolute;
	top: -4%;
    left: -17%;
    width: 14%;
}

.media-showcase ul {
	width: 100%;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
}

.media-showcase ul li{
	width:30%;
	display:inline-block;
	position:relative;
	margin-bottom:20px;
	vertical-align:top;
}

.media-showcase ul li:nth-child(3n+2){
	margin:0 2.4% 20px;
}

.media-showcase ul li img{
	max-width:100%;
	display:block;
}

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

.showcase-item{
	border:1px solid #f0dbd0;
	padding:5px;
	position: relative;
}

.showcase-video-overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:rgba(0,0,0,0.5);
	opacity:0;
	transition:0.3s ease-in-out;
}

.showcase-video-overlay img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}

.showcase-item:hover .showcase-video-overlay{
	opacity:1;
}

/*####*/
.showcase-item-square div{
	width: 6px;
    height: 6px;
    position: absolute;
    background: #feedd8;
    border: 1px solid #f0dbd0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.showcase-item-square div:nth-child(1){
	top:-5px;
	left:-5px;
}

.showcase-item-square div:nth-child(2){
	top:-5px;
	right:-5px;
}

.showcase-item-square div:nth-child(3){
	bottom:-5px;
	left:-5px;
}

.showcase-item-square div:nth-child(4){
	bottom:-5px;
	right:-5px;
}
/*#####*/
.showcase-item-line div{
	width:1px;
	height:10px;
    position: absolute;
    background: #f0dbd0;
}

.showcase-item-line div:nth-child(1){
	top: 0px;
    left: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    z-index: 1;
}

.showcase-item-line div:nth-child(2){
	top: 0px;
    right: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: 1;
}

.showcase-item-line div:nth-child(3){
	bottom: 0px;
    left: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: 1;
}

.showcase-item-line div:nth-child(4){
	bottom: 0px;
    right: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    z-index: 1;
}

.showcase-item-line div:nth-child(5){
	height:100%;
	top: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 1;
}

.showcase-item-line div:nth-child(6){
	width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 1;
}
/*####*/

.showcase-item-desc{
	color:#98704b;
	min-height:40px;
}

.showcase-item-desc span {
	height:30px;
    padding-top: 12px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.showcase-item-thumbnail{
	position:relative;
	border:2px solid #f0dbd0;
	z-index: 2;
}


/*############################*/

.media-cta{
    max-width: 150px;
    height: auto;
    display: block;
    padding: 20px 60px;
    background: #9956d5;
    border-radius: 32px;
    margin: 0 auto;
    text-align: center;
    color:#f9ece3;
    font-family: "plutobold",sans-serif;
    position:relative;
}

.media-cta div {
    width: 93%;
    height: 76%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 2px solid #FFF;
    border-radius: 25px;
}

.media-cta div:before{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	left:-5px;
	border:2px solid #FFF;
	background:#9956d5;
	transform:translateY(-50%) rotate(45deg);
}

.media-cta div:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	top:50%;
	right:-5px;
	border:2px solid #FFF;
	background:#9956d5;
	transform:translateY(-50%) rotate(45deg);
}

/*RANK UP*/
.rankup-container{
	width:100%;
	height:auto;
	min-height:100vh;
	position:relative;
	padding-top:90px;

	overflow:hidden;

	background: rgb(230,178,113);
	background: -moz-linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	background: -webkit-linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	background: linear-gradient(128deg, rgba(230,178,113,1) 0%, rgba(212,150,102,1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6b271",endColorstr="#d49666",GradientType=1);
}


.rankup-bg{
    width: 100%;
    height: 100%;
    background: url(../img/rankup/wood-bg.png) left center;
    background-size:auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index:1;
    opacity:0.5;
    pointer-events:none;
}

.rankup-content{
	position:relative;
	z-index:2;
	margin:0 auto 80px;
}


.rankup-delivery-content{
	width:100%;
	height:100%;
	/*background:#faede4;*/
	background:url("../img/rankup/delivery-bg.png") no-repeat;
	background-size:100% 100%;

	position:relative;
	/*z-index:2;*/
	padding:50px 80px;
	box-sizing:border-box;
}

.paper-drop-shadow:before{
	content:"";
	width:95%;
	height:95%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1;
	transform:translate(-50%,-50%) translate3d(0,0,0);
	-webkit-transform:translate(-50%,-50%) translate3d(0,0,0);
	-moz-transform:translate(-50%,-50%) translate3d(0,0,0);
	box-shadow: 0px 10px 60px 20px rgba(0,0,0,0.25);
}

.paper-border{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	pointer-events:none;
}

.paper-border .big-border{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 93%;
    height: 95%;
    border: 2px solid #d4bfbb;
}

.paper-border .small-border{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 98.5%;
    height: 99%;
    border: 1px solid #d4bfbb;
}

.paper-border .border-diamond div{
	width: 6px;
    height: 6px;
    position: absolute;
    background: #feedd8;
    border: 2px solid #d4bfbb;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.paper-border[data-section="preregister2"] .big-border{
	width:98.5%;
    height: 96%;
}

.paper-border[data-section="preregister2"] .small-border{
	width: 99.4%;
    height: 98.1%;
}

.paper-border[data-section="overview"] .big-border{
	width:97.5%;
    height: 96%;
}

.paper-border[data-section="overview"] .small-border{
	width: 99.4%;
    height: 99.1%;
}

.paper-border[data-section="npc"] .big-border{
	width:98%;
	height:96%;
}

.paper-border[data-section="npc"] .small-border{
	width: 99.5%;
    height: 99%;
}

.paper-border[data-section="media"] .big-border{
	width:98%;
	height:95%;
}

.paper-border[data-section="media"] .small-border{
	width: 99.5%;
    height: 99%;
}

.paper-border[data-section="rankup"] .big-border{
	width:98%;
	height:95%;
}

.paper-border[data-section="rankup"] .small-border{
	width: 99.5%;
    height: 99%;
}

.paper-border[data-section="sign-up"] .big-border{
	width:98%;
	height:90%;
}

.paper-border[data-section="sign-up"] .small-border{
	width:99.5%;
    height: 97.5%;
}

.paper-border[data-section="news"] .big-border{
	width:98%;
	height:94%;
}

.paper-border[data-section="news"] .small-border{
	width: 99.25%;
    height: 98%;
}

.paper-border .border-diamond div:nth-child(1){
	top:-6.5px;
	left:-6.5px;
	background: #feedd8;
}

.paper-border .border-diamond div:nth-child(2){
	top:-6.5px;
	right:-6.5px;
	background: #feedd7;
}

.paper-border .border-diamond div:nth-child(3){
	bottom:-6.5px;
	left:-6.5px;
	background: #fdf2e8;
}

.paper-border .border-diamond div:nth-child(4){
	bottom:-6.5px;
	right:-6.5px;
	background: #fdefe5;
}

.paper-border-bg{
	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;
	z-index:3;

	background:url("../img/rankup/paper-border.png") no-repeat center;
	background-size:100% 100%;

	pointer-events:none;
}

.paper-border-bg[data-border="sign-up"]{
	background:url("../img/rankup/sign-up-border.png") no-repeat center;
	background-size:100% 100%;
}

.delivery-content{
	width:49%;
	display:inline-block;
	vertical-align:middle;

	padding:0 5% 0 2.5%;
	box-sizing:border-box;
	text-align:center;

	position:relative;
	z-index:3;
}

.delivery-content ul{
	padding:0 0 20px;
}

.delivery-content ul li{
	display:table;
	text-align: left;
	padding:40px 0 40px;
}

.delivery-content ul li{
	/*border-top:2px solid #fdf6f2;*/
	border-bottom:2px solid #ebd5cd;
}

.delivery-content ul li:first-child{
	border-top:none;
}

.delivery-content ul li:last-child{
	border-bottom:none;
	padding-bottom:20px;
}

.delivery-content ul li img{
	display:table-cell;
	vertical-align:middle;
	padding-right:30px;
}

.delivery-content ul li div{
	display:table-cell;
	vertical-align:middle;
}

.delivery-content ul li h5{
	margin-bottom:15px;
	font-family:"gotham_blackregular",sans-serif;
	color:#98704b;
}

.delivery-content ul li p{
	color:#a6938b;
	font-family:"plutoregular",sans-serif;
}

.postcard-content{
	width:49%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index: 3;
	text-align:center;
}


.postcard{
	width:110%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}

.bg-doodle{
	width:120%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);

	z-index:-1;
}

/*Design Element*/
.rankup-front-element{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	pointer-events:none;
}

.rankup-front-element .parallax-elem,
.rankup-behind-element .parallax-elem{
	width:100%;
	height:100%;
	position:absolute;
}

.rankup-front-element img{
	transform:scale(.9);
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
}

.rankup-behind-element{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	pointer-events:none;
}

.rankup-scroll{
	position:absolute;
	top: -40%;
    left: -22%;
}

.rankup-book{
	position:absolute;
	top:-90%;
    right: -28%;
}

.rankup-feather{
	position:absolute;
	bottom: -5%;
    right: -15%;
}

.rankup-ink{
	position:absolute;
	bottom: 5%;
    left: -12%;
}

.rankup-service-bell{
	position:absolute;
	top: -100%;
    right: -15%;
    z-index:4;
}

.rankup-backpaper-one{
	position:absolute;
	top: -22%;
    left: -27%;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
}

.rankup-backpaper-two{
	position:absolute;
	bottom: -10%;
    right: -4%;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.rankup-coin{
	position:absolute;
	top: -15%;
    left: 30%;
}

.sign-up-container{
    position: relative;
    z-index: 2;
    /*max-width: 1700px;
    width: 100%;*/
    margin: 0 auto;
}

.sign-up-content{
	width:100%;
	height:100%;
	/*background:#faede4;*/
	background:url("../img/rankup/sign-up-bg.png") no-repeat;
	background-size:100% 100%;
	position:relative;
	/*z-index:2;*/
	padding:30px 80px ;
	box-sizing:border-box;

	display:table;
}

.sign-up-mc{
	display:table-cell;
	width:50%;
	padding:0 5%;
	box-sizing:border-box;
	text-align:center;
	vertical-align: top;
	border-right:2px solid #ebd5cd;
}

/*.sign-up-input{
	width:100%;
	height:67px;
	background:#fff8f3;
	border:2px solid #efe0d9;
	border-radius:10px;

	position:relative;
}*/

.sign-up-input{
	padding-top:40px;
}

#mce-callback{
    width: 100% !important;
    margin: 0 !important;
}

#mc_embed_signup div.mce_inline_error{
	display:none !important;
}

/*#mce-error-response,*/
/*#mce-success-response{
	display:block !important;
}*/

#mc_embed_signup label.error{
	display:none;
	font-size:14px;
	float:left;
	font-weight: bold;
	/*padding:0em .5em 0em .5em;*/
	margin:0;
}

#mc_embed_signup label.error,
#mce-error-response,
#mce-error-tnc{
	color:#a5534c !important;
}

#mce-error-tnc{
	display:none;
}

#mce-error-response,
#mce-success-response,
#mce-error-tnc{
	width: 100% !important;
    padding: 5px 0 0px !important;
    /*padding: 0px 0 20px !important;*/
    margin: 0 auto !important;
}

#mce-callback small{
   font-size:14px;	
}

#mc_embed_signup #mce-success-response {
    color: #68c38c;
}

#mc_embed_signup form{
	padding:0 !important;
}

#mc_embed_signup .mc-field-group{
	width: 100% !important;
    /*height: 100%;*/
    padding-bottom:0px;
    margin-bottom:10px;
    
	height:67px;
	background:#fff8f3;
	border:2px solid #efe0d9;
	border-radius:10px;

	position:relative;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	background:transparent !important;
}

.sign-up-input input.email{
	-webkit-appearance:none;
	appearance:none;
	background:transparent;
	border:none !important;
	border-radius:10px;
	outline:none;

	width:100% !important;
	height:100% !important;

	padding:0 20px !important;
    box-sizing: border-box;

    /*font-family:"gotham_blackregular",sans-serif;*/
    font-family:"plutobold",sans-serif;
    color:#98704b;
    font-size:18px;
}

.sign-up-input input.email:-webkit-autofill,
.sign-up-input input.email:-webkit-autofill:focus{
	border-radius:10px !important;
    -webkit-box-shadow:0 0 0 50px #f9f1ec inset;
    -webkit-text-fill-color: #98704b;
}

.sign-up-input input.email::placeholder{
    color:#98704b;
}

.sign-up-input .submit-btn{
	position:absolute;
	top: 50%;
    right: 0px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);

	background:#e29053;
	display:inline-block;	
    margin: 0 !important;
    height: 100%;
    width: 140px !important;
    border-radius: 8px;

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #FFF;
    border: none !important;
    font-family: "plutoregular",sans-serif;
}

.sign-up-input .submit-btn p{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);

	font-size:14px;
	width:100%;
	text-align:center;
}

#mc-embedded-subscribe{
	display:none !important;
}



.footer-download{
	display:table-cell;
	width:50%;
	padding:0 5%;
	box-sizing:border-box;
	text-align:center;
	vertical-align: top;
	/*border-left:2px solid #fdf6f2;*/
}

.footer-download-cta{
	padding-top:20px;
}

.footer-download-cta a{
	width:45%;
	display:inline-block;
	margin:0 1.5%;
}

.footer-download-cta a img{
	max-width:100%;
	width:100%;
	display:block;
}

/**/

.footer{
	padding:80px 0;
	/*max-width: 1700px;
    width: 100%;*/
    margin: 0 auto;
    display:table;
    color:#784c35;
}

.footer>a,
.footer>img,
.footer>ul{
	display:table-cell;
	vertical-align: middle;
}

.footer>a{
	width:18%;
	display:table-cell;
	vertical-align:middle;
}

.footer>a img{
	max-width:220px;
	width:90%;
}

.footer>p{
    width: 60%;
    display: table-cell;
    vertical-align: middle;

    padding-left: 40px;
    font-size: 16px;
    font-family: "Gotham Book";
}

.footer p a{
	color:#ffcd7f;
}

.wrapper[data-page="news"] .footer p a{
	color:#fe8e3d;
}

.footer>ul{
	width:18%;
	text-align:right;
}

.footer ul li{
	display:inline-block;
	/*margin:0 2.5%;*/
	margin:0 1%;
	max-width:20%;
}

.footer ul li img{
	max-width:55px;
	width:100%;
	display:block;
}

.footer ul li:last-child{
	margin-right:0;
}

.copyright{
	text-align:center;
	background:#4d2b1a;
	padding:30px 0;
	color:#e29053;
}

/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/

.nu-nav-container{
	height:auto;
	padding:40px 0;
	margin:0 auto;
}

.nu-logo{
	display:inline-block;
	width:28%;
	vertical-align: middle;
}

.nu-logo img{
	max-width:300px;
	width:100%;
	display:inline-block;
}

/*.nu-nav-container ul{
	width:71%;
	display:inline-block;
	vertical-align: bottom;
	text-align:right;
}*/

.nu-nav-container ul li{
	display:inline-block;
	padding:0 0px 3px;
    color: #c5b9b2;
    margin: 0 15px;
}

.nu-nav-container ul li a{
	color: #c5b9b2;

	transition:0.1s ease-in-out;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
}

.nu-nav-container ul li:hover a{
	color:#766156;
	font-weight: bold;
	/*border-bottom:3px solid #fe8e3d;*/
}

.nu-nav-container ul li.active{
	color:#766156;
	border-bottom:3px solid #fe8e3d;
}

.nu-nav-container ul li.active a{
	color:#766156;
}

.nu-nav-container ul li.active p{
	font-weight: bold;
}

/*.nu-nav-container ul li:last-child{
	margin-right:0;
}*/

.nu-content{
	margin:0 auto;
	background:#FFF;
}

.nu-banner{
	width:100%;
	/*min-height:480px;*/
	height:auto;
}

.nu-banner img{
	width:100%;
}


.latest-nu-container{
	width:96%;
	padding:0px 5px 20px;
	margin:0 auto;
	box-sizing:border-box;
}

.latest-nu-container h3{
	font-family: "Gotham Bold" !important;
	color:#746055;
	padding:30px 0;
}

.latest-nu-slide{
	width:100%;
	display:inline-block;
	vertical-align: top;
	
	transition:0.1s ease-in-out;
	-webkit-transition:0.1s ease-in-out;
	-moz-transition:0.1s ease-in-out;
}

.latest-nu-slide a:hover{
	border:2px solid #a8978f;
}

.latest-nu-slide a{
	display:block;
	width:99%;
	height:100%;
	border:2px solid #efeae8;
	box-sizing:border-box;
}

.latest-nu-slide:nth-child(2){
	margin:0 2%;
}

.latest-nu-content .slick-track
{
    display: flex !important;
}

.latest-nu-content .slick-slide
{
    height: inherit !important;
}


.latest-nu-slide:focus,
.latest-nu-slide *:focus{
    outline: none;
}

.latest-nu-slide:last-child{
	margin-right:0;
}

.latest-nu-slide .thumbnail{
	width:100%;
}

.latest-nu-slide-content{
	padding:20px;
	box-sizing:border-box;
}

.latest-nu-slide-content small{
	padding:20px 0 15px;
	display:inline-block;
	color:#fe8e3d;
}

.latest-nu-slide-content h6{
	color:#746055;
}

.latest-nu-slide-content p{
	color:#a8978f;
}

.nu-nonews{
	padding:80px 0 ;
	text-align:center;
}

.nu-nonews br{
	display:none;
}

.nu-nonews h1{
	color:#746055;
}

.nu-nonews p{
	color:#a8978f;
}

.nu-list{
	width:95%;
	padding:20px 0px 80px;
	margin:0 auto;
}

.nu-list li{
	padding:20px 0;
}

.nu-list li:hover{
	background:#fdfcfa;
}

.nu-list-title{
	width:79%;
	display:inline-block;
	vertical-align:middle;
	padding-left:2%;
	box-sizing:border-box;
	color:#fe8e3d;
}

.nu-list ul li p span,
.nu-list ul li p strong{
	font-size:inherit;
}

.nu-list ul li p span:first-child{
	text-transform: capitalize;
}

.nu-list ul li p span:last-child{
	font-family:"Gotham Medium";
	color:#746055;
}

.nu-list strong{
	color:#746055;
}

.nu-list-date{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	color:#dad1ca;
	/* font-size:20px; */
}

.nu-list-pagination{
	text-align:center;
	font-size:16px;
	padding:25px 0 0px;
}

.nu-list-pagination a, .nu-list-pagination span{
	margin:0 10px;
	font-size: inherit !important;
}

a.prev.page-numbers,
a.next.page-numbers{
	color:#fe8e3d;
}

a.page-numbers{
	color:#d9ccc4;
}
.page-numbers.current{
	color:#766156;
	font-weight:bold;
}

.page-numbers{
    display: inline-block;
    padding: 0 0 3px;
    min-width: 15px;
}

.page-numbers.current{
    border-bottom: 2px solid orange;
}
.nu-list-pagination p{
	display:inline-block;
}

.nu-inner-content{
	width:90%;
	display:table;
	padding: 80px 0px 80px;
	margin:0 auto;
}

.nu-inner-left{
	width:70%;
	display:table-cell;
    padding-right: 60px;
    box-sizing: border-box;
    vertical-align: top;
}

.nu-inner-left .nu-date{
	padding: 15px 0 20px;
    display: inline-block;
}

.wrapper[data-page="news"] .nu-inner-left h1 span{
	text-transform: capitalize;
	font-size:inherit;
	font-family: "Gotham Medium";
}

.nu-dark-brown{
	color:#746055
}

.nu-orange{
	color:#fe8e3d;
}

.nu-desc{
	color:#a8978f;
}

.nu-inner-right{
	width:30%;
	display:table-cell;
}

.nu-inner-cta{
	width:100%;
	position:relative;
	padding-bottom:40px;
}

.nu-inner-cta a{
    width: 50px;
    height: 50px;
    color: #fefefd;
    background: #fe8e3d;
    display: inline-block;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.nu-inner-cta a img{
    width: 15px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}

.nu-inner-cta a.disable{
	pointer-events: none;
	cursor:default;
	background:#ddd3ce;
}

.next-nu{
	position:absolute;
	top:0;
	right:0;
}

.prev-nu{
	position:absolute;
	top:0;
	left:0;
}

.more-nu-content{
	border:2px solid #ddd3ce;
}

.more-nu-content h6 span{
	font-size:inherit !important;
}

.more-nu-content h6{
	padding:30px 40px;
	background:#fefdfc;
	color:#fe8e3d;
}

.more-nu-content ul{
	padding:0px 40px;
	background:#fbf8f6;
}

.more-nu-content ul li{
	padding:30px 0;
	border-bottom:2px solid #eee8e4;
}

.more-nu-content ul li:last-child{
	border-bottom:none;
}

.more-nu-content ul li p{
	color:#746055;
}

.more-nu-content ul li small{
	color:#c5bab4;
	padding-top:10px;
	display:inline-block;
}

.nu-download .nu-inner-left{
	width:45%;
}

.nu-download-container {
    width: 100%;
}

.nu-download-container a {
    width: 45%;
    display: inline-block;
}

.nu-download-container a:first-child {
    margin-right: 20px;
}

.nu-download-container a img{
	width:100%;
}


/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
/*####################################################################*/
@media(max-height:960px){
	.welcome-container{
		height:auto;
	}

	.welcome-content{
		padding:90px 0;
	}
}



/*RESPONSIVE*/
@media(max-width:2000px){
	.loading-graphic{

		transform:translateY(10px) scale(.8);
		-webkit-transform:translateY(10px) scale(.8);
		-moz-transform:translateY(10px) scale(.8);

		margin-bottom:0;
	}

	.loading-logo{
		transform:scale(.8);
		-webkit-transform:scale(.8);
		-moz-transform:scale(.8);
	}

	/*News Update Fonts*/
	p{
		font-size:16px;
	}

	h1{
		font-size:38px;
	}

	h2{
		font-size:32px;
	}

	h3{
		font-size:28px;
	}

	h4{
		font-size:26px;
		line-height:1.5em;
	}

	h5{
		font-size:22px;
		line-height:1.5em;
	}

	h6{
		font-size:20px;
		line-height:1.2em;
	}

	span{
		font-size:14px;
		line-height:1.2em;
	}

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

	/**/

	.content-ws{
		max-width:1280px;
	}

	.sticky-social-cta{
		right: -5%;
	    bottom: 30px;
	}

	.news-container{
	    margin: 0 auto 90px;
	}

	.landing-characters{
		width: 1450px;
    	height: 680px;
	}

	.landing-characters>div{
		width:90%;
		height:80%;
	}

	.landing-bg {
	    width: 90%;
	    height: 110%;
	    left: 50%;
	    transform: translateX(-50%) !important;
	}

	/*Welcome*/
	.cassandra-container{
		width:42%;
	}
	
	.welcome-desc{
		max-width:680px;
	}

	.welcome-desc-content>img {
    	max-width: 200px;
    }

    .rankup-backpaper-two {
	    position: absolute;
	    bottom: -15%;
	    right: -7%;
	    transform:scale(1);
	    -webkit-transform:scale(1);
	    -moz-transform:scale(1);
	}

	.delivery-content ul li{
		padding:30px 0;
	}

	.rankup-front-element img {
	    transform: scale(.75);
	    -webkit-transform: scale(.75);
	    -moz-transform: scale(.75);
	}

	.rankup-ink {
	    bottom: 0%;
	    left: -13%;
	}

	.rankup-book{
		top: -93%;
		right:-30%;
	}
	
	.rankup-scroll {
	    top: -45%;
	    left: -25%;
	}

	.footer ul li img{
		max-width:44px;
	}

	/*###############*/
	.content-label.lg{
		max-width: 627px;
    	max-height: 85px;
	}

	.content-label.md{
		max-width: 508px;
    	max-height: 84px;
	}

	.pre-register-desc{
		padding:40px 0 110px;
	}

	.pre-register-milestone-progress-bar{
		height:6px;
		max-width:940px;
	}

	.pre-register-milestone-progress-bar-cp div{
		height:2px;
	}

	/*.pre-register-milestone-progress-bar ul li{
		width:7px;
		height:7px;
		border: 3px solid #9c6e41;
	}*/

	.pre-register-milestone-rewards ul li{
		max-width:200px;
	}

	.milestone-reward-header{
		width: 78%;
		height: 30%;
		max-width: 160px;
		max-height: 80px;
	}

	.milestone-reward-header__desc h3{
		font-size:22px;
	}

	.milestone-reward-checkpoint{
		padding:10px 0;
	}

	.pre-register-nav{
		max-width:1480px;
	}

	.pre-register-nav img{
		width:35px;
	}

	.overview-container{
		min-height:880px;
	}

	.overview-content {
	    max-width: 1060px;
	}
	/*.overview-bird{
		transform:scale(0.8);
	}

	.overview-bird[data-bird="5"],
	.overview-bird[data-bird="6"]{
		transform:scale(.8);
	}*/
	/**/

	.npc-illustration img{
		width:50%;
	}

}

@media(min-width:1631px){
	/*For 1920 screen*/
	.nav-container ul li p{
		font-size:14px;
	}
	/**/
}

@media(max-width:1630px){
	/*h1{
		font-size:40px;
	}

	h2{
		font-size:35px;
	}

	h3{
		font-size:23px;
	}

	h4{
		font-size:24px;
	}

	h5{
		font-size:16px;
	}

	h6{
		font-size:20px;
	}

	p{
		font-size:13px;
	}

	span{
		font-size:12px;
	}

	small{
		font-size:12px;
		line-height:1.3em;
	}*/

	/*News Update Fonts*/
	.wrapper[data-page="news"] .content-ws{
		max-width:960px;
	}

	p{
		font-size:13px;
	}

	h1{
		font-size:28px;
		line-height: 1.2em;
	}

	h2{
		font-size:26px;
	}

	h3{
		font-size:24px;
	}

	h4{
		font-size:22px;
		line-height:1.5em;
	}

	h5{
		font-size:22px;
		line-height:1.5em;
	}

	h6{
		font-size:17px;
		line-height:1.2em;
	}

	span{
		font-size:13px;
	}

	small{
		font-size:12px;
		line-height:1.3em;
	}

	.nu-nav-container ul li{
		margin:0 10px;
	}

	/**/

	.sticky-social-cta{
		right: -4%;
	}

	.logo{
		max-width:400px;
	}

	.static-chars{
		max-width:768px;
		top:55%;
	}

	.landing-earth {
	    width: 1330px;
	    height: 790px;
	    background-size: cover;
	}

	.landing-characters {
	    width: 1200px;
	    height: 648px;
	}

	.landing-content{
		padding-bottom: 30px
	}

	.landing-preregister-desc{
		margin:-50px auto 40px;
	}

	/*.news-content {
	    padding: 18px 18px 30px;
	}*/

	.cassandra-container{
		width:45%;
	}

	.welcome-desc{
		max-width:500px;
	}

	.paper-border[data-section="rankup"] .small-border{
		width:99.2%;
	}

	.paper-border[data-section="sign-up"] .small-border{
		width:99.2%;
	}
	
	.rankup-front-element img,
	.rankup-behind-element img{
		transform:scale(.7);
		-webkit-transform:scale(.7);
		-moz-transform:scale(.7);
	}

	.rankup-front-element img.rankup-feather{
		transform:scale(.9);
		-webkit-transform:scale(.9);
		-moz-transform:scale(.9);
	}

	.postcard-content img{
	/*	transform:translate(-50%,-50%) scale(.7);
		-webkit-transform:translate(-50%,-50%) scale(.7);
		-moz-transform:translate(-50%,-50%) scale(.7);*/
	}

	.sign-up-input input.email{
		font-size:16px;
	}

	/*ELEM*/
	.rankup-scroll {
	    top: -45%;
	    left: -25%;
	}

	.rankup-ink {
	    bottom: 0%;
	    left: -15%;
	}

	.rankup-book {
	    top: -87%;
    	right: -32%;
	}

	.rankup-backpaper-one {
	    top: -30%;
	    left: -42%;
	}

	.rankup-backpaper-two {
	    bottom: -33%;
	    right: -35%;
	}

	.rankup-service-bell {
	    top: -70%;
	    right: -15%;
	}

	.footer{
		padding:50px 0;
	}

	.copyright{
		padding:20px 0;
	}
	/**/
	.nu-logo img{
		max-width:220px;
	}

	.nu-nav-container{
		padding:30px 0 40px;
	}

	.nu-list-date{
		font-size:13px;
	}

	.nu-banner{
		/*min-height:330px;*/
	}

	/*######*/
	/*Pre Register*/
	/*######*/
	/*.nav-container ul li{
		margin:0 10px;
	}*/

	.pre-register-nav img{
		width:30px;
	}

	.pre-register-nav-next{
		right:-10px;
	}

	.pre-register-nav-prev{
		left:-10px;
	}

	.content-label.lg{
		max-width: 590px;
    	max-height: 80px;
	}

	.content-label.md{
		max-width: 478px;
    	max-height: 79px;
	}

	.content-label.lg.labelPaperBG{
		top:-50px;
	}

	.content-label.md.labelPaperBG{
		top:-36.5px;
	}

	.npc-desc__title{
		max-width:150px;
	}
	/**/

	@media(min-height:600px){
		.loader{
			top:40%;
		}	
	}
}

@media(max-width:1500px){
	.landing-characters{
		width:926px;
		height:510px;
	}

	.landing-characters>div {
	    width: 90%;
	    height: 70%;
	}

	.pre-register-slider{
		padding:80px 0 300px;
	}

	.landing-pregister-cta a{
		max-width: 170px;
		margin: 0px 5px;
	}

	.cassandra img{
		width:100%;
		left:50%;
		transform:translate(-30%,-30%);
		-webkit-transform:translate(-30%,-30%);
		-moz-transform:translate(-30%,-30%);
	}

	.overview-container{
		min-height:650px;
	}

	.overview-content{
		max-width:720px;
	}

	.overview-bird,
	.overview-bird[data-bird="6"]{
		transform:scale(0.7);
	}

	.overview-bird[data-bird="5"]{
		transform:scaleX(-0.7) scaleY(0.7);
	}
}

@media(max-width:1400px){
	
	.news-slider-container{
		vertical-align: middle;
	}

	/*.landing-earth {
	    width: 1280px;
	    height: 798px;
	    background-size: cover;
	}*/

	.landing-earth {
		width: 1010px;
	    height: 650px;
	    bottom:0;
	    background-size:cover;
	}

	.landing-characters {
	    width: 1120px;
	    height: 605px;
	    /*position: absolute;
	    /*top: 40%;*/
	}
}

@media(max-width:1300px){
	.news-list li{
		padding:15px 0 12px;
	}

	.news-list li div:first-child{
		width:80%;
	}

	.news-list li div:last-child{
		width:18%;
	}

	.sticky-social-cta img,
	.sticky-social-cta video{
		width:110px;
	}

	.rankup-delivery-content,.sign-up-content{
		padding:50px 2.5%;
	}

	.rankup-front-element img{
		transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
	}
	/*,*/
	/*.rankup-behind-element img*/

	.rankup-scroll{
		top: -48%;
    	left: -30%;
	}

	.rankup-book {
		top: -75%;
    	right: -45%;
	}

	.rankup-ink {
	    bottom: 5%;
	    left: -20%;
	}

	.rankup-feather {
		right:-25%;
	}

	.rankup-backpaper-one {
	    top: -30%;
	    left: -68%;
	}

	.rankup-front-element img.rankup-feather{
		transform:scale(.7);
		-webkit-transform:scale(.7);
		-moz-transform:scale(.7);
	}

	.postcard-content img {
	/*    transform: translate(-50%,-50%) scale(.5);
	    -webkit-transform: translate(-50%,-50%) scale(.5);
	    -moz-transform: translate(-50%,-50%) scale(.5);*/
	}

	.rankup-service-bell{
		transform: scale(.7);
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
	}

	.nu-banner{
		/*min-height:380px;*/
	}

	/*#############*/
	/*###############*/
	.pre-register-milestone-progress-bar{
		max-width:760px;
	}

	.pre-register-milestone-rewards ul li{
		width:160px;
	}

	.pre-register-2{
		padding:70px 50px 50px;
	}

	.pre-register-2-left{
		margin-right:4%;
	}
	/**/

	/*###*/
}

@media(max-height:600px){
	@media(min-width:1024px){
		.landing-characters-container{
			min-height:100vh;
			height:700px;
		}
	}
}

@media(max-width:1200px){
	.nu-download-container a{
		max-width:240px;
		width:100%;
		display:block;
		margin:0 auto;
	}

	.nu-download-container a:first-child{
		margin:0 auto 20px;
	}

	.footer>a{
		width:18%;
	}

	.footer>p{
		width:42%;
	}

	.footer>ul{
		width:20%;
	}

	.npc-container{
		min-height:650px;
	}

}

@media(max-width:1080px){
	.nav-container{
		max-width: initial; 
		width: initial; 
		position: initial; 
		top: initial; 
		left: initial; 
		transform: initial; 
		-webkit-transform: initial;
		-moz-transform: initial;
		padding: initial;

		z-index: 10;
	}

	.nav-ham {
		width: 70px;
		height: 55px;
		position: fixed;
		top: 30px;
		left: 30px;
	    margin: auto;
	    cursor: pointer;

	    box-sizing: border-box;
	    z-index: 11;
	    transition: 0.2s ease-in-out;
	    -webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
	}

	.nav-ham.animate{
		background-position: -85px 0px;
	}

	.hamburger-menu {
    	width: 35px;
    	height: 5px;
	    display:block;

	    position: relative;
	    background: #fff8f3;
	    
	    transform: translateY(12px);
	    -webkit-transform: translateY(12px);
	    -moz-transform: translateY(12px);

	    transition: 0.3s ease-in-out;
	    -webkit-transition: 0.3s ease-in-out;
	    -moz-transition: 0.3s ease-in-out;
	    
	    border-radius:10px;
	    -webkit-border-radius:10px;
	    -moz-border-radius:10px;
	}

	.hamburger-menu:before {
	    content: "";
	    width: 20px;
    	height: 5px;
	    position: absolute;
	    left: 0;
	    top: -10px;
	    background: #fff8f3;

	    transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    -webkit-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    -moz-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), top 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    
	    border-radius:10px;
	    -webkit-border-radius:10px;
	    -moz-border-radius:10px;
	}

	.hamburger-menu:after {
	    content: "";
	    width: 28px;
   		height: 5px;
	    position: absolute;
	    left: 0;
	    bottom: -10px;
	    background: #fff8f3;
	    transform: rotate(0deg);

	    transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    -webkit-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    -moz-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), bottom 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
	    
	    border-radius:10px;
	    -webkit-border-radius:10px;
	    -moz-border-radius:10px;
	}

	.animate .hamburger-menu {
	    background: rgba(247,223,113,0);
	}

	.animate .hamburger-menu:before {
	    width:40px;
	    top: 0;

	    transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);

	    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.animate .hamburger-menu:after {
	    width: 40px;
	    bottom: 0;
	    
	    transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);

	    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.nav-mob {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: -100%;
	    top: 0px;
	    background: #f2a849;
	    z-index: 10;
	    padding-top: 80px;
	    transition: .3s ease-in-out .1s;
	    -webkit-transition: .3s ease-in-out .1s;
	    -moz-transition: .3s ease-in-out .1s;
	    box-sizing: border-box;
	}

	.nav-mob.active{
		left:0;
	}

	.nav-logo{
		/*Desktop */
		display:none;
		/**/

		width:90%;
		margin:0 auto 30px;
	}

	.nav-mob-element{
		display:block;
	}

	.nav-mob{
		width:100%;
		padding-top:80px;
	}

	.nav-container ul{
		max-width:500px;
		width:100%;
		margin:0 auto 45px;
		text-align:center;
	}

	.nav-container ul li{
		display:block;
		margin:0 auto 20px;
	}

	.nav-container ul li p{
		font-size:24px;
	}

	.nav-container ul li.active a,
	.nav-container ul li:hover a{
		text-shadow:none;
		color:inherit;
	}

	.nav-container ul li.active a{
		color:#7a441e;
		border-bottom:1px solid #7a441e;
		display:inline-block;
		position:relative;
		padding-bottom:5px;
	}

	.nav-container ul li.active p{
		background:none;
	    color: #7a441e;
	}

	.nav-container ul li.active a:before{
		content:"";
		display:block;
		width:7px;
		height:7px;
		position:absolute;
		bottom:-6px;
		left:50%;
		transform:translate(-50%) rotate(45deg);
		border:2px solid #7a441e;
		background:#f2aa43;
	}

	.nav-mob-social-footer{
		text-align:center;
	}

	.nav-mob-social-footer a img {
	    max-width: 50px;
	    width: 100%;
	    display: inline-block;
	    margin:0 3px;
	}
	
	.pre-register-milestone-rewards{
		/*width:80%;*/
		max-width:1000px;
	}

	.pre-register-milestone-progress-bar{
		width:80%;
	}

	.pre-register-milestone-rewards ul li{
		max-width:220px;
		width:28%;
		margin-bottom:70px;
	}

	/*.milestone-reward-checkpoint br{
		display:none;
	}*/

	.milestone-cp-tick.mobile{
		display:block !important;
	}

	.milestone-cp-tick.desktop{
		display:none !important;
	}

	.pre-register-milestone-progress-bar{
		margin-bottom:60px;
	}

	.pre-register-milestone-progress-bar ul li span{
		display:block;
	    position: absolute;
	    bottom: -28px;
	    left: 50%;
	    transform: translateX(-50%);
	    color: #badffe;
	    font-family:"gotham_blackregular",sans-serif;
	}

	.pre-register-complete-content{
		width:480px;
		height:520px;
	}

	.pre-register-complete-content__bg{
		top:49.8%;
	}

	.pre-register-complete-content__desc{
		width: 60%;
	    left: 16%;
	}

	.pre-register-share-cta{
		border-radius:5px;
	}

	.pre-register-complete-content__bg .desktop{
		display:none;
		/*background: url("../img/preregister/mob-pre-register-complete-bg.png") no-repeat center;
		background-size: cover;*/
	}

	.pre-register-complete-content__bg .mobile{
		display:block;
	}

	.pre-register-close{
		top:-50px;
		right:initial;
		left:50%;

		transform:translateX(-50%) scale(1.2);
		-webkit-transform:translateX(-50%) scale(1.2);
		-moz-transform:translateX(-50%) scale(1.2);
	}

	

	.npc-slider{
		min-height:initial;
		padding:50px 25px 0;
	}
	
	.npc-nav{
		/*max-width:640px;*/
		position:initial;
		top:initial;
		left:initial;
		transform:initial;
		-webkit-transform:initial;
		-moz-transform:initial;
	}

	/*.npc-nav li{
		width:11%;
		margin:0 2px 10px;
	}*/

	.npc-container,
	.overview-container{
		min-height:900px;
	}

	.overview-extra-element{
		height:15%;
	}

	.overview-bird{
		/*width:50px;*/
		transform:scale(.5);
	}

	.overview-bird[data-bird="5"],
	.overview-bird[data-bird="6"]{
		transform:scale(.5);
	}
}


@media(max-width:1000px){
	.rankup-scroll {
	    top: -40%;
	    left: -45%;
	}

	.rankup-book {
	    top: -65%;
    	right: -58%;
	}

	.paper-border[data-section="preregister2"] .big-border{
		width:98%;
		height:97%;
	}

	.paper-border[data-section="preregister2"] .small-border {
	    width: 98.8%;
	    height: 98.3%;
	}

	.paper-border[data-section="rankup"] .small-border{
		width:98.6%;
		height: 98.6%;
	}

	.paper-border[data-section="sign-up"] .small-border{
		width:98.6%;
		height: 96.9%;
	}

	.rankup-feather {
	    bottom: -10%;
	    right: -40%;
	}

	.rankup-front-element img.rankup-feather{
		transform: scale(.5);
	    -webkit-transform: scale(.5);
	    -moz-transform: scale(.5);
	}

	.footer ul li{
		max-width:20%;
	}

	.media-showcase ul{
		width:100%;
	}

	.media-showcase ul li{
		width:46%;
	}

	.media-showcase ul li,
	.media-showcase ul li:nth-child(3n+2){
		margin:0 1% 20px;
	}

	/*Trigger mobile design*/
	.sign-up-input{
		padding-top:0;
	}

	.pre-register-2__mobshow{
		display:block !important;
	}
	.pre-register-2__mobhide{
		display:none !important;
	}

	.pre-register-2{
		background:none;
	}

	.pre-register-nav{
		display:none;
	}

	.pre-register-2-left, .pre-register-2-right{
		max-width:680px;
		width:100%;
		position:relative;
		background: #fdf1e7;
	    padding: 9px 9px 40px;
	    box-sizing: border-box;
	    margin:0 auto 40px;
	    display:block;
	}

	.pre-register-2__reward.desktop{
		display:none;
	}

	.pre-register-2__reward.mobile{
		display:block;
	}

	.pre-register-2__reward{
		z-index:4;
	}

	.pre-register-2__banner>img{
		width:50%;
	}

	.pre-register-2__mob-border{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:3;
		pointer-events: none;
	}

	.pre-register-2-right{
		background: url(../img/preregister/qr-section-bg.png) no-repeat #fdf1e7 center bottom 30px;
    	background-size: contain;
	}

	.pre-register-2__banner,
	.pre-register-2-content{
		z-index: 2;
	}

	.pre-register-2__banner{
		border:initial;
		border-bottom:1px solid #ebdacd;
	}

	.pre-register-2-content{
	    width: 95%;
	    margin: 0 auto;
	}


	.pre-register-2-content>p{
		padding:20px 0;
		text-align:center;
		color:#C2A894; 
	}

	.pre-register-2-content>p b{
		font-family: "gotham_blackregular",sans-serif;
	}

	.sign-up-mc-form{
		padding:0;
	}

	.pre-register-2__reward{
		top:-19px;
		right:-25px;
	}

	.pre-register-2-store-cta img {
	    max-width: 100%;
	}

	.pre-register-2-store-cta a {
	    max-width: 240px;
	    display: block;
	    width: 90%;
	    margin: 0 auto 20px;
	}

	.pre-register-2-store-cta a:last-child{
		margin-bottom:0;
	}
	/**/
}

@media(min-width:1081px){
	.nav-mob{
		width:84%;
		display:inline-block;
		vertical-align: middle;
		text-align:center;

		padding-top:10px;
	}

	.nav-mob-element{
		display:none;
	}
}

@media(min-width:769px){

	.nu-nav-mob{
		width:71%;
		display:inline-block;
		vertical-align: bottom;
		text-align:right;
	}

	.nu-nav-mob-element{
		display:none;
	}
}

/*######################*/
/*#########IPAD#########*/
/*######################*/
@media(max-width:768px){
	.u-mobshow{
		display:block !important;
	}
	.u-mobhide{
		display:none !important;
	}

	.content-title{
		padding:10px 0;
		font-size:17px;
	}

	.content-subtitle{
		padding-top:10px;
		font-size:12px;
	}

	.title-border{
		height:2px;
	}

	.paper-border .small-border{
		height:98.5%;
	}

	.paper-border .big-border{
		width:95.5%;
		height:96%;
	}

	.paper-border[data-section="news"] .big-border{
		width:95.5%;
		height:97.5%;
	}

	.paper-border[data-section="news"] .small-border{
		width: 98.5%;
    	height: 98.5%;
	}

	.paper-border[data-section="rankup"] .big-border{
		width:95%;
		height:95%;
	}

	.paper-border[data-section="rankup"] .small-border{
		width: 98.5%;
    	height: 99%;
	}

	.paper-border[data-section="sign-up"] .big-border{
		width:95%;
		height:95%;
	}

	.paper-border[data-section="sign-up"] .small-border{
		width: 98.5%;
    	height: 98.5%;
	}

	.paper-border[data-section="preregister2"] .big-border {
	    width: 96.5%;
	    height: 96%;
	}

	.paper-border[data-section="preregister2"] .small-border {
	    width: 98.7%;
	    height: 98.5%;
	}

	.paper-border[data-section="overview"] .small-border {
	    width: 98.9%;
	    height: 98.5%;
	}

	.paper-border[data-section="npc"] .big-border {
	    width: 97.5%;
	    height: 97.5%;
	}

	.paper-border[data-section="npc"] .small-border {
	    width: 98.6%;
	    height: 99%;
	}

	.paper-border[data-section="rankup"] .big-border {
	    width: 96.5%;
	    height: 98.5%;
	}

	.paper-border[data-section="rankup"] .small-border {
	    width: 98.2%;
	    height: 99.4%;
	}

	.paper-border[data-section="media"] .big-border {
	    width: 96.5%;
	    height: 98.5%;
	}

	.paper-border[data-section="media"] .small-border{
		width: 98.2%;
		height: 99.4%;
	}

	h1{
		font-size:40px;
	}

	h2{
		font-size:35px;
	}

	h3{
		font-size:28px;
		line-height:1.3em;
	}

	h4{
		font-size:24px;
		line-height:1.3em;
	}

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

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

	span{
		font-size:12px;
	}

	#mce-callback small{
		font-size:10px;
	}

	#mc_embed_signup div.response{
		padding-top:0px !important;
	}

	small{
		font-size:12px;
	}

	.sticky-social{
		height:93vh;
	}

	.sticky-social-cta{
		cursor:pointer;
		bottom:0;
	}

	.sticky-social-cta a{
		display:none;
	}

	.sticky-social-mob{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		display: none;
	}

	.sticky-social-content{
		max-width: 400px;
		height:auto;
	    width: 80%;
		position:relative;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		display:inline-block;
	}

	.sticky-social-mob img{
		width:100%;
	    display: block;
	    margin: 0 auto;
	}

	.sticky-social-mob a{
		position: absolute;
	    top: 30%;
	    left: 5%;
	    width: 17%;
	    height: 19%;

	    /*Debug*/
    	/*background:rgb(255 0 0 / 50%);*/
	}

	.sticky-social-content div a:nth-child(2){
		top: 30%;
    	left: 25%;
	}

	.sticky-social-content div a:nth-child(3){
		top: 30%;
    	left: 45%;
	}

	.sticky-social-content div a:nth-child(4){
		top: 30%;
    	left: 64%;
	}

	.sticky-social-overlay{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background:rgba(0,0,0,.8);
	}

	.landing-container{
		position:relative;
		/*height:150%;*/
		background:#1299ff;
	}

	.static.landing-container{
		height:100%;
		overflow:hidden;
	}

	.static-chars{
		max-width:1024px;
		width:140%;
		top:45%;
	}

	.static-logo{
		max-width: 300px;
	    width: 100%;
	}

	.landing-bg{
		width:100%;
	}

	.landing-earth{
		width:100%;
		height:100%;
		background: url(../img/earth-mob-3.png) no-repeat bottom 15% center;
    	background-size: auto 80%;
    	bottom:20%;

    	transform:translateX(-50%);
    	-webkit-transform:translateX(-50%);
    	-moz-transform:translateX(-50%);
	}

	.landing-characters-container{
		height:auto;
		/*min-height:100vh;*/
		min-height:initial;
		max-height:initial;
	}

	.landing-characters{
		width:100%;
		height:100%;
		top:50%;

		position: relative;
		top: 0;
		transform: translateX(-50%);
	}

	.landing-characters>div{
		/*width:280%;*/
		width:230%;
		height:80%;
		top:57%;
	}

	div.front-character-lottie{
		/*width:320%;*/
		width:270%;
		top: 0;
   		transform: translateX(-50%);
   		-webkit-transform: translateX(-50%);
   		-moz-transform: translateX(-50%);
	}

	.fc-lottie{
		margin-top:-8%;
	}

	.isAndroid .landing-characters>div,
	.isAndroid div.front-character-lottie{
		width:90%;
	}

	/*.isAndroid .landing-content{
		margin-top:-15%;
	}*/

	div.landing-static-ver{
		width:100% !important;
	}

	.popup-close{
		right:-5px;
	}

	.news-content{
		background: #faede4;
		padding:20px 20px;
		text-align:center;
	}

	.news-list{
		width:95%;
		margin:0 auto;
		padding:0px 0px 30px;
	}

	.news-list li{
		text-align:left;
	}

	.news-list li a span:first-child{
		color: #746055;
		font-weight:bold;
	}

	.news-list li div:first-child,
	.news-list li div:last-child{
		width:100%;
	}

	.news-list li div:last-child small{
		font-size:.9em;
	}

	.news-list li div:last-child span,
	.news-list li div:last-child strong{
		font-size:inherit;
		font-weight:normal;
	}

	.news-list li div:last-child span{
		display:inline;
	}

	.news-list li:last-child{
	    border-bottom: 2px solid #f9e4cd;
	}

	.news-slider-container{
		width:100%;
		padding:0 0px 10px;
	}

	.news-slider .slick-dots{
		padding-top:20px;
	}

	.news-slider .slick-list{
		border:none;
	}

	.news-list-cta{
		padding-top:30px;
	}

	.news-list-cta a{
		float: initial;
		text-align: center;
		display: inline-block;
	}

	/*.isAndroid .landing-characters{
		top:50%;
	}*/

	.isAndroid .landing-characters>div{
		width:90%;
	}

	.landing-content{
		max-width:500px;
		width:90%;
		bottom:5%;

		position: relative;
    	/*margin-top: -5%;*/
    	padding:50px 0 0px;
	}

	.landing-content h4{
    	text-shadow: 0px 3px 4px rgba(130,81,66,70%);
	}

	.welcome-container{
		height:auto;
	}

	.welcome-content{
		padding:400px 0 60px;
	}

	.cassandra{
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-moz-transform: translateX(-50%);
	}
	.cassandra-container{
		width:90%;
		display:block;
		margin:0 auto;
		position: absolute;
    	top: 50px;
    	left:50%;
	}

	.cassandra img{
		width:100%;
		left:0;
		transform:initial;
		-webkit-transform:initial;
		-moz-transform:initial;
	}

	.welcome-bg{
		background: url(../img/welcome-bg-mob.png?v=5) no-repeat left top #f7c08d;
		background-size:100%;
	}

	.welcome-desc{
		max-width:768px;
		width:100%;
		display:block;
		margin:0 auto;
		background:#faede4;
	}

	.paper-border .border-diamond div:nth-child(1),
	.paper-border .border-diamond div:nth-child(2){
		background:#faede4;
	}

	.welcome-desc.paper-drop-shadow:before{
		display:none;
	}

	.welcome-desc-bg{
		min-width: 100%;
	    max-height: initial;
	    display:none;
	}

	.rankup-container{
		padding-top:250px;
	}

	.rankup-container .paper-border-bg{
		background: url(../img/rankup/delivery-border-mob.png) no-repeat center;
		background-size: 100% 100%;
	}

	.rankup-delivery-content{
		background:#faede4;
		padding:150px 2.5% 60px;
		/*background:url("../img/rankup/delivery-bg-mob.png") no-repeat;
		background-size:100% 100%;*/
	}


	.delivery-content,
	.postcard-content{
		width: 80%;
	    display: block;
	    margin: 0 auto;
	}

	.delivery-content ul{
		padding:0;
	}

	.rankup-scroll{
		top: -125%;
    	left: -54%;
	    z-index: 4;
	    transform:scale(.5);
	    -webkit-transform:scale(.5);
	    -moz-transform:scale(.5);
	}

	img.postcard{
		width:600px;
		top:-400px;
		left:140px;
		transform:initial;
		-webkit-transform:initial;
		-moz-transform:initial;
	}

	.rankup-coin {
	    top: -30%;
	    left: 0%;
	}

	.rankup-ink{
		bottom: initial;
		top: -14%;
		left: -25%;
	}

	img.rankup-backpaper-two{
		right: initial;
	    left: -50%;
	    bottom: -36%;
	    transform: scale(.6);
	    -webkit-transform: scale(.6);
	    -moz-transform: scale(.6);
	}

	.sign-up-content{
		display:block;
		padding:50px 2.5% 5%;
		background:#faede4;
	}

	.paper-border-bg[data-border="sign-up"]{
		background:url("../img/rankup/sign-up-border-mob.png") no-repeat center;
		background-size:100% 100%;
	}

	.sign-up-mc{
		width:85%;
		display:block;
		margin:0 auto;
		border-right:initial;
		/*border-top:2px solid #fdf6f2;*/
		padding:30px 0 50px;
	}

	.sign-up-mc .content-subtitle{
		color:#a6938b;
	}

	.sign-up-input .submit-btn{
		width:110px !important;
	}

	.sign-up-input .submit-btn img{
		max-width:15px;
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
	}

	.footer-download{
		width:80%;
		display:block;
		margin:0 auto;
		border-left:initial;
		border-bottom:2px solid #ebd5cd;
		/*padding-bottom:50px;*/
		padding:0 0 50px;
	}

	.footer-download-cta a{
		width:45%;
		margin:0 1.5%;
	}

	.footer-download-cta a img{
		height:auto;
		width:100%;
	}

	.footer>a{
		max-width:130px;
		width:90%;
	}

	.footer>a, .footer>img, .footer>ul{
		width: 100%;
    	text-align: center;
		display:block;
		margin:0 auto;
	}

	.footer p{
		max-width:90%;
		width:auto;
		margin:0 auto;
		text-align:center;
		padding:50px 0;
		display:block;
	}

	.footer ul li img{
		max-width:65px;
	}

	.footer ul li,
	.footer ul li:last-child{
		margin:0 2.5%;
	}

	/*################*/
	

	/*#########################*/
	.wrapper[data-page="news"] .content-ws{
		width:100%;
	}

	.nu-banner{
		width:100%;
		/*min-height:initial;*/
	}

	.nu-banner img{
		width:100%;
	}

	.nu-download-mob{
		width:15%;
		position:absolute;
		top:-12px;
		right:10px;
	}

	.nu-download-mob img{
		max-width:80px;
		width:100%;
		display:block;
	}

	.nu-logo {
		width:60%;
	    display: block;
	    margin: 0 auto;
	    text-align:center;
	}

	.nu-logo.nu-nav-mob-element{
		width:100%;
	}

	.nu-logo img{
		width:220px;
	}

	.nu-logo.nu-nav-mob-element img{
		width:100%;
		max-width:228px;
	}

	.nu-content{
		width:100%;
	}

	.nu-nav-container{
		width:100%;
		padding:30px 0;
	}	

	.nu-nav-container ul{
		max-width:480px;
		width:100%;
		text-align:center;
		display:table;
		margin:0 auto 30px;
	}

	/*.nu-nav-container ul li{
		display:table-cell;
		width:auto;
		margin:0 auto;
		padding: 0 10px;
		box-sizing:border-box;
		vertical-align: middle;
	}*/

	.nav-container ul li p{
		font-size:16px !important;
	}

	.nav-container ul li{
		margin-bottom:15px;
	}

	.nu-nav-container ul li{
		display: block;
	    max-width: 40%;
	    margin: 30px auto;
	    color: #FFF;
	}

	.nu-nav-container ul li a{
		color:#FFF;
	}

	.nu-nav-container ul li p{
		display:inline;
		font-size:16px !important;
		font-weight:bold;
	}

	.nu-nav-container ul li.active{
		border-bottom:none;
	}

	.nu-nav-container ul li.active p{
		border-bottom:1px solid #ffbb2e;
		padding-bottom:8px;
		color:#ffbb2e;
		position:relative;
	}

	.nu-nav-container ul li:hover a{
		color:#ffbb2e;
	}

	.nu-nav-container ul li.active p:before{
		content: "";
	    width: 3.5px;
	    height: 3.5px;
	    border: 1px solid #ffbb2e;
	    background: #7d6fe6;
	    position: absolute;
	    bottom: -3.2px;
	    left: 50%;
	    transform: translateX(-50%) rotate(45deg);
	}

	.nu-nav-mob {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: -100%;
	    top: 0px;
	    background-color: #7d6fe6;
	    z-index: 10;
	    padding-top: 80px;
	    transition: .3s ease-in-out .1s;
	    -webkit-transition: .3s ease-in-out .1s;
	    -moz-transition: .3s ease-in-out .1s;

	    box-sizing:border-box;
	}

	.nu-nav-mob.active{
		left:0;
	}

	.nu-nav-ham{
	    width: 76px;
    	height: 48px;
	    position: fixed;
	    top: 32px;
	    left: 0;

	    padding-top: 10px;
	    padding-left: 20px;
	    margin: auto;
	    cursor: pointer;
	    background: url(../img/news-update/ham-nav-icon.png) 0px 0px no-repeat;
	    background-size: contain;
	    box-sizing: border-box;
	    z-index: 11;

	    transition:0.2s ease-in-out;
	    -webkit-transition:0.2s ease-in-out;
	    -moz-transition:0.2s ease-in-out;
	}

	.nu-nav-ham.animate{
		background-position: -85px 0px;
	}

	.nu-hamburger-menu {
		width:20px;
		height:3px;
	    position: relative;
	    background: rgba(247,223,113,1);
	    
	    transform: translateY(12px);
	    -webkit-transform: translateY(12px);
	    -moz-transform: translateY(12px);

	    transition: 0.3s ease-in-out;
	    -webkit-transition: 0.3s ease-in-out;
	    -moz-transition: 0.3s ease-in-out;
	    
	    border-radius:10px;
	    -webkit-border-radius:10px;
	    -moz-border-radius:10px;
	}

	.nu-hamburger-menu:before {
	    content: "";
	    width:20px;
	    height: 3px;
	    position: absolute;
	    left: 0;
	    top: 8px;
	    background: #f7df71;
	    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    border-radius:10px;
	}

	.nu-hamburger-menu:after {
	    content: "";
	    width: 13px;	    
	    height: 3px;
	    position: absolute;
	    left: 0;
	    bottom: 8px;
	    background: #f7df71;
	    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
	    border-radius:10px;
	}

	.animate .nu-hamburger-menu {
	    background: rgba(247,223,113,0);
	}

	.animate .nu-hamburger-menu:before {
	    top: 0;
	    transform: rotate(45deg);
	    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.animate .nu-hamburger-menu:after {
	    bottom: 0;
	    transform: rotate(-45deg);
	    width: 20px;
	    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.nu-nav-mob-social-footer{
		text-align:center;
	}

	.nu-nav-mob-social-footer a img {
	    max-width: 50px;
	    width: 100%;
	    display: inline-block;
	    margin:0 3px;
	}

	.latest-nu-container h3{
		padding:30px 20px;
	}

	.latest-nu-container{
		width:100%;
		padding:0;
		box-sizing:initial;
	}

	.latest-nu-slide:nth-child(2){
		margin:0;
	}

	.latest-nu-slide a{
		width:100%;
		border:none;
	}

	.latest-nu-slide a:hover{
		border:none;
	}

	.latest-nu-content{
		width:100%;
		position:relative;
		border-bottom:2px solid #efeae8;
	}

	.latest-nu-content .slick-dots{
		position: absolute;
		bottom: 22%;
		left: 50%;
		transform: translateX(-50%);
	}

	.latest-nu-slide{
		width:95%;
		margin-right:0;
		margin:0 auto;
	}

	.latest-nu-slide-content p{
		display:none;
	}

	.latest-nu-slide-content small{
		color:#dad1ca;
		padding-bottom:0;
	}

	.nu-list{
		width:100%;
		padding:0px 0 40px;
	}

	.nu-list li{
		padding:20px 20px;
		border-bottom:1px solid #efeae8;
	}

	.nu-list li:last-child{
		border-bottom:none;
	}

	.nu-list-title{
		width:100%;
		padding:0;
		margin:0;
	}

	.nu-list-date{
		width:100%;
	}

	.nu-inner-content{
		padding:40px 0;
	}

	.nu-inner-left{
		width:100%;
		padding:0;
	}

	.nu-inner-right{
		display:none;
	}

	.nu-download .nu-inner-left{
		text-align:left;
	}

	.nu-inner-left .nu-date{
		padding:20px 0 30px;
	}

	.nu-inner-cta a{
		width:50px;
		height:50px;
	}

	.nu-download-container{
		padding-bottom:20px;
	}

	.nu-download-container a:first-child{
		margin:0 20px 20px 0px;
	}

	.nu-download-container a{
		display:inline-block;
	}

	.nu-nonews{
	    width: 90%;
	    text-align: left;
	    margin: 0 auto;
	    padding: 40px 0;
	}

	.nu-nonews br{
		display:inline;
	}

	.nu-nonews h1{
		padding-bottom:10px;
	}

	.nu-download-desc{
		text-align:left;
	}

	/*Phase 2*/
	.content-label.lg{
		max-width:480px;
    	max-height: 120px;
	}

	.content-label.lg.labelPaperBG{
		position:relative;
	}

	.content-label.md {
	    max-width: 480px;
	    max-height: 104px;
	}

	.content-label.md .content-label__text{
		top:40%;
	}

	.content-label.md.labelPaperBG {
	    top: -61.5px;
	}
	
	.preregister-mob-arrow{
		margin:0 auto;
		max-width:55px;
		width:100%;
		padding-top:50px;
	}

	.landing-preregister-desc{
		margin: -18% auto 0;
	    z-index: 3;
	    position: relative;
	}

	.pre-register-container{
		padding-top: 0px;
	}

	.pre-register-2__banner{
		border:initial;
		border-bottom:1px solid #ebdacd;
	}

	.pre-register-2__banner>img{
		top:50%;
	}

	.pre-register-slider{
		padding-top:50px;
	}

	.pre-register-2{
		padding:0 40px 40px;
	}

	.pre-register-2-left, .pre-register-2-right{
		padding:13px 13px 40px;
	}

	.pre-register-2-content{
		width:90%;
	}

	.pre-register-tnc{
		padding:10px 0 20px;
	}

	.pre-register-tnc label{
		line-height:0.8em;
	}

	.pre-register-desc{
		padding:40px 0 70px;
	}

	.pre-register-milestone-progress-bar{
		margin:40px auto 80px;
	}

	.pre-register-cloud-bg{
		width:100%;
		max-width:768px;
		height:auto;
		display:block;
		position:absolute;
		top:-40px;
		left:50%;

		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		z-index: 1;
	}

	.pre-register-cloud-bg>div{
		width: 200%;
		height: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: -1;
		transform: translate(-50%,-50%);
		background: rgb(58,199,247);
		background: -moz-linear-gradient(0deg, rgba(58,199,247,0) 0%, rgba(58,199,247,.8) 50%, rgba(58,199,247,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(58,199,247,0) 0%, rgba(58,199,247,.8) 50%, rgba(58,199,247,0) 100%);
		background: linear-gradient(0deg, rgba(58,199,247,0) 0%, rgba(58,199,247,.8) 50%, rgba(58,199,247,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3ac7f7",endColorstr="#3ac7f7",GradientType=1);
	}

	.pre-register-cloud-bg[data-slide="1"]{
		width:110%;
		left:45%;
	}

	.pre-register-cloud-bg[data-slide="2"]{
		width:120%;
		top:-60px;
	}

	.pre-register-cloud-bg img{
		max-width:100%;
	}

	.pre-register-bg{
	    width: 100%;
	    /*max-height: 477px;*/
	    height: 25%;
	    background: url(../img/preregister/mob-pre-register-bg.png?v=5) no-repeat center bottom;
	    background-size: 100% auto;
	}

	.pre-register-2__label{
	    width: 100px;
	    height: 32px;
	    background-size:100%;
	}

	.pre-register-2__label p{
		width: 92%;
		padding:0;
		top:4px;
		left: initial;
	    text-align: center;
	    display: block;
		transform:initial;
		-webkit-transform:initial;
		-moz-transform:initial;
	}

	.milestone-reward-header__desc h3{
		padding-bottom:0;
	}

	.overview-container{
		height:auto;
		min-height:initial;
		max-height:initial;
		padding:250px 0 23%;
		box-sizing:border-box;
	}

	.overview-content{
		max-width:initial;

		transform:initial;
		-webkit-transform:initial;
		-moz-transform:initial;

		padding:55px;
	}

	.overview-bird[data-bird="2"],
	.overview-bird[data-bird="4"],
	.overview-bird[data-bird="6"]{
		display:none;
	}

	.overview-bird[data-bird="5"]{
		left:40%;
	}

	.overview-bird[data-bird="3"] {
	    top: -30%;
	    right: 5%;
	}

	.overview-bird[data-bird="3"] .overview-bird-group,
	.overview-bird[data-bird="3"] .overview-bird-shadow,
	.overview-bird[data-bird="3"] .overview-bird-obj{
		animation-delay:3s;
	}

	.overview-content .paper-border{
		display:none;
	}

	.overview-slider-container{
		/*width:80%;*/
		box-sizing:border-box;
	}

	.overview-bg{
		background: url(../img/overview/mob-overview-bg.png?v=5) no-repeat center bottom;
		background-size:cover;
	}

	.welcome-bg-overlay{
		display:none;
	}

	.npc-container{
		height:auto;
		max-height:initial;
		min-height:initial;
		padding:150px 0 0;
	}

	.npc-bg[data-npc-bg="1"]{
	    background: url(../img/senior-&-friend/tablet-senior-friend-bg-1.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-bg[data-npc-bg="2"]{
	    background: url(../img/senior-&-friend/tablet-senior-friend-bg-2.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-bg[data-npc-bg="3"]{
	    background: url(../img/senior-&-friend/tablet-senior-friend-bg-3.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-footer-bg{
		pointer-events: none;
	}

	.npc-footer-bg img{
		max-width:100%;
		width:auto;
		height: 30%;
		max-height: 214px;
		height:214px;
		position:absolute;
		bottom:0;
		left:0;
		z-index:2;
		display:none;
	}


	.npc-footer-bg img[data-npc-bottom-bg="1"]{
		display:block;
	}

	.npc-footer-bg .tablet{
		display:block;
	}

	.npc-footer-bg .mobile{
		display:none;
	}

	.npc-content{
		width:90%;
		position:relative;
		top:initial;
		left:initial;
		transform:initial;
		padding-bottom:130px;
	}

	.npc-content-bg{
		width:96%;
	}

	.npc-content-bg .mob-texture{
		display:block;
	}

	.npc-content-bg .desktop-texture{
		display:none;
	}

	.npc-illustration img{
		width:100%;
	    max-height: 765px;
	    bottom:initial;
	    top: -100px;
	}

	.npc-desc {
	    width: 100%;
	    padding-top: 95%;
	}

	.npc-desc-content p{
		min-height:initial;
	}

	.npc-desc-content h5 strong{
		line-height: 1em;
	}

	.npc-animated {
	    max-width: 300px;
	    width: 45%;
	    top: 440px;
	    right: -5%;
	    transform: initial;
	    -webkit-transform: initial;
	    -moz-transform: initial;
	}

	.npc-label{
		width:20%;
	}

	.npc-bg{
		height:40%;
		min-height:400px;
		background-position:left;
	}

	.npc-slide{
		position:relative;
	}

	.npc-desc__title{
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		text-shadow:-2px -2px 0 #fff7f0, 2px -2px 0 #fff7f0, -2px 2px 0 #fff7f0, 2px 2px 0 #fff7f0;
	}

	.npc-nav{
		padding:10px 0 0;
	}

	.npc-nav li{
		width: 60px;
    	height: 60px;
	}

	/*Media*/
	.media-bg-overlay{
	    height: 50px;
		background-size: 100% auto;
		opacity: 0.7;
	}

	.media-showcase{
		padding:70px 5% 50px;
		background:#faede4;
	}
	
	.media-showcase ul li{
		width:90%;
		max-width:376px;
	}

	.media-content .content-label.md.labelPaperBG{
		width: 220px;
    	height: 58px;
    	top: 35px;
	}

	.media-content .content-label.md .content-label__text{
		top:50%;
	}

	.media-ink{
		width: 38%;
		top: -2%;
		left: -10%;
		bottom:initial;
	}

	.media-coin {
	    top: -3%;
	    left: 10%;
	    width: 25%;
	}

	.media-book {
	    top: -27%;
	    right: -9%;
	    width: 95%;
	}

	.media-service-bell {
		bottom:initial;
	    top: -5%;
	    right: -23%;
	    width: 35%;
	}

	.media-backpaper-one {
	    width: 138%;
	    position: absolute;
	    top: -4%;
	    left: -19%;
	}

	.media-scroll {
	    top:initial;
	    bottom: -6%;
	    left: -19%;
	    width: 40%;
	}

	.media-popup-content{
		max-width:768px;
		width:90%;
	}

	.media-popup-close{
		top:-50px;
		right:initial;
		left:50%;

		transform:translateX(-50%) scale(1.2);
		-webkit-transform:translateX(-50%) scale(1.2);
		-moz-transform:translateX(-50%) scale(1.2);
	}

	/**/

	/**/
}

@media(max-width:600px){
	.sticky-social{
		height:98vh;
	}
	/*Homepage font*/
	.wrapper[data-page="landing"] p{
		font-size:12px;
		line-height: 1.5em;
	}

	.wrapper[data-page="landing"] span{
		font-size:10px;
	}
	/**/

	.paper-border .big-border{
		border:1px solid #d4bfbb;
	}

	.paper-border .small-border{
		opacity:0.4;
	}

	.paper-border .border-diamond div{
		width:4.5px;
		height:4.5px;
		border:1px solid #d4bfbb;
	}

	.paper-border .border-diamond div:nth-child(1){
		top:-4.5px;
		left:-4.5px;
	}

	.paper-border .border-diamond div:nth-child(2) {
		top:-4.5px;
		right:-4.5px;
	}

	.paper-border .border-diamond div:nth-child(3) {
		bottom:-4.5px;
		left:-4.5px;
	}

	.paper-border .border-diamond div:nth-child(4) {
		bottom:-4.5px;
		right:-4.5px;
	}

	/**/
	.paper-border[data-section="preregister2"] .big-border{
		width: 96.5%;
		height: 97%;
	}

	.paper-border[data-section="preregister2"] .small-border{
		width:97.2%;
		height:98%;
	}

	.pre-register-2-right .paper-border[data-section="preregister2"] .small-border{
		width: 97.2%;
		height: 96.89%;
	}

	.paper-border[data-section="welcome"] .big-border{
	    width: 95%;
	    height: 96%;
	}

	.paper-border[data-section="welcome"] .small-border{
		width: 98%;
		height: 98%;
	}

   

	/**/

	h3{
		font-size:18px;
	}

	h4{
		font-size:16px;
	}

	h5{
		font-size:14px;
	}

	.loader{
		top:42%;
	}

	/*.loading-graphic{

		transform:translateY(10px) scale(.8);
		-webkit-transform:translateY(10px) scale(.8);
		-moz-transform:translateY(10px) scale(.8);

		margin-bottom:0;
	}

	.loading-logo{
		transform:scale(.8);
		-webkit-transform:scale(.8);
		-moz-transform:scale(.8);
	}*/

	.nav-ham{
		top:3%;
		left:5%;
	}

	#mc_embed_signup .mc-field-group{
		min-height:initial;
		height:initial;
		padding:15px 0;
		border-radius: 7px;
	}

	#mc_embed_signup label.error{
		font-size:12px;
	}

	/*.landing-container{
		height:120%;
	}

	.static.landing-container{
		height:100%;
	}

	.landing-container.higher-phone{
		height:100%;
	}*/

	.sticky-social-cta img,
	.sticky-social-cta video{
		width:75px;
	}

	.landing-earth{
		width:600px;
		height:100%;
	}

	.landing-content h4{
		width: 90%;
    	margin: 0 auto;
	}

	div.back-character-lottie{
		width: 300%;
    	top: 58%;
	}

	div.front-character-lottie{
		width:350%;
	}

	.landing-preregister-desc{
		margin-top:-30%;
	}

	.fc-lottie{
		margin-top:-10%;
	}

	.isAndroid div.back-character-lottie{
		width:90%;
		top: 50%;
	}

	.isAndroid div.front-character-lottie .fc-lottie{
		margin-top:-20%;
	}
	
	.landing-content{
		padding-bottom:20px;
	}

	.welcome-desc-bg{
		width:100%;
		min-width:initial;
	}
	.welcome-desc-content{
		width:90%;
		padding:30px 5%;
	}

	.welcome-desc-content>img{
		max-width:120px;
	}

	.welcome-desc span{
		padding:30px 0;
	}

	.welcome-content{
		padding:260px 0 60px;
	}

	.news-content{
		padding:20px 12px;
	}

	.cassandra-container{
		width:100%;
	}

	.rankup-container{
		padding-top:150px;
	}

	.rankup-delivery-content{
		padding-top:100px;
	}

	img.postcard {
    	width: 400px;
	    height: 297px;
	    top: -250px;
	    left: 50px;
	}

	.rankup-scroll{
		width: 450px;
    	height: 815px;
	    top: -550px;
	    left: -225px;
	}

	.rankup-ink{
		width: 250px;
	    height: 264px;
	    top: -150px;
	    left: -132px;
	}

	.rankup-coin{
		width:150px;
		height:154px;
		top:-190px;
		left:35px;
	}

	img.rankup-backpaper-two {
		width: 480px;
		height: 357px;
		left: -60px;
		bottom: -40px;
		transform: initial;
		-webkit-transform: initial;
		-moz-transform: initial;
	}

	.footer>a img{
		max-width:120px;
		width:80%;
		margin:0 auto;
	}

	.delivery-content ul li img{

	}

	.footer-download{
		width:85%;
	}

	.footer-download-cta a{
		width:180px;
		vertical-align:middle;
	}

	.footer-download-cta a:first-child{
		margin-bottom:20px;
	}

	.sign-up-input input.email{
		font-size:12px;
		padding:0 10px !important;
	}

	.nu-logo{
		width:50%;
		/*margin-bottom:30px;*/
	}

	.nu-nav-container{
		padding-bottom:30px;
	}

	.nu-download-container a{
		max-width:150px
	}

	.nu-download-container a:first-child{
		margin:0 10px 10px 0px;
	}

	.latest-nu-content .slick-dots{
		bottom:35%;
	}

	/*Phase 2*/
	.content-label.md {
	    max-width: 280px;
	    max-height: 46px;
	    top:-22.5px;
	}

	.content-label.md.labelPaperBG{
		top:-35.5px;
	}

	.pre-register-content{
		width:100%;
	}

	.pre-register-milestone-progress-bar ul.pre-register-milestone-circle-front li{
		width:7px;
		height:7px;
		transform:translate(38%,-50%);
	}

	.pre-register-milestone-progress-bar ul.pre-register-milestone-circle-back li{
		width:12px;
		height:12px;
	}

	.pre-register-2{
		padding: 30px 0 0px;
	}

	.pre-register-2-content>p{
		font-size:12px;
		padding:20px 0 10px;
	}

	.pre-register-2-left, .pre-register-2-right{
		padding:11px 9px 40px;
	}

	.pre-register-2__banner>img{
		width:70%;
	}

	.pre-register-2-store-cta a{
		max-width:200px;
		margin-bottom:10px;
	}

	.pre-register-2-store-cta{
		padding-top:10px;
	}

	.pre-register-2__reward{
		width:70px;
		height:70px;
		right:-20px;
	}

	.pre-register-cta,
	.media-cta{
		max-width:110px;
		padding:15px 40px;
	}

	.pre-register-cta p,
	.media-cta p{
	    font-size: 12px;
	}

	.pre-register-cta div,
	.media-cta div{
		width:92%;
	}

	.pre-register-desc{
		padding-bottom:40px
	}

	.pre-register-milestone-rewards ul{
		width:100%;
	}

	.pre-register-milestone-rewards ul .slick-list{
		overflow:initial;
	}

	.pre-register-milestone-rewards ul li{
		width:30%;
		margin:0 0 50px;
		padding-top:20px;
		min-height:158px;
		border-radius:8px;
	}

	.pre-register-milestone-progress-bar ul li span{
		bottom:-20px;
	}

	.pre-register-milestone-rewards ul li:nth-child(2){
		margin-left:2.5%;
		margin-right:2.5%;
	}

	.pre-register-milestone-rewards ul li:nth-child(4){
		margin-right:2.5%;
	}

	.pre-register-milestone-progress-bar{
		width:70%;
		margin-bottom:50px;
	}

	.trigger .pre-register-milestone-progress-bar-cp img{
		transform: rotate(0deg) scale(.7);
		-webkit-transform: rotate(0deg) scale(.7);
		-moz-transform: rotate(0deg) scale(.7);
	}

	.pre-register-complete-content {
	    width: 400px;
	    height: 433px;
	}

	.pre-register-complete-content__desc p{
		font-size:14px;
	}

	.pre-register-share-cta{
		font-size:10px;
		padding:10px 15px;
	}

	.pre-register-slider{
		padding:100px 0 130px;
	}

	.milestone-cp-tick.mobile{
		width:20px;
		top:-10px;
	}

	.milestone-reward-header{
		width: 80%;
		height: 45px;
		top: -25px;
		/*width: 140px;
	    height: 60px;
	    top: -35px;*/
	}

	.milestone-reward-checkpoint{
		padding: 10px 0;
	}

	.milestone-reward-header{
		border:2px solid #d6c3b6;
	}

	.target .milestone-reward-header,
	.pre-register-milestone-rewards ul li.target{
		border:2px solid #ffac06;
	}

	.milestone-reward-header:after, .milestone-reward-header:before{
		width:7px;
		height:7px;
		top:45%;
	}

	.milestone-reward-header:after,
	.target .milestone-reward-header:after{
		right:-3px;
	}

	.milestone-reward-header:before,
	.target .milestone-reward-header:before{
		left:-8px;
	}

	.milestone-reward-header__desc h3{
		font-size:13px;
		line-height: .5em;
		padding-bottom:0;
		padding-top: 5px;
	}

	.milestone-reward-header__desc span{
		font-size:10px;
	}

	.milestone-reward-graphic .reward{
		max-width:75%;
	}

	.milestone-reward-checkpoint h6{
		font-size:10px;
		line-height:0.6em;
	}

	.overview-container{
		padding:100px 0 25%;
	}

	.overview-content{
		padding:45px 20px;
	}

	.overview-bird[data-bird="1"] {
	    top: -20%;
	    left: 5%;
	}

	.overview-bird[data-bird="3"]{
	    top: -50%;
    	right: 0%;
	}

	.overview-bird[data-bird="3"] .overview-bird-group, .overview-bird[data-bird="3"] .overview-bird-shadow, .overview-bird[data-bird="3"] .overview-bird-obj{
		animation-delay:4s;
	}

	.overview-bird[data-bird="5"] {
	    top: -40%;
	    left: 20%;
	}

	.overview-content .content-label.md .content-label__text{
		top:55%;
	}

	.npc-desc__title{
		line-height:1.2em !important;
	}

	.npc-bg[data-npc-bg="1"]{
	    background: url(../img/senior-&-friend/mob-senior-friend-bg-1.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-bg[data-npc-bg="2"]{
	    background: url(../img/senior-&-friend/mob-senior-friend-bg-2.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-bg[data-npc-bg="3"]{
	    background: url(../img/senior-&-friend/mob-senior-friend-bg-3.png?v=5) no-repeat left top;
    	background-size: 100% auto;
	}

	.npc-footer-bg img{
		max-height: 328px;
		height:328px;
	}

	.npc-footer-bg .tablet{
		display:none;
	}

	.npc-footer-bg .mobile{
		display:block;
	}

	.npc-container{
		padding-bottom:10%;
		padding-top:80px;
	}

	.npc-content{
		width:100%;
		padding-bottom:55px;
	}

	.npc-slider{
		padding:30px 25px 0;
	}

	.npc-animated{
		right:-8%;
	}

	.npc-nav li{
		width: 52px;
	    height: 52px;
	    margin: 0 2px 5px;
	}

	.npc-nav li img{
	    width: 55px;
	}

	.npc-desc-content h6{
		font-size:16px;
		padding:13px 0;
	}

	.npc-desc-content h5{
		font-size:17px;
	}	

	.npc-footer-bg img{
		height:initial;
	}

	.media-container{
		padding-top:88px;
	}

	.media-book{
		top:-18%;
	}

	.media-scroll{
		width:50%;
		left:-24%;
		bottom:-5%;
	}

	.media-showcase{
		padding:80px 5% 50px
	}

	.media-showcase ul li, .media-showcase ul li:nth-child(3n+2){
		margin:0 1% 5px;
	}

	.media-showcase ul li span{
		font-size:11px !important;
	}

	.media-content .content-label.md.labelPaperBG{
		width: 180px;
    	height: 48px;
    	top: 35px;
	}

	.showcase-item-square div{
		width:4px;
		height:4px;
	}

	.showcase-item-square div:nth-child(1){
		top:-4px;
		left:-4px;
	}

	.showcase-item-square div:nth-child(2){
		top:-4px;
		right:-4px;
	}

	.showcase-item-square div:nth-child(3){
		bottom:-4px;
		left:-4px;
	}

	.showcase-item-square div:nth-child(4){
		bottom:-4px;
		right:-4px;
	}

	/**/
}


@media(max-width:560px){
	.delivery-content, .postcard-content{
		width:90%;
	}

	.delivery-content ul li img{
		display:block;
		width:80px;
	}

	.footer ul li, .footer ul li:last-child{
		margin:0 1.5% 3.5%;
	}

	.footer{
		padding:40px 0 40px;
	}

	.footer p{
		padding:30px 0;
	}

	.footer ul li{
		max-width: 65px;
		width: 100%;
	}

	.sign-up-input .submit-btn{
		width:60px !important;
	}

	.paper-border .small-border{
		width: 97.2%;
    	height: 99%;
	}

	.paper-border .big-border{
		width: 94%;
		height: 97%;
	}

	.paper-border[data-section="news"] .big-border{
		width:95%;
		height:97.5%;
	}

	.paper-border[data-section="news"] .small-border{
		width: 97.5%;
    	height: 99%;
	}

	.paper-border[data-section="rankup"] .big-border{
		width:94%;
		height:97.5%;
	}

	.paper-border[data-section="rankup"] .small-border{
		width: 97.5%;
    	height: 99.2%;
	}

	.paper-border[data-section="sign-up"] .big-border{
		width:94%;
		height:96%;
	}

	.paper-border[data-section="sign-up"] .small-border{
		width: 97.5%;
    	height: 98.5%;
	}

	.paper-border[data-section="npc"] .big-border {
	    width: 96.5%;
	    height: 97.5%;
	}

	.paper-border[data-section="npc"] .small-border {
	    width: 97.5%;
	    height: 99%;
	}

	.paper-border[data-section="media"] .big-border {
	    width: 96.5%;
	    height: 98.8%;
	}

	.paper-border[data-section="media"] .small-border{
		width: 97.2%;
	}

	.landing-earth{
		/*max-width:480px;*/
		width:100%;
		height:100%;
		background-size: auto 70%;
		bottom: 16%;
	}

	.nu-list-pagination a, .nu-list-pagination span{
		margin:0 5px;
	}

	.footer ul li{
		max-width:50px;
		width:20%;
		text-align:center;
	}

	.footer ul li img{
		max-width:initial;
		width:100%;
	}

	.footer ul li, .footer ul li:last-child{
		margin:0 1.5%;
	}

	.npc-illustration img{
		top:-50px;
	}

	.pre-register-complete-container{
		position:relative;
	    width: 90%;
	}

	.pre-register-complete-content {
	    width: 99%;
	    height:auto;
	    text-align:center;
	    margin: 0 auto;
	}

	.pre-register-complete-content__bg{
		width:100%;
		height:100%;
		position:relative;
		top:initial;
		left:initial;
		transform:initial;
		border:none;
	}

	.pre-register-complete-content__desc{
		text-align:left;
		top:28%;
		left:15%;
	}

	.npc-content-bg{
		width:94%;
	}
}

@media(max-width:480px){
	.npc-animated{
		top:200px;
	}

	.milestone-reward-header__desc span{
		font-size:8px !important;
		width:82%;
		display:inline-block;
		margin:5px auto 0;
	}
}

@media(max-width:400px){
	.delivery-content ul li{
		padding:20px 0;
	}

	.delivery-content ul li img {
	    display: block;
	    margin: 0 auto;
	    padding: 0;
	}

	.delivery-content ul li div {
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	    padding-top: 20px;
	}

	.landing-pregister-cta a{
		max-width:150px;
	}

	.landing-content{
		bottom:0;
	}

	.static-logo{
		padding-bottom:20px;
	}

	.sign-up-input input.email{
		font-size:11px;
	}

	.nu-download-container a{
		max-width:130px
	}

	.nu-logo{
		height:51px;
		position:relative;
	}

	.nu-logo img{
		width:100%;
		display:inline-block;
		vertical-align:middle;

		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.footer ul li, .footer ul li:last-child{
		margin:0 1.5% 3.5%;
	}
}

@media(max-width:380px){
	.static.landing-container,
	.landing-container.higher-phone{
	    min-height: 700px;
	}

	.static-chars{
		top:50%;
	}

	.landing-content{
		bottom:0%;
	}

	.loader{
		top:38%;
	}

	.nu-nav-container p{
		font-size:12px !important;
	}

	.latest-nu-content .slick-dots{
		bottom:40%;
	}

	.landing-pregister-cta a{
		margin-bottom:10px;
	}

	.npc-nav li{
		width:49px;
		height:49px;
		margin:0 2px 5px 0px;
		border-radius:5px;
	}

	.npc-nav li img{
		width:49px;
	}

	.npc-container{
		padding-top:70px;
	}

	.npc-illustration img{
		width:105%;
		top:-60px;
	}

	.pre-register-2__label p{
		top:5px;
	}
}

@media(max-width:370px){
	.wrapper[data-page="landing"] p{
		font-size:11px;
	}

	.wrapper[data-page="landing"] span{
		font-size:9px;
	}

	.pre-register-container{
		padding-top:40px;
	}

	.pre-register-milestone-rewards ul li{
		min-height:130px;
	}

	.milestone-reward-checkpoint{
		padding:10px 0 5px;
	}

	/*.milestone-reward-checkpoint h6{
		font-size:9px;
	}*/

	.welcome-content{
		padding:230px 0 60px;
	}
}

/*@media(max-width:340px){

	@media(max-height:700px){
		.landing-container,
		.landing-container.higher-phone{
		    height: 680px;
		}
	}
}*/

@media(max-width:420px){
	@media(min-height:800px){
		.landing-content{
			bottom:6%;
		}
	}
}

@media(max-width:380px){
	@media(min-height:800px){
		
	}
}

@media(min-width:385px){
	.nu-dl-br{
		display:none;
	}
}

@media(max-width:340px){
	.pre-register-milestone-rewards ul li{
		width:40%;
    	margin: 0 4.5% 60px;
	}
}