@import "compass/css3";


body{
    overflow-x:hidden;
}
.container-fluid{
    border:2px solid white;
}
.container{
    margin-bottom:80px;
    margin-top:160px;
    /* border:2px solid black; */
}
.black-text{
    margin-right:10px;
}
.hide_me{
    /* display:none; */
    opacity:0;
    visibility: hidden;
    @include transition(
        opacity 500ms linear,
        visibility 0s linear 500ms
  )
}
.m{
    /* border:1px solid black; */
    /* overflow:hidden !important; */
    /* padding-left:15px;
    padding-right:15px;
    padding-top:0px;
    padding-bottom:0px; */
    /* max-height:540px !important; */
    /* overflow:hidden; */
    /* max-height:400px !important;   */
    /* overflow:hidden !important; */
    /* background-color:pink; */
    /* border:1px solid black; */
}
.gal-item{
    /* box-shadow: -2px 10px 24px 0px rgba(0, 0, 0, 0.231); */
    /* max-height:350px;
    max-width:540px;
    overflow:hidden; */
    
    /* overflow:hidden !important; */
    /* width:100% !important;
    height:100% !important; */
    
}
.toi{
    position: absolute;
}
.gal-title{
    font-size:20px;
    position: absolute;
    bottom: 15px;
    /* left: 16px; */
    color:white;
    background-color:rgba(50, 50, 50, 0.497);
    width:97.4%;
    padding:5px;
    font-weight:100;
}
.gal-img{
    /* max-width:200px; */
    /* max-width:500px; */
    /* max-height:400px; */
    /* overflow:hidden !important; */
    /* width:110% !important;
    height:120% !important; 
    */
    /* max-height:570px; */
}
.flex-container {
    position: absolute;
    top:0px;
    margin:10px;
    padding:10px !important;
    /* margin-left:15px;
    margin-right:15px; */
 
    
}
.row-s {
    background-color:rgba(0, 0, 0, 0.476);
    height:100%;
    
  /* position: absolute; */
}
.flex-item {
  /* position: absolute; */
    
}
.flex-item > h3{
    color:white;
    padding-left:20px;
    padding-top:20px;
    font-size:20px;
}   
.flex-item > p {
/* position: absolute; */
    font-size:15px;
    color:white;
    padding:20px;
}

.box {
  
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease-in-out;
    /* border:2px solid magenta !important; */
    z-index:;
    height:85%;
    /* margin:0px !important; */
    /* padding:0px !important; */
    /* padding-left:3px !important; */
    /* padding-right:0px !important; */
    padding-top:0px !important;
    margin-left:0px;
    width:96.5%;
    padding-left:15px !important;
  }
.box--show {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
   
    transition: all .25s ease-in-out;
}