@charset "utf-8";
/* CSS Document */

* {	margin:0px;	padding:0px;	border:none;	outline:none;	}
html { width:100%; height:100%;}
body {  width:100%; height:100%; font-size:1em; line-height:1.4em; background:#2e3c4f; color: #fff; font-family: "Helvetica", Arial, serif; }
header, footer, section, article { display:block; }

#contentcontainer { position:relative; top:0; width:1000px; margin:0 auto; padding:80px 0 0 0; opacity:0; }

.logo { margin:0 0 -0.5em 0;}
h1 {  font-family: "Kotta One", Arial, serif; font-size:23px; margin:0 0 40px 0; text-align:center; font-style: italic; font-weight: 100;}
/*"ltc-broadway"*/
h1 em { text-transform: uppercase; font-style: normal; font-family: "Helvetica", Arial, serif;}
h2 {  font-family: "Helvetica", Arial, serif; font-size: 1.8em; line-height: 1.5em; font-weight: normal; }
a { font-size: 0.7em; color:#fff;  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}

.center-align { text-align:center;}
.right-align { text-align:right;}
.readmore { font-size:23px; text-transform:uppercase; letter-spacing:1px;}
.clear { clear: both; }
.small { font-size: 0.8em; line-height: 0.8em; }
.btn { text-decoration:none;  color: #2e3c4f; background: #fff; }
.btn:hover { color: #2e3c4f; background: #fff; -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75); }

#intro header { text-align: center; }
.features-list { width: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2% 0;}
.features-list ul { list-style: none; }
.features-list li { width: 30%; margin: 0 0.1% 0 0.1%; float: left;}
.features-list li:last-child { margin: 0; }
.features-list p { text-align: center; padding: 10px 20px; text-transform: uppercase; }
.features-list li.bullet { width: 4%; margin: 0; float: left; padding: 15% 0; }

#home { text-align: center; }
.call-to-action { margin: .7em 0; font-size: 1.5em; }
.call-to-action a.btn {font-size: 1.2em; line-height: 2em;}

#reservate #contentcontainer { width: 600px; }

/* FORM */
form { min-height:800px;}
.frmLine { height:45px; clear:both; margin: 0 0 2px 0; }
.frmArea { clear:both; }
label { width:164px; float:left; line-height:26px;}
label.error { margin-left: 10px; color: red; }


.frmArea label { line-height:26px;}

.clsInputText { width: 420px; float:left; font-size: 18px; color: #444444; padding:2px 5px; font-family: 'Oswald', Verdana, sans-serif;  }
select.clsInputText { width: 430px; }
.clsInputTextSmall { width: 40px; color: #444444; font-family: 'Oswald', Verdana, sans-serif;  }
.clsInputTextarea { width: 420px; height: 100px; color: #444444; font-size: 18px; padding:5px; font-family: 'Oswald', Verdana, sans-serif;  }
.button { background:#fff; padding: 10px 20px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px; text-transform:uppercase; letter-spacing:2px; font-size:16px; color:#333;  -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.button:hover { background:#fff; cursor:pointer; -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);}
.frmLine.right-align { margin: 10px 4px 0 0;}
.space { clear:both; height:40px;}

select.clsInputText { margin:0 0 20px 0;}

@media screen and (max-width: 999px) { 
	
	img { width: 100% }
	.features-list p { padding: 0; font-size: 1em;  }
	
	#contentcontainer { width:80%; margin:0 auto; padding:60px 0 0 0;}
	#reservate #contentcontainer{ width:80%; margin:0 auto; padding:60px 0 0 0;}
	.logo { width:100%;}
    #mic { width:150px; height:auto;}
	form { width:80%; margin:0 auto; padding:0; }
	label { display:block; width:100%; float:none; margin: 30px 0 5px 0;}
	.clsInputText  { width:92%; padding:5px 4%; }
	.clsInputTextarea { width:92%; padding:5px 4%; }
	.frmLine.right-align { margin: 10px 0 0 0;}
	select.clsInputText { width: 92%; }
	
	#mic { width:150px; height:auto; position:fixed; bottom:0px; left:-20px !important;}
	#curtain-left { position:fixed; top:0; left:-160px !important;}
	#curtain-right { position:fixed; top:0; right:-180px !important; }

	 form { min-height:1200px;}

}

@media screen and (max-width: 500px) { 
	 
	.features-list li { width: 100%; margin: 0; float: none; clear:both; }	 
	.features-list li img { float:left; width: 20%}
	.features-list li.bullet { width: 4%; margin: 0; float: none; padding: 0 15%; }

}