@keyframes rotateImg {
	100% {transform: rotate(360deg);}
}

main {
	position: relative;
	width:100%;
	z-index: 1;
	box-shadow: 0 -2px 5px #ccc;
}
    #galleryAlbums {
        width: 100%;
		padding: 75px 0;
		background: #fff;
    }
        #galleryAlbums > h3 {
			font:2.4em "OpenSansB";
			text-align: center;
		}
		#galleryAlbums > h3:after {
			content: '';
			width:40px;
			height:2px;
			background: #6196ad;
			margin: 15px auto;
			display: block;
		}
        #galleryAlbums_block {
            width:100%;
            max-width: 1000px;
            padding: 10px;
            margin: 0 auto;
            overflow: hidden;
        }
            #galleryAlbums_block > span {
                width:0px;
                height:0px;
                border-top: solid 100px #6196ad;
                border-bottom: solid 100px #6196ad;
                border-right: solid 100px transparent;
                border-left: solid 100px transparent;
                border-radius: 50%;
                display: block;
                margin: 0 auto;
                animation-name: rotateImg;
                -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
                animation-timing-function: linear;
                animation-duration: 1.5s;
                animation-iteration-count: infinite;
                animation-delay: 0s;
            }
            .galleryAlbums_block_post {
                position: relative;
                width:calc(25% - 10px);
                overflow: hidden;
                box-shadow: 0px 0px 5px 1px #ccc;
                margin-bottom: 10px;
                border-radius: 15px;
                float: left;
            }
            .galleryAlbums_block_post:nth-of-type(4n+2) {
                margin: 0 10px;
                margin-bottom: 10px;
            }
            .galleryAlbums_block_post:nth-of-type(4n+3) {
                margin-right: 10px;
            }
                .galleryAlbums_block_post > img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    min-width: 100%;
                    max-width:150%;
                    min-height: 100%;
                    max-height:150%;
                    transform: translate(-50%, -50%) scale(1);
                    transition: transform 0.2s;
                    display: block;
                    cursor: pointer;
                }
                .galleryAlbums_block_post:hover > img {
                    transform: translate(-50%, -50%) scale(1.1);
                }
                .galleryAlbums_block_post > p {
                    position: absolute;
                    bottom:0;
                    left:0;
                    width:calc(100% - 20px);
                    padding: 10px;
                    background: rgba(0, 0, 0, 0.5);
                    color: #fff;
                    font:1em "OpenSans";
                }
    #galleryImages {
		position: relative;
        width: 100%;
		padding: 75px 0;
		background: #fff;
    }
        #galleryImages > h3 {
			position: relative;
			font:2.4em "OpenSansB";
			text-align: center;
		}
		#galleryImages > h3:after {
			content: '';
			width:40px;
			height:2px;
			background: #6196ad;
			margin: 15px auto;
			display: block;
		}
        #galleryImages_block {
            width:100%;
            max-width: 1000px;
            padding: 10px;
            margin: 0 auto;
            overflow: hidden;
        }
            #galleryImages_block > span {
                width:0px;
                height:0px;
                border-top: solid 100px #6196ad;
                border-bottom: solid 100px #6196ad;
                border-right: solid 100px transparent;
                border-left: solid 100px transparent;
                border-radius: 50%;
                display: block;
                margin: 0 auto;
                animation-name: rotateImg;
                -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
                animation-timing-function: linear;
                animation-duration: 1.5s;
                animation-iteration-count: infinite;
                animation-delay: 0s;
            }
			.galleryImages_block_post {
                position: relative;
                width:calc(20% - 10px);
                overflow: hidden;
                box-shadow: 0px 0px 5px 1px #ccc;
                margin-bottom: 10px;
                border-radius: 15px;
                float: left;
            }
            .galleryImages_block_post:nth-of-type(5n+2),
			.galleryImages_block_post:nth-of-type(5n+4) {
                margin: 0 10px;
                margin-bottom: 10px;
            }
                .galleryImages_block_post > img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    min-width: 100%;
                    max-width:150%;
                    min-height: 100%;
                    max-height:150%;
                    transform: translate(-50%, -50%) scale(1);
                    transition: transform 0.2s;
                    display: block;
                    cursor: pointer;
                }
                .galleryImages_block_post:hover > img {
                    transform: translate(-50%, -50%) scale(1.1);
                }
		.galleryImages_button:first-of-type {
			margin-bottom: 20px;
		}
		.galleryImages_button:last-of-type {
			margin-top: 20px;
		}
		.galleryImages_button {
			font:0.8em "OpenSansSB";
			width:80px;
			text-align: center;
			color: #6196ad;
			text-decoration: none;
			padding: 10px 15px;
			border:solid 2px #6196ad;
			background: transparent;
			transition: background 0.2s, color 0.2s, transform 0.2s;
			cursor: pointer;
			margin:0 auto;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.galleryImages_button:hover {
			background: #6196ad;
			color: #fff;
		}
		.galleryImages_button:active {
			transform: scale(0.9);
		}
    #contact {
		width: 100%;
		padding: 75px 0;
		background: #f3f3f3;
	}
		#contact_block {
			width:100%;
			max-width:800px;
			margin: 0 auto;
		}
			#contact_block > h3 {
				font:2.4em "OpenSansB";
				text-align: center;
			}
			#contact_block > h3:after {
				content: '';
				width:40px;
				height:2px;
				background: #6196ad;
				margin: 15px auto;
				display: block;
			}
			#contact_block > p {
				font:1em "OpenSans";
				text-align: justify;
				text-align-last: center;
				margin-bottom: 20px;
			}
			#contact_block > a {
				font:0.8em "OpenSansSB";
				width:80px;
				text-align: center;
				color: #6196ad;
				text-decoration: none;
				padding: 10px 15px;
				border:solid 2px #6196ad;
				background: transparent;
				transition: background 0.2s, color 0.2s, transform 0.2s;
				cursor: pointer;
				margin:0 auto;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#contact_block > a:hover {
				background: #6196ad;
				color: #fff;
			}
			#contact_block > a:active {
				transform: scale(0.9);
			}

