html, body {
    max-width: 100%;
    overflow-x: hidden;
}
img.lazy,div.lazy {       
        /* optional way, set loading as background */
        background-image: url('../images/loading.gif');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
img,column.img,#bazy {       
border-radius: 10px;margin-bottom:10px;margin-top:-10px;
    }
img.center {
    display: block;
    margin:0 auto;
    border-radius: 10px;
    text-align:center;
}
.main-color-bg{
  background-color: #a82eb3;
  border-radius: 0.2em;
  color:#fff;
  width:90%;
}
.blink_me {
  animation: blinker 0.7s linear infinite;
  font-weight: bold;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.readmore {
width:100%;background: url(../images/fade.png);background-repeat: repeat-x;background-position: top;height:150px;position: absolute;z-index:5000;margin-top:-120px;border:0px
}


  #result,#resulti
  {
          position:absolute;
    width:700px;
    padding-left:15px;
    display:none;
    margin-top:-1px;
    border-top:0px;
    height:200px;
    border:1px #CCC solid;
    background-color: white; 
    overflow-y: scroll;
    z-index:1000px;
  }
  .showo
  {    width:100%;
    overflow-x: none; 
    padding-bottom:7px; 
      margin-left:5px;
    border-bottom:1px #999 dashed;
    font-size:13px; 
    height:30px;
    
  }
  .showo:hover
  {
    background:#4c66a4;
    color:#FFF;
    cursor:pointer;
  }
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.carousel-cell {
  width: 100%; /* full width */
  height: 330px; /* height of carousel */
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.imageu {
  opacity: 1;
  display: block;
  width: 100%;
  height: 300px;
  transition: .5s ease;
  backface-visibility: hidden;
  filter: contrast(200%);filter: grayscale(100%);
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .imageu {
filter: grayscale(0%);
}

.container:hover .middle {
  opacity: 1;
}
    img:not([src]) {
        visibility: hidden;
      }

      /* Fixes Firefox anomaly during image load */
      @-moz-document url-prefix() {
        img:-moz-loading {
          visibility: hidden;
        }
      img.lazy {
        opacity: 0;
      }
      img:not(.initial) {
        transition: opacity 1s;
      }
      img.initial,
      img.loaded,
      img.error {
        opacity: 1;
      }

      img:not([src]) {
        visibility: hidden;
      }

.alert {
  display: table;
  table-layout: fixed;
  width: 100%;
}
img.content{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
video.content{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.clipo {
white-space: nowrap;overflow: hidden;text-overflow: clip;
}
.clipo2 {
white-space: nowrap;overflow-y: hidden;text-overflow: clip;
}