html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
input {-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0;outline:none;}
select {-webkit-border-radius:0px;border-radius:0;outline:none;}
html,body {-webkit-text-size-adjust:100%;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#clear {border:0;clear:both;margin:0;}

body {font:100% 'Josefin Sans', Tahoma, Verdana, serif;font-weight:300;height:100%;width:100%;line-height:1.5;background-color:#fff;}

#topmenu {position:fixed;top:0;left:0;background-color:#fff;padding:2em;width:100%;z-index:20;}
#topmenu .logo {}
#topmenu .logo img {height:calc(3vmin + 2em);margin:-1em 0;}
#topmenu ul {position:absolute;top:2em;right:2em;}
#topmenu ul li {display:inline;color:#000;font-size:3vmin;font-weight:700;margin:0 0 0 0.5em;}
#topmenu ul li a {color:#000;text-decoration:none;text-transform:uppercase;}
#topmenu ul li a:hover {color:#005aaa;}

#topmenu2 {display:none;position:fixed;top:0;left:0;background-color:#fff;padding:2em;width:100%;z-index:20;}
#topmenu2 .logo {float:left;}
#topmenu2 .logo img {height:6vmin;}
#topmenu2 ul {list-style-type:none;margin:0 2em 0 0;float:right;}
#topmenu2 ul li > img {height:6vmin;}
#topmenu2 ul li ul {display:none;position:absolute;top:calc(7vmin + 2em);left:0;padding:1em;width:100%;background-color:#fff;}
#topmenu2 ul li ul li {text-align:center;}
#topmenu2 ul li ul li a {text-decoration:none;font-weight:bold;color:#000;font-size:5vmin;line-height:1.5em;}
#topmenu2 ul li:hover {cursor:pointer;}

#content {}
#content > h1 {text-align:center;margin:1em 0;font-size:10vmin;font-weight:400;}
#splash {position:relative;}
#splash .wrapper .item {min-height:100vh;height:100%;text-transform:uppercase;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
#splash .wrapper .item div {background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:relative;}
#splash .wrapper .item div h11 {color:#000;z-index:10;font-size:10vmin;color:#fff;text-align:center;text-shadow:0.1em 0.1em 0.1em #333;
position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#splash .wrapper .item div h1 {color:#000;z-index:10;font-size:6vmin;color:#fff;text-align:center;text-shadow:0.1em 0.1em 0.1em #333;
position:absolute;bottom:1em;left:0;text-align:center;width:100%;}

#splash .pages {text-align:center;margin:0;position:absolute;bottom:1em;left:0;width:100%;}
#splash .pages a {background: url('../images/sprite-pages.png') 0px 0px no-repeat transparent;width:32px;height:32px;margin:2px;display:inline-block;}
#splash .pages a.selected {background-position: 0px -32px;cursor:default;}
#splash .pages a span {display: none;}

#gallery .item {float:left;width:calc(33.3% - 4px);height:20vw;min-height:20vw;margin:2px;text-transform:uppercase;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
#gallery .item div {height:100%;background-color:rgba(0,0,0,0.3);position:relative;}
#gallery .item div:hover {background-color:rgba(245,130,32,0.8);cursor:pointer;}
#gallery .item div h11 {color:#000;z-index:10;font-size:4vmin;color:#fff;text-align:center;text-shadow:0.1em 0.1em 0.1em #333;
position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#gallery .item div h1 {color:#000;z-index:10;font-size:2vmin;color:#fff;text-align:center;text-shadow:0.1em 0.1em 0.1em #333;
position:absolute;bottom:1em;left:0;width:100%;text-align:center;}

