///*modal*///
#carouselHeader {
    h3{
      position: relative;
      text-align: center;
    }
}
/* Indicators list style */
.project-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 5px;
  width: 100%;
}
/* Indicators list style */
.project-slide .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  float: middle;
  height: 35px;
  margin-bottom: -10px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 50px;
  border-radius: 3px;
  
}
/* Indicators images style */
.project-slide .carousel-indicators img {
  border: 2px solid $dark-orange;
  border-radius: 3px;
  float: left;
  height: 35px;
  left: 0;
  width: 50px;
  opacity: 0.7;
}
/* Indicators active image style */
.project-slide .carousel-indicators .active img {
  border: 2px solid $orange;
  opacity: 1;
}
/* carousel-control */
.carousel-control{
  color: $dark-orange; 
  opacity: 0.5;
}
.carousel-control:hover,
.carousel-control:focus {
  color: $orange;
  opacity: 1;
}
.carousel-control.left, .carousel-control.right{ 
    background: none !important;
    filter: none !important;
    progid: none !important;
}
.item{
      margin-left: 8px;
}
.modal-content {
  
   
}
#info p{
      font-size: 16px;
}
.modal-footer {
    padding: 1px !important;
  }
  .modal-header {
    padding: 4px 20px !important;
}
.modal-dialog {
   
   
}
#info{
      background-color: #3333;
    margin-top: 10px;
    padding: 10px 26px;
}









@media only screen and (max-width: 600px) {
  .modal-content {
  
    width:345px !important;
}
.item {
    margin-left: 6px !important;
}
  
 .modal-dialog {
    margin: 30px 15px !important;
} 
}