/* Home
*/
.ui-tooltip {
	max-width:500px;
	padding:20px 20px 0 20px;
	min-height:40px;
}

form#form-search{
	/* background:url('../../img/home/bg-search.png') #272b2c no-repeat 0 100%; */
	background:#272b2c no-repeat 0 100%;
	padding:0 0 110px 0;
	width:280px;
	height:377px;
	float:left;
}

	form#form-search a.full_search_link{
		margin-top: 10px;
		display: block;
	    text-align: center;
	    width: 100%;
	    height: 33px;
	    color: #fff;
	    text-align: center;
	    line-height: 33px;
	    text-decoration: none;
	    background: #585858;
	    border: solid 1px #7d7d7d;
	    font-family: Arial;
	}

	form#form-search a.full_search_link.home_map_button{
		display: grid;
		grid-template-columns: 16px 1fr;
	}

	form#form-search a.full_search_link.home_map_button p {
		position: relative;
		left: -9px;
	}

	form#form-search a.full_search_link img.magnifier {
		height: 42%;
		margin-left: 10px;
		margin-top: 6px;
	}

	form#form-search fieldset{
		width:87%;
		margin:0 auto;
	}
	form#form-search fieldset input#sf_keyword{
		width:94%;
		padding:5px 3%;
	}
		form#form-search fieldset h2{
			color:#ffffff;
			width:130px;
			font-size:1.7em;
			margin:4px 0 40px 0;
		}

		div#row-daterange{
			padding-bottom:30px;
		}
		div#row-daterange p.date_range_text{
			color: white;
			font-size: 13px;
		}

		div.ui-slider{
			border-radius:15px !important;
			-moz-border-radius:15px !important;
			-webkit-border-radius:15px !important;
			height:17px !important;
			background:#babcbe;
		}
			div.ui-slider-range{
				background:#f0605b;
			}
			a.ui-slider-handle{
				border-radius:15px !important;
				-moz-border-radius:15px !important;
				-webkit-border-radius:15px !important;
				width:15px !important;
				height:15px !important;
				top:0!important;
				z-index:1000;
				background:#ffffff !important;
			}
		label.slidervalue{
			color:#ffffff;
			height:30px;
			font-size:0.75em;
			position:absolute;
			padding-top:5px;
		}

div.zone{
	background:#c0c0c0;
	position:relative;
}
	div.zone img{
		width:100%;
	}
	div.zone a.title{
		display:block;
		text-align:center;
		color:#ffffff;
		position:absolute;
		z-index:10000;
		width:100%;
		bottom:0;
		text-decoration: none;
		padding-bottom:20px;
		padding-top:60px;
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:0;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.31) 47%, rgba(0,0,0,0.65) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(47%,rgba(0,0,0,0.31)), color-stop(100%,rgba(0,0,0,0.65)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	}
		div.zone a.title span,
		div.zone a.title  span{
			color:#ffffff;
			text-decoration:none;
		}
		div.zone a.small{
			font-size:1em;
		}
		div.zone a.medium{
			font-size:1.2em;
		}
		div.zone a.large{
			font-size:2em;
		}
	div.zone-small{
		height:241px;
		margin-bottom:5px;
	}
	div.zone-big{
		height:488px;
	}

div.zone-column{
	float:left;
	width:309px;
	margin-left:5px;
}
	div.zone-column-first{
		width:280px;
		margin-left:0;
	}
	a.edit-zone{
		display:none;
	}
	div.zone:hover a.edit-zone{
		display:inline-block;
		position:absolute;
		color:#000000;
		padding:10px;
		z-index:10000;
		background:#f5f5f5;
	}

h2.trending{
	background:url('../../img/home/icon-trending.png') no-repeat 0 0;
	padding-left:44px;
	margin-bottom:1.2em;
	height:44px;
	line-height:44px;
}

div.trending-box{
	float:left;
	margin-right:2%;
	background:#f5f5f5;
	width:23%;
	height:244px;
	position:relative;
	overflow:hidden;
}
	div.trending-box img.thumbnails{
		width:100%;
		position:absolute;
	}
	div.trending-box img.coral-icon{
		position:absolute;
		bottom:33px;
		right:10px;
		display:block;
		z-index:1000;
	}
	div.trending-box h3{
		position:absolute;
		bottom:0;
		text-align:center;
		width:100%;
		color:#ffffff;
		font-size:1.1em;
		padding:8px 0;
		margin-bottom:0px;
	}

	div#highest-rated h3{
		background:#f0605b;
	}
	div#most-downloaded h3{
		background:#9b8ec4;
	}
	div#most-viewed h3{
		background:#87cfc1;
	}
	div#last-commented h3{
		background:#f0605b;
	}

div#twitter{
	background:url('../../img/home/icon-twitter.png') #f0605b no-repeat 15px 20px;
	float:left;
	width:25%;
	height:244px;
}
	div#twitter-latest-tweets{
		margin:15px 15px 0 60px;
	}
		div#twitter h3{
			color:#ffffff;
			font-size:0.95em;
		}
		div#tweets ul{
			margin:0;
			list-style:none;
		}
			div#tweets ul li{
				color:#ffffff;
				font-size:0.95em;
			}
			div#tweets ul li a,
			div#tweets ul li a:visited{
				color:#ffffff;
			}
			div#tweets ul li p.timePosted{
				color:#000000;
			}


