.mls_slider{

    float: left;

    position: relative;

    overflow: hidden;

}

.mls_slides_front

{

    width: 100%;

    height: 100%;

    float: left;

    perspective: 50em;

    -webkit-perspective: 50em;

}

.mls_slides_front > li {

  float: left;

  height: 100%;

  left: 0;

  opacity: 0;

  pointer-events: none;

  position: absolute !important;

  top: 0;

  transition: opacity 1s ease 0s;

  -webkit-transition: opacity 1s ease 0s;

  visibility: hidden;

  width: 100%;

  background-position: center center;

    background-size: 100% auto;

}

.mls_nav > div.mls_prev:before {

  content: "\f104";

  display: block;

  float: left;

  font-family: FontAwesome;

  font-size: 24px;

  line-height: 34px;

  min-width: 36px;

  text-align: center;

}

.mls_nav > div.mls_next:before {

  content: "\f105";

  display: block;

  float: left;

  font-family: FontAwesome;

  font-size: 24px;

  line-height: 34px;

  min-width: 36px;

  text-align: center;

}


.ets_multilayerslider {

  display: block;

  margin-bottom: 20px;

  margin-top: 5px;

 

  overflow: hidden;
 
/*  padding: 0 15px; */


  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;



  position: relative;

  width: 100%;

}

.mls_slides {

  float: left;

  position: relative;

  transform-origin: 0 0 0;

  width: 100%;

}

.msl_layer_front.active{

    display: block;

    opacity: 1;

    visibility: visible;

}

.msl_layer_front {

  display: none;

  opacity: 0;

  visibility: hidden;

}

.mls_loading_icon {

  bottom: 0;

  display: none;

  height: 100%;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 100000000;

}

.mls_loading_icon > img {

  left: 50%;

  position: absolute;

  top: 50%;

  width: auto;

}

.loading .mls_loading_icon {

  background: none repeat scroll 0 0 #fff;

  bottom: 0;

  left: 0;

  padding: 10px;

  display: block;

  position: absolute;

  right: 0;

  text-align: center;

  top: 0;

  vertical-align: middle;

  z-index: 11;

}

.loading .mls_loading_icon img {

  border: 10px solid #FFFFFF;

  border-radius: 10px 10px 10px 10px;

  float: left;

  left: 50%;

  position: relative;

  top: 50%;

  background-color: #fff;

  transform: translate3d(-50%, -50%, 0px);

  -webkit-transform: translate3d(-50%, -50%, 0px);

}



.loading .mls_slider_running{

    width: 0%;

}

.mls_moving_in .mls_slider_running {

  animation-fill-mode: both;

  animation-name: running;

  animation-timing-function: linear;

}

.mls_slider_running {

  height: 4px;

  left: 0;

  position: absolute;

  top: 0;

  transition: opacity 1s ease 0s;

  -webkit-transition: opacity 1s ease 0s;

  width: 100%;

  z-index: 1000;

}

.mls_slider:not(.mls_moving_in) .mls_slider_running {

  opacity: 0;

}

.mls_slides .mls_slides_front span {

  display: block;

  line-height: 100%;

}



@keyframes running{

    0% {

        width: 0%;

    }

    100% {

        width: 100%;

    }

}

@-webkit-keyframes running{

    0% {

        width: 0%;

    }

    100% {

        width: 100%;

    }

}









.mls_pagination {

  bottom: 20px;

  float: left;

  left: 50%;

  z-index: 10;

  position: absolute;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  transform-origin: 0 100% 0;

  -webkit-transform-origin: 0 100% 0;

}

.mls_pag_button {

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  background: none repeat scroll 0 0 #FFFFFF;

  border: 1px solid #222222;

  cursor: pointer;

  float: left;

  height: 10px;

  margin: 0 5px;

  padding: 0;

  perspective: 50em;

  -webkit-perspective: 50em;

  width: 10px;

  font-size: 0;

}

.mls_pag_button:not(.active) {

  background: #464444 none repeat scroll 0 0;

  border-color: #464444;

}

.mls_slide_front.active {

  opacity: 1;

  pointer-events: auto;

  visibility: visible;

}

.mls_pag_button.active{

    background: #000;

    color: #fff;

}

.mls_nav > div {

  background-color: rgba(0, 0, 0, 1);

  color: #FFFFFF;

  cursor: pointer;

  font-size: 0;

  opacity: 0;

  padding: 0;

  position: relative;

  visibility: hidden;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  perspective: 50em;

  -webkit-perspective: 50em;

  margin-top: -18px;

  width: 36px;

  height: 36px;

  border-radius: 6px;

  transform: translateX(0%) translateY(-50%);

  transition: all 0.5s ease 0s;

}

.mls_slider:hover .mls_nav > div{

    opacity: 1;

    visibility: visible;

    transform: translateX(0%) translatey(-50%);

    -webkit-transform: translateX(0%) translatey(-50%);

    margin-left: 20px;

    margin-right: 20px;

}

.mls_nav {

  height: 0;

  left: 0;

  position: absolute;

  top: 50%;

  width: 100%;

}

.mls_prev {

  float: left;

  transform-origin: 0 0 0;

  -webkit-transform-origin: 0 0 0;

  margin-left: -100px;

}

.mls_next {

  float: right;

  transform-origin: 100% 0 0;

  -webkit-transform-origin: 100% 0 0;

  margin-right: -100px;

}

@media (max-width: 767px){

    .ets_multilayerslider {

      margin-bottom: 40px;

    }

}

@media (max-width: 479px){

    .ets_multilayerslider {

      margin-bottom: 20px;

    }

    

}