.youtube {
    color: red;

}



a.li.youtube.active.link{color: red};


.navbar-inverse .navbar-nav .youtube > li > a:hover {
    color: red;
    text-decoration: underline;
}  

.navbar-inverse .navbar-toggle {
    border-color: orange;
    background: green;
    text-decoration: underline;
}

.navbar-inverse {
    background-color:white;
    border-color:white;
    
}
!website name
.navbar-inverse .navbar-brand {
    color:black;
}




.navbar-inverse .navbar-nav > .active > a {
    color: black;
    text-shadow: blue;
    background-color: transparent;
    
    
}

.navbar-inverse .navbar-nav > .active > a:focus {
    color: black;
    text-shadow: blue;
    background-color: orange;
    
}


.navbar-inverse .navbar-nav >  .active > a:hover  {
    color: cadetblue;
    background-color: transparent;
    text-decoration: underline;
  /*  background-image: url("http://placekitten.com/g/20/50"); */
    
}





@media only screen and (min-width : 500px )
{
    .company_logo > img {
        display: none;
        
    }
    
}

body { padding-top: 70px; }

.navbar a.navbar-brand {padding: 0px 15px 8px; }

/*nav pil */
.navbar-inverse .navbar-nav > li > a {
    color: black;
}  
.navbar-inverse .navbar-nav > li > a:hover {
    color: deepskyblue;
    text-decoration: underline;
}  

.img {
    position: relative;
    float: left;
    width:  100%;
    height: auto;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}
.img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    
}

.img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    
}

/* try */
.da-panel{padding:0.05em 16px;margin-top:16px!important;margin-bottom:16px}
.da-green,.da-hover-green:hover{color:#fff!important;background-color:green}
.da-card-8-orange-shadow{box-shadow:0 4px 10px 0 #dea336,0 6px 20px 0 rgba(0, 0, 0, 0.53)!important}
.da-orange,.da-hover-orange:hover{color:#fff!important;background-color:orange!important}
.da-card-8-green-shadow{box-shadow:0 4px 10px 0 green,0 6px 20px 0 rgba(0, 0, 0, 0.53)!important}

.da-plain,.da-hover-plain:hover{color:black!important;background-color:#fff}
.da-project-2 {color:#fff!important;background-color:#8d958d}
.da-project-3 {color:#fff!important;background-color:#4a688b}
.da-project-4 {color:#fff!important;background-color:#058005}

/*image changes */
.da-circle{border-radius:50%!important}