/*
== sideways image galley ==
Plugin URI: http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery/
*/



.sideways-gallery{
	z-index: 999;
	position: fixed;
	width: auto;
	height: auto;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #111;
	color: #fff;
	transition: opacity .2s linear;
}

.sideways-gallery-wrapper, .swg-primary-aside-panel, .swg-image-panel, .swg-secondary-aside-panel, 
.swg-primary-aside-wrapper, .swg-image-container img, .swg-gallery-grid a:before, 
.swg-loading-spinner, .swg-loading-spinner > span{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* panels wrapper, size and animation */
.sideways-gallery-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
	transition: all .7s cubic-bezier(0.4, 0.2, 0, 1) 0s; /* animation */
}
.swg-primary-aside-active.swg-transform .sideways-gallery-wrapper, .swg-secondary-aside-active.swg-transform .sideways-gallery-wrapper{ transition-delay: .3s; }
.swg-primary-aside-panel{ width: 220px; }
.swg-primary-aside-active.swg-transform .sideways-gallery-wrapper{ -webkit-transform: translate3d(220px,0,0); -ms-transform: translate3d(220px,0,0); transform: translate3d(220px,0,0); }
.swg-primary-aside-active.swg-no-transform .sideways-gallery-wrapper{ left: 220px; }
.swg-secondary-aside-panel{ width: 190px; }
.swg-secondary-aside-active.swg-transform .sideways-gallery-wrapper{ -webkit-transform: translate3d(-190px,0,0); -ms-transform: translate3d(-190px,0,0); transform: translate3d(-190px,0,0); }
.swg-secondary-aside-active.swg-no-transform .sideways-gallery-wrapper{ left: -190px; }
@media only screen and (min-width: 800px){
	.swg-primary-aside-panel{ width: 440px; }
	.swg-primary-aside-active.swg-transform .sideways-gallery-wrapper{ -webkit-transform: translate3d(440px,0,0); -ms-transform: translate3d(440px,0,0); transform: translate3d(440px,0,0); }
	.swg-primary-aside-active.swg-no-transform .sideways-gallery-wrapper{ left: 440px; }
}
@media only screen and (min-width: 1440px){
	.swg-primary-aside-panel{ width: 680px; }
	.swg-primary-aside-active.swg-transform .sideways-gallery-wrapper{ -webkit-transform: translate3d(680px,0,0); -ms-transform: translate3d(680px,0,0); transform: translate3d(680px,0,0); }
	.swg-primary-aside-active.swg-no-transform .sideways-gallery-wrapper{ left: 680px; }
}
/* ---------- */



/* main panels */
.swg-primary-aside-panel, .swg-secondary-aside-panel, .swg-image-panel{ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.swg-primary-aside-panel, .swg-secondary-aside-panel{
	position: absolute;
	height: 100%;
	top: 0;
}
.swg-primary-aside-panel{
	right: 100%;
	background: #222;
}
.swg-secondary-aside-panel{
	background: #111;
	padding: 0 20px;
	left: 100%;
}
.swg-image-panel{
	position: relative;
	height: 100%;
	left: 0;
}
/* ---------- */



/* toggle panels elements */
.swg-primary-aside-toggle, .swg-image-toggle, .swg-secondary-aside-toggle{
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 3;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	outline: 0;
	opacity: 0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */
	transition: all .3s;
}
.sideways-gallery:hover .swg-primary-aside-toggle, .sideways-gallery:hover .swg-image-toggle, .sideways-gallery:hover .swg-secondary-aside-toggle{ 
	opacity: 1; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
}
.swg-primary-aside-toggle{
	width: 40px;
	left: 0;
}
.swg-image-toggle{
	display: none;
	width: auto;
	right: 0;
	left: 18%;
}
.swg-secondary-aside-active .swg-image-toggle{
	left: 0;
	right: 18%;
}
.swg-secondary-aside-toggle{
	width: 40px;
	right: 0;
}
.sideways-gallery.swg-image-info-empty:hover .swg-secondary-aside-toggle{ 
	opacity: .3; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* ie8 */
}
.swg-primary-aside-active .swg-primary-aside-toggle, .swg-secondary-aside-active .swg-secondary-aside-toggle{ display: none; }
.swg-primary-aside-active .swg-image-toggle, .swg-secondary-aside-active .swg-image-toggle{ display: block; }
/* ---------- */



/* toggle panels elements icons */
.swg-primary-aside-toggle > span, .swg-image-toggle > span, .swg-secondary-aside-toggle > span{
	display: block;
	max-width: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.swg-primary-aside-toggle > span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAHlBMVEUAAAD///8AAAAAAAAAAAAAAADa2trx8fH39/f////R4WrFAAAACXRSTlMAACtgc3jf8/c8Tkw9AAAAQUlEQVR4AWNgJBKQpnBUIQMaoEAhEzMrBmBmwqKQmY0DA7AxY1HIws6JAdhZyDWRsBsJ+3q4hONoOI6GIyYYLR8B0RQMlNPK8HwAAAAASUVORK5CYII=");
}
.swg-secondary-aside-toggle > span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAWlBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/Pz9iYmJ9fX2RkZGxsbG/v7/KysrU1NTd3d3l5eXz8/P5+fn////TtrrlAAAAHXRSTlMABxEYGiEpPENES01VXm93gIiRmaKzu8TM1d3u9/kJlc0AAACCSURBVHgB7ZBBEoIwFEMLgkWpNIJWEf79r2k4wc+CDTO89Zs3mYST43B9AHfBq8ef2VswYzECubjjRpG6y0B/cb1uLKvZt688MVMjJbrFjGJbUrzRLZLbh+LUhKCsXLPvNRODc9pxYprFicNC8YXUKkVpZfukuRQWXTMBQ6zCUTj5A3arCpOSNBWHAAAAAElFTkSuQmCC");
}
.swg-input-idle .swg-primary-aside-toggle > span, .swg-input-idle .swg-image-toggle > span, .swg-input-idle .swg-secondary-aside-toggle > span{ visibility: hidden; }
/* ---------- */



