@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

@font-face {
	font-family: BillionaireMediumGrunge;
	src: url(../fonts/BillionaireMediumGrunge.eot);
	src: url(../fonts/BillionaireMediumGrunge.eot?#iefix) format('embedded-opentype'), url(../fonts/BillionaireMediumGrunge.otf) format('opentype'), url(../fonts/BillionaireMediumGrunge.svg) format('svg'), url(../fonts/BillionaireMediumGrunge.ttf) format('truetype'), url(../fonts/BillionaireMediumGrunge.woff) format('woff'), url(../fonts/BillionaireMediumGrunge.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: block
}

address,
b,
body,
div,
section,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
img,
ins,
li,
menu,
nav,
p,
section,
span,
strong,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

body {
	line-height: 1
}

footer,
header,
menu,
nav,
section {
	display: block
}

nav ul,
ul {
	list-style: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline: 0;
	vertical-align: baseline;
	background: 0 0
}

ins {
	background-color: #5E5426;
	color: #000;
	text-decoration: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #AB9E67;
	margin: 1em 0;
	padding: 0
}

input {
	vertical-align: middle
}

input:focus,
textarea:focus {
	outline: 0
}

.block {
	display: block
}

.clear {
	clear: both
}

.left {
	float: left
}

.right {
	float: right
}

.clear-right {
	clear: right
}

.clear-left {
	clear: left
}

.center-relative {
	margin-left: auto;
	margin-right: auto
}

.center-text {
	text-align: center!important
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.relative {
	position: relative
}

.left-35 {
	margin-left: 35px
}

.right-35 {
	margin-right: 35px
}

.width-25 {
	width: 25%
}

.width-50 {
	width: 50%
}

.width-75 {
	width: 75%
}

.width-85 {
	width: 85%
}

.width-100 {
	width: 100%
}

address {
	font-size: 32px;
	line-height: 50px;
	font-style: normal
}

a.button {
	display: inline-block;
	color: #e54b76;
	border: #e54b76 solid 2px;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 12px;
	padding-left: 50px;
	padding-right: 50px;
	cursor: pointer;
	margin-bottom: 25px;
	vertical-align: middle;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	transition: all .2s linear
}

a.button:active {
	position: relative;
	top: 1px
}

a.button:hover {
	color: #fff;
	background-color: #6868AC
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 20px 0
}

h1 {
	font-size: 34px;
	line-height: 34px
}

h2 {
	font-size: 34px;
	line-height: 34px
}

h3 {
	font-size: 32px;
	line-height: 32px
}

h4 {
	font-size: 30px
}

h5 {
	font-size: 28px
}

h6 {
	font-size: 26px
}

em {
	font-style: italic
}

.one,
.one_half {
	margin-right: 100px;
	float: left;
	position: relative;
	margin-bottom: 30px
}

.last {
	margin-right: 0!important;
	clear: right
}

.one {
	float: none;
	display: block;
	clear: both;
	margin-right: 0
}

.one_half {
	width: 290px
}

.one img,
.one_half img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto
}

.sm,
.sm li,
.sm ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
	margin: 0;
	padding: 0
}

.sm ul {
	display: none
}

.sm a,
.sm li {
	position: relative
}

.sm a {
	display: block
}

.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden
}

.sm,
.sm *,
.sm :after,
.sm :before {
	box-sizing: border-box
}



.sm-clean {
	background: #f3e8e8;
	border-radius: 5px
}

.sm-clean a,
.sm-clean a:active,
.sm-clean a:focus,
.sm-clean a:hover {
	padding: 13px 20px;
	padding-right: 58px;
	font-size: 18px;
	font-weight: 400;
	line-height: 17px;
	text-decoration: none
}

.sm-clean>li:first-child>:not(ul) a,
.sm-clean>li:first-child>a {
	border-radius: 5px 5px 0 0
}

.sm-clean>li:last-child>:not(ul) a,
.sm-clean>li:last-child>a,
.sm-clean>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
	border-radius: 0 0 5px 5px
}

.sm-clean li {
	border-top: 1px solid rgb(0, 0, 0, .05)
}

.sm-clean>li:first-child {
	border-top: 0
}

.sm-clean ul {
	background: 0 0
}

.sm-clean ul a,
.sm-clean ul a:active,
.sm-clean ul a:focus,
.sm-clean ul a:hover {
	font-size: 16px
}

.sm-clean ul ul a,
.sm-clean ul ul a:active,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:hover {
	border-left: 16px solid transparent
}

.sm-clean ul ul ul a,
.sm-clean ul ul ul a:active,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:hover {
	border-left: 24px solid transparent
}

.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:active,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:hover {
	border-left: 32px solid transparent
}

.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:active,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:hover {
	border-left: 40px solid transparent
}

