.pagewrap{
     position: relative;
     overflow: hidden;
     height: auto;
}
.pagewrap .grid__item {
     visibility: hidden;
	 float:left;
	 width: 100%;
}
.pagewrap  .grid__item.showing {
     visibility: visible;
}
.pagewrap .grid{
     position: relative;
     width: 50%;
     float: left;
     overflow: hidden;
}
.pagewrap .top{
	border-top:20px solid #FFF;
}
.pagewrap  .border-side{
    background: #FFF;
    position: absolute;
	right:0;
    opacity: 1;
    bottom: 0;
    width: 10px;
    height: 100%;
    top: 0;
	z-index:3;
}
.pagewrap  .grid-right .border-side{
	right:auto;
	left:0;
}
.pagewrap  .border-bottom{
    background: #FFF;
    position: absolute;
    left: 0px;
    opacity: 1;
    bottom: 0;
    width: calc(100% - 10px);
    height: 20px;
    top: auto;
	z-index:3;
}
.pagewrap  .grid-right .border-bottom{
	right:auto;
	left:10px;
}
.pagewrap  .grid__item:before{
    background: #FFF;
    position: absolute;
    left: 0;
    opacity: 1;
    bottom: 0;
    width: 100%;
    height: 0px;
    top: auto;
	content:"";
	z-index:1;
}
.pagewrap  .grid__item:after{
    background: #FFF;
    position: absolute;
	left:0;
    opacity: 1;
    bottom: 0;
    width: 0px;
    height: 100%;
    top: 0;
	content:"";
}
.pagewrap  .one-col .border-side{
	left:auto;
	right:0;
	width:10px;
}
.pagewrap  .one-col .border-bottom{
	left:0px;
}

.pagewrap  .grid__item  img{
    -webkit-transition: all .5s linear 0s;
    transition:all .5s linear 0s;
}
.pagewrap  .grid__item:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.pagewrap  .grid__item:hover:before{
	top:auto;
	background: #FFF;
    height: 00px;
}
.pagewrap  .grid__item .title--preview:before{
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity: .3;
    background: #000;
}
.pagewrap  .grid__item .title--preview span{
	position: relative;
	display:block;
}
.pagewrap  .grid__item .title--preview{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    width: 100%;
    z-index: 2;
    height: 100%;
}
.pagewrap  .grid__item :hover.title--preview {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0;
    transition-delay: 0s;
}
.pagewrap .one-col{
	
}
.pagewrap .elem {
     position:static;
}
.pagewrap  h2{
	 margin: 0;
}
.pagewrap .pageload-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     visibility: hidden;
     margin: 0;
	 display:block;
	 
    z-index: 2;
}
.pagewrap .pageload-overlay.showing {
     visibility: visible;
}
.pagewrap .pageload-overlay svg {
     position: absolute;
     top: 0;
     left: 0;
     pointer-events: none;
}
.pagewrap .pageload-overlay svg path {
     fill: #FFF;
}
/*
.pagewrap .green .pageload-overlay svg path {
	fill: #8FA54F;
}
.pagewrap .maroon  .pageload-overlay svg path {
	fill: #8E3047;
}
.pagewrap .grey .pageload-overlay svg path  {
	fill: #9BA9BB;
}*/
.pagewrap .full-elem{
     position: absolute;
     left:0;
     top:0;
     width:100%;
     height: 100%;
	 
    color: #FFF;
     display: none;
}
.pagewrap .full-elem-wrapper{
     position: absolute;
     left:0;
     top:0px;
     width:100%;
     height: calc(100%);
     display: none;
	 border-bottom: 20px solid #FFF;
    z-index: 3;
}
.pagewrap .grid__item.big{
	width:100%;
}
.pagewrap .grid-right{
	float:right;
}
.pagewrap .full-elem-wrapper.showing, .full-elem.showing {
     display: block;
}
.full-elem section *{
	width:100%;
	
}
.full-elem section {
    max-width: 700px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.full-elem section .close-grid {
    position: absolute;
    right: 30px;
    width: auto;
    top: 0;
	color:#FFF;
}
.full-elem-wrapper{
    background: #8E3047;
}
.full-elem {
    background: #8E3047;
    padding: 40px;
}
.dummy{
	height:100vh;
}
.section-head{
	clear:both;
    font-size: 50px;
    line-height: 68px;
    color: #942039;
    text-align: center;
    background: #FFF;
    padding: 68px 0 45px;
    margin: 0;
}
.close-grid{
	position:absolute;
	right:20px;
	top:20px;
}