@font-face{
  font-family: myriad pro;
  src: url('../fonts/MYRIADPRO-REGULAR.woff') format('truetype');
  src: local(myriad pro), url(../fonts/MYRIADPRO-REGULAR.woff) format('truetype');
}
@font-face{
  font-family: myriad pro light;
  src: url('../fonts/MyriadPro-Light.woff') format('truetype');
  src: local(myriad pro light), url(../fonts/MyriadPro-Light.woff) format('truetype');
}
@keyframes popup{
	0%{ left: -100%; }
	100%{ left: -3px; }
}
/*---------------------------------------------------------------------------------*/
/*----------------------------------- PARALLAX ------------------------------------*/
/*---------------------------------------------------------------------------------*/

section.module:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 40px 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: none;
  box-shadow: 0 0 10vh #000;
  min-height: 20vh;
  z-index: 2;
}
section.module.content-1{
	background-image: url(../img/cropter_right.jpg);
  	background-position: center left;
  	background-size: 35%;
  	padding-bottom: 3%;
}
section.module.content-2{
	background-image: url(../img/laptop_consulting.png);
  	background-position: center right;  
}
section.module.content-3{
	background-image: url(../img/control_hub_software.png);
  	background-position: center left;  
}
section.module.content h1{
	font-size: 2vmax;
	font-family: myriad pro;
	margin: 0;
	padding: 0;
}
section.module.content p{
	font-size: 1.5vmax;
	font-family: myriad pro light;
	padding:0;
}
section.module.content-4 .partners{
	text-align: center;
}
section.module.parallax {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
  z-index: 0;
}	
section.module.parallax img{
  padding-top: 40vh;
  height: 15vh;
  width: auto;
}
section.module.parallax-1 {
  background-image: url("../img/cropter_bg2.jpg");
  height: 100vh;
}
section.module.parallax-2 {
  background-image: url("../img/cropter_consulting.jpg");
  min-height: 50vh;
}
section.module.parallax-3{
  background-image: url("../img/cropter_center.jpg");
  min-height: 50vh;	
}
section.module.parallax-4{
  background-image: url("../img/hashcropter.jpg");
  min-height: 50vh;	
}
section.module.content.last{
  padding-bottom: 0;
}
section.module .container{
	width: 70vw;
}
section.module.parallax .content_wrapper{
	color: #fff;
	text-align: left;
}
section.module.parallax .content_wrapper h1{
	font-size: 2vmax;
	font-family: myriad pro;
	margin: 0;
	padding: 2% 0;
}
section.module.parallax .content_wrapper p{
	font-size: 1.5vmax;
	font-family: myriad pro light;
}
/*---------------------------------------------------------------------------------*/

a:visited{
	border:none;
}
html, body{
	font-family: myriad pro light;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background-color: #040205;
	height: 100%;
	-moz-background-size: cover;
}
body .show{
	display: inherit;
}
body .dont_show{
	display: none;
}

.bold{
	font-family: myriad pro;
}
.big{
	font-size: 2.5vmax;
}
.purple{
	color: #b0b;
}
#scroll_down{
	font-size: 7vh;
	color: #fff;
	width: 100%;
	text-align: center;
	position: relative;
	bottom: -10vh;
	left: 0;
	animation: blink 2s ease-in-out infinite;
	opacity: 1;
	z-index: 1;
}
/*#logo{
  height: 8vh;
  width: auto;
  position: fixed;
  top: 0.5vh;
  left: 1vw;
  z-index: 9999;
  padding-top: 0;
}*/
body .logo_de{
	height: 5vh !important;
}
.box_wrapper{
	width: 50%;
	display: block;
	margin: 2% auto;
	text-align: center;
}
.pre_box, .box{
	background-color: #fff;
	border: 2px solid #fff;
	color: #b0b;
	font-family: myriad pro;
	font-size: 1.5vmax;
	padding: 0.7vmax 0.9vmax;
	width: 15%;
	display: inline-block;
	text-align: center;
}
.box{
	background-color: rgba(26,0,26,0.7);
	width: 70%;
	color: #fff;
}
.button{
	font-family: myriad pro light;
	color: #b0b;
	font-size: 1.5vmax;
	border: 2px solid #b0b;
	padding: 0.7vmax 0.9vmax;
	margin: 0 auto;
	transition: 0.5s all;
	border-radius: 0;
}
#claim_button{
	color: rgb(255,0,255);
	border-color: rgb(255,0,255);
	margin-top: 20%;
	border-radius: 0;
}
.content_wrapper{
	width: 40%;
	margin-left: 40%;
}
.content_wrapper_right{
	width: 40%;
	margin-left: 20%;
}
.home_de .button{
	width: 19%;
}
.button:hover{
	background-color: rgba(128,0,128,1) !important;	
	color: #fff !important;
	border-color: #b0b !important;
	transition: 0.5s all !important;
}
.popup-animation{
	animation: popup 1.5s ease-out forwards;
	animation-delay: 3s;
}

