@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Muli);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*
@font-face {
    font-family: NotoSansRegular;
    src: url(../fonts/NotoSans-Regular.ttf);
}

@font-face {
	font-family: NotoSansBold;
	src: url(../fonts/NotoSans-Bold.ttf);
}*/



/* Fonts */

@font-face {
	font-family: Arimo-Regular;
	src: url(../fonts/Arimo/Arimo-Regular.ttf) format('opentype');
}
@font-face {
	font-family: NewRocker-Regular;
	src: url('../fonts/NewRocker-Regular.eot') format('embedded-opentype'), url('../fonts/NewRocker-Regular.ttf') format('truetype'), 
	url('../fonts/NewRocker-Regular.otf') format('opentype'), url('../fonts/NewRocker-Regular.woff') format('woff');
}
@font-face {
	font-family: Muli;
	src: url('../fonts/muli/Muli.eot') format('embedded-opentype'), url('../fonts/muli/Muli.ttf') format('truetype'), 
	url('../fonts/muli/Muli.otf') format('opentype'), url('../fonts/muli/Muli.woff') format('woff');
	
}
@font-face {
	font-family: Muli-Light;
	src: url('../fonts/muli/Muli-Light.eot') format('embedded-opentype'), url('../fonts/muli/Muli-Light.ttf') format('truetype'), 
	url('../fonts/muli/Muli-Light.otf') format('opentype'), url('../fonts/muli/Muli-Light.woff') format('woff');
}
@font-face {
	font-family: Muli-Bold;
	src: url('../fonts/muli/Muli-Bold.eot') format('embedded-opentype'), url('../fonts/muli/Muli-Bold.ttf') format('truetype'), 
	url('../fonts/muli/Muli-Bold.otf') format('opentype'), url('../fonts/muli/Muli-Bold.woff') format('woff');
}




@font-face {
	font-family: Muli-SemiBold;
	src: url('../fonts/muli/Muli-SemiBold.eot') format('embedded-opentype'), url('../fonts/muli/Muli-SemiBold.ttf') format('truetype'), 
	url('../fonts/muli/Muli-SemiBold.otf') format('opentype'), url('../fonts/muli/Muli-SemiBold.woff') format('woff');
}

@font-face {
	font-family: Open Sans;
	src: url(../fonts/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
	font-family: OpenSans-Bold;
	src: url(../fonts/OpenSans-Bold.ttf) format('truetype');
}
/* Fonts end */

/* =========================================== */

/* Body */

body {
	background-color: #000;
	color: #ababab;
	font-family: 'Muli';
	font-weight: 400;
	letter-spacing: 0.5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-ms-osx-font-smoothing: grayscale;
	color-profile: auto;
	image-rendering: optimizeQuality;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	x-ms-format-detection: none;
	
}
html, body {
	height: 100%;
	margin:0;
}
*, *::before, *::after {
	box-sizing: border-box;
}
/* Body end */

/* preloader */
#preload_area_1 {
	background-image: url(../gfx/Finanzierung.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}
#preload_area_2 {
	background-image: url(../gfx/Versicherung.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}
#preload_area_3 {
	background-image: url(../gfx/Vermittlung.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}
#preload_area_4 {
	background-image: url(../gfx/Aufbereitung.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}
#preload_area_5 {
	background-image: url(../gfx/Barankauf.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}

#preload_area_6 {
	background-image:url(../gfx/Lackierung.jpg);
	width: 0px;
	height: 0px;
	display: inline;
}


.preloader, .preloader img {
	/* bottom: 200px; */
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	/* width: 300px; */
	height: 100%;
	z-index: 1000;
	background-color: black;
}
#canvas {
	margin-left: auto;
	margin-right: auto;
	z-index: 300;
	position: absolute;
	width: 160px;
	height: 58px;
}
.preloadbox {
	width: 15px;
	height: 58px;
	margin: auto;
	margin-top: 40%;
	position: relative;
	z-index: 200;
}
.preloadcenter {
	width: 500px;
	height: 175px;
	margin: 0 auto;
	background: black;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -87px;
}

.loadergif {

	width: 500px;
	height: 175px;
	margin: auto;

	position: relative;
	z-index: 200;	
	
}

	

#wrapper {
	bottom: 30px;
    height: 20px;
    margin-top:inherit;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
	display:block;
}


/* preloader end */





.frame {
	width: 100%;
	height: 160px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	float: left;
	position: relative;
	  height: 50px;
	 
    
}

.frame .slidee {
	
	padding: 0;
	height: 100%;
	list-style: none;
	width:90%;
	margin: 0 auto;
}
.frame .slidee li {
	float: none;
	margin: 0 25px 0 0;
	padding: 0;
	display:inline;
	height: 100%;
}
.scrollbar {
	width: 100%;
	height: 10px;
}
.scrollbar .handle {
	width: 100px; /* overriden if dynamicHandle: 1 */
	height: 100%;
	background: #222;
}
.frame ul li {

	color: #3a3c47;

	float: left;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;
	text-align: center;

}
.scrollbar {
	height: 2px;
	line-height: 0;
	margin: 0 auto 30px;
	width: 940px;
}
.framebox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}
.prevone {
	top: 70px;
	float: left;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	left: -10px;
}
.nextone {
	top: 70px;
	right: -10px;
	cursor: pointer;
	float: left;
	background-color: transparent;
	position: relative;
}



.frame .slidee li {
height:20px;
color:white;


}


.slidee li img {
	width:100%;
}

ul.slidee li:hover {

		transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}


.slidee li a {
	height:100%;
	width:100%;
	position:relative;
}

ul.slidee li {

 
  	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	
}

.frame .slidee li.extwidth {
width:100px;	
}

.frame .slidee li.faderr {
		display:inline;
	}

.selected  {
	display:inline;
}

/* Brands */

.ul.slidee li {
	
}

.alfa {
background-image:url(../gfx/brands/alfaromeo.png);
background-size: 50px 50px
	
}



@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.alfa {
	background-image: url(../gfx/brands/alfaromeo.png);
	background-size: 100px 100px;
}

}

/* Brands ende */



/* Iphone setups */
 
a[href^=tel] {
	color: white;
	text-decoration: none;
}
.applelink a {
}
/* Iphone setups end */

/* Typography  */


h1, h2, h3, h4, h5 {
	font-family: 'Muli-SemiBold';
	font-weight: 700;
	letter-spacing: 1px;
	left: -21px;
}
h1 {
	color: #ff0000;
	/*	border-style: solid;
	border-width: 3px;
	border-color: #ff0000;
	padding: 13px;  */
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	
	font-size: 2.0em;
	float: left;
	font-family: 'NewRocker-Regular';
}
/* Headlines  */

.headliner {
	margin: 0 auto;
	width: 100%;
	height: 60px;
	text-align: center;
}


/* Headlines  */

/* Typography end */


/* Back to Top */

#backToTopBox {
	position: fixed;
	display: none;
	width: 50px;
	height: 52px;
	bottom: 20px;
	right: 55px;
	opacity: 0.7;
	z-index: 9999;
}
.backToTop {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-image: url(../gfx/magnum-skull-red.png);
	background-size: contain;
	cursor: pointer;
}
.backToTop:hover {
	color: #fff;
}
/* Back to Top end */

/* Global sets */
.pageSection {
	position: relative;
	min-height: 955px;
	/* text-align: center; */
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	/* float: left; */
	min-width: 155px;
	z-index: 20;
}
#page-01, #page-03, #page-04 {
	z-index: 200;
	position: relative;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.head-lines {

    background-color: red;
    display: inline-block;
    height: 1px;
    margin-bottom: 3px;
    width: calc(400px - 206px);
}



/* Global sets end */

/* Home */
#page-00 {
	background-color: rgba(0,0,0,0.20);
	min-height: 100%;
	text-align: center;
	width: 100%;
	position: relative;/*	margin-top: 10px;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px; */
}
.logo {
	bottom: 0;
	height: auto;
	min-height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
}

.gotoservice {
	bottom: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	right: 0;
	width: 44px;
	z-index: 100;
}
#trailer {
	height: 100%;
	width: 100%;
	z-index: 0;
}

#trailer video {
	bottom: 0;
	height: auto;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	right: 0;
	width: auto;
}
.slider {
	font-size: 70px !important;
	cursor: pointer;
}

#mobilegif {
	display: none;
	height: 100%;
	width: 100%;
	z-index: 0;
}
#mobilelogo {
	display: none;
	height: 60px;
	left: 50%;
	margin-left: -80px;
	margin-top: -30px;
	opacity: 1;
	position: absolute;
	top: 50%;
	width: 160px;
	background-image: url(../gfx/magnum_nav.png);
	background-repeat: no-repeat;
}
.infotext {
display:none;	
  height: 200px;
    left: 50%;
    margin-left: -50%;
    margin-top: -100px;
    padding-left: 50px;
    position: absolute;
    top: 50%;
    width: 100%;

}

.infotext h2 {
text-transform:uppercase;
font-family: "Open Sans";
font-size:30pt;
float:left;
bottom:50px;
font-weight:400;
margin-bottom:20px;
color:white;
margin:0;
}

.infover {
	transition: width 0.5s ease 0s, background-color 0.5s ease 0s;
	display:inline;
}



/* Home end */

/* Navigation  */

.default {
	position: fixed;
	top: 0;
	z-index: 999;
	background-color: #000;
}

ul a {
	color: #ababab;
	text-decoration: none;
	font-family: 'Muli-Bold', sans-serif;

	
	font-size: 1em;
}

