/* Core functionality */
#animated-text-strip{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  overflow: hidden;
  visibility: visible !important;
}
.rtl #animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee_rtl 8s linear infinite;
  max-width: none;
  width:100%
}
.ltr #animated-text-strip .marquee {
  white-space: nowrap;
  animation: marquee 8s linear infinite;
  max-width: none;
  width:100%
}

@keyframes marquee {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

@keyframes marquee_rtl {
  100% {
    transform: translate(100%, 0);
  }
  0% {
    transform: translate(-100%, 0);
  }
}


/* Styles for the sake of the demonstration */
#animated-text-strip{
  background:var(--primary-color);
  padding: 1rem 0;
}
.marquee{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  padding:0 5%;
}

.track_row
{
  min-height:300px;
}
.track_image
{
  min-height:290px
}
.track_pop_img
{
  width:100%;
  height:100%;
  object-fit:cover;
}
.track_popup
{
  background-color: rgba(18, 29, 47, .75);
    bottom: 0;
    height: 100%;
    box-shadow: 0 0 5px 5px rgb(0 0 0 / 10%);
    opacity: 1;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1062;
}

.track_popup_form {
    width: 600px;
    position: fixed;
    top: 40%;
    left: 28%;
    background-color: white;
    border-radius: 15px;

    
}

.track_popup_form .row {
   
}
.track_description
{
  padding:3%;
  text-align:center;
}
.track_description h4
{
  margin-bottom:3%;
  text-align:center;
  color:var(--primary-color);
  font-weight:bold;
}
.track_close_icon_pop
{
    float:left;
    font-size: 25px;
    font-weight:bold;
}

.track-button
{
  display:none !important;
   background-color:var(--primary-color);
   padding:5px 8px;
   border-radius: 15px;
   margin-top:5px;
   color:white;
}
.trick_image
{
  border-left:2px solid #c2b8b8
}
.track_description
{
  margin-top:30%;
}


@media only screen and (max-width: 900px) {

  #animated-text-strip {
    z-index: 999;
    position: relative;
  
}
  .track_popup_form {
    width: 300px;
    position: fixed;
    top: 10%;
    left: 28%;
    background-color: white;

    
}

.track_close_icon_pop
{
   display:none
}

.track-button
{
       display:block !important;
       margin:5px 36%;
   
}
.track_row
{
  min-height:250px;
}
.track_image
{
  min-height:200px;
  height:200px;
}
.track_description
{
  padding:0%;
  text-align:center;
}
.track_description h4
{
  margin-bottom:0%;
  text-align:center;
  color:var(--primary-color);
  font-weight:bold;
}
.track_close_icon_pop
{
    float:left;
    font-size: 25px;
    font-weight:bold;
}
.trick_image
{
  border-left:2px solid #c2b8b8
}
.track_description
{
  margin-top:15px;
}


}
@media only screen and (max-width: 500px) {
  .track_popup_form {
    width: 250px;
    position: fixed;
    top: 15%;
    left: 20%;
    background-color: white;

    
}

 
}
.ticker_news.theme1 header#header {
  margin-top: 3% !important;
  position: absolute !important;

}

.tickers_news.theme1 #animated-text-strip

{
  position: fixed;
    top: 0px;
    z-index: 10;
}

.tickers_news.theme2 #header {
  margin-top: 0px !important;
}
.tickers_news .homeHeader {
  background-color: #fff !important;
  padding: 7% 3% !important;
}