.video-container2 {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.video-container-box {

margin-top:-65px;
margin-bottom:-65px;
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}


body {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #f9f6e7;
	background-size: auto
}

body a {
	text-decoration: none;
	color: #F9F6E7;
	transition: color .2s linear
}


.content-1170 {
	width: 1170px
}

.content-1170 img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.full-width {
	line-height: 0
}

.menu-wrapper {
	transition: background-color .2s linear;
	z-index: 99!important;
	background-color: #0F0F0F;
	width: 100%!important;
	top: 0;
	position: fixed
}

#header-main-menu {
	margin: 0 auto;
	text-align: center
}

.main-menu.sm-clean {
	background-color: transparent
}

.main-menu.sm-clean a {
	font-size: 13px;
	line-height: 41px;
	color: #f9f6e7;
	font-weight: 500;
	transition: color .2s linear;
	text-transform: uppercase;
	letter-spacing: .03cm
}

.main-menu.sm-clean a:hover {
	color: #f9f6e7!important
}

.mob-menu {
	display: none;
	font-weight: 700;
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	transition: color .2s linear;
	color: #f9f6e7
}

.section {
	position: relative;
	z-index: 1;
	background-color: #f9f6e7
}

.section-num {
	overflow: hidden;
	margin-top: 40px
}

.section-title-holder {
	background-color: #f9f6e7;
	width: 370px;
	height: 370px;
	z-index: 2
}

.section-num span {
	margin-left: -64px;
	color: #f9f6e7;
	font-family: BillionaireMediumGrunge, sans-serif;
	font-weight: 700;
	font-size: 230px;
	line-height: 100%;
	letter-spacing: -5px
}

.section-title-holder h2 {
	font-family: BillionaireMediumGrunge, sans-serif;
	font-weight: 700;
	font-size: 153px;
	width: 245px;
	word-break: break-all;
	line-height: 83px;
	margin-top: 10px;
	color: #f9f6e7;
	margin-left: 115px;
	text-transform: uppercase;
	padding: 0
}

.section-content-holder {
	background: #0F0F0F;
	width: 800px;
	padding: 60px 0
}

.section-content-holder .content-wrapper {
	padding: 0 60px
}

.section-content-holder.right {
	margin-left: 370px
}

.section-content-holder.left {
	margin-top: 370px
}

.section-content-holder .content-title-holder {
	overflow: hidden;
	height: 100px;
	margin-top: -60px;
	padding-bottom: 50px
}

.section-content-holder .content-title {
	font-family: BillionaireMediumGrunge;
	font-weight: 700;
	text-align: center;
	font-size: 180px;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: -75px;
	color: #f9f6e7
}

.videoBG {
	width: 100%
}

.videoBG3 {
	width: 100%
}
.home-title-wrapper{
    position: absolute;

    color: #fff;
    text-align: center;
	  bottom: 65px;
  right: 0;
}


.home-title{
	color:#F9F6E7;
	font-size:150px;
    font-family: BillionaireMediumGrunge;
}

.home-text {
	padding: 0px; 
	width:250px; 
	height: 150px;

}

.home-video {
	max-width:100%;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about-icons {
	position: absolute;
	right: -10px;
	top: 0px;
	overflow: hidden;
	
}


.partner-container {
	width:100%;	 
	background: linear-gradient(90deg, rgb(15, 15, 15) 0%, transparent 25%, transparent 75%, rgb(15, 15, 15) 100%) 
	
}




@media screen and (min-aspect-ratio:16/9) {
	#videoBG {
		width: 100%;
		height: 100%
	}
	#videoBG3 {
		width: 100%;
		height: 100%
	}
}

@media screen and (max-aspect-ratio:16/9) {
	#videoBG {
		width: 100%;
		height: 100%
	}
	#videoBG3 {
		width: 100%;
		height: 100%
	}
}

@media screen and (max-width:767px) {
	.videoBG3 {
		display: none
	}
	.mobilec {
		display: none
	}
}

@media screen and (min-width:768px) {
	.optionalstuff {
		display: none
	}
	.mobiles {
		display: none
	}
}

#services {
	z-index: 9
}

#services .section-title-holder {
	background-color: #AB9E67
}

#services .section-title-holder span {
	color: #0F0F0F
}

.service-holder {
	display: inline-block;
	width: 335px
}

.service-holder img {
	display: inline-block;
	width: 50px!important;
	vertical-align: top
}

.service-content-holder {
	display: inline-block;
	width: 240px;
	margin-top: 55px;
	margin-left: 5px
}

.service-content-holder-about {
		display: inline-block;
	width: 600px;
		margin-top: 55px;
	margin-left: 5px
}



.service-title {
	font-family: BillionaireMediumGrunge, sans-serif;
	font-size: 44px;
	padding-bottom: 30px;
	line-height:105%
}

#portfolio {

	z-index: 8
}

#portfolio .section-title-holder {
	background-color: #6868AC
}

#portfolio .section-title-holder span {
	color: #0F0F0F
}

.section-content-holder.portfolio-holder {
	background-color: transparent;
	width: 800px;
	padding: 0
}

.grid {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: block
}

.grid-item {
	float: left;
	font-size: 0;
	line-height: 0;
	box-sizing: border-box;
			background-color: #0F0F0F;
}

.grid-item img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	max-width: none
}