nav {
	width: 100%;
	height: 0px;
	text-align: center;

	
}
nav li {
}
#mobilenav {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
}
.open-menu-btn::after {
	border-color: rgba(255, 0, 0, 0.7);
	border-style: solid none double;
	border-width: 4px 0 12px;
	content: " ";
	display: block;
	height: 1.25rem;
	transition: border-color 0.25s ease-in-out 0s;
	-webkit-transition: border-color 0.25s ease-in-out 0s;
	-o-transition: border-color 0.25s ease-in-out 0s;
	-ms-transition: border-color 0.25s ease-in-out 0s;
}
*, *::before, *::after {
	box-sizing: border-box;
}
.open-menu-btn {
	background-color: black;
	display: inline-block;
	left: 0;
	padding: 15px;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	z-index: 999;
}
#mobnavcon {
	width: 100%;
	position: fixed;
	z-index: 300;
	background-color: black;
	height: 50px;
}
#mobnavcon .nav_kontakt {
	width: auto;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	font-family: "Muli";
}
#mobnavcon .nav_kontakt:nth-child(3) {
	float: right;
}
#mobnavcon .mainlogo {
	margin-left: auto;
	margin-right: auto;
}
.open-menu-btn {
	display: none;
	float: left;
}
#mobile {
	background-color: rgba(255, 0, 0, 0.9);
	height: 100%;
	display: none;
	position: fixed;
	text-align: center;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: 1000;
}
#mobile.open {
	display: block;
	position: fixed;
	visibility: visible;
	overflow-y: hidden;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}
nav.open ul {
	text-transform: uppercase;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
nav.open ul li {
	width: 100%;
}
#mobile ul li {
	width: 100%;
}
#mobile ul {
	text-transform: uppercase;
	padding: 0px;
}
ul.smph {
	font-size: 2em;
	height: 250px;
	left: 50%;
	line-height: 40px;
	margin: -125px 0 0 -100px;
	position: relative;
	text-align: center;
	top: 50%;
	text-decoration: none;
	width: 200px;
	list-style: none;
}
a.close-menu-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	color: white;
	font-size: 50px;
	z-index: 99999;
	text-decoration: none;
}
nav ul {
	text-transform: none;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
nav li {
	display: flex;
	list-style-type: none;
	float: left;
	padding: 0;
	text-align: center;
	height: auto;
}
#navwrapper {
	width: 100%;
	height: 100%;
	background-color: rgba(255,0,4,0.2);
	position: absolute;
	z-index: 9999999;
	position: fixed;
	transition: all 0.3s ease 0s;
}
#navwrapper h1 {
	color: white;
	background-color: transparent;
	text-align: Left;
	margin: 0;
}
.navcontainer {
	width: 96%;
	height: 50%;
	top: 25%;
	left: 50%;
	margin-left: -48%;
	background-color: white;
	position: absolute;
}
.navbox {
	width: 25%;
	float: left;
	height: 100%;
	background-color: red;
	padding: 10px;
	border-left: solid 1px white;
	display: flex;
	align-items: center;
}

.mainlogo {
	width: 158px;
	height: 56px;
	background-image: url(../gfx/magnum_nav.png);
}

.loadermob {

	width: 158px;
	height: 56px;
	position:relative;
	
	left:50%;
	margin-left: -79px;
	top:50%;
	margin-top:-28px;

	
	
}


.mainlogo a {
	padding: 0;
}
.mainlogo img {
	margin-top: 3px;
	width: 140px;
}
.normalize {
	width: auto;
}
.mar_gal {
	margin-left: 20px;
	margin-right: 20px;
}
.mar_imp {
	margin-left: 20px;
	margin-right: 20px;
}
.mar_pics {
}
.mar_kon {
	margin-right: 35px;
}
.mar_serv {
	margin-right: 35px;
}
.mar_ver {
}
.navcon {
	width: 660px;
	height: 75px;
	margin: auto;
	
}
.left_nav {
	float: left;
	margin-left: 41px;
	margin-right: 10px;
	margin-top: 22px;
	width: 200px;
}
.middle_nav {
	float: left;
	/*	margin-left: 18px; */
	width: 158px;
	margin-top: 6px;
}
a#log {
	padding: 0;
}
.right_nav {
	float: left;
	margin-left: 50px;
	margin-top: 22px;
	width: 195px;
}
.right_nav li {
	float: left;
}
.nav_kontakt {
	position: relative;
	text-align: left;
	width: 100%;
	font-family: 'Muli-Light';
}
.nav_kontakt p {
	display: inline-block;
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: -27px;
	height: 10px;
	font-family: "Muli-Bold";
	letter-spacing: 0px;

}

.nav_kontakt a {
color:#ababab	;
text-decoration:none;
}
.fa-phone, .fa-envelope-o {
	display: inline-block;
	margin-right: 5px;
	width: 20px;
	font-size: 0.8em;
	color: red;
}
.fa-phone {
	padding-left: 10px;
}
#mobile li a {
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
}
.fixedMenu {
	position: fixed;
	top: 0;
	z-index: 999;
	background-color: #000;
	opacity: 0.75;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}
.fixedMenu:hover {
	opacity: 1;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}

nav li {
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.navigation li {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
.navigation li:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.navigation li:hover:after {
	width: 100%;
	background: rgba(150,0,0,1.0);
}
.navigation a {
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 10px;
}
.navigation .mainlogo {
	margin-bottom: 10px;
}

.icony_left, .icony_right {
	float: left;
	position: absolute;
}
.icony_right {
	margin-right: 20px;
	padding-left: 10px;
	top: 10px;
	right: 0;
	line-height: 0;
}
.icony_left {
	margin-left: 20px;
	padding-right: 10px;
	top: 10px;
	line-height: 0;
}

/* Navigation Fine tuning end */


.carToTop {
	border-bottom: 2px solid rgba(50, 0, 0, 1);
}

	/* Service */
	
	#page-01 {
	background-color: rgba(0, 0, 0, 0.8);
	min-height: 100%;
	height: 800px;
}
	

.serviceContainer {
	margin: 0 auto;
	display: table;
	overflow-x: hidden;
	/*	float: left; */
	text-align: center;
	width: 1000px;
}
.serviceBox {
	vertical-align: top;
	position: relative;
	width: 305px;
	height: auto;
	margin-top: 3.125em;
	display: inline-block;
	color: #ffffff;
	opacity: 1;
}
.serviceIcon {
	color: #ff0000;
	font-size: 2.6em !important;
}
.serviceBox h3 {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em !important;/*font-weight: bold;*/
	margin-bottom: 0;
}
.extra_margin {
	margin-top: -300px;
	top: 50%;
}
.serviceBox p {
	font-size: 0.9em;
	text-shadow: 0 0 0 #e2e2e2;
}

#service {
	width: 100%;
	float: left;
	z-index: 1;
	
}
.container, #motorbox {
	margin: 0 auto;
	width: 100%;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
}

.service_marg {
	margin-left: 20px;
	margin-right: 20px;
}
.service_marg2 {
	margin-left: 30px;
	margin-right: 30px;
}

.motor {
	background-image: url("../gfx/motor_service.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 100%;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 955px;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: -7;
}

#texte .imagebox, .imageBox {
	float: right;
	height: 955px;
	margin-right: 0px;
	overflow: hidden;
	position: absolute;
	width: 50%;
	background-color: rgba(255, 0, 0, 0.2);
	display: none;
	right: 0;
	color: white;
	z-index: 2;/* margin-top: 200px; */
}
#finboximg.imageBox {
	float: left;
	right: inherit;
	left: 0;
	z-index: 2;
	background-color: transparent;
}
.nav_service {
    float: right;
    height: 425px;
    margin-top: -212px;

    position: absolute;
    right: 0;
    top: 50%;
    width: 200px;
}
.nav_service i {
	color: white;
}
.serv-content {
   height: 460px;
    margin-top: -235px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.icon {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 35px;
}
#ver_ico .layer .serviceIcon {
	margin-left: 2px;
	margin-right: 0;
	margin-top: 9px;
	margin-bottom: 0;
}
#verm_ico .layer .serviceIcon {
	margin-left: -1px;
	margin-right: 0;
	margin-top: 9px;
	margin-bottom: 0;
}
#bar_ico .layer .serviceIcon {
	margin-left: -3px;
	margin-right: 0;
	margin-top: 7px;
	margin-bottom: 0;
}
#auf_ico .layer .serviceIcon {
	margin-left: -3px;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 0;
}
#lack_ico .layer .serviceIcon {
	margin-left: -3px;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 0;
}


.opacity {
	-webkit-transition: height, 0.2s linear;
	-moz-transition: height, 0.2s linear;
	-ms-transition: height, 0.2s linear;
	-o-transition: height, 0.2s linear;
	transition: height, 0.2s linear;
	opacity: 0;
}
.fbback, .verback, .vermback, .aufback, .barback, .lackback {
	/*  background-position: center center; */
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: -2;
	height: 900px;
	width: 100%;
	position: absolute;
	display: none;
}
.fbback {
	background-image: url("../gfx/Finanzierung.jpg");
}
.verback {
	background-image: url("../gfx/Versicherung.jpg");
	display: none;
}
.vermback {
	background-image: url("../gfx/Vermittlung.jpg");
	display: none;
}
.aufback {
	background-image: url("../gfx/Aufbereitung.jpg");
	display: none;
}
.barback {
	background-image: url("../gfx/Barankauf.jpg");
	display: none;
}
.lackback {
	background-image: url("../gfx/Barankauf.jpg");
	display: none;
}


.fbback img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 900px;
	width: 100%;
}
.imageBox .tr-slideIn {
	background: grey none repeat scroll 0 0;
	color: white;
	height: 130px;
	left: -220px;
	margin: 0;
	opacity: 0.7;
	padding-top: 85px;
	transition: all 0.5s ease 0s;
	width: 210px;
}
.figure {
	background: white none repeat scroll 0 0;
	bottom: 0;
	left: 0;
	margin: 5px;
	padding: 5px;
	position: absolute;
}
.imageBox:hover .tr-slideIn {
	left: 0;
}
.finanz {
	width: auto;
	height: auto;
}
#service #fin:hover #service #finanzbox .figure .imageBox .tr-slideIn {
	left: 0;
}
#fin, #ver, #verm, #bar, #auf, #lack {
	cursor: pointer;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
	opacity: 1;
}
/*
#fin:hover, #ver:hover, #verm:hover, #bar:hover, #auf:hover {
	transform: scale(1.1); 
	-webkit-transform: scale(1.1);   
      -ms-transform: scale(1.1);  
	   transition: height 0s ease 0s, all 0.2s linear 0s;
	    -webkit-transition: height 0s ease 0s, all 0.2s linear 0s;
	*/   
	




