/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
::-webkit-input-placeholder { color:#ddd; line-height: 15px; outline: none;}
input:-moz-placeholder { color:#ddd;line-height: 15px; outline: none;}

.gallery-data div {
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.image-actions > div, #file-settings .slices-controls .slice-publish .icon, #file-settings .slices-controls .slice-unpublish .icon {
	/*-webkit-transition: opacity 0.3s ease-in-out;*/
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.gallery-block.remove {
	-webkit-transform-origin: 50% 50%;
  	-webkit-animation: wobble 1.5s ease-in-out infinite alternate;

	-moz-transform-origin: 50% 50%;
  	-moz-animation: wobble 1.5s ease-in-out infinite alternate;

	-o-transform-origin: 50% 50%;
  	-o-animation: wobble 1.5s ease-in-out infinite alternate;

	-ms-transform-origin: 50% 50%;
  	-ms-animation: wobble 1.5s ease-in-out infinite alternate;

    transform-origin: 50% 50%;
    animation: wobble 1.5s ease-in-out infinite alternate;
}

.info-switcher span, .image-actions > div span {display: none;}

#gallery-list {margin: 10px;}
.gallery-row {margin: 40px auto;position:relative;z-index:5;}
.gallery-row.before-filesettings {margin-bottom: 0;}
.gallery-row.after-filesettings {margin-top: 0;}
.gallery-block-wrapper {float: left;width: 33%;}
.gallery-block {height:230px;width:330px;position:relative;display:block;margin: 10px;margin: 0 auto;}
.front-view, .back-view {float: none;position:absolute;left:0;top:0;}
.back-view {visibility:hidden;}
.gallery-block, .gallery-block-wrapper {-webkit-perspective: 600px;-moz-perspective: 600px;-o-perspective: 600px;-ms-perspective: 600px;perspective: 600px;}
.gallery-block .front-view {
	z-index:900;
	-webkit-transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	transform: rotateY(0deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;

	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
}
.gallery-block.flip .front-view {
	z-index: 900;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.gallery-block .back-view {
	z-index: 800;
	-webkit-transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

	-moz-transform: rotateY(180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;

	transform: rotateY(180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;

	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
}
.gallery-block.flip .back-view {
	z-index: 800;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	visibility: visible;
}
.front-view {padding: 5px 5px 9px; border-radius: 3px 3px 12px 12px;}
.front-view {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);background-color: #fafafa;background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgba(255, 255, 255, 0.8)), color-stop(1, rgba(255, 255, 255, 0.1)));}
.front-view .gallery-thumb-wrapper {padding: 10px;}
.front-view .gallery-thumb-wrapper-transparency {background:url(../images/trans-tile.png) repeat;width: 300px;height: 180px;}
.front-view img {border:0;}
.front-view .gallery-thumb {text-align: center;position:relative;width:320px;height:200px;}
.front-view .gallery-thumb .info-switcher {position: absolute;right:20px;bottom:20px;width:15px;height:15px;background:url(../images/info-button.png) bottom left no-repeat;}
.front-view .gallery-thumb .info-switcher:hover {background-position: top left;}

.front-view .indicator-published, .front-view .indicator-unpublished {width: 16px; height: 16px;position:absolute;right:0px;top:0px;background-image: url(../images/icons.png); background-position: no-repeat;}
.front-view .indicator-published {background-position: 0 85%;}
.front-view .indicator-unpublished {background-position: 0 100%;}

.front-view .gallery-data, .front-view .gallery-actions {float: right; font-size: 11px;padding: 0 15px 5px;color: #a7a7a7;line-height: 1em;}
.front-view .gallery-data div {display: block;float: left;margin:0 0 0 10px;padding-left: 17px;background: url(../images/icons.png);background-repeat:no-repeat;}
.front-view .gallery-data .views {background-position: -64px 0;}
.front-view .gallery-data .loves {background-position: -64px -96px;}
.front-view .gallery-data .comments {background-position: -64px -32px;}
.front-view .gallery-data .tags {background-position: -64px -64px;}

.front-view .gallery-data .views:hover {background-position: -64px -16px;color:#888;}
.front-view .gallery-data .loves:hover {background-position: -64px -112px;color:#888;}
.front-view .gallery-data .comments:hover {background-position: -64px -48px;color:#888;}
.front-view .gallery-data .tags:hover {background-position: -64px -80px;color:#888;}

.front-view .gallery-actions {float: left;}
.front-view .gallery-actions .publish {color:#eb9f0b;}
.front-view .gallery-actions .delete {color:#b60000;}

.back-view {padding: 5px 5px 9px; border-radius: 3px 3px 12px 12px;}
.back-view {box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.6) inset, 0 5px 0 rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 2px 4px rgba(0, 0, 0, 0.2);background: url(../images/flipped-panel-transparency.png) no-repeat, url(../images/ios-bg.png) repeat;}
.back-view .gallery-description {padding: 10px;border:0;width:300px;height:192px;position: relative;}
.back-view .gallery-thumb {text-align: center;margin-bottom: 5px;}

.back-view .gallery-description h1, .back-view .gallery-description div {color: #fefefe;text-shadow: 0 -2px 0 #000;font-size: 13px;line-height: 1.5em;}
.back-view .gallery-description h1 {font-size: 20px;margin-top: 10px !important;}
.back-view .gallery-description .image-description {margin-top: 10px;height: 90px;overflow: hidden;}
.back-view .gallery-description .image-statusbar {position: absolute; bottom: 0;width:94%;}
.back-view .gallery-description .image-statusbar .image-date {float: left;line-height: 25px;}
.back-view .gallery-description .image-statusbar .image-close {float: right;color: #161616;text-shadow: 0 1px 0 #767676;padding:3px 10px;}

.back-view .image-actions {position: absolute;right:5px;top:5px;}
.front-view .image-actions {position: absolute;left: 10px;bottom: 10px;}
.image-actions > div {float: left;background-image:url(../images/icons.png);background-repeat: no-repeat;cursor: pointer;width: 16px;height: 16px;margin-left: 5px;}
.image-actions .image-publish, .image-actions .image-unpublish {height: 17px;}

.image-actions > div {opacity: 0.5;}
.front-view .image-actions .image-edit {background-position: 0 -16px;}
.front-view .image-actions .image-publish {background-position: -16px -17px;}
.front-view .image-actions .image-unpublish {background-position: -32px -17px;}
.front-view .image-actions .image-delete {background-position: -48px -16px;}
.back-view .image-actions .image-edit {background-position: 0 -33px;}
.back-view .image-actions .image-publish {background-position: -16px -35px;}
.back-view .image-actions .image-unpublish {background-position: -32px -35px;}
.back-view .image-actions .image-delete {background-position: -48px -33px;}

.gallery-block.selected {box-shadow:0 0 2px rgba(0, 0, 0, 0.5), 0 0 0 5px #A5CCF5, 0 0 0 8px #4C96D0;-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5), 0 0 0 5px #A5CCF5, 0 0 0 8px #4C96D0;border-radius: 1px 1px 8px 8px;-moz-border-radius:1px 1px 8px 8px;-webkit-border-radius:1px 1px 8px 8px;}


.image-actions .image-publish:hover, .image-actions .image-unpublish:hover, .image-actions .image-edit:hover, .image-actions .image-delete:hover {opacity: 1;}

.image-actions .image-publish.loader, .image-actions .image-unpublish.loader {background:url(../images/spinner-16.gif) top center no-repeat;}

/*
	- For IE -
	.front-view .image-actions .image-edit {background-position: 0 0;}
	.front-view .image-actions .image-publish {background-position: -16px 0;}
	.front-view .image-actions .image-unpublish {background-position: -32px 0;}
	.front-view .image-actions .image-delete {background-position: -48px 0;}
	.front-view .image-actions .image-edit:hover {background-position: 0 -16px;}
	.front-view .image-actions .image-publish:hover {background-position: -16px -17px;}
	.front-view .image-actions .image-unpublish:hover {background-position: -32px -17px;}
	.front-view .image-actions .image-delete:hover {background-position: -48px -16px;}

	.back-view .image-actions .image-edit {background-position: 0 -49px;}
	.back-view .image-actions .image-publish {background-position: -16px -52px;}
	.back-view .image-actions .image-unpublish {background-position: -32px -49px;}
	.back-view .image-actions .image-delete {background-position: -48px -49px;}
	.back-view .image-actions .image-edit:hover {background-position: 0 -33px;}
	.back-view .image-actions .image-publish:hover {background-position: -16px -35px;}
	.back-view .image-actions .image-unpublish:hover {background-position: -32px -35px;}
	.back-view .image-actions .image-delete:hover {background-position: -48px -33px;}
*/

/* keyframes */
@-webkit-keyframes wobble { 0% {-webkit-transform: rotate(-3deg);} 5% {-webkit-transform: rotate(3deg);} 10% {-webkit-transform: rotate(-3deg);} 15% {-webkit-transform: rotate(3deg); } 20% {-webkit-transform: rotate(-3deg);} 25% {-webkit-transform: rotate(3deg);} 30% {-webkit-transform: rotate(-3deg);} 35% {-webkit-transform: rotate(3deg);} 40% {-webkit-transform: rotate(-3deg);} 45% {-webkit-transform: rotate(3deg);} 50% {-webkit-transform: rotate(-3deg);} 55% {-webkit-transform: rotate(3deg);} 60% {-webkit-transform: rotate(-3deg);} 65% {-webkit-transform: rotate(3deg);} 70% {-webkit-transform: rotate(-3deg);} 75% {-webkit-transform: rotate(3deg);} 80% {-webkit-transform: rotate(-3deg);} 85% {-webkit-transform: rotate(3deg);} 90% {-webkit-transform: rotate(-3deg);} 95% {-webkit-transform: rotate(3deg);} 100% {-webkit-transform: rotate(-3deg);} }

@-moz-keyframes wobble { 0% {-moz-transform: rotate(-3deg);} 5% {-moz-transform: rotate(3deg);} 10% {-moz-transform: rotate(-3deg);} 15% {-moz-transform: rotate(3deg);} 20% {-moz-transform: rotate(-3deg);} 25% {-moz-transform: rotate(3deg);} 30% {-moz-transform: rotate(-3deg);} 35% {-moz-transform: rotate(3deg);} 40% {-moz-transform: rotate(-3deg);} 45% {-moz-transform: rotate(3deg);} 50% {-moz-transform: rotate(-3deg);} 55% {-moz-transform: rotate(3deg);} 60% {-moz-transform: rotate(-3deg);} 65% {-moz-transform: rotate(3deg);} 70% {-moz-transform: rotate(-3deg);} 75% {-moz-transform: rotate(3deg);} 80% {-moz-transform: rotate(-3deg);} 85% {-moz-transform: rotate(3deg);} 90% {-moz-transform: rotate(-3deg);} 95% {-moz-transform: rotate(3deg);} 100% {-moz-transform: rotate(-3deg);} }

@-o-keyframes wobble { 0% {-o-transform: rotate(-3deg);} 5% {-o-transform: rotate(3deg);} 10% {-o-transform: rotate(-3deg);} 15% {-o-transform: rotate(3deg);} 20% {-o-transform: rotate(-3deg);} 25% {-o-transform: rotate(3deg);} 30% {-o-transform: rotate(-3deg);} 35% {-o-transform: rotate(3deg);} 40% {-o-transform: rotate(-3deg);} 45% {-o-transform: rotate(3deg);} 50% {-o-transform: rotate(-3deg);} 55% {-o-transform: rotate(3deg);} 60% {-o-transform: rotate(-3deg);} 65% {-o-transform: rotate(3deg);} 70% {-o-transform: rotate(-3deg);} 75% {-o-transform: rotate(3deg);} 80% {-o-transform: rotate(-3deg);} 85% {-o-transform: rotate(3deg);} 90% {-o-transform: rotate(-3deg);} 95% {-o-transform: rotate(3deg);} 100% {-o-transform: rotate(-3deg);} }

@-ms-keyframes wobble { 0% {-ms-transform: rotate(-3deg);} 5% {-ms-transform: rotate(3deg);} 10% {-ms-transform: rotate(-3deg);} 15% {-ms-transform: rotate(3deg);} 20% {-ms-transform: rotate(-3deg);} 25% {-ms-transform: rotate(3deg);} 30% {-ms-transform: rotate(-3deg);} 35% {-ms-transform: rotate(3deg);} 40% {-ms-transform: rotate(-3deg);} 45% {-ms-transform: rotate(3deg);} 50% {-ms-transform: rotate(-3deg);} 55% {-ms-transform: rotate(3deg);} 60% {-ms-transform: rotate(-3deg);} 65% {-ms-transform: rotate(3deg);} 70% {-ms-transform: rotate(-3deg);} 75% {-ms-transform: rotate(3deg);} 80% {-ms-transform: rotate(-3deg);} 85% {-ms-transform: rotate(3deg);} 90% {-ms-transform: rotate(-3deg);} 95% {-ms-transform: rotate(3deg);} 100% {-ms-transform: rotate(-3deg);} }

@keyframes wobble { 0% {transform: rotate(-3deg);} 5% {transform: rotate(3deg);} 10% {transform: rotate(-3deg);} 15% {transform: rotate(3deg);} 20% {transform: rotate(-3deg);} 25% {transform: rotate(3deg);} 30% {transform: rotate(-3deg);} 35% {transform: rotate(3deg);} 40% {transform: rotate(-3deg);} 45% {transform: rotate(3deg);} 50% {transform: rotate(-3deg);} 55% {transform: rotate(3deg);} 60% {transform: rotate(-3deg);} 65% {transform: rotate(3deg);} 70% {transform: rotate(-3deg);} 75% {transform: rotate(3deg);} 80% {transform: rotate(-3deg);} 85% {transform: rotate(3deg);} 90% {transform: rotate(-3deg);} 95% {transform: rotate(3deg);} 100% {transform: rotate(-3deg);} }