.grid-item,
.grid-sizer {
	width: 400px
}

.grid-item.p_one_half {
	width: 400px
}

.grid-item.p_one {
	width: 800px
}

.grid-item a:hover {
	color: #211717
}

#partner {
	background-color: #f9f6e7; 
  background-repeat: no-repeat; 
    background-position: center top;
     background-size: cover;
	 z-index:2
}

#partner .section-title-holder {
	background-color: #AB9E67 
}

#partner .section-title-holder span {
	color: #0F0F0F
}

#partner .section-content-holder {
	padding-bottom: 0
}



#about {
	background-color: #f9f6e7;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	z-index: 7
}

#about .section-title-holder {
	background-color: #5E5426
}

#about .section-title-holder span {
	color: #0F0F0F
}

#about .section-content-holder {
	padding-bottom: 0
}

.member-content-holder {
	width: 330px;
	padding: 90px 50px 50px 50px;
}

.angebot-content-holder {
		background-color: #0F0F0F;
	width: 300px;
	padding:60px 50px 45px 50px;
}

.angebot-image-holder {
	width: 400px;
	float: right
}
.angebot-image-holder img {
	width: 100%!important
}


.member-image-holder {
	width: 370px;
	float: right
}

.member-image-holder img {
	width: 100%!important
}

.member-name {
	line-height: 26px;
	font-size: 16px;
	font-weight: 700;
	padding: 0
}

.member-position {
	line-height: 16px;
	font-size: 14px;
	padding-bottom: 50px;
	color: #c4af4f;
	letter-spacing: 4px
}

#auswahl {
	color: #AB9E67
}

.member-content {
	line-height: 26px
}

.image-slider-wrapper.img .image-slider li img {
	width: 100%
}

#video {
	background-color: #f9f6e7;
	background-repeat: repeat-x;
	background-position: center center;
	background-size: auto;
	z-index: 5
}

#video .section-title-holder {
	background-color: #2F2F5E
}

#video .section-title-holder span {
	color: #0F0F0F
}

#video .section-content-holder {
	padding-bottom: 0
}

a.video-popup-holder {
	position: relative;
	display: block
}

a.video-popup-holder .thumb {
	width: 100%
}

img.popup-play {
	position: absolute;
	top: 50%;
	left: 50%;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	opacity: .7;
	transition: opacity .2s linear
}

a.video-popup-holder:hover img.popup-play {
	opacity: 1
}

#contact {
	background-color: #f9f6e7;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
	z-index: 1
}

#contact .section-title-holder {
	background-color: #6868AC
}

#contact .section-title-holder span {
	color: #0F0F0F
}

#contact .section-content-holder {
	padding-bottom: 0
}

.contact-form input[type=submit] {
	color: #8282d9;
	display: inline-block;
	border: #6868AC solid 2px;
	text-align: center;
	padding: 12px 0;
	cursor: pointer;
	margin-top: 30px;
	vertical-align: middle;
	text-decoration: none;
	background: 0 0;
	font-family: Roboto, sans-serif;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	transition: all .2s linear
}

.contact-form input[type=submit]:hover {
	color: #0F0F0F;
	background-color: #6868AC
}

footer {
	background-color: #f9f6e7
}

.footer {
	font-size: 16px;
	line-height: 36px;
	clear: both;
	color: #000;
	text-align: center;
	padding: 100px 0
}

.footer-left,
.footer-right {
	width: 810px
}

.footer-right {
	margin-left: 370px
}

.footer a {
	color: #000
}

.social-footer a {
	margin: 0 10px;
	font-size: 20px
}

#portfolio-1 {
	background-color: #f9f6e7;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto
}

#portfolio-2 {
	background-color: #f9f6e7;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto
}

.containerZZZ {
	display: inline-block;
	cursor: pointer
}

.bar1,
.bar2,
.bar3 {
	width: 35px;
	height: 5px;
	background-color: #f9f6e7;
	margin: 6px 0;
	transition: .4s
}

.change .bar1 {
	transform: rotate(315deg) translate(-9px, 6px)
}

.change .bar2 {
	opacity: 0
}

.change .bar3 {
	transform: rotate(45deg) translate(-8px, -8px)
}

nav.shift ul li a {
	position: relative;
	z-index: 1
}

nav.shift ul li a:hover {
	color: #0F0F0F
}

nav.shift ul li a:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	content: '.';
	color: transparent;
	background: #0F0F0F;
	opacity: 0;
	z-index: -1
}

nav.shift ul li a:hover:after {
	opacity: 1;
	visibility: visible;
	height: 100%
}

nav ul {
	list-style: none;
	text-align: center
}

nav ul li {
	display: inline-block
}

nav ul li a {
	display: block;
	text-decoration: none;
	color: #aaa;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 10px
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
	transition: all .5s
}

nav ul li a:hover {
	color: #555
}

.logo {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 45px;
	margin-top: -4px
}

.insta {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
}

.left-center {
	float: left;
}
.right-center{
	float:right;
}

.italic{font-style: italic}

