@charset "UTF-8";

@import url(normalise.css);
@import url(univers.css);
@import url(modern.css);


/*----------------------------------------------GRIDS-------------------------------------------------------*/

#grid {width: 100%; height: 100%;  position: fixed; z-index: 1000; background: url(../images/grid.png) repeat; display: block; top: 0; left: 0;}

#ninetwenty {width: 920px; height: 100px; display: block; background-color: #f05e5e; position: absolute; top: 300px; left: 50%; margin: 0 0 0 -460px; z-index: 1000; opacity: 0.7;}

/*-------------------------------------------------STRUCTURE----------------------------------------------------*/


* {box-sizing: border-box;}

html {height: 100%; width: 100%; background-color: #000;}
body {height: 100%; width: 100%;}

header {width: 100%; height: auto; position: fixed; top: 0; border-bottom: 1px solid #a0a0a0; z-index: 20; padding: 1.64em 0 0.6em 0; margin: 0; background-color: #000;}



/*-------------------------------------------------NAVIGATION----------------------------------------------------*/


a, a:visited, a:hover, a:active, a:focus {text-decoration: none; outline: none;}
::-moz-focus-inner {border:0;}


a, a:visited {color: #a0a0a0;}
a:hover, a:active, a.active {color:#00aef0;}

#instagram {
	/*color: #ff0000 !important;*/
}


#nav {max-width: 1000px; font-size: 1.250em; margin: 0 auto; padding: 0 38px 0 38px;}

#nav ul {-ms-box-orient: horizontal; display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;}

#nav > a {display: none;}
#nav > ul > li > a {padding:0 0 0.35em 0;}
#nav li {position: relative; display: inline;}
#nav li a {display: block; color: #a0a0a0;} 
#nav li a:hover, #nav li a.active {color:#00aef0;}
#nav li a.active:before {width: 13px; height: 13px; content: ''; position: absolute; display: inline-block; margin: 4px 0 0 -13px; background: url(../images/active.png) no-repeat;}
#nav li ul {display: none; border-bottom: 1px solid #a0a0a0; text-align: justify; position: absolute; left: 50%; margin: 0 0 0 -4.5em; width: 9em; z-index: 5; background: #000;}
#nav li:hover ul {display: block;}
#nav > ul > li > ul > li:first-child a {padding:0.2em 0 0 0;}
#nav > ul > li > ul > li:last-child a {padding:0 0 0.83em 0;}


#jets {max-width: 950px; font-size: 1.250em; margin: 0 auto 0 auto; padding: 0 10px 0 10px; text-align: center; position: relative;}

#jets ul {display: -webkit-box; display: -ms-flexbox; display: -moz-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 4px auto; padding-bottom: 2em;}
#jets li {width: 50%; max-height: 240px; max-width: 465px; padding: 0 5px 0 5px; margin: 0 auto 0.37em auto;}
#jets li a {position: relative; display: block;}
#jets li a img {width: 100%; height: 100%;}
#jets li a span {width: 100%; padding: 0.2em 0 0.2em 0; font-weight: normal; font-size: 1.250em; color: #00aef0; text-transform: uppercase; color: #a0a0a0; line-height: 1.05em; position: absolute; left: 0; bottom: 3px; text-align: center; vertical-align: middle; background: rgba(0,0,0,0.6);}
#jets li a:hover span {color: #fff; background: rgba(0,174,240,0.8);}
#jets li em {text-transform: none !important; font-style: normal;}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 
	#jets, .jet {z-index: 15;}
	#jets ul {width: 950px; margin: 4px auto; padding-bottom: 2em;}
	#jets li {height: 240px; width: 465px; padding: 0 2px 0 2px; margin: 0 auto 10px auto; display: inline-block;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	#jets li {margin: 0 auto 0 auto;}
}



/*-------------------------------------------------TYPOGRAPHY----------------------------------------------------*/


html {color: #fff; font-family: "LTUnivers330BasicLight"; font-weight: normal; font-size: 0.938em; line-height: 1.35em; text-align: center; }
html, html a {-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
	
h1 {font-weight: normal; margin: 0 auto 0.62em auto; background: url(../images/The_Jet_Business_Logo_horizontal.png) no-repeat; width: 590px; height: 100px;}
h1 a {display: block; width: 590px; height: 100px;}	

h2 {font-family: ModernMTStd-Extended; font-weight:normal; font-size: 3.125em; color: #a0a0a0; line-height: 1.07em; text-transform: uppercase; text-align:center; margin: 0 0 0.675em 0; -webkit-column-span: all; -moz-column-span: all; column-span: all;}

h3 {font-weight: normal; font-size: 1.250em; color: #fff; line-height: 1em; text-transform: uppercase; text-align:center; margin: 0 0 2.75em 0; -webkit-column-span: all; -moz-column-span: all; column-span: all;}

h4 {font-weight: normal; font-size: 1.250em; color: #00aef0; text-transform: uppercase; margin-bottom:1.2em;}
h5 {font-weight: normal; font-size: 1em; line-height: 1.35em; font-family: "LTUnivers430BasicReg"; margin: 0 0 0 0; text-transform: uppercase;}
h6 {font-weight: normal; font-size: 1em; line-height: 1.35em; margin: 0 0 0 0;}

p {margin: 0 0 1.45em 0;}

.jet p, .jet ul, .jet table {margin: 0 0 0.95em 0;}
.jet div p:last-child, .jet div ul:last-child, .jet div table:last-child {margin: 0 0 0 0;}


.jet tr, .jet td {padding: 0;}
.jet tr td:first-child {white-space:nowrap;}
.jet tr td:nth-child(2), .jet tr td:nth-child(3), .jet tr td:nth-child(4), .jet tr td:nth-child(5) {padding-left: 10px;}
.jet tr {vertical-align: baseline;}
.jet b {font-family: "LTUnivers430BasicReg"; font-weight:normal;}

.jet h2 {margin: 0 0 0 0;}
.jet h2 span {text-transform: none;}
.jet section ul {list-style: none; padding-left: 0.8em; text-indent: -0.8em;}
.jet section li:before {content: "– ";}
.jet section p {text-align: justify; text-justify: distribute;}

.publicity h2 {margin: 0 0 0 0;}




/*-------------------------------------------------CONTENT----------------------------------------------------*/


main {visibility: hidden;}

#pattern {position: fixed; width: 100%; height: 100%; min-height: 100%; z-index: 8; background-image: url(../images/pattern_left.png), url(../images/pattern_right.png); background-repeat: no-repeat, no-repeat; background-attachment: fixed, fixed; background-position: left center, right center; visibility: hidden;} 

#gradient {position: fixed; width: 100%; height: 450px; top: 178px; left: 0; z-index: 1; 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.85) 65%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(65%,rgba(0,0,0,0.85)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.85) 65%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.85) 65%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.85) 65%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.85) 65%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

.intro #gradient {position: fixed; width: 100%; height: 300px; top: 178px; left: 0; z-index: 1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

#loading {width: 32px; height: 32px; margin: -16px 0 0 -16px; position: absolute; top: 50%; left: 50%; display: block; background-color: #000; z-index: 100; visibility: visible;}

main.jets_nav {width: 100%; position: relative; height: auto; top: 12.3em;}
main.text, main.contact {width: 100%; position: relative; height: auto; top: 16.9em;}
main.jet, main.publicity {width: 100%; position: relative; height: auto; top: 14.9em;}
main.intro {width: 100%; position: relative; height: auto; top: 14.9em;}





main.text {z-index: 5;}
main.jet, main.jets_nav, main.contact, main.intro, main.publicity {z-index: 9;}


.text article {max-width: 1000px; margin:0 auto; text-align: left; position: relative; z-index: 10;}
.text section {-moz-column-count: 3; -moz-column-gap: 40px; -webkit-column-count: 3; -webkit-column-gap: 40px; column-count: 3; column-gap: 40px; padding: 0 40px 0 40px;}

.contact article {max-width: 1000px; margin:0 auto; text-align: center; position: relative;/* -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select:none; -o-user-select: none;*/}
.contact section {-moz-column-count: 1; -moz-column-gap: 40px; -webkit-column-count: 1; -webkit-column-gap: 40px; column-count: 1; column-gap: 40px; padding: 0 40px 0 40px;}

.intro article {max-width: 1000px; margin:0 auto; text-align: center; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select:none; -o-user-select: none; z-index: 10;}

.intro section {-moz-column-count: 1; -moz-column-gap: 40px; -webkit-column-count: 1; -webkit-column-gap: 40px; column-count: 1; column-gap: 40px; padding: 0 40px 0 40px;}

.jet article {max-width: 1000px; margin:0 auto; text-align: left; position: relative;}
.publicity article {max-width: 1000px; margin:0 auto; position: relative;}

.jet section {padding: 0 40px 0 40px; margin: 0 0 0 0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; -moz-column-fill: balance; -webkit-column-fill: balance; column-fill: balance;}

.jet section div {padding: 0 0 0 0; width: 100%; margin: 0 0 1.75em 0; float: none; clear: both; display: table; -webkit-column-break-inside: avoid-column; page-break-inside: avoid; break-inside: avoid-column;}

.publicity section {padding: 0 100px 0 100px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; margin: 0 0 0 0;}

.publicity section div {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding: 0 0 0 0; width: 100%; margin: 0 0 1.75em 0; display: -moz-inline-stack; display: inline-block; *display: inline; float: none; clear: both;}



@media screen and (-webkit-min-device-pixel-ratio:0) {.jet section div, .publicity section div {float: left;} .jet section div {padding-top: 1px;} .jet #slideshow div {padding-top: 0;} .jet #slideshow div, .publicity #slideshow div {float: none;}}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media {.jet section div, .publicity section div {float: none;}}}

.jet section:last-child {padding-bottom: 5em;}

.jet #avionics {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.jet #floorplan {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; margin: 1.75em 0 0 0;}
.jet #floorplan img {width: 100%; max-width: 920px;}
.jet #floorplan h4 {margin: 0 0 1.45em 0;}

.jet #slideshow {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; position: relative; margin: 0 auto 1.75em auto; padding: 0;}
.jet #slideshow div {position: relative; margin: 0 0 0 0;}

.jet #slideshow div#matterport {position: relative; padding-top: 25px; height: 0; margin: 0.5em auto 1.5em auto;}
.jet #slideshow div#matterport iframe {position: absolute; top: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0);}

.jet #images {padding: 0 40px 0 40px; text-indent: 0em; margin-bottom: -5px; position: relative; display: block;} 
.jet #images li {display: none;}
.jet #images li.show {display: block;}
.jet #images li:before {content: none;}
.jet #images li img {width: 100%; max-width: 920px;}

.jet #thumbnails {list-style: none; padding:0 40px 0 40px; text-indent: 0em; position: relative; width: 100%; z-index: 100; margin: 5px 0 0 0; display: block; height: 34px;}
.jet #thumbnails li {display: inline; margin: 0 5px 0 0; float: left;}
.jet #thumbnails li:before {content: none;}

.jet #arrows {list-style: none; padding-left: 0em; text-indent: 0em;}

.jet #arrows li {height: 100%;}
.jet #arrows li a {width: 40px; height: 100%; text-indent: -9999px; font-size: 1px; position: absolute; top: 0; }
.jet #arrows li:before {content: none;}

.jet #arrows #left {left: 0;}
.jet #arrows #left, .jet #arrows #left:visited {background:rgba(51,51,51,1) url(../images/arrow_left.png) no-repeat 0 center;}
.jet #arrows #left:hover, .jet #arrows #left:active {background:rgba(0,174,240,1) url(../images/arrow_left.png) no-repeat -40px center;}

.jet #arrows #right {right: 0;}
.jet #arrows #right, .jet #arrows #right:visited {background:rgba(51,51,51,1) url(../images/arrow_right.png) no-repeat 0 center;}
.jet #arrows #right:hover, .jet #arrows #right:active {background:rgba(0,174,240,1) url(../images/arrow_right.png) no-repeat -40px center;}

.jet #links {list-style: none; padding-left: 0em; text-indent: 0em; font-weight: normal; font-size: 1.250em;  text-transform: uppercase; text-align: center; margin: 0 0 1.25em 0;}
.jet #links li:before {content: none;}
.jet #links li a {padding: 8px 11px 8px 11px;}

.jet #links a, .jet #links a:visited {color: #a0a0a0; background: rgba(51,51,51,1);}
.jet #links a:hover, .jet #links a:active {color: #fff; background: rgba(0,174,240,1);}

.intro #links {list-style: none; padding-left: 0em; text-indent: 0em; font-weight: normal; font-size: 1.250em;  text-transform: uppercase; text-align: center; margin: 0 0 1.25em 0;}
.intro #links li:before {content: none;}
.intro #links li a {padding: 8px 11px 8px 11px;}

.intro #links a, .jet #links a:visited {color: #a0a0a0; background: rgba(51,51,51,1);}
.intro #links a:hover, .jet #links a:active {color: #fff; background: rgba(0,174,240,1);}

#map {height: 100%; width: 100%; left: 0; top: 0; position: absolute; z-index: 0; background-color: #000;}



.publicity #slideshow {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; position: relative; margin: 0 auto 1.75em auto; padding: 0 40px 0 40px;}
.publicity #slideshow div {position: relative; padding-top: 25px; height: 0;}
.publicity #slideshow div iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateZ(0);}




/*-------------------------------------------------RESPONSIVE----------------------------------------------------*/


@media only screen and ( max-width: 82em ) {
#pattern {opacity: 0.7;} 
}


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

#nav {padding: 0 15px 0 15px;}

.text section {-moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; padding: 0 20px 0 20px;}
h2 {margin: 0 0 0.66em 0;}

#pattern {opacity: 0.35;} 


.text br {display: none;}



}


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


header {position: absolute;}

#gradient {top: -42px; position: absolute; height: 50%;}
.intro #gradient {position: absolute; 
	top: -100px;
}
			
h1 {background: url(../images/The_Jet_Business_Logo_vertical.png) no-repeat; width: 112px; height: 100px;}
h1 a {display: block; width: 112px; height: 100px;}
			
#nav {padding: 0;}			
#nav > a  {text-align: center; width: 100%; padding:0 0 0.35em 0;}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {display: block;}
#nav li:hover ul {display: block;}
#nav > ul {display: none; background: #000;}
#nav li ul {text-align: center;}
#nav > ul > li:first-child > a {padding-top:0.52em;}
#nav:target > ul {display: block; margin-bottom:-0.47em; padding-bottom: 0.7em;}
#nav > ul > li > ul {width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-bottom: 0.35em; left: 0;}
#nav > ul > li:last-child ul {margin-bottom: -0.75em;}
#nav li a.active:before {width: 13px; height: 13px; content: ''; position: absolute; display: inline-block; margin: 4px 0 0 -13px; background: url(../images/active.png) no-repeat;}
#nav li a {
	display: block;
}

				
h2 {font-size: 2.5em; padding: 0 20px 0 20px;}	
h3 {line-height: 1.250em;}		

main.text {top: 14.7em;}

.text section, .jet section, .video section {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; padding: 0 20px 0 20px;}




#jets li {width: 100%;}

.jet h3 {margin: 0 0 2em 0;}

.jet h3 span {display: block; width: 100%; height: 0; visibility: hidden;}

.jet #thumbnails {padding: 0 20px 0 20px;}
.jet #arrows {padding: 0px 20px 0 20px;}
.jet #arrows #left {left: 20px;}
.jet #arrows #left, .jet #arrows #left:visited {background:rgba(51,51,51,0.8) url(../images/arrow_left.png) no-repeat 0 center;}
.jet #arrows #left:hover, .jet #arrows #left:active {background:rgba(0,174,240,0.8) url(../images/arrow_left.png) no-repeat -40px center;}

.jet #arrows #right {right: 20px;}
.jet #arrows #right, .jet #arrows #right:visited {background:rgba(51,51,51,0.8) url(../images/arrow_right.png) no-repeat 0 center;}
.jet #arrows #right:hover, .jet #arrows #right:active {background:rgba(0,174,240,0.8) url(../images/arrow_right.png) no-repeat -40px center;}

.jet #images {padding: 0 20px 0 20px;}

.jet #links {margin: 1.5em 0 1em 0;}

.publicity #slideshow {padding: 0 0 0 0;}

.jet #slideshow div#matterport iframe {padding: 0 20px 0 20px;}


.jet section div:not(.jet #slideshow div#matterport) {padding-bottom: 0 !important;}


}



/*-----------------------------------------------------------------------------------------------------*/





.main_slideshow,
.main_slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
    visibility: hidden;
}

.main_slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s; 
}


.intro li:nth-child(1) span { 
    background-image: url(../images/slideshow/showroom/slideshow1.jpg) 
}
.intro li:nth-child(2) span { 
    background-image: url(../images/slideshow/showroom/slideshow2.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.intro li:nth-child(3) span { 
    background-image: url(../images/slideshow/showroom/slideshow3.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.intro li:nth-child(4) span { 
    background-image: url(../images/slideshow/showroom/slideshow4.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.intro li:nth-child(5) span { 
    background-image: url(../images/slideshow/showroom/slideshow5.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.intro li:nth-child(6) span { 
    background-image: url(../images/slideshow/showroom/slideshow6.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}



.about li:nth-child(1) span { 
    background-image: url(../images/slideshow/elements/slideshow1.jpg) 
}
.about li:nth-child(2) span { 
    background-image: url(../images/slideshow/elements/slideshow2.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.about li:nth-child(3) span { 
    background-image: url(../images/slideshow/elements/slideshow3.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.about li:nth-child(4) span { 
    background-image: url(../images/slideshow/elements/slideshow1.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.about li:nth-child(5) span { 
    background-image: url(../images/slideshow/elements/slideshow2.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.about li:nth-child(6) span { 
    background-image: url(../images/slideshow/elements/slideshow3.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}



.services li:nth-child(1) span { 
    background-image: url(../images/slideshow/elements/slideshow4.jpg) 
}
.services li:nth-child(2) span { 
    background-image: url(../images/slideshow/elements/slideshow5.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.services li:nth-child(3) span { 
    background-image: url(../images/slideshow/elements/slideshow6.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.services li:nth-child(4) span { 
    background-image: url(../images/slideshow/elements/slideshow4.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.services li:nth-child(5) span { 
    background-image: url(../images/slideshow/elements/slideshow5.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.services li:nth-child(6) span { 
    background-image: url(../images/slideshow/elements/slideshow6.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}



.showroom li:nth-child(1) span { 
    background-image: url(../images/slideshow/elements/slideshow7.jpg) 
}
.showroom li:nth-child(2) span { 
    background-image: url(../images/slideshow/elements/slideshow8.jpg);
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-delay: 4s; 
}
.showroom li:nth-child(3) span { 
    background-image: url(../images/slideshow/elements/slideshow9.jpg);
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
    -o-animation-delay: 8s;
    -ms-animation-delay: 8s;
    animation-delay: 8s; 
}
.showroom li:nth-child(4) span { 
    background-image: url(../images/slideshow/elements/slideshow7.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.showroom li:nth-child(5) span { 
    background-image: url(../images/slideshow/elements/slideshow8.jpg);
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    -o-animation-delay: 16s;
    -ms-animation-delay: 16s;
    animation-delay: 16s; 
}
.showroom li:nth-child(6) span { 
    background-image: url(../images/slideshow/elements/slideshow9.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}



@-webkit-keyframes imageAnimation { 
    0% { opacity: 0; 
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .main_slideshow li span, {
	opacity: 1;
}