#gallery .caption {
background: rgb(0,0,0);	
background: rgba(0,0,0,.6);	
text-align: center;
display: none;
}
#gallery .caption p {
color: #fff;
text-align: center;
padding: 3px;
font-family: 'Roboto', sans-serif;
}
#gallery .tile .zoom {
font-size: 22px;
color: #fff;
display: block;
position: absolute;
top: -50px;
left: 50%;
margin: -12px 0 0 -12px;
-moz-transition: top .5s;
-o-transition: top .5s;
-webkit-transition: top .5s;
transition: top .5s;
}
#gallery .tile:hover .zoom {
top:50%;
}
#gallery .tile img {
-moz-transition: -moz-transform .5s,  opacity .5s;
-o-transition: -o-transform .5s, opacity .5s;
-webkit-transition: -webkit-transform .5s,  opacity .5s;
transition: transform .5s,  opacity .5s;
}
#gallery .tile:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
} #gallery .effect-slide {
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
-moz-animation: effect-slide 0.8s ease forwards;
-o-animation: effect-slide 0.8s ease forwards;
-webkit-animation: effect-slide 0.8s ease forwards;
animation: effect-slide 0.8s ease forwards;
}
#gallery .effect-slide:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
@-webkit-keyframes effect-slide {
to { -webkit-transform: translateY(0); }
}
@-moz-keyframes effect-slide {
to { -moz-transform: translateY(0); }
}
@keyframes effect-slide {
to { transform: translateY(0); }
} #gallery .effect-zoom {
-moz-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
-webkit-transform: scale(.3);
transform: scale(.3);
-moz-animation: effect-zoom 0.8s ease forwards;
-o-animation: effect-zoom 0.8s ease forwards;
-webkit-animation: effect-zoom 0.8s ease forwards;
animation: effect-zoom 0.8s ease forwards;
}
#gallery .effect-zoom:nth-child(odd) {
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
@-webkit-keyframes effect-zoom {
to { -webkit-transform: scale(1); }
}
@-moz-keyframes effect-zoom {
to { -moz-transform: scale(1); }
}
@keyframes effect-zoom {
to { transform: scale(1); }
}
#gallery .already-visible {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
#gallery .tile {
float:left;
margin:10px;
}
#gallery .ftg-filters {
margin-left: 10px;
padding-bottom: 5px;
margin-bottom: 5px;
}
#gallery .ftg-filters a {
display: inline-block;
margin-right: 10px;
color: #666;
padding-bottom: 2px;
border-bottom: 3px solid transparent; 
}
#gallery .ftg-filters a:hover,
#gallery .ftg-filters a.selected {
color: #000;
border-bottom: 3px solid #000; 
text-decoration: none;
}
#gallery .tile .ftg-social {
display: none;
position: absolute;
bottom: 15px;
right:10px;
}
#gallery .tile:hover .ftg-social {
display: block;
}
#gallery .tile .ftg-social a {
color: #fff;
font-size: 22px;
width:30px;
height: 30px;	
}
#gallery .tile:hover .ftg-social a:hover {
color: #90b4ff;
text-decoration: none;
}
.ftg-loading-panel {
position:fixed;
top:10px;
right:10px;
background:#222 url(/cityguide/img/loading.gif) no-repeat center center;
width:40px;
height:40px;
padding:4px;
border-radius:5px;
z-index:1000;
}
.ftg-loading-panel p {
display:none;
}#header {
background: white url(/cityguide/img/header.png) no-repeat center top;
background-size: 1398px 184px;
height: 184px;
min-width: 1040px; }
#footer {
background: white url(/cityguide/img/footer.png) no-repeat center top;
background-size: 1398px 778px;
height: 778px;
min-width: 1040px; }
.section-inner {
width: 1040px;
margin: 0 auto; }
#city-guide {
font-family: Lato, Helvetica, Arial, sans-serif;
margin-top: 50px; }
#city-guide #city-authors ul {
margin: 0 auto; }
#city-guide #city-authors ul li {
min-height: 200px;
padding: 5px 0;
list-style-type: none;
margin-bottom: 50px;
display: none; }
#city-guide #city-authors ul li img {
width: 198px;
height: 198px;
border: 1px solid #eeeeee;
float: left; }
#city-guide #city-authors ul li h1 {
margin-left: 225px;
font-size: 32px;
margin-top: 0px;
padding-bottom: .5em; }
#city-guide #city-authors ul li p {
margin-left: 225px;
font-size: 17px;
line-height: 170%;
margin-bottom: 1.1em; }
#city-guide #city-authors ul li:first-child {
display: block; }
#city-guide #city-authors #authors-load-more {
margin-bottom: 50px;
text-align: center; }
#city-guide #city-genre .post-content {
margin-bottom: 20px; }
#city-guide #city-genre ul {
height: 50px;
background: #efefef;
text-align: center;
margin-bottom: 50px;
overflow: visible; }
#city-guide #city-genre ul li {
display: inline-block;
vertical-align: top;
font-size: 20px;
line-height: 40px;
height: 40px;
padding: 5px;
margin: 0 10px;
color: #00ccff;
font-weight: bold;
cursor: pointer; }
#city-guide #city-genre ul li:first-child {
margin-left: 0; }
#city-guide #city-genre ul li:last-child {
margin-right: 0; }
#city-guide #city-genre ul li.active, #city-guide #city-genre ul li:hover {
background: url(/cityguide/img/city-genre-arrow.png) no-repeat center bottom;
height: 70px; }
#city-guide #city-genre #gallery {
min-height: 300px; }
#city-guide #city-genre #gallery img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; }
#city-guide #city-genre #gallery .ftg-items .tile-inner .caption p {
width: 90%;
margin: 0 auto;
padding-top: 5%;
line-height: 1.5em;
font-size: 1em; }
#city-guide #city-genre #gallery #city-load-more {
margin-top: 20px;
text-align: center;
font-size: 17px;
line-height: 170%; }
@media (max-width: 700px) {
#city-guide #city-genre ul {
height: 100px; }
#city-guide #city-genre ul li {
border-bottom: 2px solid #efefef; }
#city-guide #city-genre ul li:first-child {
margin-left: 10px; }
#city-guide #city-genre ul li:last-child {
margin-right: 10px; }
#city-guide #city-genre ul li.active, #city-guide #city-genre ul li:hover {
color: #00a3cc;
border-bottom: 2px solid #00a3cc;
background: #efefef;
height: 40px; }
#city-guide #city-authors ul li img {
display: block;
width: 80%;
height: auto;
margin: 0 10% 20px 10%; }
#city-guide #city-authors ul li h1 {
margin-left: 0;
text-align: center; }
#city-guide #city-authors ul li p {
text-align: justify;
margin-left: 0; }
#city-guide #city-authors ul li p:last-child {
text-align: center; } }