.finboxbase {
	opacity: 0;
	-webkit-transition: height, 0.2s linear;
	-moz-transition: height, 0.2s linear;
	-ms-transition: height, 0.2s linear;
	-o-transition: height, 0.2s linear;
	transition: height, 0.2s linear;
	visibility: hidden;
}
.finbox {
	-webkit-transition: height, 0.2s linear;
	-moz-transition: height, 0.2s linear;
	-ms-transition: height, 0.2s linear;
	-o-transition: height, 0.2s linear;
	transition: height, 0.2s linear;
	opacity: 1;
	visibility: visible;
}
/* Hexagon */
.hexagon {
	position: relative;
	width: 50px;
	height: 28.87px;
	background-color: #000000;
	margin: 14.43px 0;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	z-index: -1;
}
.hexagon:before, .hexagon:after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 35.36px;
	height: 35.36px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	background-color: inherit;
	left: 5.3223px;
}
.hexagon:before {
	top: -17.6777px;
	border-top: solid 2.8284px #ffffff;
	border-right: solid 2.8284px #ffffff;
}
.hexagon:after {
	bottom: -17.6777px;
	border-bottom: solid 2.8284px #ffffff;
	border-left: solid 2.8284px #ffffff;
	z-index: -1;
}
.hexagon_mum {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-backface-visibility: hidden;
	position: relative;
	width: 35px;
	z-index: -1;
}
.hexagon, .hexagon:after, .hexagon:before {
	color: #FF0004;
	border-color: #FF0004;
}
/* Hexagon ende */



#fin_ico, #ver_ico, #verm_ico, #bar_ico, #auf_ico, #lack_ico {
	cursor: pointer;
}
.layer {
	height: 0;
	margin: 0 auto -1px;
	width: 21px;
	z-index: 9999;
}
.layer .serviceIcon {
	font-size: 1.5em !important;
	margin-top: 8px;
	cursor: pointer;
}

.snheader {
	margin-left: 50px;
	
}
.snheader h3 {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 2.0em !important;/*font-weight: bold;*/
	margin-bottom: 0;
	font-family: Muli-Bold;
}
.textbox {
	margin-left: 50px;/*	margin-top: -20px; */
}
.textbox p {
	font-family: 'Muli';
	font-size: 1.1em !important;
	width: 500px;
	line-height: 25pt;
	text-shadow: 0px 0px 0 #E2E2E2;
}
.claim {
	margin-left: 50px;
	text-align: left;
	width: auto;
}
.claim p {
	margin-top: 0;
	font-weight: 700;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-family: Open Sans;
}
.geviert {
	margin-left: 50px;
	margin-top: -17px;
}
.geviert p {
	font-size: 2em;
	margin-bottom: 0;
	margin-top: 0;
	-webkit-animation: point-arrow-anim 2.5s infinite;
	animation: point-arrow-anim 2.5s infinite;
}
.circle {
	border-color: #000000;
	border-radius: 30px;
	border-style: solid;
	border-width: 2px;
	color: #000000;
	font-size: 23px;
	height: 50px;
	line-height: 0;
	margin-top: 50px;
	text-align: center;
	width: 50px;
	cursor: pointer;
}
.circlebox {
	width: 50px;
	height: 50px;
	margin-left: 80%;
	margin-right: 20%;
	display:none;
}
.circle:hover {
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.Icon {
	font-family: icons;
	display: inline-block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: none;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.Icon--point-arrow {
	-webkit-animation: point-arrow-anim 2.5s infinite;
	animation: point-arrow-anim 2.5s infinite;
}
#fin h3 i, #ver h3 i, #verm h3 i, #bar h3 i, #auf h3 i, #lack h3 i {
	font-size: 1.4em;
	height: 24px;
	/* margin-bottom: 0; */
	margin-left: 10px;
	vertical-align: middle;
}
#fin h3 {
	margin-left: 10px;
}
.white, .white:before, .white:after {
	color: white;
	border-color: white;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#bgpics {
	position: relative;
	height: 100%;
	width: 100%;
}
.hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition: height 0s ease 0s, all 0.2s linear 0s;
	-webkit-transition: height 0s ease 0s, all 0.2s linear 0s;
}
#barextra {
	display: none;
    float: right;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -220px;
   
    position: absolute;
    right: 100px;
    top: 50%;
    width: 400px;
    z-index: 12;
}
.punkte .space {
	margin-top: -10px;
}
.punkte {
	width: 100%;
	display: inline-block;
}
.punkte p {
	width: 100%;
	display: inline-block;
}
.punkte li {
	list-style: none;
}
.punkte i {
	margin-right: 10px;
}
.vorteile h1 {
	background-color: transparent;
	color: white;
	margin-bottom: 22px;
}
.punkte p {
	font-family: 'Muli';
	margin-top: 0;
	margin-bottom: 0;
	line-height: 28pt;
}
.vorteile i {
}
.le {
	margin-left: 10px;
}
.ri {
	margin-right: 10px;
}
.vorteile .fa, .vorteile h1 .serviceIcon {
	color: white;
	font-size: 1em !important;
}
#texte {
	z-index: 20;
}


/* Service end */
	


/* Galerie */

#page-02 {
	float: left;
	width: 100%;
	position: relative;
	padding-bottom: 100px;
	background-color:rgba(0,0,0,0.5);
}
/*
.bapic {
background-image: url(../gfx/background_verkauf_I.jpg);
background-color: black;
background-attachment:fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;	
width:100%;
min-height:100%;
float:left;
position:absolute;

}

.blackpic {
background-color:rgba(0,0,0,0.5);
width:100%;
min-height:100%;
float:left;
position:absolute;

}

*/
#galerie .sub p {
/* width:460px; */
display:inline-block;	
}
.divide {
height:50%;
min-height:500px;
color:black;
width:100%;	
	
}

.galerieContainer {
	position: relative;
	margin: 5em auto;
	width: 940px;
	clear: left;
	text-align: center;
}
.galerieItem {
	position: relative;
	float: left;
}
.galerieItemBig {
	position: relative;
	width: 460px;
	margin: 0px 0 0 0px;
	height: 260px;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
	overflow: hidden;
		transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
.galerieItemMedium {
	position: relative;
	width: 300px;
	height: 195px;
	overflow: hidden;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
		transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
.galerieItemSmall {
	height: 93px;
	position: relative;
	width: 140px;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
	overflow: hidden;
		transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}
.galerieItemSmall img, .galerieItemMedium img, .galerieItemBig img {
	width: 100%;
}
.galerieItemSmallcrop {
	position: relative;
	width: 140px;
	height: 93px;
	overflow: hidden;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
}
.galerieItemMediumcrop {
	position: relative;
	width: 300px;
	height: 201px;
	overflow: hidden;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
}
.galerieItemBigcrop {
	position: relative;
	width: 460px;
	height: 260px;
	overflow: hidden;
	margin-right: 1.25em;
	margin-bottom: 1.25em;
}
a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 0;
}
a.aGalerie:nth-child(3n) .galerieItemMedium {
	margin-right: 0;
}
a.aGalerie:nth-child(2n) .galerieItemBig {
	margin-right: 0;
}

#galerie {
	padding-top: 100px;
	padding-bottom: 0;
	background-color: transparent;
	position: relative;
	z-index: 20;
}
#galerie h1 {
	padding-bottom: 0;
	margin-bottom: 0;
	background-color: transparent;
}
.galerie_placeholder {
	width: 100%;
	padding-top: 100px;
	float: left;
}

/* Galerie Zoom In */

.aGalerie img {
	-webkit-transition: all .2s ease-in-out;   /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all .2s ease-in-out;   /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.aGalerie:hover img {
	-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);
	-moz-transform: scale(1.2) rotate(0.02deg);
	transform: scale(1.2);
	-ms-transform: scale(1.2);
}
/*
.galerieItem .galerieItemSmallcrop:hover  { 
background-color:red;  
width:50px;
height:50px;
          
}
*/

.backfade {
	background-image: url(../gfx/background.jpg);
	background-attachment: fixed;
	position: absolute;
	z-index: 3;
	min-height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}


.galerieExpander
{
	position: relative;
	width: 100%;
	height: 100px;
	cursor: pointer;
	float: left;
}

.galerieOverlay {
	background-color: rgba(50,0,0,0.5);
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	min-height: 200px;
	z-index: 9999;
}
/* Galerie end */



/* Lightbox */

.lightboxOverlay, .adminoverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	z-index: 9998;
	display: none;
}
.lightboxStage {
	position: fixed;
	margin: auto;
	display: none;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 50%;
	height: 50%;
	background-color: #fff;
	z-index: 9999;
}
.lightboxImg {
	position: relative;
	width: 100%;
	height: 100%;
	border-style: none;
	float: left;
	z-index: 9999;
}
#lightboxIMGContainer {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.lightboxArrowLeft {
	position: absolute;
	display: block;
	top: 0px;
	bottom: 0px;
	width: 100px;
	height: 100px;
	background-color: #fff;
	background-size: contain;
	background-image: url("../gfx/lightbox_left.png");
	opacity: 0.9;
	cursor: pointer;
	z-index: 9999;
}
.lightboxArrowRight {
	position: absolute;
	display: block;
	top: 0px;
	bottom: 0px;
	width: 50px;
	height: 50px;
	background-color: #fff;
	background-size: contain;
	background-image: url("../gfx/lightbox_right.png");
	opacity: 0.9;
	cursor: pointer;
	z-index: 9999;
}
/* Lightbox end */


/* Kontakt */

#page-04 {
	z-index: 190;
	background-color: black;
	padding-top: 0;
	min-height:100%;
	height:600px;
}


.contactContainer {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	color: #ffffff;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 26px;
}





.contactcenter {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#contact {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: -175px;
	top: 50%;
	width: 100%;
	z-index: 10;
	position:absolute;
	height:350px;
}
#contact.pageSection {
	min-height:auto;
	
}

#contact .headliner h1 {
	background-color: transparent;
	border-color: none;
	border-style: none;
	border-width: 3px;
	color: #ff0000;
	float: left;
	margin-bottom: 0.7em;
	margin-left: auto;
	margin-right: auto;
	padding: 13px;
}



.metal_logo {
	background-image: url(../gfx/metal_logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 10;
	height: 143px;
	margin: auto;
	position:relative;
}
#contact .headliner {
	margin-top: -70px;
}

.black {
	background-color: black;
	height: 1000px;
	position: absolute;
	width: 100%;
	z-index: -10;
	margin-top: -10px;
}