/* content panel */
.swg-primary-aside-wrapper{
	position: relative;
	overflow: hidden;
	height: 100%;
}
.swg-primary-aside-content{
	padding: 0 20px;
	margin: auto;
	position: relative;
}
/* ---------- */



/* image panel */
.swg-image-wrapper{
	position: absolute;
	width: auto;
	height: auto;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.swg-image-container, .swg-image-container > img{ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.swg-image-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	z-index: 1;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */
}
.swg-image-loaded .swg-image-container-current{
	z-index: 2;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
}
/* transition: crossfade */
.swg-image-transition-crossfade .swg-image-container{ transition: opacity 1s cubic-bezier(0.4, 0, 0.5, 0.9); }
/* transition: fade */
.swg-image-transition-fade .swg-image-container{ transition: opacity .6s cubic-bezier(0.4, 0.5, 0.5, 0.9) 0s; }
.swg-image-transition-fade.swg-image-loaded .swg-image-container-current{ transition-delay: .6s; }
/* transition: scale */
.swg-image-transition-scale .swg-image-container{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
	-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */
	transition: opacity 1.3s ease-in, transform 1.2s cubic-bezier(0.6, 0.2, 0.4, 1) .1s;
}
.swg-image-transition-scale.swg-image-loaded .swg-image-container-current{ 
	-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); 
	opacity:1; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
}
/* image size */
/* cover (covers image panel, centered via js) */
.swg-image-size-cover .swg-image-container img{ 
	position: absolute;
	width: auto; 
	height: auto;
	left: 0;
	top: 0;
}
.swg-image-size-cover .swg-image-container img.swg-image-size-cover-width{ width: 100%; }
.swg-image-size-cover .swg-image-container img.swg-image-size-cover-height{ height: 100%; }
/* contain (scaled-down to be contained within image panel making all image data visible, centered via css) */
.swg-image-size-contain .swg-image-container img{
	position: absolute;
	max-width: 95%;
	max-height: 95%;
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto;
}
/* contain-width (image width is always contained within image panel, centered via css) */
.swg-image-size-contain-width .swg-image-container img{ 
	position: absolute;
	max-width: 100%; 
	height: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* contain-height (image height is always contained within image panel, centered via css) */
.swg-image-size-contain-height .swg-image-container:before{
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: -.25em;
	height: 100%;
}
.swg-image-size-contain-height .swg-image-container img{ 
	margin: 0 -100%;
	max-height: 100%;
	vertical-align: middle;
}
/* full-width (image width covers image panel, centered vertically via css) */
.swg-image-size-full-width .swg-image-container img{ 
	position: absolute;
	width: 100%; 
	height: auto;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/* full-height (image height covers image panel, centered horizontally via css) */
.swg-image-size-full-height .swg-image-container img{ 
	margin: 0 -100%;
	height: 100%;
}
/* original (no scale, centered via css) */
.swg-image-size-original .swg-image-container{
	left: -150%;
	top: -150%;
	width: 400%;
	height: 400%;
}
.swg-image-size-original .swg-image-container img{
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
/* centered (no scale, centered via js) */
.swg-image-size-centered .swg-image-container img{ position: absolute; }
/* ---------- */



/* image description panel */
.swg-secondary-aside-panel > *{ overflow: hidden; }
.swg-image-count, .swg-image-info{ position: relative; }
/* ---------- */



/* gallery buttons */
.sideways-gallery .swg-next-image-toggle, .sideways-gallery .swg-previous-image-toggle{
	display: block;
	position: absolute;
	top: 0;
	width: auto;
	height: 100%;
	z-index: 3;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	outline: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */
	transition: all .3s;
}
.sideways-gallery .swg-next-image-toggle{
	left: 35%;
	right: 50px;
	text-align: right;
}
.sideways-gallery .swg-previous-image-toggle{
	left: 50px;
	right: 65%;
	text-align: left;
}
.sideways-gallery .swg-next-image-toggle:hover, .sideways-gallery .swg-previous-image-toggle:hover{ 
	opacity: 1; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
}
.sideways-gallery.swg-image-loading .swg-next-image-toggle, .sideways-gallery.swg-image-loading .swg-previous-image-toggle, 
.sideways-gallery.swg-primary-aside-active .swg-next-image-toggle, .sideways-gallery.swg-secondary-aside-active .swg-next-image-toggle, 
.sideways-gallery.swg-gallery-carousel.swg-primary-aside-active .swg-next-image-toggle, .sideways-gallery.swg-gallery-carousel.swg-secondary-aside-active .swg-next-image-toggle, 
.sideways-gallery.swg-primary-aside-active .swg-previous-image-toggle, .sideways-gallery.swg-secondary-aside-active .swg-previous-image-toggle, 
.sideways-gallery.swg-gallery-carousel.swg-primary-aside-active .swg-previous-image-toggle, .sideways-gallery.swg-gallery-carousel.swg-secondary-aside-active .swg-previous-image-toggle, 
.sideways-gallery.swg-gallery-grid-item-next-none .swg-next-image-toggle, .sideways-gallery.swg-gallery-grid-item-previous-none .swg-previous-image-toggle,
.sideways-gallery.swg-gallery-grid-item-next-none.swg-gallery-grid-item-previous-none .swg-next-image-toggle,
.sideways-gallery.swg-gallery-grid-item-next-none.swg-gallery-grid-item-previous-none .swg-previous-image-toggle{ display: none; }
.sideways-gallery.swg-gallery-carousel .swg-next-image-toggle, .sideways-gallery.swg-gallery-carousel .swg-previous-image-toggle{ display: block; }
/* ---------- */



/* gallery buttons icons */
.sideways-gallery .swg-next-image-toggle > span, .sideways-gallery .swg-previous-image-toggle > span{
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 50%;
	margin-top: -20px;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.sideways-gallery .swg-next-image-toggle > span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAANlBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAICAh+fn6AgIDJycnKysr9/f39/f3+/v7///9HngVzAAAAEXRSTlMAAB8qK0lKU1SCqqrT1P3+/jykwvEAAAChSURBVHgBpdTBDsIgEEVRUChqK7X//7NON9e4kEviLNhwEvIS5qXMXNo1zvQ93KePu2+POgPbdvSQDsvaT+kwV+QIItfqEKkQqRCpEKkQqTAhDSIVIhWG3JFDmBbkECKXMUTuIQUii8OQr+N5c3hGH0Nc96dxHgYnECcQJxAnEDfzcXH/rwJOIE4gTiBOIE4gTmDBeTWHmyv7cA5DtpJ/wze45Q6X/K0veAAAAABJRU5ErkJggg==");
	margin-right: 5%;
}
.sideways-gallery .swg-previous-image-toggle > span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAANlBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAICAh+fn6AgIDJycnKysr9/f39/f3+/v7///9HngVzAAAAEXRSTlMAAB8qK0lKU1SCqqrT1P3+/jykwvEAAAChSURBVHjardXBDsIgEIThbQWqbgX7/i9rmhh/42HGA3PlSzaQ7BDLT4JctjU+5wLW+35bBcT1Y98UxPUsEuJqOFjz7STEaYjTEKchzkCcgTgFcRriHDzdOJ2AuBYONpyELQdOwILT8Po4ntmWv+DIClSjeUJ9GaSCSAeRDiIdRDqIFBDZkVNWIZCz1hXpIXJWSSENRBYBka6akbrsSfn+Pl7n5Q6n3bs6AgAAAABJRU5ErkJggg==");
	margin-left: 5%;
}
.swg-input-idle .swg-next-image-toggle > span, .swg-input-idle .swg-previous-image-toggle > span{ visibility: hidden; }
/* ---------- */



/* galery grid */
.swg-gallery-grid{
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.swg-gallery-grid li, .swg-gallery-grid > a{ float: left; }
.swg-gallery-grid a{
	display: block;
	position: relative;
	padding: 2px;
	outline: 0;
	/* ie8 */
	z-index/*\**/: 2\9;
}
.swg-gallery-grid a > img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 0;
	/* ie8 */
	position/*\**/: relative\9;
	z-index/*\**/: -1\9;
}
.swg-gallery-grid a:before{
	display: block;
	content: "";
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: 100%;
	bottom: 0;
	left: 0;
	margin: 2px;
	background-color: transparent;
	background-color: rgba(0,0,0,.7);
	border-color: #222;
	border-style: none;
	border-width: 8px;
	transition: all .4s cubic-bezier(0.8, 0, 0.2, 1);
}
.swg-gallery-grid a:hover:before, .swg-gallery-grid a.swg-gallery-grid-item-active:before{ right: 0; }
.swg-gallery-grid a.swg-gallery-grid-item-active:before{ border-style: solid; }
/* ie8 */
.swg-gallery-grid a:hover:before{ border-width/*\**/: 8px\9; }
/* ---------- */



/* (pure) CSS loading spinner */
/* css3 animation browsers */
@-webkit-keyframes swg{ 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} }
@keyframes swg{ 0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} }
.swg-cssAnimation .swg-loading-spinner, .swg-cssAnimation .swg-loading-spinner > span{
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
}
.swg-cssAnimation .swg-loading-spinner{
	top: 50%;
	left: 50%;
	margin: -20px auto auto -20px;
	z-index: 3;
	opacity: 0;
	transition: opacity .2s ease-in-out .3s;
}
.swg-cssAnimation .swg-loading-spinner > span{
	display: block;
	border-left: 3px solid rgba(0,0,0,.5);
	border-right: 3px solid rgba(0,0,0,.5);
	border-bottom: 3px solid rgba(0,0,0,.5);
	border-top: 3px solid #fff;
	border-radius: 100%;
	-webkit-animation: swg .7s infinite linear;
	animation: swg .7s infinite linear;
}
.swg-cssAnimation.swg-primary-aside-active .swg-loading-spinner, .swg-cssAnimation.swg-primary-aside-active .swg-loading-spinner > span{
	width: 30px;
	height: 30px;
}
.swg-cssAnimation.swg-primary-aside-active .swg-loading-spinner{
	top: 5px;
	left: 5px;
	margin: 0;
}
.swg-cssAnimation.swg-image-loading .swg-loading-spinner{ opacity: 1; }
/* non css3 animation browsers */
.swg-no-cssAnimation .swg-loading-spinner{
	display: none;
	position: absolute;
	overflow: hidden;
	width: 100px;
	text-align: center;
	line-height: 40px;
	top: 50%;
	left: 50%;
	margin: -20px auto auto -50px;
	z-index: 3;
	background-color: #111;
}
.swg-no-cssAnimation .swg-loading-spinner span:before{
	position: relative;
	display: inline-block;
	content: "Loading...";
}
.swg-no-cssAnimation.swg-primary-aside-active .swg-loading-spinner{ left: 20%; }
.swg-no-cssAnimation.swg-image-loading .swg-loading-spinner{ display: block; }
/* gallery proloader */
.swg-preload{
	visibility: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8 */
}
.swg-preload .sideways-gallery-wrapper{ visibility: hidden; }
.swg-preload.swg-cssAnimation > .swg-loading-spinner, .swg-preload.swg-cssAnimation > .swg-loading-spinner > span{
	width: 100px;
	height: 100px;
}
.swg-preload.swg-cssAnimation > .swg-loading-spinner > span{ border-left-color: rgba(0,0,0,.75); border-right-color: rgba(0,0,0,.75); border-bottom-color: rgba(0,0,0,.75); }
.swg-preload.swg-cssAnimation > .swg-loading-spinner{
	opacity: 1;
	margin: -50px auto auto -50px;
}
.swg-preload.swg-no-cssAnimation > .swg-loading-spinner{ display: block; }
/* ---------- */



/* custom scrollbar */
.sideways-gallery .mCSB_scrollTools_vertical{
	margin-top: 20px;
	margin-bottom: 20px;
}
/* ---------- */



/* gallery position: in-content */
.swg-in-content.sideways-gallery{
	z-index: auto;
	position: relative;
	min-width: 480px;
	height: 480px;
	margin: 0 auto;
}

/* panels size */
.swg-in-content .swg-primary-aside-panel{ width: 50%; }
.swg-in-content.swg-primary-aside-active.swg-transform .sideways-gallery-wrapper, 
.swg-in-content.swg-secondary-aside-active.swg-transform .sideways-gallery-wrapper{ -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swg-in-content.swg-primary-aside-active .sideways-gallery-wrapper{ left: 50%; }
.swg-in-content.swg-secondary-aside-active .sideways-gallery-wrapper{ left: -190px; }
/* ---------- */