@import url("reset.css");

/*-------------------font------------------*/
@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Light.eot');
    src: url('../fonts/FoundersGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoundersGrotesk-Light.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Light.woff') format('woff'),
        url('../fonts/FoundersGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Medium.eot');
    src: url('../fonts/FoundersGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoundersGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Medium.woff') format('woff'),
        url('../fonts/FoundersGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Regular.eot');
    src: url('../fonts/FoundersGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoundersGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Regular.woff') format('woff'),
        url('../fonts/FoundersGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Semibold.eot');
    src: url('../fonts/FoundersGrotesk-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoundersGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Semibold.woff') format('woff'),
        url('../fonts/FoundersGrotesk-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Bold.eot');
    src: url('../fonts/FoundersGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoundersGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Bold.woff') format('woff'),
        url('../fonts/FoundersGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*----------------------body-----------------*/
header, nav, section, article, aside, footer {
	display:block
}
html {
	height:100%
}
body {
	background:#fff;
	font:500 16px/29px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color: #B2B9C0;
	height:100%;
	-webkit-text-size-adjust:none;
}
.main {
	min-height:100%;
	margin:0 auto;
	width:100%;
	overflow:hidden;
	position:relative;
}
.container {
	max-width:1920px;
	padding:0 30px 0 120px;
	box-sizing: border-box;
	margin:0 auto;
	position:relative;
}
.hidden, input[type="text"].hidden {
	display:none !important;
}
.cnt {
	text-align:center;
}
.clear {
	clear:both;
}
a, img {
	outline:none;
}
a:focus {
	outline:none;
}
a {
	color:#0ba0e2;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
img {
	max-width:100%;
	vertical-align:middle;
}
* {
	box-sizing: border-box;
}
/*----------------------------header----------------------*/
.header {

}
.header a {
	color:#fff;
}
.header_case {
}
.header_case a {
	color:#fff;
}
/*------------------------nav---------------------------*/
.nav {
	margin-left: 16.66667%;
}
.nav ul {
	display:flex;
}
.nav ul li {
	margin-right: 1.6em;
	position:relative;
}
.nav ul li a {
	position:relative;
	display:block;
	color:#fff;
	transition:all 0.3s linear;
	white-space: nowrap;
}
.nav ul li a:hover, .nav ul li.active a {
	color: #FF1F2A;
}
.nav_open {
	cursor: pointer;
	z-index: 10;
	margin-right:0px;
	display:none;
}
.nav_open span {
	letter-spacing: -0.01em;
    font: 300 14px/16px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color:#fff;
	    display: block;
}
.mobile-menu{
 position:fixed;
 top:0;
 left:0;
 width:100vw;
 height:100vh;
 padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #121212;
z-index:100;
opacity:0;
visibility:hidden;
}
.mobile-menu-top{
 	letter-spacing: -0.01em;
    font: 300 14px/16px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
}
.mobile-menu_email {
    display: block;
    margin-bottom: 0.2em;
    text-decoration: none;
	font: 300 14px/16px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
.ul-mobile-menu li{
 margin-bottom: 0.2em;
 font: 300 40px/40px 'Founders Grotesk', Arial, Helvetica, sans-serif;
    letter-spacing: -0.02em;
	text-align:center;
}
.ul-mobile-menu li a{
 color:#fff;
}
/*------------------------------button-------------------------*/
.btn--anim {
	height: 174px;
	width: 174px;
	position:relative;
	border-radius: 50%;
	overflow:hidden;
}
.btn--anim > span {
	position:absolute;
	top:0;
	left:0;
	height: 174px;
	width: 174px;
	border-radius: 50%;
	overflow:hidden;
	display:block;
	background:#fff;
	z-index:10;
}
.btn {
	height: 174px;
	width: 174px;
	transition:all 0.3s linear;
	cursor:pointer;
	font:300 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	display:flex;
	color:#fff;
	background:#FF1F2A;
	letter-spacing: -0.02em;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	position:relative;
}
.btn:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	height: 174px;
	width: 174px;
	border-radius: 50%;
	overflow:hidden;
	display:block;
	background:#fff;
	transition:all 0.3s linear;
	transform: scale(0);
}
.btn:hover:before {
	transform: scale(1);
}
.btn span {
	z-index:10;
	position:relative;
}
.btn:hover {
	color:#121212;
}
/*-------------------------home-----------------------*/
.main_home {
	background:#121212;
	padding:0 48px;
	width:100%;
	height:100vh;
	color:#fff;
	
}
.header_home {
	position:absolute;
	left:0;
	right:0;
	padding-top:40px;
	z-index: 10;
}
.header_body {
	display:flex;
	padding:0 48px;
	letter-spacing: -0.01em;
	font:300 18px/18px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.description_home {
	width:8.333%;
	color: RGBA(255, 255, 255, 0.4);
}
.logo_home {
	width:8.333%;
	text-align:right;
}
.logo_home a {
	color:#FFF;
	transition: all 0.3s linear;
}
.logo_home a:hover {
	color: #FF1F2A;
}
.footer_home {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 40px;
	width: 100%;
	z-index: 10;
}
.footer_body {
	padding:0 48px;
	letter-spacing: -0.01em;
	font:300 18px/18px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	display: flex;
	justify-content: space-between;
}
.copy {
	color: RGBA(255, 255, 255, 0.4);
}
.footer_email {
	
	
}
.footer_email a{
 transition: all 0.3s linear;
 color:#fff;
}
.footer_email a:hover {
	color: #FF1F2A;
}
.section {
	margin-left: 33.33333%;
	max-width: 58.33333%;
	height:100vh;
	display: flex;
	flex-direction: column;
	padding:50px 0 40px;
}
.section h1 {
	margin-top:auto;
	margin-bottom:auto;
	letter-spacing: -0.02em;
	font:300 40px/40px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.span_a_1 {
	color: #FF1F2A;
}
.section h1 span {
	display:inline-block
}
.div_nav{
 font:300 20px/32px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 position:absolute;
 left:48px;
 top:37%;
 color:rgba(255,255,255,.4);
 letter-spacing: -0.01em;
}
.div_services{
 font:300 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 position:absolute;
 left:48px;
 bottom:35%;
 color:#fff;
 text-align:left;
}
.nav_case{
  position:absolute;
  right:48px;
  top:37%;
  display:flex;
  align-items: center;
   color:rgba(255,255,255,.4);
 letter-spacing: -0.01em;
  
}
.nav_case span{
 padding-right:48px;
 padding-top:8px;
 font:300 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.nav_case a{
 background:#fff;
 width:32px;
 height:32px;
 border-radius:50%;
 display:flex;
     align-items: center;
    justify-content: center;
	position:relative;
}
.nav_case a:last-child{
 margin-left:8px;
}
.nav_case a:before{
 position:absolute;
	content:'';
	top:0;
	left:0;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	overflow:hidden;
	display:block;
	background:#FF1F2A;
	transition:all 0.3s linear;
	transform: scale(0);
}
.nav_case a:hover:before{
 transform: scale(1);
}
.nav_case svg{
 position:relative;
 z-index:4;
}
.section h1.h1_case{
 letter-spacing: -0.02em;
 font:300 124px/124px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.h1_case div{
 display:inline-block;
}
.main_case{
 background:#fff;
 position:relative;

}
/*----------------------section_case_bg-------------------------------*/
.case_1_bg{
 background:url(../images/case_1_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_2_bg{
 background:url(../images/case_2_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_3_bg{
 background:url(../images/case_3_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_4_bg{
 background:url(../images/case_4_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_5_bg{
 background:url(../images/case_5_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_6_bg{
 background:url(../images/case_6_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_7_bg{
 background:url(../images/case_7_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_8_bg{
 background:url(../images/case_8_bg.jpg) no-repeat center;
 background-size:cover;
}
.case_9_bg{
 background:url(../images/case_9_bg.jpg) no-repeat center;
 background-size:cover;
}
.section_case_bg_1 {
	background: #212121;
	color:#fff;
}
.section_case_bg_2 {
	background: #00B2FF;
	color:#fff;
}
.section_case_bg_3 {
	background: #146BFF;
	color:#fff;
}
.section_case_bg_4{
 background:#D9ECFF;
 color:#fff;
}
.section_case_bg_5{
 background:#0083FF;
 color:#fff;
}
.section_case_bg_6{
 background:#92AFD8;
 color:#fff;
}
.section_case_bg_7{
 background:#0160E0;
 color:#fff;
}
.section_case_bg_8{
 background:#f3f3f3;
 color:#fff;
}
.section_case_bg_9{
 background:#160266;
 color:#fff;
}
.section_case_bg_10{
 background:#2F2E34;
 color:#fff;
}
.section_case_bg_11{
 background:#E7B450;
 color:#fff;
}
.section_case_bg_12{
 background:#191B1F;
 color:#fff;
}
.section_case_bg_13{
 background:#5DBF64;
 color:#fff;
}
.section_case_bg_14{
 background:#EFEFEF;
 color:#fff;
}
/*----------------------section_case_1-------------------------------*/
.section_case_1 {
	width:100%;
	text-align:center;
}
.section_case_1 img, .section_case_3 img {
	max-width: 100%;
	max-height: 100%;
	width:auto;
	height:auto;
}
.section_case_1 a{
 	position:absolute;
	z-index:100;
	top:11px;
	left:12px;
	font:bold 13px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color:#fff;
}
/*----------------------section_case_2-------------------------------*/
.section_case_2 {
	height:100vh;
	padding:0 48px;
}
.header_case {
	height:48px;
	padding:4px 0px 0 0px;
	display:flex;
	align-items: center;
	color:rgba(0, 0, 0, .4);
	font:normal 13px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	letter-spacing: -0.005em;
	text-transform: uppercase;
	border-bottom:1px solid rgba(0, 0, 0, .12);
}
.overview_case{
 width:40.5%;
}
.overview_body {
	display:flex;
	height:calc(100vh - 32px);
	letter-spacing: -0.015em;
	font:normal 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color: #000000;
}
.overview_left {
	width:40.5%;
	padding:40px 0px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.overview_left > div:first-child {
	display:flex;
}
.overview_left a {
	display:flex;
	align-items: center;
	justify-content: center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:rgba(0, 0, 0, .12);
}
.overview_left a:hover {
	background:#FF1F2A;
	transition: all 0.3s linear;
}
.overview_scroll span {
	display:block;
	color:rgba(0, 0, 0, .4);
}
.overview_right {
	width:59.5%;
	padding:48px 47px 40px 0;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	position:relative;
}
.overview_text {
	font:300 40px/44px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	letter-spacing: -0.04em;
}
.overview_text div{
 display:inline-block;
     text-indent: 0px;
}
.overview_footer p:first-child {
	margin-bottom:20px;
}
.overview_footer p span {
	display:block;
	color:rgba(0, 0, 0, .4);
}
.overview_right .btn--anim{
  position:absolute;
  right:48px;
  bottom:48px;
  width:165px;
  height:165px;
}
/*-----------------------section_case_3--------------------*/
.section_case_3, .section_case_31 {
	margin:0 12px;
	border-radius: 12px;
	text-align:center;
   overflow:hidden;
}
.section_case_32{
 margin:12px 12px 0;
	border-radius: 12px;
	text-align:center;
	overflow:hidden;
}
.section_case_4 {
	text-align:center;
	padding:100px 0%;
}
.section_case_4 img{
 width:auto;
 height:auto;
}
section img{
 width:auto;
 height:auto;
}
.section_case_5 {
	text-align:center;
	padding:100px 0% ;
	margin:0 12px;
	border-radius: 12px;

}
.section_case_6 {

}
.case_mobil {
	display:flex;
	padding:12px;
	justify-content: space-between;
}
.case_mobil > div {
	width:49%;
}
.case_mobil_left {
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	letter-spacing: -0.015em;
	font:normal 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	color: #000000;
}
.case_mobil_left p:first-child {
	margin-bottom:20px;
}
.case_mobil_left p span {
	display:block;
	color:rgba(0, 0, 0, .4);
}
.case_mobil_right {
	background: #F34841;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right3 {
	background: #A364FF;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right4 {
	background: #9247FF;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right5 {
	background: #00B2FF;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right6 {
	background: #146BFF;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right7 {
	background: #f0f9ff;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right8 {
	background: #EFF4F9;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right9 {
	background: #92AFD8;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}

.case_mobil_right10 {
	background: #015FE0;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right11 {
	background: #EFEFEF;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right12 {
	background: #2F2E34;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}
.case_mobil_right13 {
	background: #E7B450;
	border-radius: 12px;
   text-align:center;
	overflow:hidden;
}

.case_mobil_right img, .case_mobil_right3 img, .case_mobil_right4 img, .case_mobil_right5 img, .case_mobil_right6 img, .case_mobil_right7 img, .case_mobil_right8 img, .case_mobil_right9 img, .case_mobil_right10 img, .case_mobil_right11 img, .case_mobil_right12 img, .case_mobil_right13 img {
  max-width:100%;
}
.section_case_7 {
	margin:12px 12px 12px 12px;
	border-radius: 12px;
	overflow:hidden;
	background: #EFEFEF;

}
.wrapper {
  display: flex;
      align-items: center;
	   padding-left: 1rem;
}
.wrapper li{
 flex-shrink: 0;
  width: clamp(450px, 40vw, 450px);
  padding-right: 1rem;
}
.wrapper li img{
  width: 100%;
  height: auto;
}
.section_case_7 img {
	 width:100%;
}
.case_mobil_right2 {
	background: #F34841;
	border-radius: 12px;
    overflow:hidden;
	text-align:center;
}
.case_mobil_right2 img {

}
.section_case_8 {
	text-align:center;
	padding:100px 0%;
	margin:12px 12px 0;
	border-radius: 12px;

}
.section_case_9 {
	background: #EFEFEF;
	border-radius: 12px;
	display:flex;
	margin:12px 12px 0;
	justify-content: space-around;
	align-items: center;
	padding:100px 5%;
}
.section_case_9 img{
 width:100%;
 height:auto;
 max-width:478px;
}
.section_case_11 {
	margin:12px 12px 12px 12px;
	border-radius: 12px;
	overflow:hidden;

}
.section_case_11 img{
 width:100%;
}
.section_case_12{
 margin:12px 28px 12px 12px;
	border-radius: 12px;
	overflow:hidden;
}
.section_case_12 img{
 width:100%;
}
.section_case_10 {
	margin:12px;
	position:relative;
	z-index:10;
}

.div_phone {
    justify-content: space-between;
	display:flex;
}
.div_phone > div {
	width:49%;
}
.div_phone_left {
	background: #F34841;
	border-radius: 12px;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
}

.div_phone_right {
	display:flex;
	justify-content: space-around;
	align-items: inherit;
}
.div_phone_right img{
 border-radius:12px;
}
.anim_pic_3{
  margin-top:-75px;
  width:285px;
  height:auto;
}
.anim_pic_4{
 margin-bottom:-210px;
 width:285px;
 height:auto;
}
.case_pic_15 {
	margin-bottom:-75px;
	border-radius: 12px;
	max-width:285px;
	height:auto;
}
.case_pic_16 {
	margin-top:-150px;
	border-radius: 12px;
	max-width:285px;
	height:auto;
}
/*--------------------------footer--------------------*/
.footer {
	color: #fff;
}
.footer_case {
	height:100vh;
	margin-top:24px;
    position:relative;
	padding:0 48px;
}
.footer_case .btn--anim{
 width:165px;
 height:165px;
 position:absolute;
 top:50%;
 margin-top:-82px;
 right:29%;
}
.footer_case .btn--anim a{
  width:165px;
 height:165px;
 padding-top:4px;
}
.footer_case .btn--anim a:before{
  width:165px;
 height:165px;
}
.footer_case_body {
	display:flex;
	padding:48px 0 0 40.5%;
	justify-content: space-between;
	height:50vh;
}
.footer_info{
 font:300 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 letter-spacing: -0.015em;
}
.footer_info span{
 display:block;
 opacity:.4;
}
.footer_info p{
 margin-bottom:20px;
}
.footer_credits {

	letter-spacing: -0.025em;
	font:300 128px/128px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}

.footer_case_bottom {
	height:50vh; 
	width:100%;
	position:relative;
}
.footer_friends {
	position:absolute;
	top:-25px;
	left:14px;
	color: rgba(255, 255, 255, 0.4);
	letter-spacing: -0.005em;
	text-transform: uppercase;
	font:normal 13px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.footer_link_1{
 position:absolute;
 top:0;
 left:-48px;
 right:-48px;
 height:100%;
 background:url(../images/footer_link_1.jpg) no-repeat center;
 background-size:cover;
}
.footer_link_2{
 background:url(../images/case_3_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_3{
 background:url(../images/case_4_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_4{
 background:url(../images/case_5_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_5{
 background:url(../images/case_6_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_6{
 background:url(../images/case_7_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_7{
 background:url(../images/case_8_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_8{
 background:url(../images/case_9_bg.jpg) no-repeat center;
  background-size:cover;
}
.footer_link_9{
 background:url(../images/case_1_bg.jpg) no-repeat top center;
  background-size:cover;
}
.footer_link {
	position:absolute;
	bottom:0;
	left:0px;
	right:0px;
     border-top:1px solid rgba(255,255,255,.12);
	 height:88px;
	 display:flex;
	justify-content: space-between;
    align-items: center;
}
.footer_link a{
 letter-spacing: -0.015em;
 font:300 40px/40px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 color:#fff;
 transition: all 0.3s linear;
  opacity:0.4;
}
.footer_link a:hover{
  opacity:1;
}
.footer_info_left{
 width:40.5%;
 position:relative;
}
.footer_info_left span{
 position:absolute;
 top:-52px;
 font:normal 13px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 letter-spacing: -0.005em;
text-transform: uppercase;
opacity:.4;
}
.footer_info_right{
 width:59.5%;
 display:flex;
	justify-content: space-between;
    align-items: center;
}
.div_next{
 position:relative;
}
.div_next div, .div_prev div{
 font:300 20px/20px 'Founders Grotesk', Arial, Helvetica, sans-serif;

}
.div_next div span, .div_prev div span{
  display:block;
 opacity:.4;
}
.div_prev{
 display:none;
}
.div_next > span{
   position:absolute;
 top:-52px;
 font:normal 13px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 letter-spacing: -0.005em;
text-transform: uppercase;
opacity:.4;
}
/*---------------------media------------------*/
@media (max-width:1240px) {
.description_home{
 display:none;
}
.logo_home{
 text-align:left;
 width:auto;
}
.nav{
 margin-left:0;
 width:auto;
}
.header_body{
 justify-content: space-between;
}
.nav_open{
 display:block;
}
.nav_open span{
 opacity:0;
}
.section{
 margin:0;
 text-align:center;
 max-width:100%;
}
.btn--anim{
 margin:0 auto;
}   
.section_case_9 img{
     width: 45%;
} 
.case_mobil {
	padding:12px;

}
.section_case_12{
 margin:12px;
}
}
@media (max-width:992px) {
.nav{
 display:none;
}
.nav_open span{
 opacity:1;
}
.footer_home,.div_nav{
 display:none;
}
.logo_home{
 font: 300 14px/16px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.header_home{
 padding-top:24px;
}
.header_body{
 padding:0 24px;
}
.section h1{
 font-size:24px;
 line-height:24px;
}
.btn--anim, .btn, .btn:before, .btn--anim > span, .overview_right .btn--anim {
    height: 90px;
    width: 90px;
}
.btn{
 font-size:14px;
}
.main_home{
 padding:0 24px;
}
.div_services{
 display:none;
}
.nav_case{
 position:inherit;
}
.nav_case span{
 display:block;
 position:absolute;
 bottom:185px;
 right:40px;
 padding:0;
}
.nav_case a{
 position:absolute;
 bottom:182px;
 left:40px;
}
.nav_case a+a{
 left:80px;
}
.section h1.h1_case{
 font-size:96px;
}
.footer_case_body{
 padding-left:0px;
}
}
@media (max-width:766px) {
.section h1.h1_case{
 font-size:40px;
}
.section_case_2{
 padding:0 24px;
 height:auto;
}
.overview_left{
 display:none;
}
.overview_right {
    width: 100%;
    padding: 12px 0px 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.overview_text {
    font: normal 24px/24px 'Founders Grotesk', Arial, Helvetica, sans-serif;
	margin-bottom:90px;
}
.overview_body{
 height:auto;
 font: 300 14px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.overview_right .btn--anim{
 bottom:24px;
 right:0;
}
.header_case{
 justify-content: space-between;
}
.footer_case_body{
 flex-wrap:wrap;
 padding:24px 0 48px;
  height:76%;
  flex-direction: column;
}
.footer_credits{
 order:-1;
 width:100%;
  font: normal 40px/40px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.footer_case{
 padding:0 24px;
}
.footer_info{
 font-size:14px;
 line-height:14px;
}

.footer_case_bottom{
 height:24%;
}
.footer_case .btn--anim, .footer_case .btn--anim a{
 width:90px;
 height:90px;

}
.footer_case .btn--anim{
  top:138px;
 right:24px;
 margin:0;
}
.footer_info_left span{
 display:none;
}
.div_next > span{
 display:none;
}
.footer_link{
 bottom:auto;
 top:-36px;
 height: 100%;
    align-items: flex-start;
    padding-top: 4px;
}
.footer_link a{
 font: normal 12px/12px 'Founders Grotesk', Arial, Helvetica, sans-serif;
 text-transform:uppercase;
}
.div_next, .div_prev{
 position:absolute;
 bottom:-12px;
 right:0px;
 text-align:right;
}
.div_prev{
 right:auto;
 left:0;
 text-align:left;
 display:block;
}
.div_next div, .div_prev div {
    font: 300 14px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
.footer_info_right{
 display:block;
 width:auto;
}
.section_case_8{
 padding:50px 0;
}
.case_mobil_left{
 font: 300 14px/14px 'Founders Grotesk', Arial, Helvetica, sans-serif;
}
}