/* Kontakt end */


/* Verkauf */

#mobilegal {
	float: left;
	width: 100%;
	padding-top: 0;
	background-color: black;
	position: relative;
	z-index: 3;
	background-image: url(../gfx/background_verkauf_I.jpg); 
	background-color: black;
	background-attachment:fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	
	padding-top: 0;
	padding-bottom: 100px;
	
}
#backgroundver {
}
.mobcon {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}
.carTable {
	/* background-color: rgba(255, 0, 0, 0.2);	*/
	width: 100%;
	border-bottom: solid 2px;
	border-bottom-color: rgba(50, 0, 0, 1);
	color: white;
}
.carTable p {
	color: white;
}
b, td {
	color: white;
}
.carDescription {
	text-align: left;
	color: white;
	float: left;
	margin-top: 28px;
	width: 75%;
	margin-left: 20px;
	font-family: 'Muli-Bold';
}
.carTable {
	cursor: pointer;
	color: white;
}
.carBoxHidden {
	display: none;
}
#carBoxExpander {
	text-align: cener;
	cursor: pointer;
	width: 100%;
	float: left;
	margin-top: 50px;
	color: white;
}

#carBoxExpander .nav-trigger { 


}

.carBox {

}
.carSortFilterActive {
}
.carFilterClassActive {
	color: red;
	
}
.details table {
}
.details table td {
	vertical-align: top;
}
.carDetailsTDHeadline {
	color: white;
}
.CarDetails {
	background-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
}
#verkauf, #servicehead {
	float: left;
	height: auto;
	/*	margin-top: 100px; */
	padding-top: 200px;
	width: 100%;
	background-color: black;
	position: relative;
	z-index: 3;
}

#galerie {
	
	background-color:transparent;

}


#verkauf {
	padding-bottom: 100px;
	padding-top: 100px;
	background-color: transparent;
}
#verkauf h1 {
	margin-bottom: 0;
	margin-top: 0;
	background-color: transparent;
}
#verkauf .headliner {
	height: auto;
}

/* Verkauf Filter */

.sub {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
.sub p {
	margin-top: 0;
	color: #ababab;
	font-family: 'Muli-Bold';
	font-size:0.9em;
}
input, select, textarea {
	color: black;
}
#sendMobileDEForm {
	background-color: red;
	float: left;
	display: block;
	margin-right: 20px;
	width: 100%;
}
#mobileDEResetBox {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#resetMobileDEForm {
	background-color: none;
	float: left;
	display: block;
	margin-right: 20px;
	vertical-align: top;
}
#mobileFilterSortOpsBox {
	float: left;
	width: 100%;
}
#mobileFilterMatchesBox {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	text-transform:uppercase;
}
#carFilter {
	color: white;
	float: left;
	width:50%;
}
.mobileFilterTR {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.carFilterClass {
	margin-left: 10px;
}

.carFilterClass:nth-child(1) {
margin-left:0px;	
}

#carFilter table {
	margin-top: 50px;
	margin-bottom: 100px;
	float: left;
}
.mobileFilterCategoryLabelTD, .mobileFilterBrandLabelTD, .mobileFilterPriceLabelTD, .mobileFilterTypeLabel, .mobileFilterTypeLabel {
	width: 120px;
	float: left;
}

.broken {
background-image:url(../gfx/broken_01.png);
width:	665px;
height: 768px;
position:absolute;
background-repeat:no-repeat;
}

select {

  /* styling */
  background-color: black;
  border: thin solid white;
  border-radius: 1px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  color:white;
padding:1px 15px 1px 1px;
padding-left:2px;

  /* reset */
text-decoration: none;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 110px;
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, black, black);
  background-position:
    calc(100% - 10px) calc(1em + -3px), calc(100% - 5px) calc(1em + -3px), 100% 0;
  background-size:
    5px 5px, 5px 5px, 1.2em 2.5em;
  background-repeat: no-repeat;
}

select::-ms-expand {
    display: none;
}

select#carCategory {
	

}

select:disabled {

color:rgba(128,128,128,1);
background-image:
   linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, black, black);
  background-position:
    calc(100% - 10px) calc(1em + -3px), calc(100% - 5px) calc(1em + -3px), 100% 0;
  background-size:
   5px 5px, 5px 5px, 1.2em 2.5em;
  background-repeat: no-repeat;	
}

#wahl {
width:50%;
float:right;
height:300px;
position:relative;
z-index:1;

}

#wahl .sub {
	
	cursor:pointer;
}

#wahl h2 {
font-family:'Muli-Bold';
text-transform:uppercase;
font-size:3em;
color:#ff0000;
line-height:30pt;
margin-bottom:10px;
margin-top:0;
padding-top:70px;
}

#wahl p {
text-align:left;	
font-size:0.8em;
font-family:'Muli';
margin-bottom:0;
}


#aow {
  float: left;
    height: 0;
    padding-top: 3px;
    vertical-align: middle;
    width: 20px;
	color:white;
	
}

#wahl .sub p {
float:left;	
}


#filterwerbe {
width:100%;	
border-bottom:solid 2px red;
float:left;
border-bottom-color: rgba(50, 0, 0, 1);
}


.mobileFilterCategorySelTD, .mobileFilterBrandSelTD, .mobileFilterModelSelTD, .mobileFilterClassTD, .mobileFilterPriceMinSelTD, .mobileFilterPriceMaxTD {
	float: left;
	margin-left: 20px;
}
.mobileFilterSortOpsBox span {
}
#mobileFilterSortOpsBox .carFilterSort:after {
}
#mobileFilterSortOpsBox .carFilterSort:hover:after {
}

.number p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
	color: red;
}


#servi h1 {
	margin-bottom: 0;
}


.carPictures .aGalerie .galerieItemSmallcrop {
	margin-right: 23px;
}
.carCatConditionTD, .carEZTD, .carFuelTD, .carPriceTD {
	float: left;
	margin-bottom: 0;
	margin-top: 26px;
	margin-right: 0px;
	font-size: 0.9em;
}

.carPriceTD b {
	
	font-weight:600;
	
}

.carPriceTD  {
	
	font-weight:600;
	
}

.carFuelTD {
	width: 160px;
	margin-right: 0;
}
.carEZTD {
	width: 160px;
	margin-right: 0;
}
.carCatConditionTD {
	margin-left: 20px;
	width: 180px;
	margin-right: 20px;
}
.carImageTD {
	float: left;
	margin-top: 35px;
}
.carConsumptionTD {
	float: left;
	font-size: 0.9em;
	margin-left: 20px;
	margin-top: 22px;
}
.carContent {
	height: 220px;
}
.carTable:hover {
	transition: all 0.3s ease-in-out 0s;
	background-color: rgba(50,0,0,0.5);
}
.carTable {
	transition: all 0.3s ease-in-out 0s;
}
select {
}

.slider {
	font-size: 70px !important;
	cursor: pointer;
}
.carDetailsActive {
}
.technicalHeadlineTD {
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	text-transform: uppercase;
	color: white;
}
.carTechnicalTD {
	width: 50%;
	font-size: 0.9em;
	padding-bottom: 80px;
	line-height: 29px;
}
.carDetailsTDHeadline {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}
.carDetailsList {
	line-height: 29px;
	font-size: 0.9em;
}

.carDetailsList li:nth-child(2n+1)
{
	background-color: rgba(255, 0, 0, 0.2);
}
.carDetailsSafety {
}
td.consumptionDetails {
	width: 50%;
}
td.carDetailsInterior {
	width: 25%;
}
td.carDetailsSafety {
}
td.carDetailsExterior {
}
td.carDetailsExtras {
}
.advancedTechnicalDetails tr:nth-child(2n+1) {
	background-color: rgba(255, 0, 0, 0.2);
}
.consumptionDetails tr:nth-child(2n+1) {
	background-color: rgba(255, 0, 0, 0.2);
}
.carDetailsList {
	list-style: none;
	padding-left: 0;
	color: white;
}
.carDetailsDescription {
	padding-top: 20px;
	padding-bottom: 20px;
}
.carDetailsDescription > b:nth-child(1) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	width: 100%;
}
.carDetailsDescription > b:nth-child(2) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	width: 100%;
}
.advancedTechnicalDetails {
	width: 100%;
}
.consumptionDetails {
	font-size: 0.9em;
	margin-left: 0px;
	margin-top: 0px;
	line-height: 29px;
	color: white;
	width: 100%;
}
.technicalValueTD {
	padding-right: 0;
}
.consumptionAttrTD {
	padding-right: 20px;
	padding-left: 10px;
}
.consumptionValueTD {
	padding-left: 50px;
}
.consumptionDetails {
	line-height: 29px;
}
.carPictures {
	float: left;
	width: 100%;
	opacity: 0;
}
.carDetailsDescription ul {
	padding-left: 0;
	margin-top: 40px;
}
.carDetailsDescription ul li {
	font-weight: lighter;
	list-style: none;
	color: white;
	font-size: 0.9em;
	line-height: 29px;
	padding-left: 10px;
}
.carDetailsDescription ul li:nth-child(1) b {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
}
.carDetailsDescription ul li:nth-child(1) {
	padding-bottom: 15px;
	font-size: 1em;
	line-height: 29px;
}
.carDetailsDescription ul li:nth-child(5n+1) {
}
.carDetailsDescription ul li:nth-child(2n+2) {
	background-color: rgba(255,0,0,0.2)
}
.technicalAttrTD {
	padding-left: 10px;
}
#interiorBox {
	float: left;
	width: 25%;
	padding-left: 10px;
}
#exteriorBox {
	float: left;
	width: 25%;
}
#extrasBox {
	float: left;
	width: 25%;
}
#detailsSafetyBox {
	float: left;
	width: 25%;
}
#carTechnicalBox {
	color: white;
	float: left;
	font-size: 0.9em;
	line-height: 29px;
	margin-right: 2.5%;
	width: 49%;
}
.carBox {
	text-shadow: 0px 0px 0 #E2E2E2;
	background-color: rgba(0,0,0,0.4);
	float: left;
}
#contactheader {
	float: left;
	width: 100%;
	height: 20px;
	background-color: #000000;
	position: relative;
}
#carConsumptionBox {
	float: left;
	height: 430px;
	width: 48%;
}
#descriptionBox {
	float: left;
	width: 100%;
	padding-top: 50px;
}
#technicalHeadlineBox {
	color: white;
	float: left;
	padding-bottom: 30px;
	padding-top: 50px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.carDetailsDescriptionHeadline {
	color: white;
	text-transform: uppercase;
	padding-top: 50px;
}
.carExtrasHeadline, .carSafetyHeadline, .carExteriorHeadline, .carInteriorHeadline {
	color: white;
	text-transform: white;
}


