/**************/
/* ANIMATIONS */
/**************/

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}

/*********************/
/* SPEAKERS SCROLLER */
/*********************/

::-webkit-scrollbar{width:2px;height:2px;}
::-webkit-scrollbar-button{width:2px;height:2px;}

div.hscroller{
  box-sizing:border-box;
  position:relative;
  width: 100%;
    /*padding-left: 7%;*/
}

div.hsviewport {
  /*width: 90%;*/
    overflow: hidden;
    position: relative;
    height: 190px;
    background-color: #009984;
    border-bottom: 10px solid #009984;
}

.horizontal-scroll-wrapper{
     position: relative;
    display: table;
    top: 0;
    left: 0;
    /* width: 80px; */
    /* height: 400px; */
    /* max-height: 500px; */
    margin: 0;
    background: #009984;
    overflow-y: auto;
    /* overflow-x: hidden; */
    /* transform: rotate(-90deg) translateY(-80px); */
    /* transform-origin: right top; */
    animation: moveSlideshow 50s linear infinite;
	
}
.horizontal-scroll-wrapper:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;	
}
.horizontal-scroll-wrapper img{
 height:160px;
 width:auto;
 
}
.horizontal-scroll-wrapper > li{
  display:table-cell;
  padding:5px;
  background:#eeeeee;
  transform-origin: right top;
  border: 10px solid #009984;
}

.squares{
padding: 0px 10px 10px 10px;
}

.squares > li{
  margin:10px;
}
.squares p{
	font-size: 0.8em;
    background-color: black;
    opacity: 0.7;
    padding: 2px;
    top: -35px;
    height: 35px;
    color: white;
    position: relative;
}

/*********************/
/* EXHIBITORS SCROLLER */
/*********************/

::-webkit-scrollbar2{width:2px;height:2px;}
::-webkit-scrollbar-button2{width:2px;height:2px;}

div.hscroller2{
  box-sizing:border-box;
  position:relative;
  width: 100%;
    /*padding-left: 7%;*/
}

div.hsviewport2 {
  /*width: 90%;*/
    overflow: hidden;
    position: relative;
    height: 140px;
    background-color: #009984;
    border-bottom: 10px solid #009984;
}

.horizontal-scroll-wrapper2{
     position: relative;
    display: table;
    top: 0;
    left: 0;
    /* width: 80px; */
    /* height: 400px; */
    /* max-height: 500px; */
    margin: 0;
    background: #009984;
    overflow-y: auto;
    /* overflow-x: hidden; */
    /* transform: rotate(-90deg) translateY(-80px); */
    /* transform-origin: right top; */
    animation: moveSlideshow 55s linear infinite;
	
}
.horizontal-scroll-wrapper2:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;	
}
.horizontal-scroll-wrapper2 img{
 
}
.horizontal-scroll-wrapper2> li{
  display:table-cell;
  padding:5px;
  background:#eeeeee;
  transform-origin: right top;
  border: 10px solid #009984;
}

.squares2{
padding: 0px 10px 10px 10px;
}

.squares2 > li{
  margin:10px;
}
.squares2 p{
	font-size: 0.8em;
    background-color: black;
    opacity: 0.7;
    padding: 2px;
    top: -35px;
    height: 35px;
    color: white;
    position: relative;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */