/* Reset Styles
***********************/

p {
	font-size: 14px;
	line-height: 18px;
}
/* --Clearfix */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}
.slider {
	/*margin: 50px 0 10px!important;*/
}
#carousel li {
	margin-right: 5px;
}
#carousel img {
	display: block;
	opacity: .5;
	cursor: pointer;
}
#carousel img:hover {
	opacity: 1;
}
#carousel .flex-active-slide img {
	opacity: 1;
	cursor: default;
}

/* Loading
***********************/
.loading #container {
	opacity: 0;
}
.loading:before {
	content: 'LOADING';
	display: block;
	margin: 100px 0 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 60px;
	opacity: 0.3;
}

/* Layout
***********************/
#container {
	/*padding: 60px 40px 100px;*/
}
header {
	width: 420px;
	float: left;
}
#main {
/*	margin-left: 420px;
	margin-top: -25px;
	overflow: hidden;*/
	float:left;
	width:100%;
}

/* Media Queries
***********************/
@media screen and (max-width: 960px) {
 #container {
padding: 35px;
}
 #main {
margin-left: 380px;
}
 aside h3 {
 float: none;
 font-size: 20px;
}
 .toggle {
 margin-left: 0;
 float: none;
}
}
@media screen and (max-width: 768px) {
 #container {
padding: 20px 30px;
}
 #main {
margin-left: 0;
}
}


@media screen and (max-width: 1024px) {
 #container {
padding: 20px 10px;
}

}