.icon-bar {
    right:0;
    z-index:99;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 9px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}
.text-black {
    color:#000 !important;
    text-shadow: 2px 2px #fff;
}

.text-white {
   color: #fff !important;
    text-shadow: -1px -1px 8px #000;
}


.text-black1 {
    color: #003867 !important;
    text-shadow: -1px -1px 8px #fff;
}

.project-content p a {
    color: #fff;
    width: 100%;
}

.single-project {
    background: #003560;
    box-shadow: -7px 6px 6px #000306;
}

.single-project1 {
     background: #000;
    box-shadow: -7px 6px 6px #000;
}


.bdr1 {
    border:2px solid;
    padding:5px; 
    text-align:center;
}
.bg-dark-footer {
    background-image: url('../images/slider/1.jpg');
    background-color: #000 !important;
}


.bg-logo12 {
    background-image: url('../images/bg123.jpg');
    background-repeat:no-repeat;   
    background-size:cover; 
    background-color: #000 !important;
}


.bg-project1 {
    background-image: url('../images/11.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000 !important;
}


@media screen and (min-device-width: 481px) and (max-device-width: 768px) {
    
.padding10 {

}

}