body.page {background-color:#eee;}
body.page #content {margin-top:calc(5vmin + 3em);padding:1em 4em 2em;font-size:3vmin;}
body.page #content img {margin:0 1em 1em 0;width:45%;}

body.car {background-color:#eee;}
body.car #content {margin-top:calc(5vmin + 3em);padding:1em 4em 2em;font-size:3vmin;}
body.car #content .images {width:40%;float:left;}
body.car #content .images .master img {width:100%;border:1px solid #ccc;}
body.car #content .images .thumb ul {list-style-type:none;}
body.car #content .images .thumb ul li {display:inline;}
body.car #content .images .thumb img {width:calc(20% - 0.6em);margin:0.2em;border:1px solid #ccc;}
body.car #content .data {float:left;width:calc(60% - 1em);margin-left:1em;}
body.car #content .data .contact {background-color:#fff;padding:0.5em 1em;border:1px solid #f58220;margin:0 0 1em;}
body.car #content .data .info {background-color:#fff;padding:1em;border:1px solid #f58220;}
body.car #content .data .info .item {float:left;width:33.3%;margin:0 0 1.5em 0;}
body.car #content .data .info .item img {height:4vmin;float:left;}
body.car #content .data .info .item .text {float:left;margin-left:0.7em;}
body.car #content .data .info .item .text h1 {font-size:1.3vmin;font-weight:normal;color:#999;margin:0 0 0.5em;padding:0;line-height:1;}
body.car #content .data .info .item .text h2 {font-size:1.8vmin;font-weight:normal;color:#000;margin:0;padding:0;line-height:1;}
body.car #content .data .other {margin:1.5em 0 0 0;position:relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .data .otherhover {padding:2em 1em 1em;background-color:#fff;border:1px solid #f58220;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .data .other > h1 {padding:0.5em;position:absolute;left:0;top:-1em;border:1px solid #f58220;font-size:2vmin;background-color:#fff;color:#f58220;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .data .other > h1:hover {cursor:pointer;}
body.car #content .data .other > h1.hover {left:1em;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .data .other > h1 img {height:1.5em;margin:0 0.5em -0.3em 0;}
body.car #content .data .other .text {display:none;font-size:2vmin;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .data .other .texthover {display:block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
body.car #content .credit {float:left;margin-top:2.5em;background-color:#f58220;padding:2em 1em 1em 1em;color:#fff;position:relative;width:60%;}
body.car #content .credit > h1 {background-color:#f58220;padding:0.5em;position:absolute;left:1em;top:-1em;border:1px solid #eee;font-size:2vmin;}
body.car #content .credit > h1 img {height:1.5em;margin:0 0.5em -0.3em 0;}
body.car #content .credit > h2 {background-color:#999;padding:0.5em;position:absolute;right:1em;top:-1em;border:1px solid #eee;font-size:2vmin;}
body.car #content .credit > h2:hover {background-color:#666;}
body.car #content .credit > h2 a {color:#fff;text-decoration:none;}
body.car #content .credit > h2 img {height:1.5em;margin:0 0.5em -0.3em 0;}
body.car #content .credit .item {float:left;width:calc(100% /3);margin:0;}
body.car #content .credit .item h1 {font-size:1vw;font-weight:normal;color:#eee;margin:0 0 0.5em;padding:0;line-height:1;}
body.car #content .credit .item h2 {font-size:1.3vw;font-weight:normal;color:#fff;margin:0;padding:0;line-height:1;}
body.car #content .contact {float:left;margin-top:2.5em;border:1px solid #f58220;background-color:#fff;padding:2em 1em 1em 1em;color:#000;position:relative;width:calc(40% - 1em);margin-left:1em;}
body.car #content .contact > h1 {background-color:#f58220;padding:0.5em;position:absolute;left:1em;top:-1em;border:1px solid #eee;font-size:2vmin;color:#fff;}
body.car #content .contact > h1 img {height:1.5em;margin:0 0.5em -0.3em 0;}
body.car #content .contact p {font-size:0.7em;}

body.splash {background-image:url('../images/splash-bg.jpg');
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
body.splash #content {position:absolute;top:50%;left:50%;width:70%;
transform:translate(-50%, -50%);}
body.splash #content .logo {text-align:center;margin-bottom:2em;}
body.splash #content .logo img {width:50vw;}
body.splash #content .menu {position:relative;float:left;width:40%;margin:5%;color:#005aaa;text-align:center;padding:0;font-weight:700;text-transform:uppercase;font-size:3vmin;}
body.splash #content .menu:hover {cursor:pointer;color:#fff;}
body.splash #content .menu .bg img {width:100%;}
body.splash #content .menu .title {position:absolute;top:50%;left:50%;
transform:translate(-50%, -50%);}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	#topmenu {display:none;}
	#topmenu2 {display:block;}
	#gallery .item {width:calc(50% - 4px);height:37.5vw;}
	body.car #content {padding:1em;}
	body.car #content .images {width:100%;float:none;}
	body.car #content .images .thumb img {width:calc(33.3% - 0.6em);}
	body.car #content .data {width:100%;float:none;margin:0;margin-top:2em;}
	body.car #content .data .info .item {width:50%;}
	body.car #content .data .info .item .text h1 {font-size:2.5vmin;}
	body.car #content .data .info .item .text h2 {font-size:3vmin;}
	body.car #content .data .other .text {font-size:3vmin;}
	body.car #content .credit {width:100%;}
	body.car #content .contact {width:100%;margin-left:0;}
}