.bigwrd{font-size:72px}

.whtwrd{color:#fff}
.word {
	font-family: BillionaireMediumGrunge, sans-serif;
	font-weight: 700;
	width: 245px;
	word-break: break-all;
	line-height: 83px;
	margin-top: 10px;
	letter-spacing: -.1525em;
	text-transform: uppercase;
	padding: 0
}

.word span {
	cursor: pointer;
	display: inline-block;
	user-select: none;
	line-height: .8;
	font-family: BillionaireMediumGrunge, sans-serif
}

.word span:nth-child(1).active {
	animation: balance 1.5s ease-out;
	transform-origin: 0 100% 0
}

.word span:nth-child(7).active {
	animation: falling 2s ease-out;
	transform-origin: bottom center
}

.word span:nth-child(8).active {
	animation: falling 2s ease-out;
	transform-origin: bottom center
}

.word span:nth-child(4).active {
	animation: rotate 1s ease-out
}

.word span:nth-child(6).active {
	animation: falling 2s ease-out;
	transform-origin: bottom center
}

.word span:nth-child(5).active {
	animation: rotate 1s ease-out
}

.word span:nth-child(2).active {
	animation: rotate 1s ease-out
}

.word span:nth-child(3).active {
	animation: balance 1.5s ease-out;
	transform-origin: 0 100% 0
}

@keyframes balance {
	0%,
	100% {
		transform: rotate(0)
	}
	30%,
	60% {
		transform: rotate(-45deg)
	}
}

@keyframes falling {
	12% {
		transform: rotateX(240deg)
	}
	24% {
		transform: rotateX(150deg)
	}
	36% {
		transform: rotateX(200deg)
	}
	48% {
		transform: rotateX(175deg)
	}
	60%,
	85% {
		transform: rotateX(180deg)
	}
	100% {
		transform: rotateX(0)
	}
}

@keyframes rotate {
	20%,
	80% {
		transform: rotateY(180deg)
	}
	100% {
		transform: rotateY(360deg)
	}
}



.close {
	color: #fff;
	float: right;
	font-size: 28px;
	font-weight: 700
}

.close:focus,
.close:hover {
	color: #6868AC;
	text-decoration: none;
	cursor: pointer
}

@keyframes slideIn {
	from {
		bottom: -300px
	}
	to {
		bottom: 0
	}
}

@keyframes slideOut {
	from {
		bottom: 0
	}
	to {
		bottom: -300px
	}
}
.buttn {

	color: #0F0F0F;
	width: 200px;
	font-size: 15px;
	padding: 10px 20px 10px 20px;
	border: #0F0F0F solid 2px;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	transition: all .2s linear;
	    margin-left: auto;
    margin-right: auto;
}

.buttn:hover {
	background: #0F0F0F;
	text-decoration: none;
	color: #f9f6e7
}
button {

	color: #0F0F0F;
	font-size: 15px;
	padding: 10px 20px 10px 20px;
	border: #0F0F0F solid 2px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: middle;
	text-decoration: none;
	background: 0 0;
	font-family: Roboto, sans-serif;
	text-transform: uppercase;
	transition: all .2s linear
}

button:hover {
	background: #0F0F0F;
	text-decoration: none;
	color: #f9f6e7
}

.impressum-content-holder {
	width: 90%;
	padding: 90px 50px 50px 50px;
	float: left;
	overflow: auto
}

.impressum-name {
	line-height: 26px;
	font-size: 16px;
	font-weight: 700;
	padding: 0;
	color: #f9f6e7
}

.impressum-position {
	line-height: 16px;
	font-size: 14px;
	padding-bottom: 5px;
	color: #6868AC;
	letter-spacing: 4px
}

.impressum-content {
	line-height: 26px;
	color: #f9f6e7
}

contact-form {
	max-width: 100%;
	width: 770px;
	margin: 0 auto;
	font-size: 22px;
	float: left
}

form>div {
	position: relative;
	overflow: hidden
}

form input,
form textarea {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	outline: 0;
	color: #0F0F0F;
	border: 0;
	height: 34px;
	font-size: 16px;
	font-weight: 400;
	font-family: Montserrat, sans-serif;
	width: 100%;
	line-height: 25px;
	padding: 0
}

form input:valid,
form textarea:valid {
	background-color: #f9f6e7
}

form input:focus {
	border-color: #f9f6e7
}

form textarea:focus {
	border-color: #f9f6e7;
	height: 150px;
	overflow: auto
}

form input:focus+label,
form textarea:focus+label {
	background: #6868AC;
	color: #0F0F0F;
	font-size: 70%;
	padding: 15px 6px;
	z-index: 2;
	text-transform: uppercase;
	opacity: 0;
	top: -2px;
	bottom: -2px;
	margin-bottom: -70px
}

form input:focus+label {
	animation: werbungWeg 6s
}

form textarea:focus+label {
	animation: werbungWeg 3s
}

@keyframes werbungWeg {
	0% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

form label {
	transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
	position: absolute;
	color: #f9f6e7;
	padding: 7px 6px
}

form textarea {
	display: block;
	resize: vertical;
	transition: all .3s linear;
	overflow: hidden
}

form input[type=text] {
	margin-bottom: 25px
}
form input[type=date] {
	margin-bottom: 25px
}


form input[type=email] {
	margin-bottom: 25px
}

input[required] {
  background-color: white;
      -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

form.go-right label {
	top: 2px;
	right: 100%;
	width: 100%;
	margin-right: -100%;
	bottom: 2px
}

form.go-right input:focus+label,
form.go-right textarea:focus+label {
	right: 0;
	margin-right: 0;
	width: 40%;
	padding-top: 5px
}

* {
	margin: 0;
	  padding: 0;
}











.accordion {
  width: 100%;
  margin: 30px auto 100px;
  background: #0F0F0F;
  border-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #FFF;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #FFF;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #AB9E67; }

.accordion li.open i { color: #AB9E67; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #AB9E67;
  font-size: 15px;
      line-height: 26px;
    font-weight: 400;
}

.submenu li { border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #0F0F0F;
  padding: 25px 32px 32px 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}































.farbe {
	background-color: #6868AC;
	height: 150px;
	width: 150px;
	position: absolute
}

.farbe2 {
	background-color: #6868AC;
	height: 150px;
	width: 150px;
	position: absolute;
	right: 5%
}

.farbe3 {
	background-color: #5E5426;
	height: 150px;
	width: 150px;
	position: absolute
}

.farbe4 {
	background-color: #5E5426;
	height: 150px;
	width: 150px;
	position: absolute;
	right: 5%
}

.centered {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	color: #f9f6e7;
	font-size: 2.4rem
}

.centered2 {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px
}

.centered3 {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 22px;
	margin-right: 30px
}

.btnnav {
	cursor: pointer;
	border: solid;
	border-color: #f9f6e7;
	background-color: transparent;
	outline: 0;
	font-size: 1rem;
	color: #f9f6e7
}

.arrow-right {
	border: #fff solid;
	border-width: 0 5px 5px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(-45deg);
	position: absolute;
	right: 15px
}

.arrow-left {
	border: #fff solid;
	border-width: 0 5px 5px 0;
	display: inline-block;
	padding: 5px;
	transform: rotate(135deg);
	position: absolute;
	left: 15px
}

start-container-box {
	font-size: 1.6rem;
	font-family: Montserrat, sans-serif;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}








 @keyframes scroll {
	 0% {
		 transform: translateX(0);
	}
	 100% {
		 transform: translateX(calc(-250px * 14));
	}
}
 .sliderpartner {
	 background: #FFF;

	 height: 130px;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
}

 .sliderpartner::before, .sliderpartner::after {
	 background: linear-gradient(to right, rgba(15, 15, 15, 1) 0%, rgba(15, 15, 15, 0) 100%);
	 content: "";
	 height: 130px;
	 position: absolute;
	 width: 200px;
	 z-index: 2;
}
 .sliderpartner::after {
	 right: 0;
	 top: 0;
	 transform: rotateZ(180deg);
}
 .sliderpartner::before {
	 left: 0;
	 top: 0;
}
 .sliderpartner .slide-track {
	 animation: scroll 60s linear infinite;
	 display: flex;
	 width: calc(250px * 28);
}
 .sliderpartner .slidepartner {
	 height: 100px;
	 width: 250px;
	 margin-top: 20px;
}






















.cd-image-block {
	position: relative
}

.cd-image-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #0F0F0F;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s 0s, visibility 0s .3s
}

.cd-image-block.content-block-is-visible::before {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s 0s, visibility 0s 0s
}

.cd-images-list::before {
	content: 'mobile';
	display: none
}




.cd-images-list>li {
	height: 250px;
	background: center center no-repeat #5E5426;
	background-size: cover
	
	
}

.cd-images-list>li:nth-of-type(2) {
	background: center center no-repeat #AB9E67;
	background-size: cover
}

.cd-images-list>li:nth-of-type(3) {
	background: center center no-repeat #6868AC;
	background-size: cover
}

.cd-images-list>li>a {
	display: table;
	height: 100%;
	width: 100%
}

.cd-images-list h2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: BillionaireMediumGrunge, sans-serif;
	font-size: 3rem;
	color: #f9f6e7;
	font-weight: 700;
	letter-spacing: .02em
}

.cd-images-list h3 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: BillionaireMediumGrunge, sans-serif;
	font-size: 3rem;
	color: #f9f6e7;
	font-weight: 700;
	letter-spacing: .02em
}

.cd-images-list h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: BillionaireMediumGrunge, sans-serif;
	font-size: 3rem;
	color: #f9f6e7;
	font-weight: 700;
	letter-spacing: .02em
}

