@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(../fonts/lato-black-latin-ext) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(../fonts/lato-black-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato-regular-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato-regular-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
	margin:0;
	color:#130e00;
	font:0.2475rem/1.23 Helvetica, Arial, sans-serif;
	background:#fff;
	min-width:320px;
}
img {
	border-style:none;
}
a {
	color:#00a3e9;
	outline:none;
}
a:hover {
	text-decoration:none;
}
* {
	outline:none;
}
input, textarea, select {
	font:100%  Helvetica, Arial, sans-serif;
	vertical-align:middle;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
	display: block;
}
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	height: 100%;
}
.pace{
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	opacity: 1;
}
.pace-load #wrapper{
	opacity: 1;
}
.pace-load .pace{
	opacity:0;
}
.pace-activity{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 2.51rem;
	height: 0.65rem;
	margin: -0.325rem 0 0 -1.255rem;
	background: url(../images/logo.svg) no-repeat 0 0/2.51rem auto;
}
.pace-activity:after{
	content: 'LOADING...';
	display: block;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.1275rem;
	font-family: 'Lato';
	letter-spacing: 0.027rem;
	color: #253339;
}
.center{
	max-width:100%;
	margin:0 auto;
	padding: 0 0.65rem;
	position: relative;
}
.center:after{
	display:block;
	clear:both;
	content:'';
}
#header{
	position:fixed;
	z-index: 120;
	top:0;
	left:0;
	width:100%;
	padding: 0.36rem 0;
}
#section01 .center,
#header .center{
	padding-left: 1.3rem;
}
.logo{
	float: left;
	color:#130e00;
}
.logo a{
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	width: 2.51rem;
	height:0.524rem;
	position: relative;
}
.logo a:before,
.logo a:after{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 2.51rem;
	height:0.524rem;
	background: url(../images/logo.svg) no-repeat 0% 0%/2.51rem auto;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.logo a:before{
	z-index:5;
}
.logo a:after{
	background-image: url(../images/logo-white.svg);
	opacity: 0;
}
.fp-viewing-projects-projects02 .logo a:before{
	opacity: 0;
}
.fp-viewing-projects-projects02 .logo a:after{
	opacity: 1;
	z-index:6;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.logo span{
	display: block;
	font-size: 0.1275rem;
	font-family: 'Lato';
	letter-spacing: 0.025rem;
	text-transform: uppercase;
	color:#130e00;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.fp-viewing-projects-projects02 .logo span{
	color:#fff;
}
.nav-wrap{
	float: right;
	position: relative;
	display: block;
}
#nav{
	float:right;
	list-style:none;
	margin:0;
	padding:0.06rem 0 0;
	overflow:hidden;
	text-transform:uppercase;
	font-size: 0.1425rem;
	font-family: 'Lato';
	letter-spacing: 0.027rem;
}
#nav li{
	margin: 0 0 0 0.65rem;
	float: left;
}
#nav a{
	text-decoration: none;
	color: #130e00;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.fp-viewing-projects-projects02 #nav a{
	color: #fff;
}
#nav .active a,
#nav a:hover{
	text-decoration: underline;
}
.mob-btn{
	display:none;
}
#fullpage{
	-webkit-transform: translate3d(0px, 0, 0px) !important;
	transform: translate3d(0px, 0, 0px) !important;
}
.section{
	padding:0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 25;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.6s linear;
	transition: transform 0.6s linear;
}
.section.active~.section{
	-webkit-transform: translate3d(0px, 100%, 0px);
	transform: translate3d(0px, 100%, 0px);
	-webkit-transition: -webkit-transform 0.6s linear;
	transition: transform 0.6s linear;
}
.section.active{
	-webkit-transform: translate3d(0px, 0, 0px);
	transform: translate3d(0px, 0, 0px);
	-webkit-transition: -webkit-transform 0.6s linear;
	transition: transform 0.6s linear;
}
.section .center{
	padding-top: 1.5487rem;
	padding-bottom:2.55rem;
}
.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}
.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}
@media (max-width: 767px) {
  /*.fullscreen-bg {

  }
  .fullscreen-bg__video {
    display: none;
  }*/
}
.bottom-holder{
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 0;
	right: 0;
	z-index: 20;
	padding: 0 0 0.2rem;
}
.btn{
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	position: relative;
	color: #130e00;
	text-transform: uppercase;
	text-align: center;
	min-width:2.5rem;
	font-size: 0.225rem;
	font-family: 'Lato';
	letter-spacing: 0.025rem;
	border:0.05rem solid #130e00;
	-webkit-border-radius:0.65rem;
	border-radius:0.65rem;
	height: 0.65rem;
	line-height: 0.4rem;
	background-color: transparent;
	padding: 0.1rem;
	cursor: pointer;
	vertical-align: top;
	-webkit-transition: background 0.2s linear, color 0.2s linear;
	transition: background 0.2s linear, color 0.2s linear;
}
.btn:disabled{
	cursor: default;
}
.btn--more{
	padding-right: 0.53rem;
	padding-left: 0.33rem;
}
.btn--more:before,
.btn--more:after{
	content:'';
	position: absolute;
	right: 0.2rem;
	top: 50%;
	margin:-0.1rem 0 0;
	width: 0.24rem;
	height: 0.19rem;
	background: url(../images/arrow_right.svg) no-repeat 0% 0%/0.24rem 0.19rem;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.slide02 .btn--more:before{
	background-image: url(../images/arrow_right-green.svg);
}
.btn--more:after{
	opacity: 0;
	background-image: url(../images/arrow_right-white.svg);
}
.btn--more:hover:after{
	opacity: 1;
}
.btn:hover{
	background-color:#130e00;
	color:#fff;
}
.btn-next{
	display: block;
	margin:0.82rem auto 0;
	background: url(../images/arrow_down.svg) no-repeat 0% 0%/100% auto;
	opacity: 0.8;
	width: 0.77rem;
	height: 0.36rem;
	-webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
	transition: opacity 0.2s linear, transform 0.2s linear;
}
#section03 .btn-next{
	opacity: 0.39;
}
#section03 .btn-next:hover,
.btn-next:hover{
	opacity: 1;
	-webkit-transform: translate3d(0px, 0.1rem, 0px);
	transform: translate3d(0px, 0.1rem, 0px);
}
.slogan-list{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #fff;
	font-size: 0.3372rem;
	font-family: 'Lato';
	line-height: 0.6rem;
	text-transform: uppercase;
	letter-spacing: 0.035rem;
}
.slogan-list li{
	margin: 0.03rem 0 0;
}
.slogan-list li>span{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 -0.15rem;
	padding: 0 0.15rem;
	background-color: #b5adaa;
}
.ourbackground-wrapper{
	position: relative;
	color: #1a1f21;
	font-size: 0;
}
.ourbackground-wrapper h2{
	margin: 0 0 0.32rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #364248;
	text-align: center;
	font-size: 0.36rem;
	letter-spacing:0.035rem;
}
.ourbackground-wrapper h3{
	margin: 0 0 0.05rem;
	font-weight: 300;
	font-size: 0.36rem;
}
.ourbackground-list{
	overflow: hidden;
	text-align: center;
}
.ourbackground-list .col{
	display: inline-block;
	vertical-align: top;
	padding: 0 0.4rem;
	font-size: 0.225rem;
	text-align: left;
}
.ourbackground-list .list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.ourbackground-list li{
	margin: 0;
}
.inner-slider{
	height: 100%;
	position: relative;
}
.inner-slider h2{
	position: absolute;
	top: 1.76rem;
	left: 0;
	right: 0;
	z-index: 20;
	color: #130e00;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 0.36rem;
	letter-spacing:0.035rem;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
}
.fp-viewing-projects-projects02 .inner-slider h2{
	color: #fff;
}
.slide{
	position: absolute;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: -webkit-transform 0.6s linear;
	transition: transform 0.6s linear;
}
.slide .fp-tableCell{
	padding-top: 2.5rem;
	padding-bottom: 1.5rem;
}
.slide01{
	background-color:#fdc000;
}
.slide02{
	background-color:#101010;
	color:#fff;
}
.slide03{
	background-color:#f7f7f7;
}
.slide.active{
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.slide.active~.slide{
	-webkit-transform: translate3d(100%, 0px, 0px);
	transform: translate3d(100%, 0px, 0px);
}
.fp-slidesContainer{
	-webkit-transform: translate3d(0px, 0, 0px) !important;
	transform: translate3d(0px, 0, 0px) !important;
}
.fp-controlArrow{
	-webkit-transition:opacity 0.3s linear,margin 0.3s linear;
	transition: opacity 0.3s linear,margin 0.3s linear;
	margin-top: -1rem;
	width: 1rem;
	height: 2rem;
	opacity: 0.39;
}
.fp-controlArrow:hover{
	opacity: 1;
}
.fp-controlArrow.fp-next{
	border:0;
	background: url(../images/arrow-right.svg) no-repeat 50% 50%/100% auto;
}
.fp-controlArrow.fp-prev{
	border:0;
	width: 1rem;
	background: url(../images/arrow-left.svg) no-repeat 50% 50%/100% auto;
}
.fp-controlArrow.fp-prev:hover{
	margin-left: -10px;
}
.fp-controlArrow.fp-next:hover{
	margin-right: -10px;
}
.fp-viewing-projects-projects02 .fp-controlArrow.fp-next{
	border:0;
}
.fp-viewing-projects-projects02 .fp-controlArrow.fp-prev{
	border:0;
}
.fp-viewing-projects-projects01 .fp-controlArrow.fp-prev{
	margin-left: -2rem;
	opacity: 0;
}
.fp-viewing-projects-projects03 .fp-controlArrow.fp-next{
	margin-right: -2rem;
	opacity: 0;
}
.fp-slidesNav.bottom,
.fp-slidesNav{
	position: absolute;
	bottom: 0.96rem;
	z-index: 25;
	height: 0;
	text-align: center;
	left: 0 !important;
	right: 0;
	margin-left: 0 !important;
}
.fp-slidesNav ul{
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
.fp-slidesNav ul li{
	margin: 0 0.02rem;
	width: 1.3rem;
	height: 0.04rem;
}
.fp-slidesNav ul li a span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a span,
.fp-slidesNav ul li:hover a.active span{
	background-color:#000;
	display: block;
	-webkit-border-radius:0;
	border-radius:0;
	position:static;
	margin: 0;
	opacity: 0.17;
	width:100%;
	height: 100%;
	-webkit-transition:background 0.3s linear;
	transition: background 0.3s linear;
}
.fp-slidesNav ul li:hover a.active span,
.fp-slidesNav ul li a.active span{
	opacity: 1;
}
.fp-viewing-projects-projects02 .fp-slidesNav ul li a span,
.fp-viewing-projects-projects02 .fp-slidesNav ul li:hover a span{
	background-color:#87cdc1;
}
.project-wrapper{
	position: relative;
}
.project-wrapper:after{
	content:'';
	display: block;
	clear: both;
}
.project-img{
	float: left;
	width: 55.3%;
	text-align: right;
	padding-right: 0.45rem;
}
.project-img__wrap{
	display: inline-block;
	vertical-align: top;
}
.project-img__wrap img{
	width:100%;
	height: auto;
}
.project-holder{
	overflow: hidden;
	padding:0.64rem 0.7rem 0 0;
}
.project-wrapper h3{
	margin: 0 0 0.16rem;
	font-weight: bold;
	font-size: 0.36rem;
	letter-spacing: 0.035rem;
}
.project-wrapper h3 sup{
	margin-left: -0.05rem;
}
.project-holder h4{
	margin: 0 0 0.38rem;
	font-weight: normal;
	font-size: 0.225rem;
}
.project-holder p{
	margin: 0;
}
.project-holder .list{
	margin: 0 0 0.2rem;
	padding: 0 0 0 0.59rem;
	list-style: none;
	font-size: 0.225rem;
}
.project-holder .list li{

}
.user-wrap{
	overflow: hidden;
	margin: 0 0 0.23rem;
}
.user-wrap .img{
	float: left;
	width: 1.02rem;
	height: 1.02rem;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	-webkit-border-radius:1.02rem;
	border-radius:1.02rem;
	overflow: hidden;
	margin: 0 0.25rem 0 0;
}
.user-wrap .holder{
	overflow: hidden;
	font-size: 0.18rem;
	padding: 0.2rem 0 0;
}
.user-wrap .name{
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}
.user-wrap .post{
	margin: 0;
	font-weight: 300;
}
.project-holder .btn--more{
	margin-top: 0.23rem;
}
.slide02 .btn--more{
	border-color:#87cdc1;
	color:#87cdc1;
}
.slide02 .btn--more:hover{
	background-color:#87cdc1;
	color:#fff;
}
.mb-visible320,
.mb-visible{
	display: none;
}
.slogan{
	font-family: 'Lato';
	text-transform: uppercase;
	color: #253339;
	margin: -0.1rem 0 0.11rem;
	font-size: 0.25rem;
	letter-spacing: 0.056rem;
	line-height: 0.6rem;
}
.main-form{
	max-width: 7.56rem;
	margin: 0 auto;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	opacity: 1;
}
.main-form h2{
	color: #130e00;
	margin: 0 0 0.54rem;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 0.36rem;
	letter-spacing:0.035rem;
}
.main-form__row{
	margin: 0 0 0.73rem;
}
.main-form__wrap:after,
.main-form__row:after{
	content: '';
	display: block;
	clear: both;
}
.main-form__wrap{
	margin: 0 -0.17rem;
}
.main-form__col{
	float: left;
	width: 50%;
	padding: 0 .17rem;
}
.main-form__label{
	display: block;
	margin: 0 0 0.15rem;
	color: #364248;
	text-transform: uppercase;
	font-size: 0.225rem;
	letter-spacing:0.02rem;
	padding-left:0.2rem;
	font-family: 'Lato';
}
.input-wrap{
	position: relative;
}
.input{
	border:0.03rem solid #130e00;
	background: #fff;
	padding: 0.1rem 0.2rem;
	width: 100%;
	height: 0.82rem;
	font-size: 0.2475rem;
	color: #364248;
	line-height: 0.6rem;
}
.error .input{
	background:#ffd0d0;
}
.error-note{
	display: none;
	color: #620000;
	padding: 0.1rem 0.2rem;
	border:0.03rem solid transparent;
	pointer-events: none;
	font-size: 0.2475rem;
	height: 0.82rem;
	top: 0;
	left: 0;
	position: absolute;
	line-height: 0.6rem;
}
.error .error-note{
	display: block;
}
textarea.input{
	resize:none;
	overflow: auto;
	height: 2.86rem;
	line-height: 0.52rem;
}
.main-form__row--btn{
	margin: -0.35rem 0 0;
	text-align: center;
}
.main-form__row__align-btn{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.main-form__row__note{
	white-space: nowrap;
	color: #364248;
	font-weight: 300;
	font-size: 0.225rem;
	position: absolute;
	line-height: 0.65rem;
	top: 0;
	left: 100%;
	margin-left: 0.2rem;
}
#section04 .center{
	padding-bottom: 1.5487rem;
	position: static;
}
.open-submit-popup .main-form{
	opacity: 0;
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.submit-popup{
	opacity: 0;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	left: -9999px;
	position: absolute;
	top: -9999px;
	max-width: 5.6rem;
	text-align: center;
	margin: 0 auto;
	color: #130e00;
	font-size: 0.2475rem;
}
.privacy{
	max-width: 100% !important;
	text-align: justify !important;
}
.open-submit-popup .submit-popup{
	opacity: 1;
	left: 0;
	position: relative;
	top: 0;
}
.submit-popup h2{
	margin: 0 0 0.54rem;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 0.36rem;
	letter-spacing:0.035rem;
}
.submit-popup p{
	margin: 0;
}
.share-btn-wrap{
	text-align: center;
}
.share-btn-col{
	display: inline-block;
	vertical-align: middle;
}
.note-link{
	font-size: 0.2rem;
	margin-bottom: 0.3rem;
	font-weight: 300;
	padding-left: 0.65rem;
	position: absolute;
	bottom: 0;
}
.note-link a{
	color: #373737;
}