#GalleryPageView {

	opacity: 0;

	ul#gallery-images-container {

		@extend .absolute;
		z-index: 1;
		overflow: hidden;

		li.gallery-image {
			
			@extend .absolute;
			overflow: hidden;

			img {
				@extend .absolute;
				width: inherit;
				height: inherit;
			}
		}
	}

	#gallery-controls {

		@extend .absolute;
		top: 20px;
		z-index: 10;
		
		.gallery-buttons {

			@extend .absolute;

			left: -49px;
			width: 101px;
			height: 45px;
			opacity: 0;

			cursor: pointer;

			svg * { fill: #fff; }
			svg { overflow: visible !important; }

			.button-outlines { 

				@extend .absolute;
				width: inherit;
				height: inherit;
			}
			
			.left-arrow, .right-arrow {
				
				@extend .absolute;

				width: 50px;
				height: 45px;

				figure.arrow {

					@extend .absolute;
					z-index: 2;

					svg {

						@extend .absolute;

						top: 15px;
						left: 19px;
						width: 14px;
						height: 17px;							
					}
				}

				figure.circle {

					@extend .absolute;
					left: 3px;
					z-index: 1;
					
					svg {

						@extend .absolute;
						
						width: 46px;
						height: 46px;
						opacity: 0;

						circle { fill: #fff; }
					}
				}
			}

			.left-arrow { }

			.right-arrow { 
				
				left: 50px;

				figure.circle {
					left: 2px;
				}
			}
		}

		figcaption.count {

			@extend .absolute;

			width: 100px;
			top: 48px;
			left: -48px;
			z-index: 3;

			@include play-bold;
			font-size: 24px;
			color: #fff;
			text-align: center;
		}

	} // #gallery-controls

	.share-block {
		top: 95px;
	}
}