.cd-images-list start {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: BillionaireMediumGrunge, sans-serif;
	font-size: 3rem;
	color: #f9f6e7;
	font-weight: 700
}

.cd-content-block {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	display: none;
	transform: translateX(100%)
}

.cd-content-block.is-visible {
	transform: translateX(0);
	display: inline;
	transition: transform .5s;
	height: 100%
}

.cd-content-block>ul {
	height: 100%
}

.cd-content-block>ul>li {
	position: absolute;
	height: 100%;
	padding-top: 2em;
	padding-right: 2em;
	padding-left: 2em;
	background-color: #0F0F0F;
	opacity: 0;
	visibility: hidden
}

.cd-content-block>ul>li.is-selected {
	position: relative;
	opacity: 1;
	visibility: visible
}

.cd-content-block h2 {
	line-height: 1;
	font-weight: 700;
	font-size: 2.3rem;
	margin-bottom: .5em;
	font-family: BillionaireMediumGrunge, sans-serif;
	margin-right: .7em;
	letter-spacing: .1em
}
.cd-content-block h3 {
	line-height: 1;
	font-weight: 700;
	font-size: 2.3rem;
	margin-bottom: .5em;
	font-family: BillionaireMediumGrunge, sans-serif;
	margin-right: .7em;
	letter-spacing: .1em
}
.cd-content-block h4 {
	line-height: 1;
	font-weight: 700;
	font-size: 2.3rem;
	margin-bottom: .5em;
	font-family: BillionaireMediumGrunge, sans-serif;
	margin-right: .7em;
	letter-spacing: .1em
}