.carToTop {
	width: 100%;
	float: left;
	text-align: center;
	cursor: pointer;
}
.carToTop .fa-angle-up {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 2em;
}

.carBox {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
}
.carDetailsActive .carTable {
	background-color: rgba(50,0,0,0.5);
}

.carFilterClass:hover {
color:red;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	
	
}

.carFilterClass {
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;	
}



/* Mobile Loader */

.logofloat {
	background-image: url(../gfx/magnum_nav_ret.png);
	background-size: 159px 56px;
	left: 50%;
	margin-left: -79px;
	margin-top: -28px;
	position: absolute;
	top: 50%;
	transition: opacity 4s ease 0s, height 0.25s ease 0s, transform 0.25s ease 0s;
	z-index: 1000;
}
.carDetailOverlay {
	background-color: rgba(0,0,0,0.9);
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1000;
}

/* Mobile Loader end*/

#mobileDECars {
	z-index:20;
	position:relative;
}

.fa-caret-down {
margin-left:10px;	
}

/* Verkauf end */



/* Dividing Line */
.line {
	background-color: rgba(50, 0, 0, 1);
	float: left;
	height: 2px;
	position: relative;
	width: 100%;
	z-index: 200;
}
/* Dividing Line end */

/* Footer */
	
.pageFooter {
	position: relative;
	margin: auto;
	bottom: 0px;
	background-color: #000;
	clear: both;
	width: 100%;
	z-index: 1000;
	opacity: 1;
	height: 200px;
	display: flex;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	display: -webkit-flex;
}
.pageFooter p {
	text-transform: uppercase;
	text-align: center;
	color: #aeaeae;
	float: left;
	letter-spacing: 0;
	position: relative;
}
.footercontent {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.footerlogo {
	background-image: url(../gfx/magnum_nav.png);
	float: left;
	width: 159px;
	height: 56px;
	position: relative;
}
/* Footer end */

/* Karte */
#map {
	float: left;
	height: 400px;
	position: relative;
	width: 100%;
	z-index: 200;
	text-align:center;
	overflow:hidden;
	background-image:url(../gfx/magnum_karte.png);
	background-position:50% 25%;
	background-repeat:no-repeat;
	background-color:black;

}


/* Karte end */

/* Impressum */
#impressum {
	float: left;
	width: 100%;
	background-color: black;
	z-index: 300;
	position: relative;
}

#impressum {
	display: none;
}

#impre {
	cursor:pointer;
	height:50px;
	cursor: pointer;
	float:none;
	display:inline;
}

.impcontainer  a {
color:red;
text-decoration:none;	
	
}

.impre:after {
	content: '';
	display: block;
	margin: auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.impre:hover:after {
	width: 100%;
	background: rgba(150,0,0,1.0);
}

#impressumline {
width:100%;
text-align:center;	
}
/* Impressum end */

.nicescroll-rails {
    z-index: 1000 !important;
}

.nicescroll-rails div {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 0 !important;
    width: 10px;
}

/* Expander */

.nav-trigger {
	border-radius: 50px;
	height: 44px;
	position: relative;
	right: 20px;
	top: 20px;
	transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	width: 44px;
	z-index: 10010;
	background-color:#FF0004;
}

.nav-trigger {
	height: 35px;
	right: 0;
	top: 30px;
	width: 35px;
	margin-right:auto;
	margin-left:auto;
}
.nav-trigger .nav-lines {
	height: 16px;
	left: 0;
	margin: 0 auto;
	position: relative;
	right: 0;
	top: 17px;
	transition: all 0.25s ease 0s;
	width: 20px;
}
.nav-trigger .nav-lines .line-top {
	background-color: black;
	height: 2px;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.35s ease 0s;
	width: 100%;
}
.nav-trigger .nav-lines .line-middle {
	background-color: black;
	height: 2px;
	left: 0;
	margin-top: -1px;
	opacity: 1;
	position: absolute;
	top: 50%;
	transition: all 0.35s ease 0s;
	width: 100%;
}
.nav-trigger .nav-lines .line-bottom {
	background-color: black;
	bottom: 0;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.35s ease 0s;
	width: 100%;
}

.smoke {
	display:none;
}

/* LANGUAGE SWITCHER */

#languageSwitchWrapper {
	position: fixed;
	top: 0px;
	left: 10px;
	height: 33px;
	width: 100px;
	z-index: 9999;
}
.flag {
	position: relative;
	display: block;
	width: 32px !important;
	height: 32px  !important;
	float: left;
	border-style: none;
	margin-right: 3px;
	cursor: pointer;
}

.flag_de {
	width: 100%;
	height: 100%;
	background-image: url(../gfx/flag_de.png);
	background-size: contain;
}

.flag_en {
	width: 100%;
	height: 100%;
	background-image: url(../gfx/flag_en.png);
	background-size: contain;
}

/* LANGUAGE SWITCHER END */

/* =========================================== */



@media only screen and (min-width: 67.875em) {
/*
.bapic {
background-image: url(../gfx/background_verkauf_I.jpg);
background-color: black;
background-attachment:fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;	
width:100%;
min-height:100%;
float:left;
position:absolute;

}

.blackpic {
background-color:rgba(0,0,0,0.5);
width:100%;
min-height:100%;
float:left;
position:absolute;

}
*/

.smoke {
	display:block;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 1000px;
	top: -5px;
}
.smoke {
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg);     /* IE 9 */
transform: rotate(180deg); 
	z-index: -9;

}

#smokey {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}


.nav-trigger {
	
}
.nav-trigger .nav-lines {
	height: 14px;
	top: 10px;
	width: 15px;

}
}


.nav-trigger {
	cursor: pointer;
}
.nav-trigger::before {
	opacity: 1;
}
.nav-trigger .nav-lines {
	height: 20px;
	top: 5px;
	transform: rotate(0deg);
}
.nav-trigger .nav-lines .line-top {
	top: 9px;
}
.nav-trigger .nav-lines .line-middle {
	transform: rotate(0deg);
}
.nav-trigger .nav-lines .line-bottom {
	bottom: 8px;
	opacity: 0;
}
.nav-trigger .nav-lines {
	height: 20px;
	top: 8px;
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
}
.nav-trigger .nav-lines .line-top {
	background-color: #111111;
	top: 9px !important;
}
.nav-trigger .nav-lines .line-middle {
background-color: #111111;
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
}
.nav-trigger .nav-lines .line-bottom {
	bottom: 8px;
	opacity: 0;
}

@media only screen and (min-width: 67.875em) {
.nav-trigger:hover .nav-lines {
	top: 8px;
}
}

@media only screen and (min-width: 67.875em) {
.nav-trigger {
	height: 35px;
	right: 0;
	top: 30px;
	width: 35px;
}

}




@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
#mainlogo {
	background-image: url(../gfx/magnum_nav_ret.png);
	background-size: 159px 56px;
}
#mobilelogo {
	background-image: url(../gfx/magnum_nav_ret.png);
	background-size: 159px 56px;
}
}

@media only screen and (max-width: 67.875em) {
	
	.nav-trigger .nav-lines {
	height: 20px;
	top: 8px;
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
}
.nav-trigger .nav-lines .line-top {
	background-color: #111111;
	top: 9px !important;
}
.nav-trigger .nav-lines .line-middle {
background-color: #111111;
	transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
}
.nav-trigger .nav-lines .line-bottom {
	bottom: 8px;
	opacity: 0;
}
	
}

@media only screen and (max-width: 40.063em) {

td.carPriceTD {
width:100%;	
	
}

#aow {
height:20px;
float:left;
margin-bottom:60px;
position:relative;
padding-top:30px;	
}

.pageFooter p {
	
margin-top:0;
margin-bottom:0;	
float:none;
}

.footercontent {
width:80%;	
}

.footerlogo {
margin-bottom:10px;	
}

#map {
width:100%;	
height:20%;
min-height:200px;
}


.head-lines {
    background-color: red;
    display: inline-block;
    height: 1px;
    margin-bottom: 3px;
    width: 0;
}

#galerie .sub p {
    display: inline;
    width: 100%;
	font-size:0.9em
}


#wahl {
width:100%;
float:left;
height:auto;
position:relative;
z-index:1;
text-align:center;

}

#wahl p {
text-align:center;	
	
}

#aow {
  float: none;
  
	
}

#wahl .sub p {
float:none;	
}

#carFilter {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.mobileFilterCategoryLabelTD, .mobileFilterBrandLabelTD, .mobileFilterPriceLabelTD, .mobileFilterTypeLabel, .mobileFilterTypeLabel {
	width: 100%;
	float: left;
}


#verkauf h1 {
	margin-bottom: 0;
	margin-top: 0;
	background-color: transparent;
}
#page-01, #page-02, #page-03 {
	margin-top: 100px;
}
#page-01 {
	height: auto;
	min-height:0;
}
.carDetailOverlay {
	width: 100%;
}
.sl-wrapper .sl-navigation button.sl-next {
	right: 0px;
	height: 50px;
	color: white;
}
.sl-wrapper .sl-navigation button.sl-prev {
	left: 0px;
	height: 50px;
	color: white;
}
.sl-wrapper button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	font-size: 3em;
	padding: 0;
}
/* Home */


.footerlogo {
	float: none;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 159px;
}
.dock {
	width: 89px;
	height: 28px;
	background-image: url(../gfx/magnum_nav_ret.png);
	background-size: 89px 28px;
	background-repeat: no-repeat;
	float: right;
	background-position: right;
}
.impcontainer {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#page-00 {
	background-color: rgba(0,0,0,0.20);
}
#trailer {
	display: none;
}
#mobilegal {
}
#mobnavcon {
	display: none;
}
#mobnavcon .mainlogo {
	display: none;
}
#mobnavcon .nav_kontakt {
	width: 165px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}
