@import url(http://fonts.googleapis.com/css?family=Engagement);

h1 {
text-align:center;
font-family:'Engagement', sans-serif;
font-size:88px;
font-weight:normal;
color:#606060;
}

#content {
width:100%;
margin-top:20px;
}
#content img{
	width:100%;
	width:auto;
	height:auto;
}

.demo1 {
float:left;
width:100%;
height:400px;
overflow:hidden;
}
.preloader {
background:url(../images/loader.gif) no-repeat center #fff;
}

.marker {
display:block;
text-indent:-9999px;
width:15px;
height:23px;
outline:none;
margin-top:-23px;
margin-left:-10px;
background:url(../images/marker.png) no-repeat;
cursor:pointer;
}



.popup {
width:10%;
position:absolute;
padding:8px;
background:#003164;
color:#CCC;
margin-top:-5px;
font-size:11px;
line-height:18px;
font-family:Verdana, Geneva, sans-serif;
text-align: center;
}

.popup h3 {
margin:0;
font-family: 'Cabin Condensed', sans-serif;
font-weight:normal;
font-size:14px;
color:#fff;
}
.popup p{
	margin:0px;
	padding:0px;
	line-height:15px;
}
.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../images/close.gif) no-repeat;
cursor:pointer;
}

.relative {
position:relative;
}

.controls {
position:absolute;
/*
top:20px;
left:20px;
*/
z-index:20;
}

.controls a {
background:#2a2a2a;
background:rgba(0, 0, 0, .6);
display:block;
color:#fff;
float:left;
clear:both;
font-size:16px;
font-weight:bold;
line-height:28px;
margin-bottom:4px;
outline:none;
padding:0 15px;
text-decoration:none;
        font-family: "Cabin",sans-serif;
    width: 100px;
}

.controls a:hover {
background:orange;
color:#2a2a2a;
}

.controls .active {
background:#003164;
color:#fff;
}
@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 40%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	
}
@media screen and  (min-width:321px) and (max-width:768px) {
	.demo1 {
		float:left;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	.controls {
		position:absolute;
		top:20px;
		left:20px;
		z-index:20;
	}
}

@media screen and (max-width: 320px) {
	.demo1 {
		float:left;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	.controls {
		position:absolute;
		top:20px;
		left:20px;
		z-index:20;
	}
}