.farbe3 p {
	line-height: 1;
	font-weight: 700;
	font-size: 3rem;
	margin-bottom: .5em;
	font-family: BillionaireMediumGrunge, sans-serif;

	letter-spacing: .1em;
	
}
.farbe4 p {
	line-height: 1;
	font-weight: 700;
	font-size: 3rem;
	margin-bottom: .5em;
	font-family: BillionaireMediumGrunge, sans-serif;
	margin-right: .7em;
	letter-spacing: .1em
}


.cd-rate-block {
	left: 50%;
	height: 50px;
	width: 50px
}

.cd-content-block p {
	margin-bottom: 2em;
	line-height: 1.6;
	color: #f9f6e7;
	margin-right: 0
}

.cd-content-block .cd-close {
	position: absolute;
	top: 8%;
	right: 0;
	height: 66px;
	width: 66px;
	background-color: #f9f6e7;
	overflow: hidden
}

.cd-content-block .cd-close::after,
.cd-content-block .cd-close::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3px;
	height: 36px;
	background-color: #0F0F0F;
	backface-visibility: hidden;
	transform: translateZ(0)
}

.cd-content-block .cd-close::after {
	transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.cd-content-block .cd-close::before {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.cd-content-block .cd-close.is-scaled-up {
	transform: scale(1)
}

.no-touch .cd-content-block .cd-close.is-scaled-up:hover {
	transform: scale(1.2)
}

.block-navigation {
	display: none
}

.slider {
	margin: 0 auto;
	max-width: 940px
}

.slide_viewer {
	height: 675px;
	overflow: hidden;
	position: relative
}

.slide_group {
	height: 100%;
	position: relative;
	width: 100%
}

.slide {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%
}

.slide:first-child {
	display: block
}

.slide:nth-of-type(1) {
	background: 0 0
}

.directional_nav {
	margin: 0 auto;
	max-width: 100%;
	position: relative
}

.next_btn {
	width: 50px;
	height: 50px;
	z-index: 2;
	position: absolute;
	top: -550px
}

.next_btn {
	cursor: pointer;
	height: 65px;
	opacity: .5;
	transition: opacity .4s ease-in-out;
	width: 65px
}

.next_btn:hover {
	opacity: 1
}

.slider img {
	width: 100%
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	background-color: #0F0F0F
}

.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-button-next,
.swiper-button-prev {
	position: relative;
	top: 93%;
	right:0;
	width: 150px;
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto
}



.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	margin-top:40px;
margin-right:-60px;
margin-left:auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	margin-top:40px;
margin-right:-60px;
margin-left:auto;
}



.swiper-button-lock {
	display: none
}

.box-3 {
	background-color: #5E5426;
	height: 33.33%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}


#weiterbox {
		background-color: #AB9E67;
	
}

.btn {
	line-height: 50px;
	height: 50px;
	text-align: center;
	width: 80%;
	cursor: pointer;
	
}


.one_half a {color:#8282d9}


.btn-three {
	color: #000;
	transition: all .5s;
	position: relative;
	font-family: BillionaireMediumGrunge;
	font-size:37px;
}

.btn-four {
	color: #fff;
	transition: all .5s;
	position: relative;
	font-family: BillionaireMediumGrunge;
	font-size:28px;
}

.btn-four::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s
}

.btn-four:hover::before {
	opacity: 0;
	transform: scale(.5, .5)
}

.btn-four:after {
	position: absolute;
	content: "";
	top: 0;
	left: -15%;
	width: 0;
	height: 100%;
	background: #0F0F0F;
	transition: all .35s
}

.btn-four:hover {
	color: #0F0F0F
}

.btn-four:hover:after {
	width: 27%
}


.btn-three::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all .3s
}