@media screen and (max-width: 1224px) {

	form#form-search{
		width:26%;
		margin-bottom:5px;
	}

	div.zone-column{
		width:24%;
		margin-left:0.5%;
	}

	div.zone-column-first{
		width:26%;
		margin-left:0;
	}

	div.zone-small,
	div.zone-small img{
	}
	div.zone-big,
	div.zone-big img{
	}

		div.zone{
			overflow:hidden;
		}
			div.cycle-slideshow{
				overflow:hidden;
			}
				div.cycle-slideshow a{
					overflow:hidden;
				}
			div.zone img{
				display:block;
				width:auto;
			}

div.trending-box{
	margin-right:1%;
	width:24%;
}
	div.trending-box img.thumbnails{
		height:100%;
		width:auto;
	}
	div.trending-box img.coral-icon{
		bottom:33px;
		right:10px;
	}
	div.trending-box h3{
		font-size:1.1em;
		bottom:-5px;
	}

	div#twitter{
		width:24.5%;
	}

}


@media screen and (max-width: 1100px) {

	form#form-search{
		width:26.5%;
		height:277px;
		margin-bottom:5px;
	}

	div.zone-column{
		width:24%;
		margin-left:0.5%;
	}

	div.zone-column-first{
		width:26.5%;
		margin-left:0;
	}

	div.zone-small,
	div.zone-small img{
		height:191px;
	}
	div.zone-big,
	div.zone-big img{
		height:388px;
	}

		div.zone{
			overflow:hidden;
		}
			div.cycle-slideshow{
				overflow:hidden;
			}
				div.cycle-slideshow a{
					overflow:hidden;
				}
			div.zone img{
				display:block;
				width:auto;
			}

}


@media screen and (max-width: 680px) {

	form#form-search fieldset{
		width:80%;
	}

		form#form-search fieldset h2{
			font-size:1.2em;
			width:auto;
		}

	div.zone h3.small{
		font-size:0.8em;
	}
	div.zone h3.medium{
		font-size:1em;
	}
	div.zone h3.large{
		font-size:1.2em;
	}

	div.trending-box{
		margin-right:1%;
		width:49%;
	}
		div#most-downloaded{
			margin-right:0;
		}
		div.trending-box img.thumbnails{
			height:100%;
			width:auto;
		}
		div.trending-box img.coral-icon{
			bottom:33px;
			right:10px;
		}

		div#twitter{
			margin-top:25px;
			width:100%;
			min-height:80px;
			height:auto;
		}

}


/* Phone */
@media screen and (max-width: 535px) {

	.ui-tooltip {
		max-width:92%;
		padding:20px 4% 0 4%;
		min-height:40px;
		z-index:100000000000;
		position:relative;
	}
		.ui-tooltip img{
			width:100%;
			z-index:100000000;
			position:relative;
		}

	form#form-search{
		width:100%;
		height:auto;
		padding-bottom:8px;
		float:none;
		margin-bottom:5px;
	}

		form#form-search fieldset h2{
			width:100%;
			margin-bottom:20px;
		}

	div.zone-small,
	div.zone-small img{
		height:auto;
	}
	div.zone-big,
	div.zone-big img{
		display:none;
	}

	div.zone-small img{
		max-width:480px;
	}
	div.zone-big img{
		max-width:480px;
	}

	div.zone h3.small{
		font-size:1.2em;
	}
	div.zone h3.medium{
		font-size:1.4em;
	}
	div.zone h3.large{
		font-size:1.8em;
	}

	div.zone-column{
		width:100%;
		height:auto;
		float:none;
		margin-left:0;
	}

	div.zone{
		width:100%;
		margin-right:0;
	}

		div.zone img{
			width:100%;
		}

	div.zone-column-first{
		width:100%;
		margin-left:0;
	}

	div.zone h3{
		display:block;
		text-align:center;
		color:#ffffff;
		position:absolute;
		z-index:10000;
		width:100%;
		bottom:0;
		padding-bottom:20px;
		padding-top:60px;
		margin-bottom:0;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.31) 47%, rgba(0,0,0,0.65) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(47%,rgba(0,0,0,0.31)), color-stop(100%,rgba(0,0,0,0.65)));
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 47%,rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	}

	div.trending-box{
		float:none;
		margin-right:0;
		width:100%;
		height:auto;
	}

		div.trending-box img.thumbnails{
			width:100%;
			height:auto;
			position:relative;
		}
		div.trending-box img.coral-icon{
			position:absolute;
			bottom:33px;
			right:10px;
			display:block;
			z-index:1000;
		}
		div.trending-box h3{
			position:absolute;
			bottom:0;
			text-align:center;
			width:100%;
			color:#ffffff;
			font-size:1.1em;
			padding:8px 0;
		}

	div#twitter{
		float:none;
		width:100%;
		height:auto;
	}
		div#twitter-latest-tweets{
			padding:25px 0;
		}

}