a{text-decoration: none;}
#twitter-widget-0{
	margin-bottom: -5px;
}
section.module.content-4 h1{
	width: 100%;
	text-align: center;
	font-size: 3vmax;
}
figure{
	display: inline-block !important;
	width: 21%;
	padding: 0;
	margin: 0 2%;
}
figure img{
	width: 100%;
	height: auto;
}
figcaption{
	font-size: 1.5vmax;
	text-align: left;
}
.img_wrapper{
	width: 100%;
	text-align: center;
}
.partners{
	margin-top: 5%;
}
#partner{
	background-color: #fff;
	width: 40%;
	height: 150px;
	margin: 0 auto;
	background-image: url(../img/partner_banner.jpg);
	background-size: 1719.9px 150px;
	background-position: 1719.9px;
	animation-name: bg_move;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
 .mobile_claim{
 	text-align: center;
 	clear: both;
 	width: 90%;
 	display: inline-block;
 	margin: 0 auto;
 }
 .mobile_claim img{
 	width: 48%;
 	margin: 0 1%;
 	height: auto;
 	display: inline-block;
 }
 .offer{
 	width: 80%;
 	margin: 2% auto;
 	text-align: left;
 }
 .footnote{
 	font-size: 1vmax !important;
 }
 .mobile{
	display: none;
}
/*--------------------------------------------------------------------------------------
------------------------------------MEDIA QUERIES---------------------------------------
--------------------------------------------------------------------------------------*/
@media only screen and (max-aspect-ratio: 16/9) and (max-width: 1600px){
	
}

