/*
Theme Name: Minimalista
Theme URI: http://www.fnnfnn.com/minimalista
Description:
Version: 1.0
Author: FnnFnn
Author URI: http://www.fnnfnn.com/
License:
License URI:
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: blank
*/

@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	outline: none
}
#gallery {
	width: 100%;
	height: auto;
        max-height: 400px;
	font: normal 12px/15px "Oswald", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	overflow: hidden;
	position: relative;
    margin-bottom: 40px;
}
#gallery a {
	text-decoration: none;
	transition: color linear .2s;
	-moz-transition: color linear .2s;
	-webkit-transition: color linear .2s;
	-o-transition: color linear .2s
}
#gallery ul {
	list-style: none
}
#gallery ul li {
	opacity: .25;
	position: relative;
	float: left;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
}
#gallery ul li .slider-detail {
	padding: 20px;
	background: rgba(0,0,0,0.65);
	position: absolute;
	left: 10px;
	bottom: 0;
}
#gallery ul li .slider-detail .title {
	font-size: 22px;
	line-height: 25px;
	color: #FFF;
	display: block;
}
#gallery ul li .slider-detail .subtitle {
	font-size: 16px;
	line-height: 15px;
	color: #FFF;
	display: block;
}
#gallery ul li .slider-detail .description {
	margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
	color: #CCC;
	text-transform: none;
	display: block;
}

#gallery ul li:hover {
	opacity: .5
}
#gallery ul li.selected {
	opacity: 1
}

/*
#gallery ul li.selected a img.thumb {
	box-shadow: 0px 0px 5px #000
}
*/

#gallery ul li.selected a img:hover {
	cursor: pointer;
}

#gallery ul li a img {
	border: none;
	display: block;
}
/*
#gallery ul li a img.thumb {
	filter: url(filters.svg#grayscale);
	filter: gray;
	-ms-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%)
}
#gallery ul li.selected a img.thumb {
	filter: none;
	-ms-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-o-filter: grayscale(0%)
}*/
#gallery ul li a img:hover {
	cursor: pointer
}
#gallery ul li.selected .desc {
	margin: 0 20%;
	padding: 10px 5%;
	width: 50%;
	height: auto;
	line-height: 20px;
	text-align: center;
	border-radius: 5px;
	opacity: 1;
	position: absolute;
	bottom: 20px;
	left: 0px;
	z-index: 1
}
#gallery ul li .desc {
	margin: 0 20%;
	padding: 10px 5%;
	width: 50%;
	height: 0px;
	line-height: 20px;
	text-align: center;
	border-radius: 5px;
	opacity: 0;
	position: absolute;
	bottom: -40px;
	left: 0px;
	z-index: -1;
	transition: all linear .5s;
	-moz-transition: all linear .5s;
	-webkit-transition: all linear .5s;
	-o-transition: all linear .5s
}
#gallery ul li .desc a.zoom {
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	text-align: center;
	text-transform: none;
	position: absolute;
	top: -70px;
	left: 50%;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear.2s;
	-o-transition: all linear .2s
}
#gallery ul li .desc a.zoom:hover {
	margin-left: -35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	top: -80px;
	z-index: 1
}

#gallery ul li .article {
	padding: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
}

#gallery a.slideGalleryGoPrev, #gallery a.slideGalleryGoNext {
	top: 50%;
	width: 50px;
	height: 50px;
        margin-top: -25px;
	/*border-radius: 100%;*/
        /*background-color: #666;*/
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
        color: #FFF;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
         
}
#gallery a.slideGalleryGoPrev {
	left: 20px
}
#gallery a.slideGalleryGoNext {
	right: 20px
}
#gallery a.slideGalleryGoPrev:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
	top: 50%;
	width: 70px;
	height: 70px;
        margin-top: -35px;
	line-height: 70px;
	left: 10px;
	z-index: 1
}
#gallery a.slideGalleryGoNext:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
	top: 50%;
	width: 70px;
	height: 70px;
        margin-top:-35px;
	line-height: 70px;
	right: 10px;
	z-index: 1
}














