@font-face {
  font-family: "FuturaPT-Medium";
  src: url("../fonts/FuturaPT-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/FuturaPT-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/FuturaPT-Medium.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}



/* NEW CSS */
body { font-family: "FuturaPT-Medium"; color:#707070; font-size:18px; background:#fff; position:relative; }
a { font-family: "FuturaPT-Medium"; color: #707070; font-size: 18px; text-decoration:none; }
a:hover { font-family: "FuturaPT-Medium"; color: #707070; font-size: 18px; text-decoration:none;}

a, img, input, button, textarea, select { outline: none; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.clearfix:after { clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden;}

#wrapper { position:relative; overflow: hidden}

.wrapper { width:1200px; margin: auto; position:relative; z-index: 1}

.fl { float:left}
.fr { float:right}

button, a, .trans {
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;
}


a.btn { display:inline-block; padding:0 25px; border-radius:20px; background:#a5c848; color:#fff; line-height:50px; height:50px; font-size:20px; text-transform:uppercase }
a.btn:hover { font-size:20px;}

button.btn { display:inline-block; padding:0 25px; border-radius:20px; background:#a5c848; color:#fff; line-height:50px; height:50px; font-size:20px; text-transform:uppercase }
button.btn:hover { font-size:20px;}


/* HEADER */
#header.downscroll { top:-100px; opacity:0}
#header.upscroll { top:0; opacity:1; -webkit-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;}

#header  { position:fixed; z-index:10; left:0; top:0; right:0; padding:15px 20px; background:rgba(255,255,255,1); box-shadow: 0 0 20px rgba(0,0,0,0.5) }
#header.active {  background:rgba(255,255,255,1)}

#header .logo { float:left; margin-top:5px}
#header .logo a { font-size:36px; color: #2E3038; font-weight: bold}

#header .lang { float:right; position:relative; padding-top:5px }
#header .lang ul { position: absolute; top: 100%; width: 100%; left: 0; opacity: 0; background: #fff }
#header .lang ul li { list-style-type: none; border-top:2px solid #D5D3CF}
#header .lang ul li a { width: 100%; height: 30px; line-height: 30px; display: block; text-align: center; }
#header .lang ul li a.active { background-image:url(../images/check-lang.png); background-position: 95% 50%; background-repeat: no-repeat; color: #E8AC97}
#header .lang ul li a:hover { background-color:#E8AC97; color: #fff !important}
#header .lang:hover ul { opacity: 1; border:2px solid #d5d3cf; border-top: none;}

#header .lang .trigger { width:70px; height:30px; line-height: 30px; background-image:url(../images/arrow-bottom.png); background-position: 90% 50%; background-repeat: no-repeat; font-size: 21px; color:#E8AC97; padding:0px 10px; border:2px solid #ffffff; border-bottom: none; opacity: 1; cursor: pointer}

#header .lang:hover .trigger { border:2px solid #d5d3cf; border-bottom: none; background-position: 50% 50%;}
#header .lang:hover .trigger span { opacity: 0}


#header .menu { position: absolute; right: 100px; top: 25px; }
#header .menu ul { }
#header .menu li { display:block; float: left; list-style-type: none; padding: 0 5px; margin-left: 20px }
#header .menu li a { font-size:22px; font-weight:500; color:#707070; text-transform:uppercase; }
#header .menu li a:hover, #header .menu li a.active { color:#E8AC97}


#header .menu.active { display:block}




#header .toggle-nav { display:none; float:right; position:relative; z-index:10; width:40px; height:40px; margin-left:10px }
#header .toggle-nav i { position:absolute; display:block; height:2px; background:#000000; width:30px; right:5px; }

#header .toggle-nav i:nth-child(1) { top:10px; }
#header .toggle-nav i:nth-child(2) { top:19px; }
#header .toggle-nav i:nth-child(3) { top:28px; }

#header .toggle-nav.active i:nth-child(1) { top:19px; -webkit-transform:rotateZ(45deg); -moz-transform:rotateZ(45deg); -o-transform:rotateZ(45deg); transform:rotateZ(45deg); }
#header .toggle-nav.active i:nth-child(2) { background: transparent; }
#header .toggle-nav.active i:nth-child(3) { top:19px; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); -o-transform:rotateZ(-45deg); transform:rotateZ(-45deg); }




/* CENTER */
.screen { position: relative; padding: 50px 0}

#first { padding:200px 0 100px 0; min-height: 100vh; background-image: url("../images/first-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 0% 0%}
#first .left-part { float: left; }

#first .left-part .logo img { display: block; width: 100%}
#first .right-part { float: left; margin: 160px 0 0 20px; padding:20px 20px 10px 20px; background:rgba(0,0,0,0.3)}

#first .wrapper { margin:0; width:880px; position:absolute; left:50% ;top: 50%; transform:translate(-50%, -50%);  }
#first .title h3 { color:#fff;}
#first .content { color:#fff; border-top: 3px solid #fff;}

/* CONTENT */
.title {}
.title h1, .title h2, .title h3 { margin:0; padding:0; font-size:40px; text-transform:uppercase; color:#2E3038; font-weight:500; display:inline-block; }

.content { font-size:15px; padding-top:5px; color: #2E3038; border-top:3px solid #2E3038; display:inline-block; max-width:450px;}
.content a { }
.content ul, .content ol { padding-left: 20px; padding-bottom: 20px }
.content p { padding-bottom: 20px }



#about .wrapper:before { border: 20px solid rgba(0, 0, 0, 0.1); border-radius: 180px; width: 500px; height: 500px; content: ''; position: absolute; right: 105%; top: 30px; transform: rotate(-69.41deg); }

.about-text { font-size:24px; color:#707070; padding: 60px 0; max-width: 440px; float: left}
.about-video { float: right; /*width: 320px; height: 320px;*/ overflow:hidden}
.about-video video { height: 100%}

.service-list { padding:80px 20px 0 20px;}
.service-list .service-item { float:left; width:48%; margin-bottom:5%; position: relative}
.service-list .service-item:nth-child(2n) { float:right; }
.service-list .service-item .icon { position:absolute; top: -22px; left:0px;  }
.service-list .service-item .icon svg { width: 120px; height: 120px}
.service-list .service-item .info { padding-left:100px; }
.service-list .service-item .info h4 { color:#2E3038; font-size:18px; text-transform:uppercase; padding: 20px 0 20px 20px;}
.service-list .service-item .info p { color:#2E3038; font-size:18px;}




.work-list { position: relative; padding: 0 0 40px 0}
.work-list .work-item { float: left; width: 33.33%; text-align: center} 
.work-list .work-item .icon { position:relative; margin:120px auto 60px auto; width: 276px;}
.work-list .work-item .icon:before { content:''; background-image:url(../images/logo-icon.svg); background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%; position:absolute; z-index:1; left:32px; top:5px; width:180px; height:180px; }
.work-list .work-item .cube { width: 200px; height: 200px; background: linear-gradient(45.61deg, #FFDDAC 0.18%, rgba(255, 221, 172, 0.12) 100.25%); border-radius: 20px; transform: rotate(-45deg); margin: auto }
.work-list .work-item .line { position: relative}
.work-list .work-item .line:before { content: ''; position: absolute; left: 0; margin-left:-5px; width: 180px; height: 30px; background: #FFDDAC; border-radius: 30px; transform: rotate(-45deg);}
.work-list .work-item .line:after { content: ''; position: absolute; right: 0; margin-right:-5px; width: 180px; height: 30px; background: #FFDDAC; border-radius: 30px; transform: rotate(45deg);}

.work-list .work-item .icon.down:before { background-image:url(../images/logo-icon-2.svg); background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
.work-list .work-item .icon.down { margin:70px auto 75px auto; width: 276px;}
.work-list .work-item .icon.down .line:before {  top: 170px; transform: rotate(45deg);}
.work-list .work-item .icon.down .line:after { top: 170px; transform: rotate(-45deg);}

.work-list .work-item .icon.down .cube { transform: rotate(-225deg); }

.work-list .work-item .num { position:absolute; z-index: 1; left:50% ;top: 50%; transform:translate(-50%, -50%); font-size: 140px; color: #2E3038;}

.work-list .work-item .info { color:#2E3038; font-size: 18px; padding: 0 1%}
.work-list .work-item .info h4 { text-transform: uppercase; padding-bottom: 20px}




#principle { padding:40px 0}
.principle-block { border-radius:100px; border:20px solid rgba(0, 0, 0, 0.1); background:rgba(255, 221, 172, 0.6); padding: 50px 70px}

.principle-list { padding-top:40px}
.principle-list .principle-item { color: #2E3038; font-size: 18px; width:50%; float: left; text-align: center; padding: 40px 5%; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; margin: 20px 0}
.principle-list .principle-item h4 { text-transform: uppercase; padding-bottom: 20px}

.principle-list .principle-item:nth-child(1) { background-image: url("../images/icon-confidence.svg"); }
.principle-list .principle-item:nth-child(2) { background-image: url("../images/icon-transparency.svg"); }
.principle-list .principle-item:nth-child(3) { background-image: url("../images/icon-diamond.svg"); }
.principle-list .principle-item:nth-child(4) { background-image: url("../images/icon-hand.svg"); }






.investor-slider { overflow:hidden; position: relative; margin:80px 0 40px 0}
.investor-slider .investor-item { text-align:center}
.investor-slider .investor-item .name { padding-top: 15px; text-transform: uppercase; color: #2E3038; font-size: 18px }
.investor-slider .investor-item .thumb img { transform: scale(1); -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; -o-transition:all 1.5s ease; -ms-transition:all 1.5s ease; transition:all 1.5s ease;}
.investor-slider .investor-item .thumb a:hover img { transform: scale(1.1); }

.investor-slider .owl-item { float:left; }

.investor-slider .owl-nav.disabled { display: none; }
.investor-slider .owl-dots.disabled { display: none; }

.investor-slider .owl-nav button.disabled { display: none; }
.investor-slider .owl-nav button { position:absolute; top:50%; z-index: 10; display: block; background:rgba(255,255,255,0.7);  text-align:center; border:none; margin-top:-40px; cursor: pointer}
.investor-slider .owl-nav button:hover {  background:rgba(255,255,255,1); }
.investor-slider .owl-nav button span { display: block; text-align: center; font-size: 72px; margin-top:-20px; color:#e7ac99}
.investor-slider .owl-nav .owl-prev { left: 0px; }
.investor-slider .owl-nav .owl-next { right: 0px;}

.investor-slider .owl-dots { position:absolute; width: max-content; transform:translate(-50%, 0); bottom:20px; left: 50%; }
.investor-slider .owl-dots button { display:block; border:none; background:#D5D3CF; border-radius: 10px; width: 15px; height: 15px; float:left; margin:0 5px;}
.investor-slider .owl-dots button.active { background:#E8AC97;  }
.investor-slider .owl-dots span { display:none }


#contact { min-height:90vh}

.contact-text { background: #FFFFFF; border: 1px solid #FFDDAC; padding: 20px; width: 300px; text-align: center; font-size: 18px; color: #2E3038; position: absolute; top:100px; right: 0;}
.contact-text .drop { margin:20px auto; width: 170px; height: 1px; background:#FFDDAC }

#map { position:absolute; left: 0; top: 0; right: 0; bottom: 0;}


footer { background:#707070; padding: 10px 0; color: #FFDDAC; font-weight: bold; font-size: 14px; text-transform: uppercase}

/* WEB FORM */
.web-form { }
.web-form .field { padding: 10px 0}
.web-form .field label { display: block; padding-bottom: 10px}
.web-form .field input { background:#f5f5f5; padding:0 10px; border-radius:20px; border:none; height: 50px; width: 100%}
.web-form .field textarea { background:#f5f5f5; padding:0 10px; border-radius:20px; border:none; height: 150px; width: 100%}

.web-form .field.col { float:left; width: 49%}
.web-form .field.col:nth-child(2n) { float:right}

.web-form .button { padding: 10px 0}
.web-form .button button { border:none}








/* CUBE ROTATE */
/*
.cube-rotate { 
	position:absolute; top:80vh; left: 45vw; z-index: 1;
	width: 10px; height: 10px; 
	border: solid 1px rgba(0,0,0,0.1);
	transform-origin: top left; transform: scale(0) rotate(0deg) translate(-50%, -50%); 
	animation: cube 12s ease-in forwards infinite;
}

.cube-rotate:nth-child(2n) { border-color: rgba(0,0,0,0.3) ; }

.cube-rotate:nth-child(2) { animation-delay: 2s; left: 25vw; top: 40vh; }
.cube-rotate:nth-child(3) { animation-delay: 4s; left: 75vw; top: 50vh; }
.cube-rotate:nth-child(4) { animation-delay: 6s; left: 90vw; top: 10vh; }
.cube-rotate:nth-child(5) { animation-delay: 8s; left: 10vw; top: 65vh; }
.cube-rotate:nth-child(6) { animation-delay: 10s; left: 50vw; top: 10vh; }


@keyframes cube {
	from {
		transform: scale(0) rotate(0deg) translate(-50%, -50%);   
		opacity: 1;
	}
	to {
		transform: scale(20) rotate(960deg) translate(-50%, -50%); 
		opacity: 0;
	}
}
*/







/* RESPONSIVE */
@media (max-width: 1200px) {
	.wrapper { width:100%; padding:0 10px; }
	
    #first .wrapper { margin:auto; width:100%;}
	
	/* CENTER */
	.work-list .work-item { width: 50%; } 
	
	#first .wrapper { margin:auto; position:relative; left:0% ;top: 0%; transform:translate(0%, 0%);  }


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	.wrapper { width:100%; padding:0 10px; }
	
	
	/* HEADER */
	#header .toggle-nav { display: block}
	
	#header .menu { display:none; transform: translate(0, 0); top: 100%; left: 0; right: 0; background:#fff; padding-top: 20px; width: 100%}
	#header .menu li { float:none; display: block; padding-bottom: 20px; text-align: center}
	
	
	#first .wrapper { margin:auto; width:100%;}
	/* CENTER */
	#first .left-part .logo { width: 300px}
	
	.about-video { float: none; width: 100%; height: auto; overflow:hidden; text-align:center;}
	
	.service-list .service-item .icon { position:relative; top:0; left:0px;  }
	.service-list .service-item .icon svg { width: 120px; height: 120px; margin: auto; display: block}
	.service-list .service-item .info { padding-left:0; }
	.service-list .service-item .info h4 { padding-left:0}
	
	#contact { min-height:140vh}
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	/* HEADER */
	#header .toggle-nav { display: block}
	
	#header .menu { display:none; transform: translate(0, 0); top: 100%; left: 0; right: 0; background:#fff; padding-top: 20px; width: 100%}
	#header .menu li { float:none; display: block; padding-bottom: 20px; text-align: center}
	
	/* CENTER */
	#first .left-part { float: none;}
	#first .left-part .logo { width: 250px; margin:auto;}
	#first .right-part { float: none; margin:20px 0 0 0;}
	
	.title { text-align:center}
	.content { display:block; text-align:center; margin:auto;}
	
	.about-text {  max-width: 100%; float: none}
	.about-video { float: none; width: 100%; height: auto; overflow:hidden; text-align:center;}
	.about-video video { width: 100%;  height: auto}

	
	.service-list .service-item { float:none !important; width: 100% !important; }
	
	.work-list .work-item { width: 280px; margin: auto; float: none} 
	
	
	.principle-list .principle-item { float:none !important; width: 100% !important; padding: 40px 0 !important}
	
	
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	/* HEADER */
	


	
	/* CENTER */
	.service-list .service-item { float:none; width: 100%}
	.service-list .service-item .icon { position:relative; top:0; left:0px;  }
	.service-list .service-item .icon svg { width: 120px; height: 120px; margin: auto; display: block}
	.service-list .service-item .info { padding-left:0; text-align: center; }
	.service-list .service-item .info h4 { padding-left:0}

	.about-video img { display:block; width:100%;}	
	
	.principle-block { padding: 50px 20px; border-radius: 50px;}
	
	#contact { min-height:90vh}
	
	
	.contact-text { left:50%;  transform: translate(-50%, 0%);}
	
}