html, body {
	/*overflow-x: hidden;*/
}

.navbar {
	min-height: 90px;
	line-height: 90px;
	background-color: #000;
	color: #fff;
	margin-bottom: 0;
}

	.navbar a .count {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 18px;
		height: 18px;
		box-sizing: border-box;
		line-height: 1;
		padding: 0 6px;
		vertical-align: middle;
	}

	.navbar a.logo img {
		filter: invert(1);
	}

	.navbar.opa {
		position: fixed;
		top: 0;
		min-height: 60px;
		line-height: 60px;
		width: 100%;
		z-index: 999;
		background-color: #fff;
		box-shadow: 0 3px 30px 0 hsla(0,0%,78.4%,.5);

		opacity: 0;
		transition: all .3s ease-out;
	}

	.navbar.fixed {
		opacity: 1;
	}

	.navbar.opa a.logo img {
		filter: none;
	}

	.navbar.opa .menu a {
		color: #333;
	}

	.navbar.opa .menu a:hover {
		background-color: #f3f3f3;
	}

	.navbar.opa .menu a.sign {
		color: #fff;
	}

	.navbar.opa .menu a.sign:hover {
		background-color: #1b7dff;
		color: #fff;
	}

	.divider > span {
		border-left: 1px solid rgba(255,255,255,.25);
	}

	.navbar.opa .divider > span {
		border-left: 1px solid rgba(0,0,0,.25);
	}

	.logo {
		font-family: 'Omni Bold';
		font-size: 1.85em;
	}



/*	.mainmenu {
		display: flex;
		align-items: center;
		justify-content: flex-end	;
	}*/

	.navbar .menu a {
		line-height: 1;
		display: inline-block;
		color: #fff;
		opacity: .85;
	}

		.navbar .menu a:hover {
			opacity: 1;
			background-color: rgba(255,255,255,.25);
		}

		.navbar .menu a.call {
			color: #fff;
		}

		.navbar.opa .menu a.call {
			color: #444;
		}

	.sellang .langs {
		top: 32px;
	}




.first {
	background-color: #000;
	position: relative;
	user-select: none;

	position: relative;

	/*min-height: calc(100vh - 60px);*/
	/*min-height: 540px;*/
}

	.first > .inner {
		/*box-sizing: border-box;*/
	}

