@font-face {
    font-family: HelveticaRegular;  
    src: url(../fonts/font.woff);
    font-weight: 400;   
}

@font-face {
  font-family: HelveticaLight;
  src: url(../fonts/font-light.woff);
  font-weight: 300;
}

html{
	font-size: 62.5%;
	box-sizing: border-box;
	color: #000;
}

body {
	background: #FFFFFF;
	margin: 0;
    font-family: HelveticaRegular; 
    font-weight: 400; 

    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: background .5s cubic-bezier(.165,.84,.44,1);
    -webkit-transition: background .5s cubic-bezier(.165,.84,.44,1);
    transition: background .5s cubic-bezier(.165,.84,.44,1);
    padding: 0 1.2rem;
}

body:lang(en) {
	background: #FF6720;
}

@media only screen and (min-width: 375px) {
	body{
		padding: 0 3.2%;
	}	
}

@media only screen and (min-width: 768px) {
	body{
		padding: 0 2.5%;
	}	
}

.cp-height{
	height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  	height: -moz-calc(var(--vh, 1vh) * 100);
  	height: -webkit-calc(var(--vh, 1vh) * 100);
  	height: calc(var(--vh, 1vh) * 100);
}


.cp-content{
	height: 100%;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
    flex-flow: column;
    justify-content: space-between;
   	opacity: 1;
   	-moz-transition: all 1.1s cubic-bezier(.165,.84,.44,1);
   	-webkit-transition: all 1.1s cubic-bezier(.165,.84,.44,1);
   	transition: all 1.1s cubic-bezier(.165,.84,.44,1);
}

body .revealElement{
	opacity: 0;
	-moz-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-moz-transition: all 1.1s cubic-bezier(.165,.84,.44,1);
	-webkit-transition: all 1.1s cubic-bezier(.165,.84,.44,1);
	transition: all 1.1s cubic-bezier(.165,.84,.44,1);
	will-change: transform, opacity;
}

body .revealElement--one{
	transition-delay: 0.1s;
}
body .revealElement--two{
	transition-delay: 0.2s;
}
body .revealElement--tree{
	transition-delay: 0.3s;
}
body .revealElement--four{
	transition-delay: 0.4s;
}
body .revealElement--five{
	transition-delay: 0.5s;
}

body .revealElement--six{
	transition-delay: 0.6s;
}


@media only screen and (min-width: 768px) {
	body .revealElement--six{
		transition-delay: 0.3s;
	}
}

body .revealElement--seven{
	transition-delay: 0.7s;
}

@media only screen and (min-width: 768px) {
	body .revealElement--seven{
		transition-delay: 0.4s;
	}
}



body.is-ready {
	opacity: 1!important;
}

