/*  ----------------------------------------------------------------------------
    responsive settings
*/
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
/*  ----------------------------------------------------------------------------
    from bootstrap
*/
/*
usage:
.td-block-row {
  .mx-row(td-block-span);
}

@all_span_selector - is the begining of the span selector
 */
.td-lb-box {
  position: absolute;
  width: 19px;
  height: 19px;
}
.td-lb-box-1 {
  top: 0;
  left: 0;
}
.td-lb-box-2 {
  top: 0;
  left: 20px;
}
.td-lb-box-3 {
  top: 0;
  left: 40px;
}
.td-lb-box-4 {
  top: 20px;
  right: 0;
}
.td-lb-box-5 {
  bottom: 0;
  right: 0;
}
.td-lb-box-6 {
  bottom: 0;
  left: 20px;
}
.td-lb-box-7 {
  bottom: 0;
  left: 0;
}
.td-lb-box-8 {
  top: 20px;
  left: 0;
}
/*  ----------------------------------------------------------------------------
    loader
*/
.td-loader-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 59px;
  height: 59px;
  margin-top: -29.5px;
  /* Half the height */
  margin-left: -29.5px;
  /* Half the width */
  /* responsive phone */
  -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1);
  /* custom */
}
@media (max-width: 767px) {
  .td-loader-gif {
    top: 200px;
  }
}
/*  ----------------------------------------------------------------------------
    infinite loader - the small loader used on infinite scroll
*/
.td-loader-infinite {
  top: auto;
  bottom: 0px;
}
.td-loader-infinite .td-lb-box {
  position: absolute;
  width: 10px;
  height: 10px;
}
.td-loader-infinite .td-lb-box-1 {
  top: 0;
  left: 0;
}
.td-loader-infinite .td-lb-box-2 {
  top: 0;
  left: 11px;
}
.td-loader-infinite .td-lb-box-3 {
  top: 0;
  left: 22px;
}
.td-loader-infinite .td-lb-box-4 {
  top: 11px;
  right: 0;
}
.td-loader-infinite .td-lb-box-5 {
  bottom: 0;
  right: 0;
}
.td-loader-infinite .td-lb-box-6 {
  bottom: 0;
  left: 11px;
}
.td-loader-infinite .td-lb-box-7 {
  bottom: 0;
  left: 0;
}
.td-loader-infinite .td-lb-box-8 {
  top: 11px;
  left: 0;
}
.td-loader-infinite.td-loader-gif {
  width: 32px;
  height: 32px;
  margin-top: -16px;
  /* Half the height */
  margin-left: -16px;
  /* Half the width */
}
.td-loader-blocks-load-more {
  top: auto;
  bottom: 48px;
}
.td-loader-animation-start {
  opacity: 0;
  transform: perspective( 600px ) scale(0.4);
  -webkit-transform: perspective( 600px ) scale(0.4);
}
.td-loader-animation-mid {
  opacity: 1;
  transform: perspective( 600px ) scale(1);
  -webkit-transform: perspective( 600px ) scale(1);
}
.td-loader-animation-end {
  opacity: 0;
}
@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}