*{
		box-sizing: border-box; -webkit-box-sizing: border-box;
		margin: 0; padding: 0;
	}
	ul{list-style: none;}
	a{text-decoration: none;}
	body{line-height: normal; overflow-x: hidden; }
	html{background: #fff;}
	body.disablescroll{overflow-y:hidden;}
	.container{
		width: 900px;
		margin: 0 auto 0 auto;
	}
	/* DEFAULT */






	header{
		position: fixed;
		width: 100%;
		left: 0; top: 0;
		z-index: 2;
		padding: 40px 0;
		transition: 0.3s;
	}
	header.fixed{
		background: blueviolet;
		padding: 20px 0;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
		border-bottom: 1px solid #1e2964;
	}
	a.logo{
		float: left; margin-top: 10px;
	}
	a.logo img{
		float: left;
		width: 180px; height: auto;
	}



	a.showmenu, a.hidemenu{
		display: none;
	}
	.menublock{
		float: right;
		margin: 0 0 0 0;
	}
	nav, nav ul, nav ul li{
		float: left;
	}
	nav ul li{
		font-family: 'Inter';
		font-size: 13px;
		color: #fff;
		margin-right: 25px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	nav ul li:last-of-type{
		margin-right: 0;
	}
	nav ul li a{
		float: left;
		color: #fff;
		text-decoration: none;
		padding: 8px 15px;
	}
	nav ul li:hover a{
		background:#fff;
		color: blueviolet;
	}
	/* HEADER AND MENU */





	.banner{
		float: left;
		width: 100%;
		background:blueviolet;
		padding: 170px 0 100px 0;
		position: relative;
		z-index: 1;
	}
	.banner:before{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(images/bg.jpg) no-repeat center;
		background-size: cover;
		z-index: -1;
		content: '';
		left: 0; top: 0;
		opacity: 0.2;
	}
	.bannerbox{
		float:left;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.banner .image{
		float: right;
		width:50%; 
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.banner .image img{
		float: left;
		width: 45%;
		height: auto;
	}
	.banner .text{
		float: left;
		width: 40%;
		font-family: 'Inter';
		align-self: center;
	}
	.banner .text h2{
		font-size: 30px;
		color: #fff;
		margin-bottom: 30px;
		text-transform: uppercase;
	}
	.banner .text p{
		font-size: 14px; line-height: 130%;
		color: #fff;
		margin-bottom: 50px;
	}
	/* BANNER */



	.about{
		float:left;
		width:100%;
		padding: 60px 0;
	}
	.aboutbox{
		float:left;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.aboutbox .image{
		float: right;
		width: 50%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}
	.aboutbox .image img{
		float: right;
		width: 100%;
		height: auto;
		border-radius:15px; -webkit-border-radius:15px;
	}
	.aboutbox .text{
		float: left;
		width: 35%;
		align-self: center;
	}
	.aboutbox .text h2{
		font-size: 30px;
		color: #000;
		margin-bottom: 30px;
		font-family: 'Inter';
		text-transform: uppercase;
	}
	.aboutbox .text p{
		font-size: 14px; line-height: 130%;
		color: #000;
		margin-bottom: 50px;
		font-family: 'Inter';
	}
	/* BREAK */






	.features_and_download{
		float:left;
		width:100%;
		margin:50px 0 50px 0;
		padding:0 0 0 0;
	}
	.featureitems{
		float:left;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		gap: 5%;
		justify-content: space-between;
		counter-reset: listcounter;
	}
	.featureitems .item{
		float: left;
		width: 30%;
		margin: 0 0 50px 0;
		position: relative;
		padding-left: 60px;
	}
	.featureitems .item:before{
		counter-increment: listcounter;
  		content:"#"counter(listcounter);
  		position: absolute;
  		left: 0; top: 0;
  		text-align:left;
  		color:#000;
  		font-size:36px;
  		font-family:'Inter';
  		margin:0 0 0 0;
	}
	.featureitems .item h3{
		text-align:left;
		color:#000;
		font-size:18px;
		font-family:'Inter';
		margin:0 0 15px 0;
	}
	.featureitems .item p{
		text-align:left;
		color:#666;
		font-size:14px; line-height: 130%;
		font-family:'Inter';
		margin:0 0 0 0;
	}
	/* BREAK */





	.downloadbuttons{
		float:left;
		width:100%;
		margin:50px 0 50px 0;
		padding:0 0 0 0;
	}
	.downloadbuttons h2{
		text-align: center;
		font-size: 30px;
		color: #000;
		margin-bottom: 30px;
		font-family: 'Inter';
		text-transform: uppercase;
		font-weight: bold;
	}
	.db_wrap{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.downloadbuttons a.appbtn{
		float: left;
		background: #000;
		padding: 10px 20px;
		border-radius:6px; -webkit-border-radius:6px;
		width: 240px;
		margin: 0 10px;
		transition:0.6s; -webkit-transition:0.6s;
		display: flex;
		align-items: center;
	}
	.downloadbuttons a.appbtn:hover{
		box-shadow:0 0 25px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 25px rgba(0,0,0,0.2);
	}
	.downloadbuttons a.appbtn img{
		float: left;
		width: 36px; height: 36px;
		margin: 0 10px 0 0;
	} 
	.downloadbuttons a.appbtn .info{
		float: left;
	}
	.downloadbuttons a.appbtn .info h4{
		text-align:left;
		color:#fff;
		font-size:11px;
		font-family:'Inter';
		text-transform: uppercase;
		margin:0 0 5px 0;
		font-weight: normal;
	}
	.downloadbuttons a.appbtn .info h3{
		text-align:left;
		color:#fff;
		font-size:18px;
		font-family:'Inter';
		margin:0 0 0 0;
		font-weight: normal;
	}









	.contact{
		float: left;
		width: 100%;
		background: blueviolet;
		padding: 100px 0;
		font-family: 'Inter';
		position: relative;
		z-index: 1;
	}
	.contact:before{
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(images/bg.jpg) no-repeat center;
		background-size: cover;
		z-index: -1;
		content: '';
		left: 0; top: 0;
		opacity: 0.2;
	}
	.contact .headings{
		float: left;
		width: 45%;
	}
	.contact .headings h2{
		text-align: left;
		font-size: 30px; line-height: 110%;
		color: #fff;
		margin-bottom: 10px;
		font-family: 'Inter';
		text-transform: uppercase;
	}
	.contact ul{
		float: right;
		width: 45%;
		background: rgba(0,0,0,0.1);
		padding: 40px;
	}
	.contact ul li{
		font-size: 14px;
		color: #fff;
		margin-bottom: 25px;
		font-family: 'Inter';
	}
	.contact ul li a{
		color: #fff;
	}
	.contact ul li:last-of-type{
		margin-bottom: 0;
	}
	.contactbox{
		float:left;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	/* CONTACT */






	footer{
		float: left;
		width: 100%;
		background:#5d1ba4;
		padding: 40px 0;
	}
	footer .copyright{
		float: left;
		color: #fff;
		font-size: 13px;
		font-family: 'Inter';
	}
	footer .copyright a{
		color: #fff;
		text-decoration: none;
		border-bottom: 1px solid #fff;
	}
	footer .social{
		float: right;
	}
	footer .social a{
		float: left;
		color: #fff;
		font-size: 15px;
		margin-right: 10px;
		transition: 0.8s;
		border-bottom: 1px solid rgba(0,0,0,0);
	}
	footer .social a:last-of-type{
		margin-right: 0;
	}
	footer .social a:hover{
		border-bottom: 1px solid #fff;
	}
	/* FOOTER */