@charset "utf-8";

/* Gallery */

@-moz-keyframes gallery{
		100% {
			opacity: 1;		}
	}

@-webkit-keyframes gallery{
		100% {
			opacity: 1;		}
	}

@-ms-keyframes gallery{
		100% {
			opacity: 1;		}
	}

@keyframes gallery{
		100% {
			opacity: 1;		}
	}

.gallery
{
    padding: 3.5em;
    position: relative;
    overflow: hidden;
    min-height: 37em;
}

@media screen and (max-width: 980px)
{
    .gallery
    {
        padding: 0;
        min-height: 0;
    }
}

@media screen and (max-width: 480px)
{
    .gallery
    {
        padding: 1em;
    }
}

.gallery .content {
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-moz-justify-content: -moz-flex-start;
			-webkit-justify-content: -webkit-flex-start;
			-ms-justify-content: -ms-flex-start;
			justify-content: flex-start;
		}

.gallery .content .media
{
    -moz-animation: gallery 0.75s ease-out 0.4s forwards;
    -webkit-animation: gallery 0.75s ease-out 0.4s forwards;
    -ms-animation: gallery 0.75s ease-out 0.4s forwards;
    animation: gallery 0.75s ease-out 0.4s forwards;
    margin-bottom: 0;
    overflow: hidden;
    opacity: 0;
    position: relative;
    width: 25%;
}

.gallery .content .media img
{
    -moz-transition: -moz-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.gallery .content .media:hover img
{
    -moz-transform: scale(1.075);
    -webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
}

@media screen and (max-width: 736px)
{
    .gallery .content .media
    {
        width: 50%;
    }
}

@media screen and (max-width: 480px)
{
@media screen and (max-width: 480px)
{
    .gallery .content .media
    {
        width: 100%;
    }
}

}

/* Image */

.image
{
    border: 0;
    display: inline-block;
    position: relative;
}

.image.left, .image.right
{
    max-width: 40%;
}

.image.left img, .image.right img
{
    width: 100%;
}

@media screen and (max-width: 480px)
{
    .image.left, .image.right
    {
        max-width: 100%;
        width: 100%;
    }
}

.image.left
{
    float: left;
    margin: 0 1.5em 1em 0;
    top: 0.25em;
}

@media screen and (max-width: 480px)
{
    .image.left
    {
        float: none;
        margin: 0 0 1em 0;
    }
}

.image.right
{
    float: right;
    margin: 0 0 1em 1.5em;
    top: 0.25em;
}

@media screen and (max-width: 480px)
{
    .image.right
    {
        float: none;
        margin: 0 0 1em 0;
    }
}

.image.fit
{
    display: block;
    margin: 0 0 2em 0;
    width: 100%;
}

.image.fit img
{
    width: 100%;
}

.image.special
{
    border: solid 1px rgba(144, 144, 144, 0.25);
    padding: 1em;
}

.image.main
{
    display: block;
    margin: 0 0 3em 0;
    width: 100%;
}

.image.main img
{
    width: 100%;
}

/* Wrapper */

.page-wrap {
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-moz-justify-content: -moz-flex-start;
		-webkit-justify-content: -webkit-flex-start;
		-ms-justify-content: -ms-flex-start;
		justify-content: flex-start;
	}

.wrapper
{
    position: relative;
}

.wrapper > .inner
{
    margin: 0 auto;
    width: 60em;
}

@media screen and (max-width: 1280px)
{
    .wrapper > .inner
    {
        width: 65em;
    }
}

@media screen and (max-width: 980px)
{
    .wrapper > .inner
    {
        width: 100%;
    }
}