#imagePreview {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.9);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s;
	z-index: 100;
}
	#imagePreview_close {
		position: absolute;
		top:0;
		right: 0;
		width: 38px;
		height:38px;
		padding: 5px;
		cursor: pointer;
	}
	.imagePreview_arrow {
		position: absolute;
		top: calc(50% - 24px);
		width: 38px;
		height:38px;
		padding: 5px;
		cursor: pointer;
		display: block;
	}
	#imagePreview_previous {
		left: 0;
	}
	#imagePreview_next {
		right: 0;
	}
	#imagePreview_name {
		position: absolute;
		top:0;
		left:0;
		height:48px;
		padding-right: 20px;
		font:1em/48px "OpenSansSB";
		text-indent: 20px;
		color: #fff;
		display: inline-block;
	}
	#imagePreview_content {
		position: relative;
		top: 48px;
		margin-left: 48px;
		width: calc(100% - 96px);
		height:calc(100% - 96px);
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
	}
		#imagePreview_content > img {
			max-width: 100%;
			max-height: 100%;
			display: block;
			pointer-events: initial;
			transform: scale(1);
			transition: transform 0.4s;
		}
	#imagePreview_loading {
		position: absolute;
		bottom: 10px;
		left: calc(50% - 32px);
		width:0px;
        height:0px;
        border-top: solid 64px #6196ad;
        border-bottom: solid 64px #6196ad;
        border-right: solid 64px transparent;
        border-left: solid 64px transparent;
        border-radius: 50%;
        animation-name: rotateImg;
        -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
        animation-timing-function: linear;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
		transition: opacity 0.4s;
		display: block;
	}