/* --Clearfix */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {clear:both;}
.cf {zoom:1;}

.slider { margin:0!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; }
body {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease; margin:0;}

/* Layout
***********************/
#container {padding: 0; position:relative; width:100%; margin:0 auto}
@media only screen  and (min-width : 816px) {
	.web-content{
		padding-top:68px;
	}
}
@media only screen and (min-device-width : 100px) and (max-device-width : 815px) {	
	.web-content{
		padding-top: 0;
	}
}