/* Werbetext */
.infotext {
	display: none;
}
#mobilelogo {
	display: block;
}



/* Werbetext ende */

/* home gif */

#mobilegif {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
}
.layergif {
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	min-height: 100%;
	min-width: 100%;
}
#mobilegif img {
 
	/* left: -600px; */
/* top: 0; */
position:relative;
margin: 0;
display: block;
/* fill and maintain aspect ratio */
width: 100%;
height: auto;
min-width: auto;
min-height: 100%;
max-height: none;
max-width: none;

}
#backgroundver, .backfade {
	background-image: none;
	background-color: black;
}
#service .container {
	width: 100%;
}
.serviceContainer {
	width: 100%;
	min-height: 100%;
}
#fin h3 i, #ver h3 i, #verm h3 i, #auf h3 i, #bar h3 i, #lack h3 i {
	display: none;
}
#headser {
	height: auto;
	margin: 0 auto;
	text-align: none;
	width: 100%;
}
#headser h1 {
	background-color: #000;
	color: #ff0000;
	float: none;
	font-size: 1.8em;
	margin-bottom: 0;
	margin-top: 0;
}
.headliner {
	text-align: none;
}
.service_marg {
	margin-left: auto;
	margin-right: auto;
}
.serviceBox {
	width: 300px;
}
.serviceBox p {
	font-size: 0.8em;
}
#verm.serviceBox, #fin.serviceBox, #bar.serviceBox, #auf.serviceBox {
	margin-left: 0;
	margin-right: 0;
}
#desktop, #motorbox, #backToTopBox {
	display: none !important;
}
#service {
	padding-bottom: 100px;
	background-color: transparent;
}
#fin, #ver, #verm, #bar, #auf, #lack {
	cursor: default;
	margin-left: 0;
	margin-right: 0;
}
.extra_margin {
	margin-bottom: 0;
	margin-top: 0;
}

#page-02 .pageSection {
	width: 90%;
}
#page-02 #galerie {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

.galerieContainer {
	clear: left;
	margin: 5em auto;
	position: relative;
	text-align: center;
	width: 100%;
}
.galerieItemBigcrop {
	height: auto;
	margin-bottom: 1.25em;
	margin-right: 1.25em;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.galerieItemBig {
	margin: 0px 0 0;
	position: relative;
	width: 100%;
	height: auto;
}
a.aGalerie:nth-child(2n) .galerieItemSmallcrop {
	margin-right: 0;
}
.galerieItemMediumcrop {
	height: auto;
	margin-bottom: 1.25em;
	margin-right: 1.25em;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.galerieItemMedium {
	position: relative;
	width: 100%;
}
#galerie5.galerieContainer {
}
.galerieItemSmallcrop {
	height: auto;
	margin-bottom: 1.25em;
	margin-right: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.galerieItemSmall {
	position: relative;
	width: 32.5%;
	margin: 0px 0 0 0px;
	height: auto;
	margin-right: 1.25%;
	margin-bottom: 0.1%;
	overflow: hidden;
}
.galerieItemMedium {
	position: relative;
	width: 49.25%;
	margin: 0px 0 0 0px;
	height: auto;
	margin-right: 1.25%;
	margin-bottom: 0.1%;
	overflow: hidden;
}
a.aGalerie:nth-child(3n) .galerieItemSmall {
	margin-right: 0;
}
a.aGalerie:nth-child(3n) .galerieItemMedium {
	margin-right: 1.25%;
}
a.aGalerie:nth-child(2n) .galerieItemMedium {
	margin-right: 0;
}
a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 0;
}
#page-02 .pageSection .galerieItemSmall_container:nth-child(n+1) .aGalerie:nth-child(n+22) {
	/*display: none;*/
}
#page-02 #headser h1 {
	background-color: transparent;
	color: #ff0000;
	float: none;
	font-size: 1.8em;
	margin-bottom: 0em;
}
#galerie {
	background-color: transparent;
	padding-top: 0;
	position: relative;
	z-index: 20;
}
.aGalerie:hover img {
	transform: none;
	-webkit-transform: none;
}
.hover {
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	transition: none;
	-webkit-transition: none;
}
#mobileDECars {
	width: 90%;
}
#mobilegal {
	padding-top: 0;
	background-image: none;
}
#verkauf {
	padding-bottom: 0px;
	padding-top: 0;
}
.carBox {
	width: 100%;
}
.carImageTD {
	float: left;
	margin-top: 15px;
	width: 120px;
}
.carImageTD img {
	width: 100%;
}
.carDe {
	display: table-header-group;
	float: none;
}
.carPriceTD {
	display: block;
}
.mobcon {
	width: 90%;
}
.carDescription {
	color: white;
	float: left;
	font-size: 0.8em;
	margin-left: 0px;
	margin-top: 21px;
	text-align: left;
	width: 95%;
}
.carCatConditionTD, .carEZTD, .carFuelTD, .carPriceTD {
	float: left;
	font-size: 0.7em;
	margin-bottom: 0;
	margin-right: 0px;
	margin-top: 26px;
	margin-left: 0;
}
.carCatConditionTD {
	font-size: 0.8em;
	margin-left: 2%;
	margin-right: 0;
	width: 50%;
	margin-top: 7px;
}
.carConsumptionTD {
	float: left;
	font-size: 0.8em;
	margin-left: 0px;
	margin-top: 28px;
	margin-bottom: 20px;
}
#mobileDECars {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.carFuelTD {
	margin-right: 0;
	width: 50%;
	display: none;
}
.carEZTD {
	margin-right: 0;
	margin-left: 2%;
	width: 50%;
	margin-top: 10px;
}
#carTechnicalBox, #carConsumptionBox {
	width: 100%;
	font-size: 0.8em;
}
.consumptionDetails {
	color: white;
	font-size: 1em;
	line-height: 29px;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
}
.consumptionValueTD {
	padding-left: 0px;
}
.technicalAttrTD {
	padding-left: 10px;
	width: 70%;
}
.technicalValueTD {
	text-align: left;
	width: 30%;
}
.consumptionAttrTD {
	padding-left: 10px;
	width: 70%;
}
.consumptionValueTD {
	padding-left: 0;
	text-align: left;
	width: 30%;
}
.carPictures .galerieItemSmallcrop {
	width: 24%;
	margin-right: 1%;
}
.carPictures .aGalerie .galerieItemSmallcrop {
	margin-right: 1%;
}
.carPictures .galerieItemSmall {
	height: auto;
	margin: 0 1.25% 0.1% 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
a.aGalerie:nth-child(2n) .galerieItemSmallcrop {
	margin-right: 1%;
}
#carConsumptionBox {
	height: auto;
	padding-bottom: 20px;
}
#interiorBox {
	float: left;
	padding-left: 0px;
	width: 50%;
}
.carDetailsList {
	font-size: 0.7em;
}
#exteriorBox {
	float: left;
	width: 50%;
	padding-left: 10px;
}
#extrasBox {
	padding-left: 10px;
	width: 50%;
}
#detailsSafetyBox {
	float: left;
	width: 50%;
	padding-left: 10px;
}
.carExtrasHeadline, .carSafetyHeadline, .carExteriorHeadline, .carInteriorHeadline {
	font-size: 0.75em;
	font-weight: 700;
}
.carDetailsDescription > b:nth-child(1) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
	width: 100%;
}
.carDetailsDescription > b:nth-child(2) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
	width: 100%;
}
#contact .pageSection {
	min-height: auto;
}
.contactContainer {
	font-size: 0.9em;
}
#page-04 {
}
.carDetailsDescription {
	border-bottom: solid 2px;
	border-bottom-color: rgba(50, 0, 0, 1);
}
.carContent {
	height: auto;
}
#mobilegal a.aGalerie:nth-child(1) .galerieItemSmallcrop {
}
#mobilegal a.aGalerie:nth-child(1) .galerieItemSmallcrop img {
	margin-top: -8%;
}
#mobilegal .galerieItemSmallcrop {
	margin-bottom: 0em;
	overflow: hidden;
}
.open-menu-btn {
	display: inline-block;
	transition: ease-in-out 0.2;
}
#mobnavcon .nav_kontakt:nth-child(3) {
	display: none;
}
#verkauf {
	background-color: transparent;
}
#page-02 {
	padding-bottom: 100px;
}
}

@media only screen and (min-width: 40.063em) {
.carDetailOverlay {
	width: 100%;
}
.sl-wrapper .sl-navigation button.sl-next {
	right: 10px;
	height: 50px;
	color: white;
}
.sl-wrapper .sl-navigation button.sl-prev {
	left: 10px;
	height: 50px;
	color: white;
}
.logotext {
	background-image: url("../gfx/magnum_nav_ret.png");
	float: left;
	height: 113px;
	left: 50%;
	margin-left: -159px;
	margin-top: -27px;
	position: absolute;
	width: 319px;
}
#mobilegif {
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
#mobilegif img {
/* bottom: 0; */
/* height: auto; */
min-height: 100%;
min-width: 100%;
/* position: absolute; */
/* right: 0; */
width: 100%;
min-width: 100%;
}
.open-menu-btn {
	display: inline-block;
	transition: ease-in-out 0.2;
	-webkit-transition: ease-in-out 0.2;
	-o-transition: ease-in-out 0.2;
	-ms-transition: ease-in-out 0.2;
}
#desktop {
	display: none;
}
.impcontainer {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#trailer {
	display: none;
}
.serviceContainer {
	width: 100%;
}
.galerieContainer {
	width: 90%;
}
a.aGalerie:nth-child(6n) .galerieItemSmallcrop {
	margin-right: 0;
}
#finboximg.imageBox {
	width: 10%;
}
#finboximg.imageBox {
	width: 10%;
}
.nav_service {
	width: 100%;
}
.fbback {
	background-image: none;
	display: none;
}
.verback {
	background-image: none;
	display: none;
}
.vermback {
	background-image: none;
	display: none;
}
.aufback {
	background-image: none;
	display: none;
}
.barback {
	background-image: none;
	display: none;
}
.lackback {
	background-image: none;
	display: none;
}


