@font-face 
{
    font-family: 'EuropeExtRegular';
    src: url('../fonts/europeext-webfont.eot');
    src: url('../fonts/europeext-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-webfont.woff') format('woff'),
         url('../fonts/europeext-webfont.ttf') format('truetype'),
         url('../fonts/europeext-webfont.svg#webfontdvAGtN8p') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face 
{
    font-family: 'EuropeExtBold';
    src: url('../fonts/europeext-bold-webfont.eot');
    src: url('../fonts/europeext-bold-webfont.eot?iefix') format('eot'),
         url('../fonts/europeext-bold-webfont.woff') format('woff'),
         url('../fonts/europeext-bold-webfont.ttf') format('truetype'),
         url('../fonts/europeext-bold-webfont.svg#webfontf0ykxRTe') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; text-decoration: none; color:#000;}

a:hover { color:#F00; cursor:pointer; }

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

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */

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

sup { font-size: x-small; vertical-align:text-top; }

/*html { overflow-y: scroll; }*/


body
{
	background-color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
}


/* END RESET CSS */

h1
{
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:60px;
}


h2 
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:28px;
}

.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }



#header 
{
	background:#FFF url('../images/top.jpg') no-repeat center;
	width: 100%;
	height: 1160px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#logo
{
	position:absolute;
	left:2%;
	top:20px;
	z-index:1000;
	overflow: hidden;
	width:98%;
}


#logo.fixed
{	
	left:50%;
	margin-left:-700px;
	overflow: hidden;
	width:70%;
}


#logo.fixedMax
{	
	left:50%;
	margin-left:-900px;
	width:70%;
}


#logo h1
{	
	position:absolute;
	font-size:68px;
}


#logo h2
{	
	margin-top:60px; 
	margin-left:25px;
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-size:27px;
}

.red
{
	color:#F00;
}


.underline
{
	text-decoration:underline;
}


#nav
{
	position:absolute;
	left:4%;
	top:260px;
	z-index:1000;
	overflow: hidden;
}


#nav.fixed
{
	left:50%;
	margin-left:-650px;
}


#nav.fixedMax
{
	left:50%;
	margin-left:-850px;
}



#nav h2
{	
	/*font-weight:bold;*/
}


#city

{
	background-color:#FFF;
	background-image:url('../images/background.jpg');
	background-repeat:no-repeat;
	background-position:center;
	top:-225px;
    width: 100%;
    height: 6998px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}


#hideMersWithCloud
{
	position:relative;
	background:transparent url('../images/hide-mers-cloud.png');	
	background-repeat:no-repeat;
	left:50%;
	top:-405px;
	width:220px;
	height:450px;
	margin-left:-105px;
	z-index:100;
}


#mers 
{
    bottom: 40%;
    left: 50%;
    position: fixed;
    z-index: 20;
    line-height:0;
    min-height:317px;
	margin-left:-75px;
}

#mers-img 
{
    background: transparent url('../images/SMersedes.png') no-repeat;
    width: 0;
    height: 0;
}

#mers-img.visible 
{
    width: 153px;
    height: 317px;
}


#hideMersInBeginning 
 {
 	position: absolute;
    width: 422px;
    height: 241px;
    background: transparent url('../images/hide-mers.png') no-repeat bottom center;
    top: 938px;
	margin-left:-212px;
	left:50%;
    z-index: 100;
 }
 
#hidMersInBeginning.normanTest 
{
	top: 430px;	
}


#speechBubbleWrapper
{	
	position:fixed;
    bottom: 40%;
    left: 50%;
	display: none;
    line-height:0;
	width: 240px;
    z-index: 500;
	
    margin-left:-230px;
    margin-bottom:200px;
}


#speechBubble 
{
    position: relative;
	color: #000;
    line-height: 1.5;
	z-index:50;
	text-align:center;
	
	padding:5px;
	background-color:rgba(250, 250, 250, 0.8);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-box-shadow: 0 -2px 2px #333;
	-webkit-box-shadow: 0 -2px 2px #333;
	box-shadow: 0 -2px 2px #333;
}


#speechBuubleImage
{	
	height:38px;
	width:240px;
    z-index: 500;
	background-image:url('../images/speechbubble_v3.png');
	background-repeat:no-repeat;
	background-position:bottom left;
}


#speechBuubleImage.leftBig
{	
	background-position:bottom right;
}


#speechBubbleWrapper.right
{		
	margin-left:40px;
}


#speechBuubleImage.right
{	
	background-position:bottom center;
}


#tree
{
	background: transparent url('../images/tree-cloud.png') no-repeat center;
	top:950px;
	left:-3px;
    width: 100%;
    height: 6998px;
    position: absolute;
    z-index: 30;
    overflow: hidden;
}

#chef 
{
	background: transparent url('../images/SChef.png') no-repeat;
	position: absolute;
	top: 2050px;
	left:50%;
	margin-left:-380px;
	width: 115px;
	height: 212px;
	z-index: 25;
}
 
 #dance 
{
	background: transparent url('../images/SDance.png') no-repeat;
	position: absolute;
	top: 2975px;
	left:50%;
	margin-left:-450px;
	width: 148px;
	height: 192px;
	z-index: 25;
}
 
 
#woman 
{
	background: transparent url('../images/SWoman.png') no-repeat;
	position: absolute;
	top: 4450px;
	left:50%;
	margin-left:110px;
	width: 98px;
	height: 260px;
	z-index: 25;
}


#moto 
{
	background: transparent url('../images/SMoto.png') no-repeat;
	position: absolute;
	top: 5100px;
	left:50%;
	margin-left:-550px;
	width: 267px;
	height: 186px;
	z-index: 25;
}



#man 
{
	background: transparent url('../images/SMan.png') no-repeat;
	position: absolute;
	top: 6650px;
	left:50%;
	margin-left:-320px;
	width: 86px;
	height: 230px;
	z-index: 25;
}



#contact
{
	margin-top:-425px;
	position:relative;
	width:100%;
	height:700px;
	background:#FFF;
    overflow: hidden;
	z-index:100;
	text-align:center;
}



#contact_logo
{
	color:#e3e3e3;
}



#contact_logo h1
{
	font-size:60px;
}



#contact_logo h2
{
	margin-top:10px;
}


#contact_form
{
	position:absolute;
	left:50%;
	margin-left:-300px;
	margin-top:50px;
}


#contact_form span
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-weight:lighter;
    letter-spacing: -0.03em;
	font-size:20px;
	margin-right:25px;
}


label 
{
	display:block;
	text-align:right;
	margin:20px;
}




form input
{
	padding: 0.3em 1em;
	margin: -0.1em 0.5em 0 0;
	color: #333;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-style: italic;
	width: 253px;
	height: 15px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
	
}

form input[type=text]:active, form input[type=text]:focus, 
textarea:active, textarea:focus, 
form input[type=email]:active, form input[type=email]:focus
{
	background-color: #DDD;
}

textarea
{
	padding: 0.3em 1em;
	margin: -0.1em 0.5em 0 0;
	color: #333;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-style: italic;
	max-width:255px;
	max-height:150px;
	min-width:255px;
	min-height:150px;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px#888;
	box-shadow: inner 0 0 5px #888;
}

form input[type=submit]
{
	font-family: 'EuropeExtRegular', Helvetica, Arial;
	font-style:normal;
	width:170px;
	height:30px;
	font-size:16px;
	border:#bfbfbf 1px solid;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	padding: 0.3em;
	margin: -0.1em 0 0 140px;
	cursor:pointer;
}

form input[type=submit]:active, form input[type=submit]:focus 
{
	background-color:#DDD;
}


#aboutus
{
	background:transparent url('../images/aboutbubble.png') no-repeat center;
	width: 708px;
	height:396px;
	left:50%;
	top:1540px;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	margin-left:-345px;
	text-align:center;
	visibility:hidden;
}


#aboutus_header
{
	margin-top:35px;
	font-family: 'EuropeExtBold', Helvetica, Arial;
	font-size:22px;
}


#aboutus_text
{
	font-weight:500;
	color:#333;
	margin:20px;
	font-size:18px;
}


#aboutus_close
{
	background:transparent url('../images/close.png') no-repeat left;
	width: 29px;
	height: 28px;
	position: absolute;
	top:15px;
	right:12px;
	cursor:pointer;
}



#aboutus_close:active
{
	background:transparent url('../images/close.png') no-repeat right;
}



#mheader
{
	background:#FFF url('../images/mtop.jpg') no-repeat center;
	width: 100%;
	height: 575px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}


#mtext
{
	position:relative;
	width:350px;
	height:200px;
	background:#FFF;
    overflow: hidden;
	z-index:100;
	left:50%;
	margin-left:-250px;
	margin-top:50px;
}


#m_logo
{
	color:#e3e3e3;
	text-align:center;
}

#mtext h2
{
	font-size:28px;
}



/*============================================1920 Desktop Version=====================================*/
@media only screen and (min-width: 1690px) {
	
#header 
{
	background:#FFF url('../images/big/top.jpg') no-repeat center;
	height: 1547px;
}

#city

{
	background-image:url('../images/big/background.jpg');
	top:-301px;
    height: 9330px;
}



#logo
{
	top:28px;
}

#nav
{
	top:375px;
	left:5%;
}


#hideMersWithCloud
{
	background:transparent url('../images/big/hide-mers-cloud.png');
	top:-557px;
	width:302px;
	height:618px;
	margin-left:-144px;
}


#mers 
{
    bottom: 40%;
	min-height:423px;
	margin-left:-100px;
}

#mers-img 
{
    background: transparent url('../images/big/SMersedes.png') no-repeat;
}

#mers-img.visible 
{
    width: 204px;
    height: 423px;
}


#hideMersInBeginning 
 {
    width: 588px;
    height: 322px;
    background: transparent url('../images/big/hide-mers.png') no-repeat bottom center;
    top: 1251px;
	margin-left:-294px;
 }


#speechBubbleWrapper
{	
    bottom: 40%;
	margin-left:-220px;
	margin-bottom:260px;
}


#aboutus
{
	top:1500px;
	margin-left:-390px;
}


#tree
{
	background: transparent url('../images/big/tree-cloud.png') no-repeat center;
	top:1267px;
    height: 9330px;
}

#chef 
{
	background: transparent url('../images/big/SChef.png') no-repeat;
	top: 2733px;
	margin-left:-506px;
	width: 153px;
	height: 284px;
}
 
 #dance 
{
	background: transparent url('../images/big/SDance.png') no-repeat;
	top: 3968px;
	margin-left:-600px;
	width: 197px;
	height: 256px;
}
 
 
#woman 
{
	background: transparent url('../images/big/SWoman.png') no-repeat;
	top: 5935px;
	margin-left:146px;
	width: 131px;
	height: 347px;
}


#moto 
{
	background: transparent url('../images/big/SMoto.png') no-repeat;
	top: 6803px;
	left:50%;
	margin-left:-733px;
	width: 356px;
	height: 248px;
}



#man 
{
	background: transparent url('../images/big/SMan.png') no-repeat;
	top: 8870px;
	margin-left:-427px;
	width: 115px;
	height: 307px;
}



#contact
{
	margin-top:-587px;
}



#mheader
{
	background:#FFF url('../images/big/mtop.jpg') no-repeat center;
	height: 767px;
}



}
/*=====================================================END=============================================*/



@media only screen and (min-width: 481px) and (max-width: 1024px) 
{
	
#header 
{
	background:#FFF url('../images/small/top.jpg') no-repeat center;
	height: 825px;
}

#city

{
	background-image:url('../images/small/background.jpg');
	top:-161px;
    height: 4976px;
}



#logo
{
	top:15px;
}

#nav
{
	top:180px;
	left:3%;
}


#hideMersWithCloud
{
	background:transparent url('../images/small/hide-mers-cloud.png');
	top:-295px;
	width:160px;
	height:382px;
	margin-left:-76px;
}


#mers 
{
    bottom: 40%;
	min-height:224px;
	margin-left:-53px;
}

#mers-img 
{
    background: transparent url('../images/small/SMersedes.png') no-repeat;
}

#mers-img.visible 
{
    width: 108px;
    height: 229px;
}


#hideMersInBeginning 
 {
    width: 314px;
    height: 172px;
    background: transparent url('../images/small/hide-mers.png') no-repeat bottom center;
    top: 663px;
	margin-left:-156px;
 }


#speechBubbleWrapper
{		
    bottom: 40%;
	margin-bottom:140px;
}


#aboutus
{
	top:1445px;
	margin-left:-445px;
}


#tree
{
	background: transparent url('../images/small/tree-cloud.png') no-repeat center;
	top:672px;
    height: 4976px;
}

#chef 
{
	background: transparent url('../images/small/SChef.png') no-repeat;
	top: 1448px;
	margin-left:-268px;
	width: 81px;
	height: 151px;
}
 
 #dance 
{
	background: transparent url('../images/small/SDance.png') no-repeat;
	top: 2103px;
	margin-left:-318px;
	width: 104px;
	height: 136px;
}
 
 
#woman 
{
	background: transparent url('../images/small/SWoman.png') no-repeat;
	top: 3145px;
	margin-left:77px;
	width: 69px;
	height: 184px;
}


#moto 
{
	background: transparent url('../images/small/SMoto.png') no-repeat;
	top: 3606px;
	left:50%;
	margin-left:-389px;
	width: 189px;
	height: 131px;
}



#man 
{
	background: transparent url('../images/small/SMan.png') no-repeat;
	top: 4701px;
	margin-left:-226px;
	width: 61px;
	height: 163px;
}



#contact
{
	margin-top:-375px;
}	



#mheader
{
	background:#FFF url('../images/small/mtop.jpg') no-repeat center;
	height: 409px;
}


#scroller
{
	width:100%;
	height: 6508px;
}



}