.MessageBlock {border: 1px solid #A83B2D; background: #D44B38; padding: 10px; color: #111}
.capinp {max-width: 80px}
.capimg {width: 110px; height: 30px; float: right; border: 1px solid #A83B2D}
.capdiv {width: 215px; height: 30px}
.Block {border: 1px solid #e5e5e5; background-color: #f6f6f6; padding: 10px 10px; width: 815px; height: 135px; display: table; line-height: 25px}
.ProfileB {float: left; width: 102px; margin-top: -37px}
.ProfileEdit{margin-top: -25px}
.ChatBox {height: 300px; overflow: auto; border: 1px solid #ddddddd}
.ChatBlock {border: 1px solid #dddddd; background: #f2f2f2; padding: 5px; color: #000000; margin: 10px}
.ChatBlock span {color: #828282; font-size: 10px; display: block}
.ChatMessage {width: 300px; height: 40px; resize: none; padding: 5px}
.PageSelector{margin: 10px}
.SwchItem, .SwchItemCur {padding: 2px 15px; background: #D44B38}
.SwchItemCur{background: #35886E}
.Add {width: 800px; height: 300px}
.lol {color: #000}
.Add_L {height: 200px; width: 800px}
.wrapper {margin-top: 100px;}
a {color: #111; font-weight: bold; text-decoration:none}
.lm {width: 30%; height: auto; margin: 0 15px 15px 0}

body {
      font: 400 15px/1.8 Lato, sans-serif;
      color: #777;
  }
  h3, h4 {
      margin: 10px 0 30px 0;
      letter-spacing: 5px;
      font-size: 20px;
      color: #111;
  }

 
  .carousel-inner img {
      -webkit-filter: grayscale(90%);
      filter: grayscale(50%); /* make all photos black and white */
      width: 100%; /* Set width to 100% */
      height: 200;
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }
  .bg-1 {
      background: #2d2d30;
      color: #bdbdbd; 
  }

  .bg-1 h3 {color: #fff;}
  .bg-1 p {font-style: italic;}
  .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
  }
  .list-group-item:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
  }
  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail p {
      margin-top: 15px;
      color: #555;
  }
  .btn {
      padding: 10px 20px;
      background-color: #333;
      color: #f1f1f1;
      border-radius: 0;
      transition: .2s;
  }
  .btn:hover, .btn:focus {
      border: 1px solid #333;
      background-color: #fff;
      color: #000;
  }
  .modal-header, h4, .close {
      background-color: #333;
      color: #fff !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-header, .modal-body {
      padding: 40px 50px;
  }
  .nav-tabs li a {
      color: #777;
  }
  #googleMap {
      width: 100%;
      height: 400px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
  }
  .navbar {
      font-family: Montserrat, sans-serif;
      margin-bottom: 0;
      background-color: #2d2d30;
      border: 0;
      font-size: 16px !important;
      letter-spacing: 4px;
      opacity: 0.9;
  }
  .navbar li a, .navbar .navbar-brand {
      color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
      color: #fff !important;
  }
  .navbar-nav li.active a {
      color: #fff !important;
      background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
  }
  .open .dropdown-toggle {
      color: #fff;
      background-color: #555 !important;
  }
  .dropdown-menu li a {
      color: #000 !important;
  }
  .dropdown-menu li a:hover {
      background-color: red !important;
  }
  footer {
      background-color: #2d2d30;
      color: #f5f5f5;
      padding: 0px;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }
  .form-control {
      border-radius: 0;
  }
  textarea {
      resize: none;
  }

@-webkit-keyframes example {
  0% {width:50px; height:50px; }
    5% {width:51px; height:51px; }
    10% {width:52px; height:52px; }
    15% {width:53px; height:53px; }
    20% {width:54px; height:54px; }
    25% {width:55px; height:55px; }
    30% {width:56px; height:56px; }
    35% {width:57px; height:57px; }
    40% {width:58px; height:58px; }
    45% {width:59px; height:59px; }
    50% {width:60px; height:60px; }
    55% {width:59px; height:59px; }
    60% {width:58px; height:58px;}
    65% {width:57px; height:57px;}
    70% {width:56px; height:56px;}
    75% {width:55px; height:55px;}
    80% {width:54px; height:54px;}
    85% {width:53px; height:53px;}
    90% {width:52px; height:52px; }
    95% {width:51px; height:51px; }
    100% {width:50px; height:50px;}
    
}
@keyframes example {
    0% {width:50px; height:50px; }
    5% {width:51px; height:51px; }
    10% {width:52px; height:52px; }
    15% {width:53px; height:53px; }
    20% {width:54px; height:54px; }
    25% {width:55px; height:55px; }
    30% {width:56px; height:56px; }
    35% {width:57px; height:57px; }
    40% {width:58px; height:58px; }
    45% {width:59px; height:59px; }
    50% {width:60px; height:60px; }
    55% {width:59px; height:59px; }
    60% {width:58px; height:58px;}
    65% {width:57px; height:57px;}
    70% {width:56px; height:56px;}
    75% {width:55px; height:55px;}
    80% {width:54px; height:54px;}
    85% {width:53px; height:53px;}
    90% {width:52px; height:52px; }
    95% {width:51px; height:51px; }
    100% {width:50px; height:50px;}
    
}
/* The element to apply the animation to */

#logo {
  
  -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: example; /* Standart */
    animation-duration: 2s; /* Standart */
     animation-iteration-count: infinite;
}
#ico {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);

}
#ico:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
#redhover:hover {
  color: red;
}