/*CSS RESET*/
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,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,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}html,body{height:100%;}img {border:0;vertical-align:top;text-align:left;}object{vertical-align:top;outline:none;}ul,ol{list-style:none;}table,table td{padding:0;border:none;border-collapse:collapse;}input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:618px;}
body{background:#eee;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;}

#gspinner{
	position:fixed;
	z-index:999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/ajax-loader.gif) 50% 50% no-repeat #fff;
}

/*header*/

/*#content*/
#content{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	min-height:500px;
	min-width:360px;
	
	font:12px/19px Arial, Helvetica, sans-serif;
}

#content #home{
	background:url(../images/lodown-app-screen.jpg) no-repeat center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
}

#content>ul{
	width:100%;
	height:600%;
	position:relative;
	z-index:1;
}

#content>ul>li{
	width:100%;
	height:16.66%;
	min-height:650px;
	display:block;
	position:relative;
	height: 100;
	display: block;
}

h3{
	font:36px/1.2em 'Squada One', cursive;
	color:#aaa9a9;
	text-transform:uppercase;
	margin-bottom:4px;
}

.even h5{	
	color:#DFE0E0;*/
}

nav{
	position: absolute;
	text-align:center;
	z-index: 999;
	width: 100%;
	margin-top: 55px;
}

nav>ul{
	margin-right:auto;
	margin-left:auto;
	max-width: 900px;
}

nav>ul>li{
	float:left;
	height: 20px;
	width: 20%;
}

#content #home nav>ul>li>a{
	font: 1.2em 'Helvetica Neue';
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;	
    text-shadow: 0px 1px 2px #000;
 	font-weight: bold;
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

nav>ul>li>a{
	font: 1.2em 'Helvetica Neue';
	color: #000;
	text-decoration:none;
	text-transform:uppercase;	
    text-shadow: 0px 1px 1px #fff;
 	font-weight: bold;
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

nav>ul>li>a:hover,nav>ul>li.active>a{
	color:#000;
	text-shadow: 0px 2px #fff;
	text-decoration: underline;
}

.appstore{
	position: absolute;
	right:0;
	margin-right:10px;
	bottom:0;
	margin-bottom: 10px;
	width: 120px;
	z-index: 6;
}

.privacy{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	position:absolute;
 	text-align: center;
	bottom: 0;
	margin-bottom: 100px;
	font:11px/1.2em 'Helvetica Neue';
	font-weight: bold;
	color:#fff;
	text-shadow: 0px 1px 2px #000;
}


.container{
	text-align:center;
	position: relative;

  	top: 50%;
	margin-top: -230px;
	left: 0;
	right: 0;
	position: absolute;
	text-align:center;
}

.container a{color: #000; text-decoration:none; font-style:italic; }
.container a:hover{text-decoration:underline;  }

.image{
	max-width:600px;
	padding-left: 15px;
	position:relative;
	width:90%;

}

.about-text{
	font-size: 1.2em;
	margin-bottom: 40px;
	max-width:580px;
	width: 90%;
	margin: auto;
}

.feature-container{
	margin: auto;
	max-width: 750px;
	width: 100%;
	min-height: 140px;
	margin-bottom: 10px;
	/*height: 22%;*/
	position:relative;
}

.feature-frame-left{
	/*top: 10%;*/
	float:left;
	width: 45%;
	max-width: 220px;
	margin-left: 3%;
	position: relative;
	text-align: center;
}

.feature-frame-right{
	top: 10%;
	float:right;
	width: 45%;
	max-width: 220px;
	margin-right: 3%;
	position: relative;
	text-align: center;
}

.feature-frame-mid{

	max-width: 220px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

.feature-headline{
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #000;
}

.feature-text{
	font-size: 1.1em;
	color: #000;
}

.feature-line{
	width: 100%;
	height:2px;
	background-color:#000;
	margin-top: 10px;
	margin-bottom: 10px;

}

.trenner{
	width: 100%;
	height:1px; 
	bottom:0;
	position: absolute;
}

#home .soc-ico{
	position:absolute;
	left:50%;
	top:50%;
	margin:58px 0 0 -145px;
}

.soc-ico a{
	position:relative;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.soc-ico a:hover{
	top:-5px;
}

#home .soc-ico li{
	float:left;
	margin-right:2px;
}

#contacts .soc-ico li{
	float:left;
	margin-right:5px;
}

.next{
	position:absolute;
	left:50%;
	bottom:0;
	margin-bottom:-10px;
	margin-left:-37px;
	z-index:3;
}

.prev{
	position:absolute;
	top:-10px;
	left:50%;
	z-index:2;
	margin-left:-37px;
}

dl.address{
	width:204px;
}

dl.address.a1{
	margin-right:45px;
}

.even dl.address dt{
	color:#565656;
}

.scroll{
	height:600px;
	padding-right:60px;
}

._track{
	right:0;
	top:0;
	background:#a9a9a9;
	width:11px;
	height:100%;
}

._shuttle{
	background:#c3c3c3 url(../images/shuttle-bg.png) 50% 50% no-repeat;
	width:11px;
	height:174px;
}

.google_map{
	width:450px;
	height:282px;
	margin-right:20px;
	border:1px #000 solid;
}

.gallery{
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin:-220px 0 0 0;
	overflow:hidden;
}

.gallery ul{
	position:relative;
	z-index:1;
}

.gallery li{
	float:left;
	position:relative;
	background:#000;
	margin-right:1px;
}

.gallery li>a{
	position:relative;
	display:block;
	border-bottom:6px #2b2b2b solid;
	padding-bottom:1px;

	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.gallery li>a>span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../images/ov.png);
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.gallery li>a:hover{
	border-bottom-color:#fff;
}

.gallery li>a:hover>span{
	opacity:0;
}

/*additional classes*/
.cols{
	margin-left:-12px;
}

.cols li{
	float:left;
	margin-left:12px;
}

.white{
	color:#fff;
}

.black{
	color:#000;
}

.f13{
	font-size:13px;
}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z4{z-index:4;}
.z5{z-index:5;}
.z6{z-index:6;}

.fl{float:left;}
.fr{float:right;}
.col-1,.col-2,.col-3{float:left;}
.all{text-align:left;}
.alr{text-align:right;}
.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
a.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.bold{font-weight:bold;}
.wrap{overflow:hidden;}
.nopa{padding:0;}
.noma{margin:0;}
.nobg{background:none;}
.nobd{border:none;}
.nofl{float:none;}
.dn{display:none;}
.clear{clear:both;line-height:0;}


/*custom boxes*/
.btn{
	font:12px/30px Arial, Helvetica, sans-serif;
	background:#000;
	color:#fff;
	display:block;
	float:left;
	padding:0 12px;
	border:1px #000 solid;
	text-decoration:none;
	text-transform:uppercase;
	
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.btn:hover{
	background:#fff;
	color:#000;
	border-color:#a9a9a9;
}

dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}