a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 1.25%;
}
a.aGalerie:nth-child(4n) .galerieItemSmall {
	margin-right: 0;
}
.galerieItemSmall {
	height: auto;
	margin-bottom: 0.1%;
	margin-right: 1.25%;
	overflow: hidden;
	position: relative;
	width: 24%;
}
.galerieItemMedium {
	position: relative;
	width: 32.5%;
	margin: 0px 0 0 0px;
	height: auto;
	margin-right: 1.25%;
	margin-bottom: 0.1%;
	overflow: hidden;
}
.galerieItemBig {
	position: relative;
	width: 49.25%;
	margin: 0px 0 0 0px;
	height: auto;
	margin-right: 1.25%;
	margin-bottom: 0.1%;
	overflow: hidden;
}
#page-02 .pageSection .galerieItemSmall_container:nth-child(n+1) .aGalerie:nth-child(n+29) {
	/*display: none;*/
}
}

@media only screen and (min-width: 67.875em) {
.carDetailOverlay {
	width: 955px;
}
#desktop {
	display: block;
}
#mobnavcon {
	display: none;
}
#mobile, #mobile.open {
	display: none;
}
#trailer {
	display: block;
}
.serviceContainer {
	width: 1000px;
}
.galerieContainer {
	width: 860px;
}
#service {
}
#headser h1 {
	background-color: transparent;
}
#motorbox {
	display: none;
}
.icony_right {
	top: 30px;
}
.icony_left {
	top: 30px;
}
.logotext {
	background-image: url("../gfx/magnum_nav_ret.png");
	float: left;
	height: 113px;
	left: 50%;
	margin-left: -159px;
	margin-top: -27px;
	position: absolute;
	width: 319px;
}
#finboximg.imageBox {
	width: 50%;
}
#texte .imageBox {
	width: 50%;
	cursor: pointer;
}
.nav_service {
	width: 180px;
}
.fbback {
	background-image: url("../gfx/Finanzierung.jpg");
}
.verback {
	background-image: url("../gfx/Versicherung.jpg");
	display: none;
}
.vermback {
	background-image: url("../gfx/Vermittlung.jpg");
	display: none;
}
.aufback {
	background-image: url("../gfx/Aufbereitung.jpg");
	display: none;
}
.barback {
	background-image: url("../gfx/Barankauf.jpg");
	display: none;
}
.lackback {
	background-image:url("../gfx/Lackierung.jpg");
	display: none;
}

a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 0;
}
.galerieItemBig {
	position: relative;
	width: 428px;
	margin: 0px 0 0 0px;
	height: 250px;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	overflow: hidden;
}
.galerieItemMedium {
	position: relative;
	width: 284px;
	height: 185px;
	overflow: hidden;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
}
.galerieItemSmall {
	height: 93px;
	position: relative;
	width: 140px;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	overflow: hidden;
}
#page-02 .pageSection .galerieContainer:nth-child(n+1) .aGalerie:nth-child(n+21) {
	display: inline;
}
a.aGalerie:nth-child(4n) .galerieItemSmall {
	margin-right: 0.25em;
}
a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 0;
}
#texte, #texte .imageBox, #finboximg.imageBox {
	height: 100%;
	float: left;
	letter-spacing:0px;
}
#mobilegal {
	padding-top: 0;
}
.impcontainer {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}
#mobilegif {
	display: block;
	min-width: 100%;
	min-height: 100%;
	max-height: none;
	max-width: none;
}
#barextra {
	width: 400px;
}
}

@media only screen and (min-width: 40.06309em) and (max-width: 67.8749em) {

.textbox p {
	width: 95%;
}


.head-lines {
    background-color: red;
    display: inline-block;
    height: 1px;
    margin-bottom: 3px;
    width: calc(40% - 200px);
}



#wahl {
width:100%;
float:left;
height:300px;
position:relative;
z-index:1;
text-align:center;

}

#wahl p {
text-align:center;	
	
}



#wahl p {

}


#aow {
  float: none;
  
	
}

#wahl .sub p {
float:none;	

}

#carFilter {
	width:100%;
}

#verkauf h1 {
	margin-top: 0.67em
}
#page-01 {
	height: auto;
	min-height:0;
}
.extra_margin {
	margin-bottom: 10%;
	margin-top: 10%;
	top: 0;
}
.pageFooter p {
	color: #aeaeae;
	float: none;
	letter-spacing: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	display:inline;
}

.pageFooter p {
	
margin-top:0;
margin-bottom:0;	
}

.container {
	margin-top: 0;
}
.footercontent {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.footerlogo {
	background-image: url("../gfx/magnum_nav.png");
	float: none;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 159px;
	margin-bottom:10px;
}
.smoke {
	display: none;
}
#mobilegal {

	background-color: black;
	background-image: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.backfade {
	background-attachment: fixed;
	background-color: black;
	background-image: none;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
#mobileDECars {
	width: 90%;
}
.carBox {
	width: 100%;
}
.carImageTD {
	float: none;
	margin-top: 35px;
	width: 120px;
}
.carImageTD img {
	width: 100%;
}
.carDe {
	display: table-header-group;
	float: none;
}
.mobcon {
	width: 90%;
}
.carDescription {
	color: white;
	float: left;
	font-size: 0.8em;
	margin-left: 2%;
	margin-top: 29px;
	text-align: left;
	width: 75%;
}
.carCatConditionTD, .carEZTD, .carFuelTD, .carPriceTD {
	float: left;
	font-size: 0.8em;
	margin-bottom: 0;
	margin-right: 0px;
	margin-top: 26px;
	margin-left: 0;
}
.carPriceTD {
	display: block;
	float: right;
	font-weight: 700;
}


.carCatConditionTD {
	font-size: 0.8em;
	margin-left: 2%;
	margin-right: 0;
	width: 50%;
	margin-top: 10px;
}
.carConsumptionTD {
	float: left;
	font-size: 0.8em;
	margin-left: 2%;
	margin-top: 28px;
	margin-bottom: 20px;
}
#mobileDECars {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.carFuelTD {
	margin-right: 0;
	width: 50%;
	display: none;
}
.carEZTD {
	margin-right: 0;
	margin-left: 2%;
	width: 50%;
	margin-top: 10px;
}
#carTechnicalBox, #carConsumptionBox {
	width: 100%;
	font-size: 0.8em;
}
.consumptionDetails {
	color: white;
	font-size: 1em;
	line-height: 29px;
	margin-left: 0;
	margin-top: 0;
	width: 100%;
}
.consumptionValueTD {
	padding-left: 0px;
}
.technicalAttrTD {
	padding-left: 10px;
	width: 32%;
}
.technicalValueTD {
	text-align: left;
	width: 31%;
}
.consumptionAttrTD {
	padding-left: 10px;
	width: 32%;
}
.consumptionValueTD {
	padding-left: 0;
	text-align: left;
	width: 31%;
}
.carPictures .galerieItemSmallcrop {
	width: 24%;
	margin-right: 1%;
}
.carPictures .aGalerie .galerieItemSmallcrop {
	margin-right: 0px;
}
#carConsumptionBox {
	height: auto;
	padding-bottom: 20px;
}
#interiorBox {
	float: left;
	padding-left: 0px;
	width: 50%;
}
.carDetailsList {
	font-size: 0.8em;
}
#exteriorBox {
	float: left;
	width: 50%;
	padding-left: 10px;
}
#extrasBox {
	padding-left: 10px;
	width: 50%;
}
#detailsSafetyBox {
	float: left;
	width: 50%;
	padding-left: 10px;
}
.carExtrasHeadline, .carSafetyHeadline, .carExteriorHeadline, .carInteriorHeadline {
	font-size: 0.85em;
	font-weight: 700;
}
.carDetailsDescription > b:nth-child(1) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
	width: 100%;
}
.carDetailsDescription > b:nth-child(2) {
	color: white;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 20px;
	text-transform: none;
	width: 100%;
}
#contact .pageSection {
	min-height: auto;
}
.contactContainer {
	font-size: 0.9em;
}
#page-04 {
}
.carDetailsDescription {
	border-bottom: solid 2px;
	border-bottom-color: rgba(50, 0, 0, 1);
}
.carContent {
	height: auto;
}
#mobilegal a.aGalerie:nth-child(1) .galerieItemSmallcrop img {
	margin-top: 0;
}
#mobilegal a.aGalerie:nth-child(1) .galerieItemSmallcrop {
	
}

#mobilegal .galerieItemSmallcrop {
	margin-bottom: 0em;
	overflow: hidden;
}


.carPictures .aGalerie .galerieItemSmallcrop {
	margin-right: 0.28%;
	height: 93px;
}
.carPictures .aGalerie .galerieItemSmall {
	width: 100%;
	max-height: 87px;
}
.carPictures .galerieItemSmallcrop {
	margin-right: 1%;
	width: 14%;
	overflow: hidden;
}
.carPictures a.aGalerie:nth-child(6n) .galerieItemSmallcrop {
	margin-right: 0.28%;
}
.carPictures a.aGalerie:nth-child(6n) .galerieItemSmall {
	margin-right: 0;
}
.aGalerie img {
	-webkit-transition: all .2s ease-in-out;   /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all .2s ease-in-out;   /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.aGalerie:hover img {
	-webkit-transform: none;
	-moz-transform: none;
}
#texte .imageBox {
	width: 90%;
	height: 100%;
}
.nav_service {
	float: right;
	height: 425px;
	margin-top:inherit;
	top:inherit;
	margin-top:inherit;
	position:inherit;
}





#texte {
	height: 100%;
	min-height: 0;
	float: right;
}
#texte .imageBox {
	margin-top: -275px;
	max-height: 550px;
	top: 50%;
}
.circlebox {
	display: none;
}
#finboximg {
    height: 425px;
    margin-top: -212px;
    top: 50%;
}
.snheader {
	margin-top: 0;
}
#barextra {
	width: 0;
	visibility:hidden;
}
#galerie {
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 10%;
}
#verkauf {
	background-color: transparent;
	padding-bottom: 100px;
	padding-top: 0;
}
#page-03 {
	margin-top: 10%;
}
}

/* lukas ende */
@media only screen and (max-height: 20.00em) {
.sl-wrapper .sl-navigation button.sl-prev {
	left: 0;
}
.sl-next {
	right: 0
}
}

.sales-text-wrapper {

	width:100%;
	height:170px;
	position:absolute;
	float:left;
	z-index:100;
	bottom:110px;
	top:50%;
	margin-top:-85px;
	color:white;
	
	
}

