body{
  margin: 0;
  overflow: hidden;
}
.tabs p, .tabs h3 {
  color: #1c1c1b;
}
.tabs a {
  text-decoration: none;
}
.tabs a img {
  border: none;
}
.wrapper {
  width: 100%; height: 100%;
  position: absolute; background-color: rgba(0, 0, 0, 0.5);
  margin: 0; padding: 0;
}

.tabs {
  width: 750px;
  height: 470px;
  background: #fff;
  overflow: hidden;
}

.tabs .box-contanier {
  width: 29%; height: 430px; float: left; padding-right: 4px;
  margin: 15px 12px auto 15px; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden;
}

.tabs .box-contanier .box-title {
  width: 210px; text-align: center; border-radius: 3px;
  padding: 5px 0px; position: fixed;
}

.tabs .box-contanier .box-title span {
  font-family: Open Sans; font-weight: 600;
  color: white;
}

.tabs .box-contanier .box-title.basin {
  background: #cb3054;
}

.tabs .box-contanier .box-title.facebook {
  background: #344ba9;
}

.tabs .box-contanier .box-title.twitter {
  background: #088bd6;
}
.tabs .box-contanier .box {
  height: 380px; margin: 40px auto 40px auto; border: 1px solid #ececee;
}

.tabs .box-contanier.basin .box:hover { border: 1px solid #cb3054; }
.tabs .box-contanier.facebook .box:hover { border: 1px solid #344ba9; }
.tabs .box-contanier.twitter .box:hover { border: 1px solid #088bd6; }

.tabs .box-contanier .box.active-basin {border: 1px solid #cb3054;}
.tabs .box-contanier .box.active-faceb {border: 1px solid #088bd6;}
.tabs .box-contanier .box.active-twitt {border: 1px solid #344ba9;}

.tabs .box-contanier .box .box-image {  text-align: center; padding: 8px 0px; width: 200px; height: 135px; overflow: hidden;}
.tabs .box-contanier .box .box-image img { max-width:100%; max-height:100%; width:auto; height:auto; }

.tabs .box-contanier .box .box-content-title {  height: 40px; margin-bottom: 25px;  }

.tabs .box-contanier .box .box-content-title h3 {
  font-family: Open Sans; font-weight: 600;
  font-size: 14px; margin: 0px auto 5px auto;
}


.tabs .box-contanier .box .box-content p {
  font-family: Open Sans; font-weight: 400;
  padding-top: 0px !important; font-size: 12px;
  margin-top: 0px;
}

.tabs .box-contanier .box .box-content p, .tabs .box-contanier .box .box-content-title h3 { padding: 8px; }

.tabs .box-contanier::-webkit-scrollbar-track{ background-color: #ececee; }
.tabs .box-contanier::-webkit-scrollbar {
  width: 9px;	background-color: #ececee;
  position: relative; left: 5px;
}

.tabs .box-contanier::-webkit-scrollbar-thumb { background-color: #c2c2c2; }