/* Make it move */
@keyframes marqueeTitle {
  100% {
      left: -100%;
  }
}
@keyframes left-one {
  0%  {
    transform:translateX(100%);
  }
  10% {
    transform:translateX(0);
  }
  40% {
    transform:translateX(0);
  }
  50% {
    transform:translateX(-100%);
  }
  100%{
    transform:translateX(-100%);
  }
}
@keyframes left-two {
  0% {
    transform:translateX(100%);
  }
  50% {
    transform:translateX(100%);
  }
  60% {
    transform:translateX(0);    
  }
  90% {
    transform:translateX(0);    
  }
  100%{
    transform:translateX(-100%);
  }
}

/* Agenda MaM */
  .agendaMaM{
    .wrapper{
       margin: 0px 35px;
       clear: both;
       .itemMaM{
          margin-right: 5px;
          margin-left: 5px;
       }
       .agenda{
        margin:0 0 10px;
       }
    }
    .owl-theme {
       .owl-controls{
          margin-top: 0;
          text-align: center;
          /* Styling Next and Prev buttons */
          .owl-buttons {
            div{
              display: inline-block;
              zoom: 1;
              margin: 0;
              padding: 3px 10px;
              font-size: 12px;
              .border-radius(4px);
              border-bottom: 3px solid darken(@color01, 20%);
              background: @color01;
              opacity: 1;
              position: absolute;
              height: 130px;
              top: 0;
              cursor: pointer;
              transition:all 0.5s ease;
              &.owl-prev{
                left: -35px;
                .icon-chevron-left {
                  width: 0; 
                  height: 0; 
                  border-top: 10px solid transparent;
                  border-bottom: 10px solid transparent; 
                  display: block;
                  border-right:10px solid @color01_type; 
                  margin: 48px 0 0;
                }
                &.disabled {
                  .icon-chevron-left{
                    border-right: 10px solid darken(@color01_type, 10%);                  
                  }
                }
              }
              &.owl-next{
                right: -35px;
                .icon-chevron-right{
                  width: 0; 
                  height: 0; 
                  border-top: 10px solid transparent;
                  border-bottom: 10px solid transparent;
                  display: block;
                  border-left: 10px solid @color01_type;
                  margin: 48px 0 0;
                }
                &.disabled {
                  .icon-chevron-right{
                    border-left: 10px solid darken(@color01_type, 10%);
                  }
                }
              }
              &:focus, &:hover, &:active{
                background-color: lighten(@color01, 5%);
                border-bottom-width: 0px;
                color: @color01_type;
                height: 127px;
                margin-top: 3px;
                outline: 0;
                .icon-chevron-left{
                  border-right: 10px solid @color01_type;
                }
                .icon-chevron-right{
                  border-left: 10px solid @color01_type;
                }
              }
              &.disabled {
                background-color: desaturate(@color01, 50%);
                cursor: default;
                pointer-events: none; 
                &:focus, &:hover, &:active{
                   height: 130px;
                   margin-top: 0;
                }
              }
            }
          } 
          /* Clickable class fix problem with hover on touch devices */
          /* Use it for non-touch hover action */
          &.clickable {
             .owl-buttons {
                div{
                   &:hover{
                      filter: Alpha(Opacity=100);/*IE7 fix*/
                      opacity: 1;
                      text-decoration: none;
                   }
                }
             }
          }
       }
       .itemStyles{
        .item{
          .contentItem{
            .col{
              .date{
                span{
                  padding-right:5px;
                }
              }
            }
            .title{
              span{
                &.mc-titleFirst{
                  padding-right:5px;
                }
              }
            }
          }
        }
      }
    }
    .timeSetting{
      &.leftPosition {
        display: none;
      }
    }
    &.footerCtn{
      .timeSetting{
        float: right;
        width: 40%;
        margin: 8px 5px 0;
        .text{
          text-transform: none;
          span{
             text-align: right;
          }
        }
      }
      &.maxSize-479{
        display: block;
      }
    }
    &.maxSize-991{
      &.footerCtn{
        a{
          float: left;
          margin: 0 0 0 10%;
        }
        .timeSetting{
          width: 50%;
        }
      }
    }
    &.maxSize-767{
      &.footerCtn{
        .timeSetting{
          width: 60%;
        }
      }
      .itemStyles{
        .item{
          .contentItem{
            .title{
              width: 100%;
              position: relative;
              span{
                transform:translateX(100%);
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                margin: 0;
                text-align: center;
                &:nth-child(1) {
                  animation: left-one 10s ease infinite;
                }
                &:nth-child(2) {
                  animation: left-two 10s ease infinite;
                }
              }
            }
          }
        }
      }
    }
    &.maxSize-479{
      &.footerCtn{
        a{
          float: none;
          margin: 0 auto;
        }
        .timeSetting{
          float: none;
          margin: 0;
          padding: 10px 10px 0 0;
          width: 100%;
          .text{
            width: 88%;
          }
        }
      }
    }
  }

/* Fin Agenda MaM */