.btn-three:hover::before {
	opacity: 0;
	transform: scale(.5, .5)
}

.btn-three:after {
	position: absolute;
	content: "";
	top: 0;
	left: -15%;
	width: 0;
	height: 100%;
	background: #0F0F0F;
	transition: all .35s
}

.btn-three:hover {
	color: #0F0F0F
}

.btn-three:hover:after {
	width: 27%
}

.box-4 {
	background-color: #6868AC;
	height: 33.33%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.box-5 {
	background-color: #AB9E67;
	height: 33.33%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}


.referenzen {
	list-style-type: square;
}



@media screen and (max-width:1180px) {
	.content-1170 {
		width: 100%
	}
	.video-container2 {
		width: 100%
	}
	
	.video-container-box {

margin-top: 0px;
margin-bottom: 0px;

}


.home-title-wrapper{

	  bottom: 0px;

}
	
	
	.one_half {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0
	}
	.next_btn {
		top: -89px;
		right: 0
	}
	.section-content-holder.right {
		margin-left: 0
	}
	.section-content-holder.left {
		margin-top: 0
	}
	.section-num {
		display: inline-block;
		margin-top: 10px;
		margin-right: 30px
	}
	.section-num span {
		font-size: 50px;
		margin-left: -55px
	}
	.section-title-holder {
		width: 100%;
		height: auto;
		position: relative!important;
		top: 0!important
	}
	.section-title-holder h2 {
		display: inline-block;
		width: auto;
		margin: 0;
		vertical-align: top;
		margin-top: 10px;
		font-size: 80px;
		line-height: 100%
	}
	.section-content-holder {
		width: 100%;
		padding: 30px 0
	}
	.section-content-holder .content-wrapper {
		padding: 0 5%
	}
	.service-holder {
		width: 100%;
		display: block
	}
	.service-content-holder {
		width: 100%;
		width: calc(100% - 15px);
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.service-content-holder-about {
			width: 100%;
		width: calc(100% - 15px);
				margin-bottom: 30px
}

	.section-content-holder.portfolio-holder {
		width: 100%
	}
	.grid,
	.grid-item.p_one {
		width: 100%
	}
	.grid-item,
	.grid-item.p_one_half,
	.grid-sizer {
		width: 50%
	}
	
	
	.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	margin-top:30px;
margin-right:-5%;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	margin-top:30px;
margin-right:-5%;
}
	
	
	
	.member-content-holder {
		width: 40%;
		padding: 10% 5% 5% 5%
	}
	.member-image-holder {
		width: 50%
	}
	
		.angebot-content-holder {
		width: 40%;
		padding: 10% 5% 5% 5%
	}
	.angebot-image-holder {
		width: 50%
	}
	
	.image-slider-wrapper.team .image_slider_next {
		right: 40%
	}
	.section-content-holder .content-title-holder {
		overflow: visible;
		height: auto;
		margin: 0;
		padding: 0;
        margin-bottom: 60px;	
	}
	.section-content-holder .content-title {
		font-size: 19vw;
		margin-top: 0
	}
	
	.partner-container {
	background: white;
	}
	 .sliderpartner::before, .sliderpartner::after {
	 background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
	
}

@media screen and (max-width:925px) {

	.section {
		position: static!important;
		z-index: 0!important
	}
	.mob-menu {
		display: inline
	}
	.mob-menu:hover {
		cursor: pointer
	}
	.portfolio-text-holder {
		display: none!important;
		opacity: 0!important
	}
	.main-menu {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 300px;
		width: 100%;
		position: relative;
		z-index: 9999;
		display: none
	}
	.main-menu ul {
		width: 12em
	}
	.sm-clean a,
	.sm-clean a:active,
	.sm-clean a:focus,
	.sm-clean a:hover {
		padding-right: 0;
		padding-left: 0
	}
	.main-menu.sm-clean a {
		line-height: 24px
	}
	.left-center {
	float: none;
}
.right-center{
	float: none;
}
		.angebot-content-holder {
		width: 40%;
		padding: 5% 5% 20px 5%
	}
.home-title-wrapper {
 visibility: hidden;

}
	
}

@media screen and (max-width:650px) {
	.member-content-holder {
		width: 90%;
		float: none
	}
	.member-image-holder {
		width: 100%;
		float: none
	}
		.angebot-content-holder {
		width: 90%;
		float: none;
		padding: 0px 5% 70px 5%;
		
	}
	.angebot-image-holder {
		width: 100%;
		padding-bottom: 50px;
		float: none
	}
	
	#angebot {
		        display: flex;
        flex-wrap: wrap;
	}
	
	#angebot-top {
		order:1;
	}
	#angebot-bot {
		order:2;
	}
	
	
	
	
}

@media screen and (max-width:350px) {
	.section-num span {
		font-size: 30px
	}
	.section-title-holder h2 {
		margin-top: 9px;
		font-size: 66px;
		margin-left: 290px
	}
	.next_btn {
		top: -84px
	}
}

