.application-wrapper {
    background: #fff;
    min-height: 100vh;
    overflow-y: hidden;
}

.gallery-page .close-icon-header {
    transition: all .25s ease;
    text-transform: uppercase;
    text-align: right;
    z-index: 999;
}

.gallery-page .close-icon-header svg path {
    transition: all .25s ease;
    fill: #7D7977;
}

.gallery-page .close-icon-header svg {
    height: 15px;
    width: 15px;
}

.gallery-page .gallery-overlay {
    height: 100vh;
}

.before-text {
	font-style: normal;
    margin-right: .75em;
}

.gallery-page .close-icon-header .before-text {
    display: none;
}

.gallery-page .close-icon-header a i{
    padding: 15px;
    display: inline-block;
	color: #7D7977;
	font-family: "Helvetica Neue",Helvetica,Arial,sans;
    font-weight: 700;
}
.gallery-page .close-icon-header a i:hover{
	color: black;
}

.gallery-page .pagination-arrow {
    position: absolute;
	color: #2b2b2b;
    z-index: 22;
    width: 33%;
    height: 100vh;
	-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity:0.3;
}

.gallery-page .pagination-arrow:hover {
	opacity:1;
}

.gallery-page .arrow-pagination-left {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 15px;
}

.gallery-page .arrow-pagination-right {
    position: absolute;
    top: 50%;
    right: 15px;
    bottom: auto;
    left: auto;
}

.gallery-page .pagination-arrow.left-arrow {
    left: 0;
}

.gallery-page .pagination-arrow.right-arrow {
    right: 0;
}

.gallery-page .pagination-footer {
    background-color: #fff;
    border-top: 1px solid rgba(0,0,0,.1);
    bottom: 0;
    color: gray;
    height: 60px;
    position: fixed;
    width: 100%;
}

.gallery-page .pagination-footer p {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.gallery-page .gallery-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}




@media only screen and (min-width: 1001px) {
	
	.gallery-page .close-icon-header .before-text {
		display: inline-block;
	}
		
	.gallery-page .close-icon-header {
		margin-top: 1rem;
	}

	.gallery-page .arrow-pagination-left {
		left: 40px;
	}
	
	.gallery-page .arrow-pagination-right {
		right: 40px;
	}

}