.mobile {
display:block;
}

.cw_spanner {height:100%;width:100%;position:relative;
    height: -moz-calc(100vh - (108px));
    height: -webkit-calc(100vh - (108px));
    height: calc(100vh - (108px));
}
.cw_border_box {
width:90%;
height: 90%;
background:rgba(67,70,75,.6);
margin:2.5% 5%;
position:absolute;
}

.cw_text {
width:100%;
text-align:center;
position:absolute;
top:50%;
transform:translateY(-50%);
color:white;
font-size:60px;
font-weight:200;
letter-spacing:8px;
}

.abox {

position: relative;
    width: 50vw;
    background: rgba(50,50,50,.8);
	background:rgba(67,70,75,.6);
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
font-weight:500;
    color: white;
    padding: 30px;
    text-align: justify;
min-height:75vh;
clear:both;
}
.os_fix {
width:100%;
height: calc(100% + 1px);
}
.abox_center {
position:absolute;
top:50%;
transform:translateY(-50%);
margin-right:30px;
}

.abox_title_wrap {
width:100%;
text-align:center;
font-size:9px;
letter-spacing:4px;
text-transform:uppercase;
margin-bottom:60px;
}
.abox_title {
border-bottom:1px solid white;
display:inline;
padding-bottom:15px;
}
.abox_text {
line-height:26px;
text-align:left;
letter-spacing:1px;
font-size:12px;
font-weight:300 !important;
}




#menu {
height:50px
position:fixed;
z-index:99;
width:100%;
background:#252525;
bottom:0px;
line-height:50px;
border-top:1px solid #dedede;
}
#menu ul {
list-style:none;
text-align:center;
}
#menu li {
display:inline;
padding-left:15px;
padding-right:15px;
font-size:9px;
text-transform:uppercase;
letter-spacing:4px;
color:white;
}
#menu a {
text-decoration:none;
}
.menu_wrap {}

#art_nav {
    position: fixed;
    bottom: 200px;
    z-index: 99999;
    text-align: center;
    width: 100%;
}

.surround_gallery {
width:90vw;
margin-left:5vw;
}

a.fancybox {
display:block;
width:100%;
height:100%;

}


.flex-item {
position:absolute;
}

.the_video {
position:relative;
margin-left:5%;
margin-right:5%;
top:50%;
transform:translateY(-50%);
}

.fluid-width-video-wrapper {
top:50%;
transform:translateY(-50%);
}

.fp-controlArrow.fp-prev {
display: block;
width: 20px;
height: 20px;
border:none;
border-top: 1px solid #333;
border-right: 1px solid #333;
border-width: 3px;
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
cursor: pointer;
transition: box-shadow 0.5s ease;

}
.fp-controlArrow.fp-next {
display: block;
width: 20px;
height: 20px;
border:none;
border-top: 1px solid #333;
border-right: 1px solid #333;
border-width: 3px;
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
transform: rotate(45deg);
cursor: pointer;
transition: box-shadow 0.5s ease;

}

#my_nav{
cursor:pointer;
}

.p1 {font-weight:500;}