body {
        font-family: sans-serif;
        /* background: #333; */
        background: #DDDDDD;
        color: #1d1d1d;
    }
    
    a {
        text-decoration: none;
        color: hsl(206, 80%, 50%);
    }

.activ_3{background:#975297; background: rgba(151,82,151,0.8);}
.activ_2{background:#4b9e9e}
.activ_1{background:#9a7d4e}

.i_i_bck{background:#0289C2; color:white}
.i_i_bck li{padding-right: 10px;}
.i_i_bck a{color:white}

.in_action a{
   color: black;
}
/* .i_i_bck a{padding-bottom: 2px;color:white; border-bottom: 2px solid white;} */
/* .i_i_menu a{border-bottom: 3px solid white;} */
    
    .border-left {
      /* border-left: 1px solid #333!important; */
      border-left: 1px solid rgba(0,0,0,.1)!important; 
      }
   .border-bottom {
         /* border-left: 1px solid #333!important; */
         border-bottom: 1px solid rgba(0,0,0,.1)!important; 
         }
    .roll {
        display: inline-block;
        overflow: hidden;
    
        vertical-align: top;
    
        -webkit-perspective: 400px;
           -moz-perspective: 400px;
    
        -webkit-perspective-origin: 50% 50%;
           -moz-perspective-origin: 50% 50%;
    }
    .roll span {
        display: block;
        position: relative;
        padding: 0 2px;
    
        -webkit-transition: all 400ms ease;
           -moz-transition: all 400ms ease;
        
        -webkit-transform-origin: 50% 0%;
           -moz-transform-origin: 50% 0%;
        
        -webkit-transform-style: preserve-3d;
           -moz-transform-style: preserve-3d;
    }
        .roll:hover span {
            background: #111;
    
            -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
               -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
        }
    .roll span:after {
        content: attr(data-title);
    
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 2px;
    
        color: #fff;
        background: hsl(206, 80%, 30%);
    
        -webkit-transform-origin: 50% 0%;
           -moz-transform-origin: 50% 0%;
    
        -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
           -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
    }