@media only screen and (max-width: 1366px) and (orientation:portrait){
	html body .nonmobile{
		display: none;
	}
	html body .mobile{
		display: inherit;
	}
	#logo{
		left: 1vw;
		height: 2.2rem;
	}
	body .logo_de{
		height: 2rem !important;
	}
	.big{
		font-size: 3.5vmax;
	}
	.button, .home_de .button{
		width: 85%;
		margin-bottom: 4%;
		font-size: 2.3vmax;
	}
	.box_wrapper{
		width: 90%;
		text-align: center;
		margin: 8% auto;
	}
	.box{
		width: 70%;
	}
	.pre_box, .box{
		font-size: 1.7vmax;
	}
	section.module.content-1, section.module.content-2, section.module.content-3{
		background-image: none;
	}
	img.mobile, figure img{
		width: 80%;
		height: auto;
		margin: 5% auto;
	}
	.content_wrapper, .content_wrapper_right, section.module.content-4 h1, .img_wrapper, #partner{
		width: 90%;
		margin: 0 auto;
	}
	section.module.content h1{
		font-size: 3vmax;
	}
	section.module.content p, figcaption{
		font-size: 2vmax;
	}
	section.module.content-4 h1{
		font-size: 3.5vmax;
	}
	section.module.content-4{
		padding-bottom: 15px;
	}
	figure{
		width: 100%;
		margin: 0;
	}
	figcaption{
		text-align: center;
	}
	#logo{
		left: 0;
		padding: 0 2%;
	}
	.offer{
		width: 90%;
		margin-top: 5%;
	}
	.button{
		width: 85%;
		display: block;
		margin: 5% auto;
		text-align: center;
	}
	#claim_button{
		margin-top:75%;
	}
	.hc_button{
		width: 95%;
	}
	.footnote{
		font-size: 1.5vmax !important;
	}
	.partners{
		margin-bottom: 0;
		margin-top: 10%;
		font-size: 3vmax !important;
	}
	#partner{
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
		margin: 5% auto;
	}
	´#scroll_down{
		bottom: -7vh;
	}
}
@media only screen and (max-width: 480px) and (orientation:portrait){
	html body .nonmobile{
		display: none;
	}
	html body .mobile{
		display: inherit;
	}
	#logo{
		left: 1vw;
		height: 2.2rem;
	}
	body .logo_de{
		height: 2rem !important;
	}
	.big{
		font-size: 3.5vmax;
	}
	.button, .home_de .button{
		width: 85%;
		margin-bottom: 4%;
		font-size: 2.3vmax;
	}
	.box_wrapper{
		width: 90%;
		text-align: center;
		margin: 8% auto;
	}
	.box{
		width: 70%;
	}
	.pre_box, .box{
		font-size: 1.7vmax;
	}
	section.module.content-1, section.module.content-2, section.module.content-3{
		background-image: none;
	}
	img.mobile, figure img{
		width: 80%;
		height: auto;
		margin: 5% auto;
	}
	.content_wrapper, .content_wrapper_right, section.module.content-4 h1, .img_wrapper, #partner{
		width: 90%;
		margin: 0 auto;
	}
	section.module.content h1{
		font-size: 3vmax;
	}
	section.module.content p, figcaption{
		font-size: 2vmax;
	}
	section.module.content-4 h1{
		font-size: 3.5vmax;
		text-align: left;
	}
	section.module.content-4{
		padding-bottom: 15px;
	}
	figure{
		width: 100%;
		margin: 0;
	}
	figcaption{
		text-align: center;
	}
	#logo{
		left: 0;
		padding: 0 2%;
	}
	.offer{
		width: 100%;
		margin: 5% 0;
	}
	.button{
		width: 95%;
		display: block;
		margin: 5% auto;
		text-align: center;
	}
	#claim_button{
		margin-top:75%;
	}
	.hc_button{
		width: 95%;
	}
	.footnote{
		font-size: 1.5vmax !important;
	}
	.partners{
		margin-bottom: 0;
		margin-top: 10%;
		font-size: 3vmax !important;
	}
	#partner{
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
		margin: 5% auto;
	}
	#scroll_down{
		bottom: -3vh;
	}
}
@media only screen and (pointer: coarse) and (orientation:landscape) and (max-device-width: 1440px){
	br.mobile{
		display: none;
	}
	html body .nonmobile{
		display: none !important;
	}
	body .logo_de{
		height: 2rem !important;
	}
	#home img.mobile{
		display: none;
	}
	.big{
		font-size: 3vmax;
	}
	.button, .home_de .button{
		font-size: 2vmax;
	}
	#buttons .button{
		width: 25%;
	}
	section.module.parallax-3{
		background-position: top;
	}
	.box_wrapper{
		width: 60%;
	}
	.pre_box, .box, section.module.content p{
		font-size: 2.5vmax;
	}
	section.module.content{
		background-size: 35%;
	}
	section.module.content-4{
		padding-bottom: 15px;
	}
	.content_wrapper, .content_wrapper_right{
		width: 50%;
	}
	.content_wrapper{
		margin-left: 45%;
	}
	.content_wrapper_right{
		margin-left: 13%;
	}
	section.module.content h1, .button{
		font-size: 3vmax;
	}
	section.module.content-4 h1{
		font-size: 5vmax;
	}
	figure{
		width: 26%;
		margin:1%;
	}
	figcaption{
		font-size: 2.1vw;
	}
	#partner{
		width: 90%;
		height: 100px;
		background-size: 1146.6px 100px;
		background-position: 1146.6px;
		animation-name: bg_move_mobile;
		margin-top: 5%;
	}
	.footnote{
		font-size: 2vmax !important;
	}
	.partners{
		margin-bottom: 2%;
		margin-top: 5%;
		font-size: 4vmax !important;
	}
	.button{
		width: 80%;
		display: block;
		margin: 5% auto;
		text-align: center;
	}
	.hc_button{
		width: 95%;
		font-size: 2.5vmax !important;
	}
	#claim_button{
		margin-top: 27%;
		width: max-content;
	}
	#scroll_down{
		bottom: 5vh;
	}
}