@charset "utf-8";
@import url("reset.css");
header, nav, section, article, aside, footer {
	display:block
}
@font-face {
    font-family: 'TIMMONS NY';
    src: url('../fonts/TIMMONSNY2005-Regular.woff2') format('woff2'),
        url('../fonts/TIMMONSNY2005-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF UI Display';
    src: url('../fonts/SFUIDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFUIDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------BODY----------------------*/
html {
	height:100%
}
body {
	background:#1D1D1D;
	font:500 16px/21px 'SF UI Display', Arial, Helvetica, sans-serif;
	color:#fff;
	height:100%;
	width:100%;
	-webkit-text-size-adjust:none;
}
body.active{
 overflow:hidden;
} 
.main {
	min-height:100%;
	margin:0 auto;
	width: 100%;
	position:relative;
	z-index:2;
}

.container {
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0 40px;
	position:relative;
}
.hidden {
	display:none;
}
.cnt {
	text-align:center;
}
.clear {
	clear:both;
}
* {
	box-sizing: border-box;
}
.flex{
 display: flex;
    justify-content: space-between;
    align-items: center;
}
/*-----------------------------FONT-----------------------*/
a, img {
	outline: none;
}
a:focus {
	outline: none;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
/*-----------------------------HEADER-----------------------*/
.header {
position:absolute;
top:0;
left:0;
right:0;
border-bottom:1px solid rgba(255,255,255,.2);
z-index:10;
}
.header_body {
	text-align:center;
	height:91px;
}
.logo{
 position:absolute;
 top:30px;
 left:24px;
     z-index: 1;
	 transition: all 0.2s linear;
}
.logo:hover{
 opacity:.7;
}
.btn {
position:absolute;
top:0;
right:0;
  border:none;
	background: #fff;
	padding:0 30px;
	width:333px;
	height:92px;
	color: #151415;
	text-transform: uppercase;
	cursor:pointer;
	transition: all 0.2s linear;
	font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.btn span{
 padding-top:2px;
}
.btn:hover {
	background: #E6F851;
}
/*------------------------------menu------------------------*/
.nav {
	position:relative;
	
	transition: all 0.2s linear;
}

.nav ul {
 justify-content: center;
 padding-top:34px;
}
.nav ul  li{
 padding:0 27px;
}
.nav li a {
	color:#fff;
	display:block;
	text-transform:uppercase;
	font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
	text-decoration:none;
	transition: all 0.2s linear;
}
.nav li.active a, .nav li a:hover {
	color:#E6F851;
}
.nav_mobil{
 position:absolute;
 top:0;
 right:21px;
 height:68px;
 display:flex;
 align-items: center;
 display:none;
}
.mobil_menu{
 position:fixed;
 z-index:15;
 background: #1D1D1D;
 top:-100vh;
 left:0;
 width:100vw;
 height:100vh;
 text-align:center;
 padding-top:100px;
 transition: all 0.2s linear;
}
.mobil_menu.active{
 top:0;
}
.mobil_menu .btn{
 height:70px;
 bottom:0;
 left:0;
 right:0;
 top:auto;
 width:100%;
}
.close_mobil{
 display:block;
 position:absolute;
 right:20px;
 top:20px;
}
.mobil_menu a{
 display:block;
 font:500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:16px;
}
/*-------------------------section_top-------------------------*/
.section_top {
	padding-top:120px;
	height:100vh;
	 background:#1D1D1D;
	position:relative;
}
.section_top .container{
 z-index:5;
 height:100%;
}
.section_top h1{
 font:500 42px/47px 'SF UI Display', Arial, Helvetica, sans-serif;
 max-width:490px;
}
.section_top h1 span{
 opacity:.35;
}
.section_top  h6{
 position:absolute;
 bottom:394px;
 left:40px;
 font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
 text-transform:uppercase;
}
.button_top{
 position:absolute;
 top:85px;
 right:296px;
 border:1px solid rgba(255,255,255,.2);
 width:450px;
 height:450px;
 border-radius:50%;
  font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
   justify-content: center;
   color:#fff;
   text-transform:uppercase;
   background: transparent;
   cursor:pointer;
   transition: all 0.2s linear;

}
.button_top:hover{
  background:rgba(230,248,81,1);
  color:#1D1D1D;
  border:1px solid transparent;
}
.div_video{
 position: absolute;
    bottom: 0;

	left:0;
	right:0;
	z-index:0;
}
.div_video video{
 width:100%;
 height:auto;
 margin-bottom:-5px;
}
.slider_body{
 position:absolute;
 z-index:1;
 left:0;
 right:0;
 bottom:0px;
  font:normal 450px/412px 'TIMMONS NY', Arial, Helvetica, sans-serif;
  overflow:hidden;
  white-space: nowrap;
}
.slider_top{
/* width:1895px;*/
}
.slider_body i{
 color:#E6F851;
 font-style:normal;
}
.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(calc(-25% + 20vw), 0, 0);
    animation: marquee 60s linear infinite;
    transition: opacity 0.1s;
}
.marquee__inner {
	animation-play-state: running;
	opacity: 1;
	transition-duration: 0.4s;
}
.marquee__inner span {
  text-align: center;
	white-space: nowrap;
	padding: 0 1vw;
}
@keyframes marquee {
	0% {
		transform: translate3d(calc(-25% + 20vw), 0, 0);
	}

	100% {
		transform: translate3d(calc(-50% + 20vw), 0, 0);
	}
}

.section_about{
   background-image: url(../images/about_bg.jpg);
  background-image: -webkit-image-set(url(../images/about_bg.jpg) 1x,url(../images/about_bg@2x.jpg) 2x);
  background-repeat: no-repeat;
  background-position:center;
  height:2204px;
  background-size: cover;
  position:relative;
}
.about_body{
	align-items: flex-start;
    justify-content: flex-end;
}
.about_body > div{
 background: #1D1D1D;
border: 1px solid #4A4A4A;
position:relative;
width:33.3%;
height:930px;
padding:40px;

}
.about_body > div:first-child{
 height:580px;
 margin-right:-1px;
 display:flex;
     flex-direction: column;
    justify-content: space-between;
}
.about_body  p{
 color: rgba(255, 255, 255, 0.99);
font:500 21px/28px 'SF UI Display', Arial, Helvetica, sans-serif;
opacity: 0.6;
margin-bottom:28px;
max-width:390px;
}
.about_body  h6, .services_title h6{
 position:relative;
 font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 padding-left:25px;
}
.about_body  h6:before, .services_title h6:before{
position:absolute;
display:block;
content:'';
background: #E6F851;
width:16px;
height:16px;
left:0;
top:2px;
}
.about_body  h2{
 font:500 43px/47px 'SF UI Display', Arial, Helvetica, sans-serif;
 max-width:490px;
}
.about_body  h2 span{
 opacity:.39;
}
.about_body .btn{
  top:auto;
  left:-1px;
  right:-1px;
  bottom:-1px;
  width:calc(100% + 2px);
  background: #E6F851;
  height:168px;
}
.about_body .btn:hover{
background: #1D1D1D;
color:#fff;
}
.about_body .btn:hover svg path{
 stroke:#fff;
}
.slider_about{
position:absolute;
  z-index:1;
 left:0;
 right:0;
 bottom:0px;
  font:normal 450px/412px 'TIMMONS NY', Arial, Helvetica, sans-serif;
  overflow:hidden;
  white-space: nowrap;
}
.section_services{
 align-items: stretch;
 position: relative;
 z-index:1;
}
.services_title{
 padding:44px 40px;
 position:relative;
 width:33.3%;
}
.services_body{
  width:66.7%;
  background:#fff;
  margin:-233px 0 0px;
  background: #1D1D1D;

}
.services_body > div{
border-top: 1px solid #4A4A4A;
border-right: 1px solid #4A4A4A;
} 
.services_body > div:last-child{
 border-bottom: 1px solid #4A4A4A;
}
.services_item{
 height:657px;
 display:flex;
 flex-direction: column;
    justify-content: space-between;
	padding:40px;
    transition: color 0.2s linear;
	font:500 21px/28px 'SF UI Display', Arial, Helvetica, sans-serif;
	position:relative;
}
.services_item:hover{
 color: #1D1D1D;
}
.services_body > .services_item:hover{
 border-color:transparent;
}
.services_item h3{
 font:500 42px/47px 'SF UI Display', Arial, Helvetica, sans-serif;
  max-width:380px;
  margin-bottom:14px;

}
.services_item div{
 position:relative;
 z-index:5;
}
.services_item p{
 opacity:.6;
 max-width:344px;
}
.services_item_1{
 background:url(../images/services_item_1.png) no-repeat top 67px right 67px;
}
.services_item_1:before, .services_item_2:before, .services_item_3:before{
 position:absolute;
 display:block;
 opacity:0;
 content:'';
 top:0;
 left:0;
 width:100%;
 height:100%;
  background:#E6F851 url(../images/services_item_1_h.jpg) no-repeat right center;
 background-size:cover;
 transition: all 0.2s linear;
}
.services_item_1:hover:before{
 opacity:1;
}
.services_item_2{
 background:url(../images/services_item_2.png) no-repeat top 64px right 72px;
}
.services_item_2:before{
 background:#E6F851 url(../images/services_item_2_h.jpg) no-repeat right bottom;
 background-size:contain;
}
.services_item_2:hover:before{
 opacity:1;
}
.services_item_3{
 background:url(../images/services_item_3.png) no-repeat top 69px right 61px;
}
.services_item_3:before{
 background:#E6F851 url(../images/services_item_3_h.jpg) no-repeat right bottom;
 background-size:contain;
}
.services_item_3:hover:before{
 opacity:1;
}
.section_contact{
     background-image: url(../images/contact_bg.jpg);
  background-image: -webkit-image-set(url(../images/contact_bg.jpg) 1x,url(../images/contact_bg@2x.jpg) 2x);
  background-repeat: no-repeat;
  background-position:center;
  height:1854px;
  background-size: cover;
  position:relative;
  z-index:2;
}
.contact_body{
 justify-content: flex-end;
     align-items: flex-start;
}
.contact_body > div{
 width:33.3%;
 background: #FFFFFF;
  color: #1D1D1D;
}
.contact_text{
 height:828px;
 border: 1px solid rgba(0, 0, 0, 0.15);
 padding:40px;
  display:flex;
 flex-direction: column;
    justify-content: space-between;
}
.contact_text h6{
 position:relative;
 font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 padding-left:25px;
}
.contact_text h6:before{
position:absolute;
display:block;
content:'';
background: #1D1D1D;
width:16px;
height:16px;
left:0;
top:2px;
opacity: 0.4;

}
.contact_text h2{
 font:500 42px/47px 'SF UI Display', Arial, Helvetica, sans-serif;
  max-width:490px;
  margin-bottom:28px;

}
.contact_text h2 span{
 opacity:.44;
}
.contact_text p{
font:500 21px/28px 'SF UI Display', Arial, Helvetica, sans-serif;
opacity: 0.6;
  max-width:390px;
} 
.contact_form{
 margin-top:-192px;
 position:relative;
 padding-bottom:168px;
 width:calc(33.3% + 1px);
}
.contact_form .btn{
  top:auto;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  background: #E6F851;
  height:168px;
}
.contact_form .btn:hover{
background: #1D1D1D;
color:#fff;
}
.contact_form .btn:hover svg path{
 stroke:#fff;
}
#services{
 display:inline-block;
 margin-top:-233px;
}
#contact{
 display:block;
 position:absolute;
 top:-192px;
 
}
.div_input{
 border-top:1px solid rgba(0,0,0,.2);
 padding:30px;
 display:flex;
 transition:all 0.2s linear;
 position:relative;
}

.div_input:first-child{
 border:none;
}
.div_input.active, .div_input:hover{
 background: #E9E9E9;
}
.div_input label{
  width:132px;
  text-transform: uppercase;
color: #1D1D1D;
opacity: 0.4;
font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.div_input.error label{
 color:#FF3232;
 opacity: 1;
}
.div_input.error:before{
 position:absolute;
 display:block;
 content:'';
 background: #FF3232;
 width:10px;
 height:10px;
 border-radius:50%;
 right:18px;
 top:38px;
}
.span_error{
 position:absolute;
 top:47px;
 left:30px;
 font:600 10px/11px 'SF UI Display', Arial, Helvetica, sans-serif;
 text-transform:uppercase;
 color:#FF3232;
 display:none;
}
.div_input.error .span_error{
  display:block;
}
.form_ok{
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:#fff;
 z-index:5;
 color: #1D1D1D;
 font:500 42px/45px 'SF UI Display', Arial, Helvetica, sans-serif;
 padding:20px 25px;
 display:none;
}
.form_ok span{
 display:block;
 opacity:.44;
}
.impressum_top{
padding: 170px 0 80px;
}
.impressum_top h1{
 font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_top p{
 margin-bottom:21px;
}
.impressum_top a{
 color:#E6F851;
}
.impressum_top a:hover{
 text-decoration:underline;
}
.impressum_white{
 background:#fff;
 color:#1D1D1D;
 padding:100px 0 80px;
}
.impressum_white h2{
  font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_white p{
 margin-bottom:21px;
}
.impressum_white a{
  color:#1D1D1D;
  text-decoration:underline;
}
.impressum_white a:hover{
  text-decoration:none;
}

.impressum_black{
 background:#1D1D1D;
 color:#fff;
 padding:100px 0 80px;
}
.impressum_black h2{
  font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_black h3, .impressum_white h3{
  font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin:40px 0 30px;
}
.impressum_black p{
 margin-bottom:21px;
}
/*-----------------------------FOOTER-----------------------*/
.footer {
	position:relative;
	background: #E6F851;
	padding:40px 40px 0;
	text-align:center;
}
.footer img{
 max-width:100%;
}
.footer > a{
 transition:all 0.2s linear;
}
.footer > a:hover{
  opacity:.7;
}
.div_copy{
 margin-top:500px;
 border-top:1px solid rgba(29,29,29,.2);
 text-transform: uppercase;
color: #1D1D1D;
font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
padding:20px 0;
}
.div_copy a{
 color: #1D1D1D;
}
.div_copy a:hover{
 text-decoration:underline;
}
/*-------------------------------form---------------------------*/
input[type="text"], input[type="email"], input[type="tel"],  textarea {
border:none;
	width:100%;
	height:23px;
	position:relative;
	font:600 16px/23px 'SF UI Display', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	padding:0px;
	display:block;
	margin:0 0px 0px;
	text-align:left;
	transition:all 0.2s linear;
	box-sizing:border-box;
	border-radius: 0px;
	background:transparent;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
background: #E9E9E9;
}
.div_input textarea {
	resize:none;
	height:108px;
}
/*-----------------------------modal--------------------*/
.modal_bg {
	position:fixed;
	top:0;
	left:00vw;
	width:100vw;
	height:100vh;
	background: #000;
    display:none;
	z-index:100;
	opacity:.65;
}
.modal_body {
	background:#fff;
	top:0;
	bottom:0;
	width:480px;
	position:fixed;
	right:0;
	z-index:102;
	padding:0px;
    display:flex;
	flex-direction: column;
    justify-content: space-between;
	overflow-y:auto;
	right:-480px;
	transition:all 0.2s linear;
}
.modal_body.active{
 right:0;
}
.modal_close {
	position:absolute;
	top:21px;
	right:16px;
	width:20px;
	height:12px;
	cursor:pointer;
	transition: all 0.2s linear;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal_close:hover {
	opacity:.7;
}
.modal_form .btn{
  top:auto;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  background: #E6F851;
  height:126px;
  position:static;
}
.modal_form .btn:hover{
background: #1D1D1D;
color:#fff;
}
.modal_form .btn:hover svg path{
 stroke:#fff;
}
.modal_form .div_input:first-child {
        border-top: 1px solid rgba(0,0,0,.2);
}
.modal_body h3{
 padding:12px  0 73px 16px;
 max-width:384px;
color: #1D1D1D;
font:500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
}

.pic_mobil{
 display:none;
}
/*-------------------------------------------------------*/
@media (max-width: 1920px) {
.header_body {
	height:69px;
}
.logo{
	top:23px;
	left:18px;
}
.logo img{
	width:118px;
	height:auto;
}
.nav ul {
    padding-top: 28px;
}
.nav ul li{
    padding:0 20px;
}
.nav li a {
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.header .btn{
 	width:246px;
	height:69px;
}
.btn{
  font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.btn img, .contact_form .btn svg{
 	width:7px;
	height:auto;
}
.section_top h1 {
    font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 368px;
}
.section_top h6 {
    bottom: 296px;
    left:30px;
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.button_top {
    top: 64px;
    right: 222px;
    width: 338px;
    height: 338px;
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}

.slider_body {
    font: normal 337px/309px 'TIMMONS NY', Arial, Helvetica, sans-serif;
}
.section_about {
    height: 1653px;
}
.about_body > div {
    height: 697px;
    padding: 30px;
}
.about_body > div:first-child {
    height: 435px;
}
.about_body h6, .services_title h6 {
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding-left: 19px;
}
.about_body h6:before, .services_title h6:before {
    width: 12px;
    height: 12px;
    top: 2px;
}
.about_body h2 {
    font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
	max-width:368px;
}
.about_body  p{
font:500 16px/21px 'SF UI Display', Arial, Helvetica, sans-serif;
margin-bottom:21px;
max-width:292px;
}
.about_body .btn {
    height: 126px;
}
.slider_about {
    font: normal 337px/309px 'TIMMONS NY', Arial, Helvetica, sans-serif;
}
.services_body {
    margin: -175px 0 0px;
}
.services_item {
    height: 493px;
    padding: 30px;
    font: 500 16px/21px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.services_item h3 {
    font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 258px;
    margin-bottom: 11px;
}
.services_item p {
    max-width: 292px;
}
.services_item_1{
 background:url(../images/services_item_1.png) no-repeat top 50px right 50px;
 background-size:109px;
}
.services_item_2 {
    background: url(../images/services_item_2.png) no-repeat top 48px right 54px;
	background-size:103px;
}
.services_item_3 {
    background: url(../images/services_item_3.png) no-repeat top 52px right 46px;
	background-size:118px;
}
.services_title {
    padding: 33px 30px;
}
.section_contact {
    height: 1391px;
}
.contact_text {
    height: 621px;
    padding: 30px;
}
.contact_text h6 {
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding-left: 17px;
}
.contact_text h6:before {
    width: 12px;
    height: 12px;
    top: 1px;
}
.contact_text h2 {
    font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 368px;
    margin-bottom: 21px;
}
.contact_text p {
    font: 500 16px/21px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 292px;
}
.contact_form {
    margin-top: -144px;
    padding-bottom: 126px;
}
.div_input label {
    width: 99px;
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
    height: 17px;
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.contact_form .btn {
    height: 126px;
}
.div_copy {
    margin-top: 350px;
    font: 600 14px/17px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding: 15px 0;
}
.section_top {
    padding-top:90px;

}
.modal_body h3 {
    padding: 12px 0 50px 16px;
    max-width: 384px;
    color: #1D1D1D;
    font: 500 25px/28px 'SF UI Display', Arial, Helvetica, sans-serif;
}

.footer {
    padding: 30px 30px 0;
}
#services{
 display:inline-block;
 margin-top:-175px;
}
#contact{
 display:inline-block;
 margin-top:-144px;
}
}
@media (max-width: 1023px) {
.button_top {
    right: 100px;
}
.about_body > div {
    width: 40%;
}
.contact_body .contact_text{
 width: 40%;
}
}
@media (max-width: 767px) {
.logo {
    top: 26px;
    left: 9px;
}
.logo img {
    width: 75px;
}
.container {
    padding: 0 16px;
}
.section_top{
 padding-top:82px;
 overflow:hidden;
 background:#1c1c1c;
}
.section_top h1 {
    font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 232px;
}
.button_top{
 display:none;
}
.slider_body {
    font: normal 133px/122px 'TIMMONS NY', Arial, Helvetica, sans-serif;
}
.div_video{
 width:612px;
 left:50%;
 margin-left:-306px;
}
.section_top h6 {
    bottom: 125px;
    left: 16px;
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.about_body{
 display:block;
}
.section_about{
 background:none;
 height:auto;
}
.pic_mobil{
 display:block;
 width:100%;
}
.about_body{
 border-top:1px solid #4A4A4A;
}
.about_body > div {
    width: 100%;
	height:auto;
	border:none;
	padding:18px 16px 0;
}
.about_body > div:first-child{
 height:auto;
}
.btn {
    font: 600 14px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.about_body .btn{
 position:static;
 margin:40px -16px 0;
 width:calc(100% + 32px);
 height:70px;
}
.about_body h6, .services_title h6 {
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding-left: 14px;
}
.about_body h6:before, .services_title h6:before {
    width: 9px;
    height: 9px;
}
.about_body h2 {
    font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 1000px;
	margin:77px 0 7px;
}
.about_body p {
    font: 500 14px/19px 'SF UI Display', Arial, Helvetica, sans-serif;
    margin-bottom: 19px;
    max-width: 1000px;
}
.slider_about {
    font: normal 133px/122px 'TIMMONS NY', Arial, Helvetica, sans-serif;
}
.services_body{
 margin:0;
 width:100%;
}
.services_title{
 display:none;
}
.services_item {
    height: 341px;
    padding: 16px;
    font: 500 14px/19px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.services_item_1 {
    background: url(../images/services_item_1.png) no-repeat top 24px right 15px;
    background-size: 62px;
}
.services_item_2 {
    background: url(../images/services_item_2.png) no-repeat top 24px right 18px;
    background-size: 59px;
}
.services_item_3 {
    background: url(../images/services_item_3.png) no-repeat top 23px right 15px;
    background-size: 66px;
}
.services_item h3 {
    font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
    margin-bottom: 14px;
	 max-width: 258px;
}
.services_item p {
    max-width: 211px;
}
.contact_body{
 display:block;
}
.contact_body .contact_text {
    width: 100%;
	height:auto;
	    border: none;
		padding:16px 16px 26px;
}
.contact_body > div{
 width:100%;
}
.contact_form {
    margin-top:0px;
    padding-bottom:0px;
	width:100%;
	height:auto;
}
.div_input:first-child {
       border-top: 1px solid rgba(0,0,0,.2);
}
.contact_text h6 {
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding-left: 14px;
}
.contact_text h6:before {
    width: 9px;
    height: 9px;
    top: 2px;
}
.contact_text h2 {
    font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 1000px;
    margin:80px 0 20px;
}
.contact_text p {
    font: 500 14px/19px 'SF UI Display', Arial, Helvetica, sans-serif;
    max-width: 1000px;
}
.div_input {
    padding: 18px 16px;
}
.div_input label {
    width: 86px;
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
    height: 14px;
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.contact_form .btn {
    height: 70px;
	position:static;
}
.section_contact{
 height:auto;
 background:none;
}
.footer {
    padding: 16px 16px 0;
}
.div_copy {
    margin-top: 281px;
    font: 600 12px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
    padding: 18px 0;
	position:relative;
}
.footer_link{
 position:absolute;
 display:block;
 top:-33px;
 left:0;
}
.nav, .btn_desctop{
 display:none;
}
.modal_body{
 width:100vw;
}
.modal_body h3 {
    padding: 12px 0 40px 16px;
    max-width: 300px;
    color: #1D1D1D;
    font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
}
.modal_form .btn {
    height: 70px;
}
.nav_mobil{
 display:flex;
}
.impressum_top{
padding: 130px 0 40px;
}
.impressum_top h1{
 font: 500 32px/35px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_top p{
 margin-bottom:21px;
}
.impressum_top a{
 color:#E6F851;
}
.impressum_top a:hover{
 text-decoration:underline;
}
.impressum_white{
 background:#fff;
 color:#1D1D1D;
 padding:60px 0 40px;
}
.impressum_white h2{
  font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_white p{
 margin-bottom:21px;
}
.impressum_white a{
  color:#1D1D1D;
  text-decoration:underline;
}
.impressum_white a:hover{
  text-decoration:none;
}

.impressum_black{
 background:#1D1D1D;
 color:#fff;
 padding:60px 0 40px;
}
.impressum_black h2{
  font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin-bottom:35px;
}
.impressum_black h3, .impressum_white h3{
  font: 500 24px/25px 'SF UI Display', Arial, Helvetica, sans-serif;
 margin:40px 0 30px;
}
.impressum_black p{
 margin-bottom:21px;
}
#services{
 margin-top:0px;
}
#contact{
 margin-top:0px;
}
.span_error{
 font-size:8px;
 left:16px;
 top:35px;
}
.div_input.error:before {
    top: 22px;
}
}

/*--------------div_portrait--------------------*/
.div_portrait{
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background: #1D1D1D;
 display:flex;
 z-index:9100;
 flex-direction: column;
align-items: center;
justify-content: center;
 color: #fff;
 opacity:0;
 visibility:hidden;
     transition: all 0.2s linear;
}
.div_portrait h6{

 font:500 14px/14px 'SF UI Display', Arial, Helvetica, sans-serif;
 padding:22px 0 4px;
}
.div_portrait span{
 opacity: 0.44;
 font:500 8px/8px 'SF UI Display', Arial, Helvetica, sans-serif;
}
@media screen and (min-aspect-ratio: 13/9) and  (max-width:850px){
 .div_portrait{
  opacity:1;
 visibility:visible;
 }
}