#play{
 position: absolute; right: 0px; width: 50px; height: 50px;  border-radius: 100px; bottom: 0px;  z-index: 999;

}
#paused{ position: absolute; right: 0px; width: 50px; height: 50px;  border-radius: 100px; bottom: 0px;  z-index: 999;}
 .paused {
animation-play-state: paused!important;
}

.btnmx{ overflow: hidden; border: 0px;

}
 .gallery-image .row .col-md-6:nth-child(2) { position: relative;
top: -170px;}
.gallery-image .row .col-md-6:nth-child(1) {  padding-right: 0px;
}
     .gallery {

       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
     }
     
     .block-33 {
       width: 33.33%;
     }
     
     .display--inline-top {
       display: inline-block;
       vertical-align: top; width: 100%; padding-left: 36px;
     }
     
     .fill-dimensions {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left: 0;
     }
     
     
     .gallery-image__img {
  
      margin-bottom: 15px!important;
  }
     .cover-img {
       background-size: cover;
       background-position: center center;
       background-repeat: no-repeat;
     }
     
     .gallery-image {
       padding-bottom: 15px; padding-top: 5px;
       animation: marqueeTop 30s linear infinite;
     }
     
     .gallery-image   .img-fluid, .gallery-image__img img {

 
      height: 100%;
      width: 100%;
      object-fit: cover;


}



.gallery-image__img  {
 overflow: hidden;
  height: 335px; border-radius: 10px;
}

     .gallery-h--tb .gallery-image {
       animation: marqueeBottom 45s linear infinite;
     }
     
     .gallery-image__img {

      max-width: 100%;
      margin: 0 auto;
      overflow: hidden;
      border-radius: 10px;
     }
     
     .gallery-h {
       overflow: hidden;
     }
     
     @keyframes marqueeTop {
       0% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
       }
       100% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
       }
     }
     @keyframes marqueeBottom {
       0% {
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
       }
       100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
       }
     }
  




.stright {

height: 435px; overflow: hidden; position: relative;
}


.stright:before{
  content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    height: 52px ;
    z-index: 1;
    background: linear-gradient(0deg, rgba(1, 0, 2, 0), #010002);
}
.stright:after{
  content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 52px ;
    background: linear-gradient(180deg, rgba(1, 0, 2, 0), #010002);
}
  /* The container */
 .mnty {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 
 /* Hide the browser's default checkbox */
 .mnty input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }
 
 /* Create a custom checkbox */
 .checkmark {
  position: absolute;
    top: 7px;
    left: 5px;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 5px;
    background: #615d5d;
    border: 1px solid #5d5555;
    overflow: hidden;
 }
 
 /* On mouse-over, add a grey background color */
 .mnty:hover input ~ .checkmark {
   background-color: #ccc;
 }
 
 /* When the checkbox is checked, add a blue background */
 .mnty input:checked ~ .checkmark {
   background-color: #f5841f;
 }
 
 /* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
   content: "";
   position: absolute;
   display: none;
 }
 
 /* Show the checkmark when checked */
 .mnty input:checked ~ .checkmark:after {
   display: block;
 }
 
 /* Style the checkmark/indicator */
 .mnty .checkmark:after {
  left: 4px;
  top: 0px;
   width: 5px;
   height: 10px;
   border: solid white;
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 @media only screen and (max-width: 1441px) {

  .gallery-image__img {
 
    height: 297px;
  
  }
  
 }







 
 @media only screen and (max-width: 767px) {

  .swiper-slide {
    width: calc(50% - 10px);
    height: auto;
    margin: 5px;
    display: flex;
    height: 224px !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5%;
}


  .gallery-image__img {
    max-width: 63%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    height: 315px !important;
}}