.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  margin: 1rem;
  position: relative;
  height: auto;
}
.card2 {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  margin: 1rem;
  position: relative;
  height: auto;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card-2 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-2:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-des{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.card-desc{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.card-desg{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}

.card-deso{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.card2-des{
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.crd-tit{
  color: #ed1c24;
}
.crd-titf{
  color: #ed1c24;
  font-size: 14px;
}
.about-des-top{
  line-height: 30px;
  text-align: center;
}
#indicates{
  margin-top: 60px;
  margin-bottom: 60px;
}
/*.txt-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.banner-all{
    position: relative;
    text-align: center;
    color: white;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
  display: inline-block;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(214, 44, 44, 0.8); 
}

/*banner-txt*/
div.wrapper{
  float:left; /* important */
  position:relative; /* important(so we can absolutely position the description div */
}
div.description{
  position:absolute; /* absolute position (so we can position it where we want)*/
  bottom:0px; /* position will be on bottom */
  left:20px;
  width:100%;
  /* styling bellow */
  color: #fff;
  filter:alpha(opacity=100); /* IE transparency */
}
p.description_content{
  padding:5px;
  margin:0px;
  font-size: 20px;
  color: #fff;
  padding-bottom: 7%;
}
.home-sub{
  color: #fff;
  padding-right: 10px;
}
.sub-head-ban{
  padding-left: 10px;
}
/*banner-txt*/

.more-btn{
  color: red;
}
.more-btn: a hover{
  color: #000;
}
.post{
  margin-bottom: 60px;
}
.oab{
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.btn-more{
  border: none;
  border-radius: 20px;
  background-color: #df0024;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.btn-more:hover{
  color: #fff;
  background-color: #252525;
  font-size: small;
}
.active{
  color: red;
  text-decoration: underline;
}