ACC SHELL

@media screen, projection {
html, body {
	max-width: 100% !important;
	overflow-x: hidden !important;
}
body {
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12px;
}
h1, h2, h3, h4 {
	font-weight:400;
}
h1 {
	font-size:2.4em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.7em;
	margin-bottom:0px;
	margin-top:30px;
}
h4 {
	font-size:1.3em;
}
p, ul, ol {
	font-size:1.2em;
	font-weight:300;
	line-height:1.6;
}
iframe, #googleMap {
	width:100% !important;
	height:400px !important;
}
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/*********** MENU ************/
nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 50px;
	min-height: 50px;
	background: rgba(255,255,255,1);
}
.menu ul {
	display: inline-block;
	list-style:none;
	margin:0px;
	margin-left:70px;
	padding:0px;
}
.menu li {
	float:left;
	margin:0px;
	padding:0px;
	height:50px;
	line-height:50px;	
}
.menu li a {
	font-size:1.5em;
	margin:0px;
	margin-left:15px;
	margin-right:15px;
	padding:0px;
	color:#333;
	text-decoration:none;
}
.menu li.sfhover a {
	color:#F89A20;
}
.menu li.first a {
	margin-left:0px;
}
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/*********** ID ************/
#leftcol {
	position: fixed;
	left: 0px;
	top: 50px;
	width: 70px;
	background: rgba(228,228,228,1);
	text-align: center;
}
#leftcol img {
	margin-top: 25px;
}
#content {
	width:100%;
	max-width: 500px;
	color: #333;
	text-align: left;
	position: absolute;
	top: 50px;
	left: 70px;
	background-color:rgba(255,255,255,.8);
	padding:0px;
}
.content {
	padding:30px;
	padding-top:0px;
}
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/*********** CLASS ************/
.cb, .clear {
	clear: both
}
.invisible {
	clear: both;
	border: none;
	visibility: hidden;
	margin: -1px 0 0 0;
	padding: 0;
	height: 1px;
}
.fa-times-circle-o {
	position:absolute;
	top:15px;
	right:15px;
	text-decoration:none;
	color:#333;
	font-size:1.3em;
}
}
@media screen and (max-width: 549px) {
#menu, .menu {
	display:none;
}
.slicknav_menu {
	display:block;
}
#content {
	width: 100%;
	left: 0px;
	top:47px;
}
#leftcol {
	position: absolute;
	left:auto;
	right: 25px !important;
	top: 0px;
	width: 70px;
	height:50px !important;
	background: rgba(228,228,228,0);
	text-align: right;
	z-index:11;
}
#leftcol img {
	margin-top: 0px;
	height:40px;
	width:auto;
	margin-top:5px;
}
}
@media screen and (min-width: 550px) and (max-width: 799px) {
#menu, .menu {
	display:none;
}
.slicknav_menu {
	display:block;
}
#content, #leftcol {
	top:47px;
}
}
@media screen and (min-width: 800px) {
#menu {
	display:block;
}
.slicknav_menu {
	display:none;
}	
}