b{
font-weight:400;
}

a{
color:#E293A7;
text-decoration: none;
}

a:hover{
color:#F7BBCA;
}

a:active{
color:#CE647F;
}

body{ overflow-x:hidden}

body.noscroll { position: fixed; overflow-y:scroll }

.contentBox{
width: auto;
margin-left: auto;
margin-right:auto;
padding-top: 45px;
padding-left:10%;
padding-right:10%;
overflow: hidden;
text-align:center;
max-width: 1335px;
position:relative;
left:-10px;
min-height:100vh;
}

.head{
text-align: left;
font-size: 40px;
font-family: 'Roboto slab', serif;
color: #3E3E3E;
margin-bottom: 15px;
opacity:0;
}

.head.about{
text-align:center;
}

.subHead{
text-align: left;
font-size: 17px;
font-family: 'Roboto slab', serif;
color: #9A9A9A;
position:relative;
left:20px;
top:-10px;
opacity:0;
}

.subHead.about{
    text-align: justify;
    font-size: 17px;
    font-family: 'Roboto slab', serif;
    font-weight:300;
    color: #545454;
    padding-top:30px;
    padding-bottom: 30px;
    top: inherit;
    margin:auto;
    left:inherit;
    width:70%;
    position:inherit;
    max-width:600px;
}

.spewBucket{
margin-bottom:80px;
opacity:0;
}

.spewBucket:after{
content:"";
border-bottom: 1px solid #ffffff;
}

body{
margin:0;
}

.imageys {
    width: 18%;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer; cursor: hand;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}

.imageys:hover{
opacity:0.7;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.45);
}

.imageys:active{
    opacity:1;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.6);
}

.imageys.trans {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 39;
}

.loader {
    width: 4%;
    max-width: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:41;
    display:none;
}

.logoBox{
width: 100vw;
height: 100vh;
position: relative;
}

.LOGO{
  width: 45%;
  max-width: 1000px;
  height: auto;
  overflow: auto;
  margin: auto;
  position: fixed;
  z-index: -999;
  top: 0; left: -15px; bottom: 0; right: 0;
}


.ALLTHEBOX{
    background-color: #ffffff;
    width: 100vw;
    box-shadow: 0px -20px 40px 10px rgba(0,0,0,0.05);
}

.mainInfo{
width: 100vw;
height: 50px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
font-size: 18px;
position: absolute; 
color: #797979;
bottom: 0px;
z-index:40;
transition: background-color 0.5s, opacity 1s;
}

.mainInfo.affix{
    position:fixed;
    top:0;
    left:0;
    background-color:#fff;
    opacity:0.9;
    bottom: inherit;
}

.mainDescriptors{
    margin-right: 4%;
    position: relative;
    top: 0px;
    height: 36px;
    display: inline-block;
    cursor: pointer; cursor: hand;
    transition: top 1s;
}

.mainDescriptors.stuck{
top:12px;
}

.mainDescriptors.viewing{
border-bottom: #565656 2px solid;
}

.mainDescriptors.affix{
margin-right:0%;
}

.mainDescriptors:hover{
color:#000000;
font-weight: 400;
}

.mainDescriptors:active{
color:#a2a2a2;
}

.scrollReference{
position:absolute;
bottom: 0px;
}

.lb_black{
position:fixed;
width:110vw;
height:110vh;
background-color:#000000;
opacity:0.6;
top:0;
left:0;
display:none;
z-index:41;
}

.lb_box{
width:100vw;
height:100vh;
top:0;
left:0;
display:none;
z-index:40;
}

.lb_box.bigger{
position:fixed;
max-width:90%;
max-height:90vh;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
overflow:auto;
z-index:41;
}

.lb_img.possible{
  cursor: zoom-in;
}

.lb_img.bigger{
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    cursor: zoom-out !important;
    max-height:none;
    max-width:none;
    transform:inherit;
}

.lb_img{
  position:fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index:42;
  max-width:90%;
  max-height:90vh;
}