.magicwall{position:relative;display:block}.magicwall.magicwall-loading:before{content:"";display:block;width:60px;height:60px;z-index:9997;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;background:url(../images/loading.gif) center center no-repeat rgba(200,200,200,.05);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.magicwall .magicwall-grid{display:block;padding:0;margin:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;list-style:none;font-size:0;background:#000}.magicwall .magicwall-grid>li{border: 5px solid #fff;position:absolute;display:block;margin:0;padding:0;}.magicwall .magicwall-grid>li>.magicwall-wrap{display:inline-block;width:100%;height:100%}.magicwall .magicwall-grid>li>.magicwall-wrap>.magicwall-thumb{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5)}.magicwall .magicwall-grid>li.magicwall-loading>.magicwall-wrap:before{content:"";display:block;width:40px;height:40px;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;background:url(../images/loading.gif) center center no-repeat rgba(200,200,200,.05);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.magicwall li .hover-content{
    position: absolute;
    z-index: 1;
    opacity: 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: opacity 150ms ease-out;
    -moz-transition: opacity 150ms ease-out;
    transition: opacity 150ms ease-out;
}
 
.magicwall li .hover-content p{
    margin: 0;
    color: #d4bf86;
}
 
.magicwall li .hover-content a{
    color: #ffffff;
    text-decoration: none;
    transition: all 500ms;
    margin-top: 5px;
    display: block;
    width: 100%;
    font-size: 10px;
}
 
.magicwall li .hover-content a:hover{
    color: #d4bf86;
}
 
.magicwall li .hover-content button{
    margin: 10px 0;
    padding: 0.65em 1em;
    line-height: 1;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    border: none;
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: background 150ms ease-out;
    -moz-transition: background 150ms ease-out;
    transition: background 150ms ease-out;
}
 
.magicwall li .hover-content button:hover{
    background: #FF6600;
}
 
.magicwall li:hover .hover-content{
    opacity: 1;
}
.magicwall{
	width: 100%;
	min-height: 100vh;
}
#main-wrap{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.vcenter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.vcenter:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-right: -0.25em;
}

.vcenter > *{
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #fff;
}

.magicwall-shadow{
	position: relative;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.magicwall-shadow:before{
	content: "";
	display: block;
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -30px;
	left: 0;
	background: url(../images/shadow.png) 0 bottom no-repeat;
}
.magicwall li a.colorbox{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.magicwall li a.colorbox:hover{
	opacity: 0.5;
	background: #ffffff;
}

.magicwall li a.colorbox:focus{
	outline: none;
}