#fngZoom {
	font: normal 12px/15px "Oswald", Arial, Helvetica, sans-serif;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 99;
	display: none
}
#fngZoom img {
	box-shadow: 0px 0px 5px #333
}
#fngZoom #fngZoomArt {
	margin-top: -149px;
	height: 300px;
	background-color: rgba(0,0,0,.75);
	border-radius: 0px 5px 5px 0px;
	position: absolute;
	top: 50%;
	left: 0%
}
#fngZoom #fngZoomArt h2 {
	margin: 20px 20px 0px 20px;
	padding-right: 60px;
	font-weight: normal;
	line-height: 30px;
	text-transform: uppercase
}
#fngZoom #fngZoomArt .date {
	margin: 0px 20px 10px 20px;
	padding-bottom: 9px;
	border-bottom: 1px dotted #666;
	font: italic 12px/15px Arial, Helvetica, sans-serif;
	color: #999;
	display: block
}
#fngZoom #fngZoomArt p {
	margin: 0px 20px 20px 20px;
	font-family: Arial, Helvetica, sans-serif
}
#fngZoom #fngZoomArt p strong, .fngZoom #fngZoomArt p a {
	font-weight: normal;
	text-decoration: none
}
#fngZoom #fngZoomArt .category {
	margin: 0px 20px 20px 20px;
	text-transform: uppercase
}
#fngZoom #fngZoomArt .category span:last-child:after {
	content: ""
}
#fngZoom #fngZoomArt .category span {
	display: block
}
#fngZoom #fngZoomArt #fngCloseArt {
	width: 50px;
	height: 30px;
	background-color: rgba(0,0,0,.25);
	font-size: 10px;
	line-height: 30px;
	color: #999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
}
#fngZoom #fngZoomArt #fngCloseArt:hover {
	background-color: rgba(0,0,0,.75);
	color: #CCC
}

#fngZoom #fngZoomArt .social {
	margin-left: -50px;
	width: 100px;
	height: 50px;
	position: absolute;
	bottom: 20px;
	left: 50%
}
#fngZoom #fngZoomArt .social .fb, #fngZoom #fngZoomArt .social .tw {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	display: block;
	opacity: .5;
	position: absolute;
	bottom: 0px;
	float: left;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
}
#fngZoom #fngZoomArt .social .fb {
	left: 0px
}
#fngZoom #fngZoomArt .social .tw {
	right: 0px
}
#fngZoom #fngZoomArt .social .fb:hover {
		width: 70px;
	height: 70px;
	background-position: 20px 20px;
	opacity: .75;
	bottom: -10px;
	left: -10px;
}
#fngZoom #fngZoomArt .social .tw:hover {
		width: 70px;
	height: 70px;
	background-position: 20px 20px;
	opacity: .75;
	bottom: -10px;
	right: -10px
}
#fngZoom #fngZoomArt .social .fb span, #fngZoom #fngZoomArt .social .tw span {
	display: none
}

#fngZoomClose, #fngZoomViewArt {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 20px;
	transition: all linear .2s;
	-moz-transition: all linear .2s;
	-webkit-transition: all linear .2s;
	-o-transition: all linear .2s
}
#fngZoomClose {
	right: 20px
}
#fngZoomViewArt {
	left: 20px
}
#fngZoomClose:hover, #fngZoomViewArt:hover {
	width: 70px;
	height: 70px;
	line-height: 70px;
	top: 10px;
}
#fngZoomClose:hover {
	right: 10px
}
#fngZoomViewArt:hover {
	left: 10px
}

div.ui-loader h1
{
    display: none;
}


/* Desktop large layout */
@media (min-width: 1200px) {
    #gallery ul li a img {
        /*height: 190px;*/
        width: 940px;
    }

}

/* Desktop small layout */
@media (min-width: 980px) and (max-width: 1199px) {
    #gallery ul li a img {
        /*height: 190px;*/
        width: 940px;
    }
}

/* Tablet layout */
@media (min-width: 768px) and (max-width: 979px) {
    #gallery ul li a img {
        /*height: 190px;*/
        width: 724px;
    }
}

/* Mobile landscape layout */
@media (min-width: 480px) and (max-width: 767px) {
    #gallery ul li a img {
        /*height: 190px;*/
        width: 440px;
    }
}

/* Mobile portrait layout */
@media (max-width: 479px) {
    #gallery ul li a img {
        /*height: 190px;*/
        width: 280px !important;
    }
}