.container{
	width:100%;
	max-width:1200px;
	margin:auto;
	}
	
.filter{
	width:100%;
	color:#fff;
	font-family:'Open-sans', sans-serif;
	}
.filter li{
	height:auto;
    	width:calc(100% / 8);
    	display:inline-block;
    	text-align:center;
    	padding-top:10px;
    	padding-bottom:10px;
    	cursor:pointer;
    	opacity:1;
    	transition: opacity 1s;
    	-o-transition: opacity 1s;
    	-moz-transition: opacity 1s;
    	-webkit-transition: opacity 1s;
	}
.filter li:hover{
	opacity:0.8;
	}
.filter li:first-child{
	background:#D22587;
	}
.filter li:nth-child(2){
	background:#2573D2;
	}
.filter li:nth-child(3){
	background:#D22525;
	}
.filter li:nth-child(4){
	background:#CFDA2D;
	}
.filter li:nth-child(5){
	background:#3DBC54;
	}

.guide{
	width:100%;
	padding-top:70px;
	
	}
.place{
	width:80%;
	margin-right:2%;
	color:#fff;
	font-family:'Open-sans', sans-serif;	
	}
.extra{
	width:12%;
	color:#fff;
	font-family:'Open-sans', sans-serif;
	}
.place, .extra{height:200px;
	float:left;
	padding:7px;
	margin-bottom:10px;
	background-color: rgba(0, 0, 0, 0.8);
    	/* For IE 5.5 - 7*/
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    	/* For IE 8*/
    	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	}
.place img{
	float:left;
	margin-right:10px;
	border:1px solid #3DBC54;
	}
.place h2{
	width:100%;
	text-align:center;
	padding-bottom:5px;
	}