.inner {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.padd80 {
	padding-right: 80px;
	padding-left: 80px;
}

.titles {
	z-index: 10;
	align-items: center;
	color: #fff;
	padding: 50px 0;
	box-sizing: border-box;
}

	.titles h1 {
		font-family: 'Omni Bold';
		font-size: 3.4em;
		font-weight: 500;
		/*color: #000;*/
		margin: 0 0 50px;
	}


	.titles h2 {
		font-family: 'Omni Regular';
		font-size: 1.7em;
		line-height: 1.35;
		padding-right: 30%;
		margin-bottom: 50px;
	}

	.start a {
		background-color: #4394ff;
		color: #fff;
		padding: 18px 35px;
		border-radius: 50px;
		font-size: 19px;
		font-weight: 500;
		white-space: nowrap;
		box-sizing: border-box;
		display: inline-block;
	}

.media {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
}

	.grad {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 30%;
		background: linear-gradient(0deg, #000, rgba(0,0,0,0));
		z-index: 2;
	}

.screens {
	position: absolute;
	/*width: 60%;*/
	/*padding-left: 40%;*/
	white-space: nowrap;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

	.sinn {
		width: 60%;
		position: absolute;
		right: 0;
	}

.screens img {
	width: 25%;
	border-radius: 21px;
	background-color: #fff;
	/*box-shadow: 0 0 25px rgba(0,0,0,0.15);*/
	box-shadow: 0 0 25px rgba(0,0,0,0.15);
	opacity: 0;
	margin: 0 3%;
}

	.screens img.main {
		transform: rotate(-23deg) translate(0,65%);
	}

	.screens.loaded img.main {
		transition-delay: .5s;
		transform: rotate(-23deg) translate(0,50%);
	}

	.screens img.catalog {
		transform: rotate(-23deg) translate(0,30%);		
	}

	.screens.loaded img.catalog {
		transform: rotate(-23deg) translate(0,15%);
		transition-delay: .9s;
	}

	.screens img.prod {
		transform: rotate(-23deg) translate(0,25%);
	}

	.screens.loaded img.prod {
		transform: rotate(-23deg) translate(0,10%);
		transition-delay: 1.3s;
	}

	.screens.loaded img {
		opacity: 1;
		transform: rotate(-23deg) translate(0,0);
		transition: all .3s ease-out;
		
	}

.footer {
	padding: 20px 80px;
	text-align: center;
}

.faq {
	margin: 0 auto 3em;
	width: 100%;
	max-width: 800px;
	font-size: 1.2em;
	line-height: 1.5;
	padding: 0 2em;
	box-sizing: border-box;
}

	.faq h2 {
		font-size: 1.5em;
		font-weight: 500;
		text-align: center;
	}

	.faq .faq-item {
		width: 100%;
		/*border: 1px solid #eaeaea;*/
		border-radius: 20px;
		/*padding: 1em 3.5em 1em 2em;*/
		background-color: #fff;
		position: relative;
		margin-bottom: 1em;
	}


	

	.faq .title {
		font-size: 1.1em;
		cursor: pointer;
		padding: 1em 3.5em 1em 2em;
		user-select: none;
	}

		.faq .title:before {
			position: absolute;
			content: ' ';
			width: 30px;
			height: 30px;
			top: 1em;
			right: 1em;
			background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8601 10L6.76335 4.90324C6.35655 4.49644 6.35655 3.83689 6.76335 3.4301C7.17015 3.0233 7.82969 3.0233 8.23649 3.4301L14.0698 9.26343C14.4766 9.67023 14.4766 10.3298 14.0698 10.7366L8.23649 16.5699C7.82969 16.9767 7.17015 16.9767 6.76335 16.5699C6.35655 16.1631 6.35655 15.5036 6.76335 15.0968L11.8601 10Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			transform: rotate(90deg);
			transition: all .3s ease-out;
		}

		.faq .faq-item.opened .title:before {
			transform: rotate(270deg);
		}

	.faq .desc {
		padding: 0 3.5em 1em 2em;
		display: none;
		color: #888;
	}




@media (max-width: 767px) {

	.navbar {
		line-height: 1;
		min-height: auto;
		position: fixed;
		z-index: 10000;
		width: 100%;
	}

	.list {
		border-bottom: 1px solid #212121;
	}

	.list li {
	    border-top: 1px solid #212121;
	}

        .menu-line {
            background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='m29 8h-26c-1.1045 0-2-.8955-2-2s.8955-2 2-2h26c1.1045 0 2 .8955 2 2s-.8955 2-2 2z' /%3E%3Cpath d='m29 28h-26c-1.1045 0-2-.8955-2-2s.8955-2 2-2h26c1.1045 0 2 .8955 2 2s-.8955 2-2 2z' /%3E%3Cpath d='m29 18h-26c-1.1045 0-2-.8955-2-2s.8955-2 2-2h26c1.1045 0 2 .8955 2 2s-.8955 2-2 2z' /%3E%3C/svg%3E") center no-repeat;
        }

	.changeLang {
		top: 60px;
		position: absolute;
		width: 100%;
		z-index: 1;

		color: #a3a5a3;
	}

	.logo {
		font-size: 1.35em;
		margin-left: 25px;
	}

	.padd80 {
		padding-left: 25px;
		padding-right: 25px;
	}

	.mainmenu {
		display: none;
		/*display: block;*/
		background-color: #212121;
	}

		.mainmenu a {
			display: block;
			border-radius: 0;
			background-color: transparent;
			padding: 15px 25px;
			border-bottom: 1px solid #353535;
			text-align: left;
		}

		.mobico	{
			position: absolute;
			right: 25px;
			top: 15px;
			width: 30px;
			height: 30px;
			background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' width='30px' height='30px' viewBox='0 -53 384 384' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m368 154.667969h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0'/%3E%3Cpath d='m368 32h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0'/%3E%3Cpath d='m368 277.332031h-352c-8.832031 0-16-7.167969-16-16s7.167969-16 16-16h352c8.832031 0 16 7.167969 16 16s-7.167969 16-16 16zm0 0'/%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
		}

	.first {
		padding-top: 80px;
		/*min-height: calc(100vh - 70px);*/
	}

	.first.lang {
		padding-top: 140px;
	}

	.titles {
		padding: 25px 0 50px;
		text-align: center;
	}

	.titles h1 {
		font-size: 2.5em;
	}

	.titles h2 {
		font-size: 1.3em;
		padding: 0 1.5em;
	}

	.titles h1, .titles h2 {
		/*margin-bottom: 30px;*/
	}

	.media {
		position: relative;
		/*min-height: 70vh;*/
		padding-bottom: 80%;
	}

	.screens {
		width: 100%;
		/*padding-right: 15%;*/
		margin-left: -8%;
	}

	.screens img {
		width: 30%;
	}

	.sinn {
		width: 100%;
	}

	.screens img {
		border-radius: 10px;
	}

	.faq {
		padding: 0 1em;
	}

	.faq .title {
		font-size: 1em;
		padding-left: 1em;
	}

	.faq .desc {
		padding: 0 1em 1em;
	}

}