.sales-text-container {
	margin-left:auto;
	margin-right:auto;
	
	
}

.sales-text {
	font-family: "Muli";
	font-size: 1em;
}

.return {
display:inline;	
}





@media only screen and (min-width: 768px) {
	

	
	
		#wrapper {
	bottom: 0px;
    height: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
	margin-top:inherit;
	top:inherit;
    position: absolute;
    width: 100%;
}
	.return {
		
	display:none;
	}
	
.sales-text-wrapper {

	width:100%;
	height:50px;
	position:absolute;
	float:left;
	z-index:100;
	bottom:140px;
	top:auto;
	margin-top:0;
	
}

.sales-text-container {
	margin-left:auto;
	margin-right:auto;
	
	
}

.sales-text {
	font-family: "Muli";
	font-size: 1em;
}
	
}
  
          @keyframes color {
	          0% {
	              fill: transparent;
	          }
			  
			  7.5% {
	              fill: white;
	          }
			  
			      10.0% {
	              fill: #B3B3B3;
	          }
			  
			     
			  
			  75% {
	              fill: transparent;
	          }
			  
              100% {
	              fill: transparent;
	          }
	      }
		  
		  
		          @-webkit-keyframes color {
	          0% {
	              fill: transparent;
	          }
			  
			   7.5% {
	              fill: white;
	          }
			      10.0% {
	              fill: #B3B3B3;
	          }
			  
			     
			  
			  75% {
	              fill: transparent;
	          }
			  
              100% {
	              fill: transparent;
	          }
	      }
	 
	      .topi {
	     		fill:transparent;
	          animation-name: color;
	          animation-duration: 2s;
			  animation-delay:0s;
              animation-iteration-count: infinite;
			  
			  -webkit-animation-name: color;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 1.0s;
              -webkit-animation-iteration-count: infinite;
	      }
		  
		   .middletop {
	         	fill:transparent;
	          animation-name: color;
	          animation-duration: 2s;
			  animation-delay:0.25s;
              animation-iteration-count: infinite;
			  
			  -webkit-animation-name: color;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 1.25s;
              -webkit-animation-iteration-count: infinite;
	      }
		  
		  
		    .middle {
	         	fill:transparent;
	          animation-name: color;
	          animation-duration: 2s;
			  animation-delay:0.5s;
              animation-iteration-count: infinite;
			  
			  -webkit-animation-name: color;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 1.5s;
              -webkit-animation-iteration-count: infinite;
	      }
		  
		  
		    .middlebottom {
	         	fill:transparent;
	          animation-name: color;
	          animation-duration: 2s;
			  animation-delay:0.75s;
              animation-iteration-count: infinite;
			  
			  -webkit-animation-name: color;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 1.75s;
              -webkit-animation-iteration-count: infinite;
	      }
		  
		      .bottom {
	        	fill:transparent;
	          animation-name: color;
	          animation-duration: 2s;
			  animation-delay:1s;
              animation-iteration-count: infinite;
			  
			 -webkit-animation-name: color;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 2s;
              -webkit-animation-iteration-count: infinite;
	      }
  
  
   @keyframes expand {
	          0% {
	          width:0;
	          }
			  
			      10.0% {
	              width:0;
	          }
			  
			     
			  
			  75% {
	              width:50%;
	          }
			  
              100% {
	              width:100%;
	          }
	      }
	 
	 .expand {
		 
		 
	      		width:0;
	          animation-name: expand;
	          animation-duration: 5s;
			  animation-delay:5s;
              animation-iteration-count: infinite;
			  
			 -webkit-animation-name: color;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 2s;
              -webkit-animation-iteration-count: infinite;
	      }
    
	
	
			  @keyframes wings-one {
	            0% {
	              fill: transparent;
				 
			
	          }
			  
			      10.0% {
	                  fill: transparent;
					  		  
	          }
			  
			     
			  
			  75% {
	              fill: transparent;
				  		  
	          }
			  
			  89% {
	                  fill: transparent;
					   
				  
	          }
			  
			    90% {
	                  fill: white;
					   
				  
	          }
			  
              100% {
	                  fill: #B3B3B3;
					   
				  
	          }
	      }
		  
		  
		  
		    @-webkit-keyframes wings-one {
	      0% {
	              fill: transparent;
				 
			
	          }
			  
			      10.0% {
	                  fill: transparent;
					  		  
	          }
			  
			     
			  
			  75% {
	              fill: transparent;
				  		  
	          }
			  
              100% {
	                  fill: #B3B3B3;
					   
				  
	          }
	      }
	
	
	 
	     .animate-it path.top-one {
	   
		 
	          animation-name: wings-one;
	          animation-duration: 2s;
			  animation-delay:0s;
              animation-iteration-count: 1;
			animation-fill-mode:forwards;
			 
			  
			  -webkit-animation-name: wings-one;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 0s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode: forwards;
			  fill: none;
			
	      }
		  
		    .animate-it path.middle-top {
	     
	          animation-name: wings-one;
	          animation-duration: 2s;
			  animation-delay:0.25s;
              animation-iteration-count: 1;
			 animation-fill-mode:forwards;
			  
			  -webkit-animation-name: wings-one;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 0.25s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards;
			  fill: none;
	      }
		  
		  
		   .animate-it path.middle-one {
	      
	          animation-name: wings-one;
	          animation-duration: 2s;
			  animation-delay:0.5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			  -webkit-animation-name: wings-one;
	          -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 0.5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards;
			  fill: none;
	      }
		  
		  
		   .animate-it path.middle-bottom {
	   
	          animation-name: wings-one;
	          animation-duration: 2s;
			  animation-delay:0.75s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			  -webkit-animation-name: wings-one;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 0.75s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards;
			  fill: none;
	      }
		  
		  
		  path.bottom-one {
			  
			  fill: rgba(0,0,0,0.0);
		  }
		  
		    .animate-it path.bottom-one {
	 	
	          animation-name: wings-one;
	          animation-duration: 2s;
			  animation-delay:1s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: wings-one;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 1s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards;
			   fill: none;
	      }
		  
	
		  

		  
		  
	/* Button */	  
		  
		   
		  
		   @keyframes button-black {
	        0% {
	              opacity:0;
				 
			
	          }
			  
			
			  
              100% {
	          opacity:1;
					   
				  
	          }
	      }
		  
		  
		  	   @-webkit-keyframes button-black {
	            0% {
	              opacity:0;
				 
			
	          }
			  
			
			  
              100% {
	          opacity:1;
					   
				  
	          }
	      }
		  
		  .animate-it .button-fill {
			  
			  fill: black;
			  opacity:0;
	          animation-name: button-black;
	          animation-duration: 2s;
			  animation-delay:2.5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: button-black;
	         -webkit-animation-duration: 2s;
			  -webkit-animation-delay: 2.5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
		  }
		  
		  		  .animate-it .button-line {
			  
		fill: #B3B3B3;
			  opacity:0;
	          animation-name: button-black;
	          animation-duration: 0.5s;
			  animation-delay:3s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: button-black;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 3s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
		  }
		  
		  		  		  .animate-it .button-innerline {
			  
		fill: #B3B3B3;
			  opacity:0;
	          animation-name: button-black;
	          animation-duration: 0.5s;
			  animation-delay:3.5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: button-black;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 3.5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
		  }
		  
		  
		  
		  
		  
		   
		   @keyframes motors {
	        0% {
	              opacity:0;
				 
			
	          }
			  
			
			  
              100% {
	          opacity:1;
					   
				  
	          }
	      }
		  
		  
		  	   @-webkit-keyframes motors {
	            0% {
	              opacity:0;
				 
			
	          }
			  
			
			  
              100% {
	          opacity:1;
					   
				  
	          }
	      }
	
	  .animate-it .motors-m, .animate-it .motors-o, .animate-it .motors-t, .animate-it .motors-oo, .animate-it .motors-r, .animate-it .motors-s {
	
			  opacity:0;
	          animation-name: motors;
	          animation-duration: 0.5s;
			  animation-delay:4.5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: motors;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 4.5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
			  
		  }
		  
		   .animate-it .magnum-m, .animate-it .magnum-a, .animate-it .magnum-g, .animate-it .magnum-n, .animate-it .magnum-u, .animate-it .magnum-mm {
	
			  opacity:0;
	          animation-name: motors;
	          animation-duration: 0.5s;
			  animation-delay:4.5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: motors;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 4.5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
			  
		  }
		  
		  
		  
		  
		  
		  
		  
		  	  		  		  .animate-it .button-red {
			  
			fill:#E30613;
			  opacity:0;
	          animation-name: button-black;
	          animation-duration: 0.5s;
			  animation-delay:4.0s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: button-black;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 4.0s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
		  }
		  
		  
		  /* Type */
		  
		    @-webkit-keyframes type {
	            0% {
	              opacity:0;
				 
			
	          }
			  
			   50% {
	          opacity:0;
					   
				  
	          }
			
			  
			75% {
	          opacity:1;
			  stroke:white;
			  fill:white;
			  
					   
				  
	          }
			
			
			  
              100% {
	          opacity:1;
			   stroke:#C6C6C6;
			  fill:#C6C6C6;
					   
				  
	          }
	      }
		  
		   @keyframes type {
	            0% {
	              opacity:0;
				 
			
	          }
			  
			   50% {
	          opacity:0;
					   
				  
	          }
			
			  
			75% {
	          opacity:1;
			  stroke:white;
			  fill:white;
			  
					   
				  
	          }
			
			
			  
              100% {
	          opacity:1;
			   stroke:#C6C6C6;
			  fill:#C6C6C6;
					   
				  
	          }
	      }
		  
		  
		  
		   	  		  		  .animate-it .button-type {
			  
		fill:#C6C6C6;
			  opacity:0;
	          animation-name: type;
	          animation-duration: 0.5s;
			  animation-delay:5s;
              animation-iteration-count: 1;
			  animation-fill-mode:forwards;
			  
			 -webkit-animation-name: type;
	         -webkit-animation-duration: 0.5s;
			  -webkit-animation-delay: 5s;
              -webkit-animation-iteration-count: 1;
			  -webkit-animation-fill-mode:forwards; 
			  
		  }