body.is-ready .revealElement{
	opacity: 1;
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


*, :after, :before {
    box-sizing: inherit;
}

.only-desktop{
	display: none!important;
}
@media only screen and (min-width: 768px) {
	.only-desktop{
		display: block!important;
	}
}


@media only screen and (min-width: 768px) {
	.only-mobile{
		display: none!important;
	}
}

img{
	display: block;
}

.cp-hr{
	width: 100%;
	padding: 0;
	height: 1px;
	border: 0;
    margin:0;
    background: #000;
    
}



.cp-title{
	margin: 0;
}

ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a{
	color: #000;
	text-decoration: none;
}

p{
	font-size: 1.5rem;
	font-weight: 325;
	line-height: 1.33;
	
	/*letter-spacing: 0.01em;*/
	font-family: HelveticaLight;
	margin:0 0 1.42em;
}

p:last-child{
	margin:0;
}

@media only screen and (min-width: 375px) {
	p{
		font-size: 1.8rem;
	}	
}

@media only screen and (min-width: 768px) {
	p{
		font-size: 1rem;
		line-height: 1.29;
		letter-spacing: 0.0041em;
		margin: 0;
		text-align: justify;
	}
}
@media only screen and (min-width: 960px) {
	p{
		font-size: 1.1rem;
	}
}
@media only screen and (min-width: 1440px) {
	p{
		font-size: 1.4rem;
	}	
}
@media only screen and (min-width: 1920px) {
	p{
		font-size: 1.87rem;
	}	
}
@media only screen and (min-width: 2560px) {
	p{
		font-size: 2.49rem;
	}	
}

.cp-main li{
	font-size: 1rem;
    line-height: 1.16;
    letter-spacing: 0.01em;
	text-transform: uppercase;
	padding: 1rem 0;
	font-weight: 400;
}
@media only screen and (min-width: 375px) {
	.cp-main li{
		font-size: 1.2rem;
		padding: 1.1rem 0;
	}	
}

@media only screen and (min-width: 768px) {
	.cp-main li{
		font-size: 1rem;
		padding: 0.76rem 0;
	}	
}
@media only screen and (min-width: 960px) {
	.cp-main li{
		font-size: 1.1rem;
		padding: 0.95rem 0;
	}
}
@media only screen and (min-width: 1440px) {
	.cp-main li{
		font-size: 1.4rem;
		padding: 1rem 0;
	}	
}
@media only screen and (min-width: 1920px) {
	.cp-main li{
		font-size: 1.87rem;
		padding: 1.33rem 0;
	}	
}
@media only screen and (min-width: 2560px) {
	.cp-main li{
		font-size: 2.49rem;
		padding: 1.78rem 0;
	}	
}

.cp-main li.li-info{
	margin-left: auto;
    margin-right: 9.5%;
}

.cp-main li.m-width{
	min-width: 130px;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
    justify-content: space-between;
} 

.cp-main li.m-width a{
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
    justify-content: space-between;
    width: 100%;
}    

@media only screen and (min-width: 768px) {
	.cp-main li span{
		margin-right: 3em;
	}
}


.cp-text{
	font-size: 0.8rem;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 400;
}
@media only screen and (min-width: 375px) {
	.cp-text{
		font-size: 1rem;
	}	
}
@media only screen and (min-width: 768px) {
	.cp-text{
		font-size: 0.8rem;
	}	
}
@media only screen and (min-width: 960px) {
	.cp-text{
		font-size: 0.9rem;
	}	
}
@media only screen and (min-width: 1440px) {
	.cp-text{
		font-size: 1rem;
	}	
}
@media only screen and (min-width: 1920px) {
	.cp-text{
		font-size: 1.33rem;
	}	
}

@media only screen and (min-width: 2560px) {
	.cp-text{
		font-size: 1.78rem;
	}	
}

.cp-btn{
	font-size: 1rem;
	line-height: 1;
	text-transform: uppercase;
	border: 1px solid #000;
	border-radius: 35px;
	padding: 5px 15px;
	display: inline-block;
}
@media only screen and (min-width: 375px) {
	.cp-btn{
		font-size: 1.2rem;
	}	
}
@media only screen and (min-width: 768px) {
	.cp-btn{
		font-size: 0.9rem;
		padding: 0.42em 1.26em;
	}	
}
@media only screen and (min-width: 960px) {
	.cp-btn{
		font-size: 1rem;
	}	
}
@media only screen and (min-width: 1440px) {
	.cp-btn{
		font-size: 1.2rem;
	}	
}
@media only screen and (min-width: 1920px) {
	.cp-btn{
		font-size: 1.6rem;
	}	
}

@media only screen and (min-width: 2560px) {
	.cp-btn{
		font-size: 2.1rem;
	}	
}

.cp-header {
	padding-top: 1.6rem;
}
@media only screen and (min-width: 375px) {
	.cp-header{
		padding-top: 5.4%;
	}	
}

@media only screen and (min-width: 768px) {
	.cp-header{
		padding-top: 2.5%;
	}	
}

.cp-header .cp-header_content{
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


.cp-header .cp-logo{
	width: 12.7rem;
}
@media only screen and (min-width: 768px) {
	.cp-header .cp-logo{
		width: 12rem;
	}
}
@media only screen and (min-width: 960px) {
	.cp-header .cp-logo{
		width: 14rem;
	}
}
@media only screen and (min-width: 1440px) {
	.cp-header .cp-logo{
		/*width: 22.2rem;*/
		width: 17.7rem;
	}
}
@media only screen and (min-width: 1920px) {
	.cp-header .cp-logo{
		width: 23.6rem;
	}
}

@media only screen and (min-width: 2560px) {
	.cp-header .cp-logo{
		width: 31.4rem;
	}
}

.cp-header nav ul{
	display: flex;
}

.cp-header nav ul li{
	margin-right: 7px;
}

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

.cp-header #btn-about{
	cursor: pointer;
}

.cp-about{
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100vh;

	height: -moz-calc(var(--vh, 1vh) * 100);
    height: -webkit-calc(var(--vh, 1vh) * 100);
   	height: calc(var(--vh, 1vh) * 100);
   	padding: 8rem 0 6.8rem;
   	overflow: auto;
  
   	display: none;
}

.cp-about.open{
	display: block;
}

.cp-about__container-cta{
	position: fixed;
	z-index: 20;
	width: 100%;
	padding: 1.6rem 1.2rem 0;
	top: 0;
}

@media only screen and (min-width: 375px) {
	.cp-about__container-cta{
		padding: 5.4% 3.2% 0;
	}
}

.cp-about .cp-about__close{
	width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: auto;
}

.cp-about .cp-about__top{
	position: fixed;
	width: 100%;
	top: 0;
	height: 8rem;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 11;
	background: rgba(255,255,255,0.6);
}

.cp-about .cp-about__top:lang(en){
	background: rgba(255,103,32,0.6);
}

@media only screen and (min-width: 375px) {
	.cp-about .cp-about__close{
		right: 3.2%;
	}	
}

.cp-about .cp-about__center{
	background: #fff;
	height: -moz-calc(100% - 14.8rem);
    height: -webkit-calc(100% - 14.8rem);
   	height: calc(100% - 14.8rem);
	position: fixed;
	top: 8rem;
	left:0;
	right: 0;
	width: 100%;
}

.cp-about .cp-about__center:lang(en){
	background: #FF6720;
}

.cp-about .cp-about__content{
    display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
    flex-flow: column;
    height: 100%;
    padding: 0 1.2rem;
    background: transparent;
    position: relative;
    z-index: 12;
}

@media only screen and (min-width: 375px) {
	.cp-about .cp-about__content{
		padding: 0 3.2%;
	}	
}

.cp-about__content-inside{
	padding-bottom: 6.8rem;
}

.cp-about .cp-about__bottom{
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 6.8rem;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 11;
	background: rgba(255,255,255,0.6);
}

.cp-about .cp-about__bottom:lang(en){
	background: rgba(255,103,32,0.6);
}

@media only screen and (min-width: 768px) {
	.cp-main{
		margin: auto 0 0;
	}	
}

.cp-main .cp-main__info ul{
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	justify-content: space-between;
}

.cp-main .cp-main__text{
	padding: 1rem 0;
}
@media only screen and (min-width: 375px) {
	.cp-main .cp-main__text{
		padding: 1.2rem 0;
	}
}
@media only screen and (min-width: 768px) {
	.cp-main .cp-main__text{
		padding: 0.76rem 0 2.1rem;
	}
}
@media only screen and (min-width: 960px) {
	.cp-main .cp-main__text{
		padding: 0.95rem 0 2.6rem;
	}
}
@media only screen and (min-width: 1440px) {
	.cp-main .cp-main__text{
		padding: 1rem 0 2.8rem;
	}
}
@media only screen and (min-width: 1920px) {
	.cp-main .cp-main__text{
		padding: 1.33rem 0 3.7rem;
	}
}
@media only screen and (min-width: 2560px) {
	.cp-main .cp-main__text{
		padding: 1.78rem 0 4.9rem;
	}
}

@media only screen and (min-width: 768px) {
	.cp-main .cp-main__text .space{
		width: 25.3%;
		height: 3rem;
		float: left;
	}
}

@media only screen and (min-width: 960px) {
	.cp-main .cp-main__text .space{
		width: -moz-calc(13.15% + 175.88px);
	  	width: -webkit-calc(13.15% + 175.88px);
	  	width: calc(13.15% + 175.88px);
		height: 3.6rem;
	}
}

@media only screen and (min-width: 1440px) {
	.cp-main .cp-main__text .space{
		width: -moz-calc(10.68% + 223.85px);
	  	width: -webkit-calc(10.68% + 223.85px);
		width: calc(10.68% + 223.85px);
		height: 5.4rem;
	}
}

@media only screen and (min-width: 1920px) {
	.cp-main .cp-main__text .space{
		height: 7.2rem;
	}	
}
@media only screen and (min-width: 2560px) {
	.cp-main .cp-main__text .space{
		width: -moz-calc(10.68% + 398.13px);
	  	width: -webkit-calc(10.68% + 398.13px);
		width: calc(10.68% + 398.13px);
		height: 9.6rem;
	}	
}


.cp-footer{
	padding-bottom: 1.6rem;
}
@media only screen and (min-width: 375px) {
	.cp-footer{
		padding-bottom: 5.4%;
	}	
}

@media only screen and (min-width: 768px) {
	.cp-footer{
		padding-bottom: 2.5%;
	}	
}

.cp-footer__copyright{
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}

.cp-footer__copyright img{
	width: 1.6rem;
}
@media only screen and (min-width: 768px) {
	.cp-footer__copyright img{
		width: 1.7rem;
	}
}
@media only screen and (min-width: 960px) {
	.cp-footer__copyright img{
		width: 1.9rem;
	}
}
@media only screen and (min-width: 1440px) {
	.cp-footer__copyright img{
		width: 2.3rem;
	}
}
@media only screen and (min-width: 1920px) {
	.cp-footer__copyright img{
		width: 3rem;
	}
}
@media only screen and (min-width: 2560px) {
	.cp-footer__copyright img{
		width: 4rem;
	}
}