@media (min-width:925px) {
	.main-menu {
		display: block!important
	}
	.sm-clean ul {
		position: absolute
	}
	.sm-clean li {
		display: inline-block
	}
	.sm-clean ul li {
		float: none
	}
	.sm-clean a {
		white-space: nowrap
	}
	.sm-clean ul a {
		white-space: normal
	}
	.sm-clean {
		padding: 0 10px;
		background: #eee;
		border-radius: 100px
	}
	.sm-clean a,
	.sm-clean a:active,
	.sm-clean a:focus,
	.sm-clean a:hover {
		padding: 12px 12px;
		border-radius: 0!important
	}
	.sm-clean li {
		border-top: 0
	}
	.sm-clean>li>ul:after {
		top: -16px;
		left: 31px;
		border-width: 8px;
		border-color: transparent transparent #fff transparent
	}
	.sm-clean ul {
		padding: 5px 0;
		background: #201b55
	}
	.sm-clean ul a,
	.sm-clean ul a:active,
	.sm-clean ul a:focus,
	.sm-clean ul a:hover {
		border: 0!important;
		padding: 12px
	}
}

@media only screen and (min-width:768px) {
	.cd-image-block::before {
		display: none
	}
	.farbe2 {
		right: 17%
	}
	.farbe4 {
		right: 17%
	}
	.cd-images-list::before {
		content: 'desktop'
	}
	.cd-images-list>li>a {
		display: block;
		padding: 4em 3em;
		cursor: default;

	}
	.cd-images-list h1 {
		font-size: 4.6rem;
		vertical-align: bottom;
		font-family: BillionaireMediumGrunge, sans-serif;
		position: absolute;
		bottom: 15%;
		margin-left: 6%;
		color: #f9f6e7;
		letter-spacing:.1em;
	
	}
	.cd-images-list h2 {
		font-size: 8em;
		margin-left: 15%;
		font-family: BillionaireMediumGrunge, sans-serif;
		font-weight: 700;
		position: absolute;
		top: 15%;
		color: #AB9E67
	}
	.cd-images-list h3 {
		font-size: 5.5rem;
		vertical-align: bottom;
		font-family: BillionaireMediumGrunge, sans-serif;
		position: absolute;
		margin-left: 10%;
		color: #f9f6e7;
		bottom: 42%;
		left: 30%
	}
	.cd-content-block {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		height: 100%;
		display: inline;
		position: static;
		transform: translateX(0)
	}
	.cd-content-block>ul>li {
		opacity: 1;
		visibility: visible;
		padding: 4em 3em
	}
	.cd-content-block>ul>li.overflow-hidden {
		overflow: hidden
	}
	.cd-content-block h2 {
		font-size: 3rem
	}
		.cd-content-block h3 {
		font-size: 3rem
	}
		.cd-content-block h4 {
		font-size: 3rem
	}
	.cd-content-block .cd-close {
		display: none
	}
	.cd-content-block p {
		margin-right: 5em
	}
	.cd-content-block,
	.cd-image-block {
		width: 50%;
		float: left;
		height: 100vh;
		overflow: hidden
	}
	.cd-content-block>ul,
	.cd-image-block>ul {
		position: relative;
		height: 100%
	}
	.cd-content-block>ul>li,
	.cd-image-block>ul>li {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 101%;
		transform: translateZ(0);
		backface-visibility: hidden;
		will-change: transform;
		transform: translateX(100%);
		transition: transform .5s
	}
	.cd-content-block>ul>li.is-selected,
	.cd-image-block>ul>li.is-selected {
		position: absolute;
		transform: translateX(0)
	}
	.cd-content-block>ul>li.move-left,
	.cd-image-block>ul>li.move-left {
		transform: translateX(-100%)
	}
	.block-navigation {
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 50%
	}
	.block-navigation::after {
		clear: both;
		content: "";
		display: table
	}
	.block-navigation li {
		width: 50%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #0F0F0F;
		transition: background .2s
	}
	.block-navigation li:hover {
		background-color: rgb(0, 0, 0, .7)
	}
	.block-navigation li:first-of-type {
		float: left
	}
	.block-navigation li:last-of-type {
		float: right
	}
	.block-navigation button {
		display: block;
		height: 100%;
		width: 100%;
		color: #fff
	}
	.block-navigation button.inactive {
		opacity: .3;
		cursor: not-allowed
	}
	.no-js .cd-content-block {
		display: none
	}
	.no-js .cd-image-block {
		width: 100%;
		overflow: visible
	}
	.no-js .cd-images-list::after {
		clear: both;
		content: "";
		display: table
	}
	.no-js .cd-images-list>li {
		position: static;
		width: 50%;
		float: left;
		height: 400px;
		transform: translateX(0)
	}
	.no-js .cd-images-list>li.is-selected {
		position: static
	}
	.no-js .cd-images-list>li>a {
		cursor: pointer
		
	}
	.no-js .block-navigation {
		display: none
	}
	
	
	
}

@media only screen and (max-width:767px) {
	.next_btn {
		right: 50px
	}
		
	
}