/**************************/
/* Css of Dynamic Content */
/*************************/

/* ---------- Helpers ------------ */ 
.in_linea{
  display: inline-block !important;
}
.float{
  float: left !important;
}
.maschera{
  overflow: hidden !important;
}
.blocco-lista{
    max-width: 400px;
    margin: 0 auto ;
}
.mask{
  overflow: hidden;
}


/* --------------------------------------- */

body:not(.elementor-editor-active) .disattivo{
  pointer-events: none;
}
/* --------------------------------------- */

/* ////////////////////////////////////////////////////
//////////////////// Archive Grid //////////////////////
///////////////////////////////////////////////////// */
.archive-title{
  text-align: center;
  padding: 15px;
  margin-bottom: 0;
  font-size: 38px;
}
.archive-description{
  text-align: center;
}
.grid-page{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*align-items: center;*/
  align-content: flex-start; /*flex-start | flex-end | center | space-between | space-around | stretch*/
}
/*.item-page{
  flex: 0 1 33.33333%;
  align-self: flex-start;
}*/
.grid-page p:empty{
  display: none;
}
.grid-page .item-page{
  /*flex: 1 1 calc( 100% / attr(data-col-md) );*/
  flex-grow: 0;
  flex-shrink: 1;
}
.grid-page.grid-col-md-1 .item-page{
  flex-basis: 100%;
}
.grid-page.grid-col-md-2 .item-page{
  flex-basis: 50%;
}
.grid-page.grid-col-md-3 .item-page{
  flex-basis: 33.3333%;
}
.grid-page.grid-col-md-4 .item-page{
  flex-basis: 25%;
}
.grid-page.grid-col-md-5 .item-page{
  flex-basis: 20%;
}
.grid-page.grid-col-md-6 .item-page{
  flex-basis: 16.8%;
}

@media only screen and (max-width: 992px) {
  /*.grid-page .item-page{
    flex: 1 1 calc( 100% / attr(data-col-sm) );
  } */
  .grid-page.grid-col-sm-1 .item-page{
    flex-basis: 100%;
  }
  .grid-page.grid-col-sm-2 .item-page{
    flex-basis: 50%;
  }
  .grid-page.grid-col-sm-3 .item-page{
    flex-basis: 33.3333%;
  }
  .grid-page.grid-col-sm-4 .item-page{
    flex-basis: 25%;
  }
  .grid-page.grid-col-sm-5 .item-page{
    flex-basis: 20%;
  }
  .grid-page.grid-col-sm-6 .item-page{
    flex-basis: 16.8%;
  }
}
@media only screen and (max-width: 767px) {
  /*.grid-page .item-page{
    flex: 1 1 calc( 100% / attr(data-col-xs) );
  }*/
  .grid-page.grid-col-xs-1 .item-page{
    flex-basis: 100%;
  }
  .grid-page.grid-col-xs-2 .item-page{
    flex-basis: 50%;
  }
  .grid-page.grid-col-xs-3 .item-page{
    flex-basis: 33.3333%;
  }
  .grid-page.grid-col-xs-4 .item-page{
    flex-basis: 25%;
  }
  .grid-page.grid-col-xs-5 .item-page{
    flex-basis: 20%;
  }
  .grid-page.grid-col-xs-6 .item-page{
    flex-basis: 16.8%;
  } 
}


/* ////////////////////////////////////////////////////
///////////////// Scrollify Pagination ////////////////
///////////////////////////////////////////////////// */
.scrollify .pagination {
  position:fixed;
  right:20px;
  top: 50%;
  transform: translateY(-50%);

  font-size:1.4em;
  z-index: 10;
}
.scrollify .pagination li{
  display: block;
  position: relative;
}
.scrollify .pagination a {
  display:block;
  height:20px;
  margin-bottom:5px;
  color: #000000;
  position:relative;
  padding:4px;
}
.scrollify .pagination a.active:after {
  box-shadow:inset 0 0 0 10px;
}
.scrollify .pagination a .hover-text {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  padding-right: 20px;
  font-size: 15px;
  line-height: 1;
}
.scrollify .pagination a:hover .hover-text {
  opacity: 1;
}
.scrollify .pagination a:after {
  -webkit-transition:box-shadow 0.5s ease;
  transition:box-shadow 0.5s ease;
  width:10px;
  height:10px;
  display: block;
  border:1px solid;
  border-radius:50%;
  content:'';
  position: absolute;
  margin:auto;
  top:0;
  right:4px;
  bottom:0;
}
/* ////////////////////////////////////////////////////
///////////////////// Ajax Open //////////////////////
///////////////////////////////////////////////////// */
body.dce-ajax-page-open.modal-p-on #dce-outer-wrap, body.dce-ajax-page-open.modal-p-on .modals-p .wrap-p,
body.dce-ajax-page-open.modal-p-off #dce-outer-wrap, body.dce-ajax-page-open.modal-p-off .modals-p .wrap-p{
  position: absolute;
  
  
  width: 100%;
  height: 100%;

  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;

  /*overflow-y: hidden;*/
}
html.no-scroll{
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
body.dce-ajax-page-open.modal-p-on.cancella-body{
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.pt-perspective{
 /* position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
}
.pt-page {

}
.modals-p{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
/*----------------------------------*/
.wrap-p .modal-p{
  background-color: #fff;
  width: 100%;
  height: 100%;
  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  overflow-y: auto;
  overflow-x: hidden;

  visibility: hidden;
  
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;

  /*will-change: transform;*/

  animation-fill-mode: both;
}
body.modal-p-on{
  overflow: hidden;
  height: 100%;
}
/*body.modal-p-on, body.modal-p-off{
  background-color: #222;
}*/
body.modal-p-off .wrap-p .modal-p{
  visibility: visible;
  opacity: 1;
  /*animation-name: escimodale;*/
  /*animation-fill-mode: both;*/
  /*animation: escimodale 0.7s cubic-bezier(0.86, 0, 0.07, 1) both;*/
}
body.modal-p-on .wrap-p .modal-p{
  visibility: visible;
  opacity: 1;
  /*animation-name: entramodale;*/
  /*animation-fill-mode: both;*/
  /*animation: entramodale 0.7s cubic-bezier(0.86, 0, 0.07, 1) both;*/
}
body.dce-ajax-page-open #dce-wrap{
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;

  /*-webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;*/

/*  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
  
  /*-webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;*/

  /*will-change: transform;*/

  animation-fill-mode: both;
}
body.modal-p-off #dce-wrap{
  /*animation-name: entramodale1;*/
  /*animation-fill-mode: both;*/
  /*animation: entramodale1 0.7s cubic-bezier(0.86, 0, 0.07, 1) both;*/
}
body.modal-p-on #dce-wrap{
  /*animation-name: escimodale1;*/
  /*animation-fill-mode: both;*/
  /*animation: escimodale1 0.7s cubic-bezier(0.86, 0, 0.07, 1) both;*/
}
/* Close */
.modals-p .wrap-p .close{
  display: block;
  cursor: pointer;
  background-color: #fff;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50px;
  right: 40px;
  z-index: 1001;
  border-radius: 50%;
  opacity: 0;
  
}
body.modal-p-on .wrap-p .close{
   animation: enterQuit 0.5s ease both 0.7s;
}
body.modal-p-off .wrap-p .close{
  animation: exitQuit 0.5s ease both;
}
@media only screen and (max-width: 992px) {
  .modals-p .wrap-p .close {
     
      width: 30px;
      height: 30px;
      position: fixed;
      top: 20px;
      right: 20px;
  }
}
.modals-p .wrap-p .close:after{
  content: '';
  width: 70%;
  height: 3px;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 48%;
  left: 15%;
  background-color: #000;
}
.modals-p .wrap-p .close:before{
  content: '';
  width: 70%;
  height: 3px;
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  top: 48%;
  left: 15%;
  background-color: #000;
}
/* Loading */
.load-p{
  display: block;
  cursor: pointer;
  border: 3px solid #000;
  border-top-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1002;
  border-radius: 50%;
  opacity: 1;
  animation: loadAnim 300ms linear infinite;
}
/* --------- Breadcrubs -------- */
.dce-breadcrumbs li a{

}
.dce-breadcrumbs{
list-style:none;
margin:5px 0;
overflow:hidden;
}


.dce-breadcrumbs li{
  display:inline;
  vertical-align:middle;
}

#breadcrumbs .separator{
font-size:18px;
font-weight:100;
color:#ccc;
}
/* --------- Date -------- */
.dynamic-content-elements-date{
  line-height: 1;
}
/* --------- Title -------- */
.dynamic-content-elements-title, .dynamic-content-for-elementor-title, .single-post.content-max-width .entry-content .dynamic-content-for-elementor-title {
  margin-top: 0;
  margin-bottom: 0;
}
span.dce-title{
  display: inline-block;
}
/* Masking */
.dce-title-mask-yes .dynamic-content-for-elementor-title span{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 10px 0;
}
/* Dividers */
  .dce-title-divider-yes.dce-divider-position-left .dce-divider,
  .dce-title-divider-yes.dce-divider-position-right .dce-divider,
  .dce-title-divider-yes.dce-divider-position-center .dce-divider{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    align-items: center;
    align-content: center; /*flex-start | flex-end | center | space-between | space-around | stretch*/
  }

  .dce-title-divider-yes .dce-title-divider{

  }
  .dce-title-divider-yes.dce-divider-position-left .dce-divider{
    justify-content: flex-start;
  }
  .dce-title-divider-yes.dce-divider-position-right .dce-divider{
    justify-content: flex-end;
  }
  .dce-title-divider-yes.dce-divider-position-center .dce-divider{
    justify-content: center;
  }


  .dce-title-divider-yes.dce-divider-position-center .dce-divider:after, .dce-title-divider-yes.dce-divider-position-center .dce-divider:before{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-left .dce-divider:after, .dce-title-divider-yes.dce-divider-position-bottom .dce-divider:after{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-right .dce-divider:before, .dce-title-divider-yes.dce-divider-position-top .dce-divider:before{
    content: '';
  }

@media only screen and (max-width: 992px) {
  .dce-title-divider-yes.dce-divider-position-tablet-left .dce-divider,
  .dce-title-divider-yes.dce-divider-position-tablet-right .dce-divider,
  .dce-title-divider-yes.dce-divider-position-tablet-center .dce-divider{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    align-items: center;
    align-content: center; /*flex-start | flex-end | center | space-between | space-around | stretch*/
  }
  .dce-title-divider-yes.dce-divider-position-tablet-left .dce-divider{
    justify-content: flex-start;
  }
  .dce-title-divider-yes.dce-divider-position-tablet-right .dce-divider{
    justify-content: flex-end;
  }
  .dce-title-divider-yes.dce-divider-position-tablet-center .dce-divider{
    justify-content: center;
  }
  .dce-title-divider-yes.dce-divider-position-tablet-center .dce-divider:after, .dce-title-divider-yes.dce-divider-position-tablet-center .dce-divider:before{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-tablet-left .dce-divider:after, .dce-title-divider-yes.dce-divider-position-tablet-bottom .dce-divider:after{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-tablet-right .dce-divider:before, .dce-title-divider-yes.dce-divider-position-tablet-top .dce-divider:before{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-tablet-left .dce-divider:before, .dce-title-divider-yes.dce-divider-position-tablet-bottom .dce-divider:before,
  .dce-title-divider-yes.dce-divider-position-tablet-right .dce-divider:after, .dce-title-divider-yes.dce-divider-position-tablet-top .dce-divider:after{
    content: none;
  }
}
@media only screen and (max-width: 767px) {
  .dce-title-divider-yes.dce-divider-position-mobile-left .dce-divider,
  .dce-title-divider-yes.dce-divider-position-mobile-right .dce-divider,
  .dce-title-divider-yes.dce-divider-position-mobile-center .dce-divider{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    align-items: center;
    align-content: center; /*flex-start | flex-end | center | space-between | space-around | stretch*/
  }
  .dce-title-divider-yes.dce-divider-position-mobile-left .dce-divider{
    justify-content: flex-start;
  }
  .dce-title-divider-yes.dce-divider-position-mobile-right .dce-divider{
    justify-content: flex-end;
  }
  .dce-title-divider-yes.dce-divider-position-mobile-center .dce-divider{
    justify-content: center;
  }
  .dce-title-divider-yes.dce-divider-position-mobile-center .dce-divider:after, .dce-title-divider-yes.dce-divider-position-mobile-center .dce-divider:before{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-mobile-left .dce-divider:after, .dce-title-divider-yes.dce-divider-position-mobile-bottom .dce-divider:after{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-mobile-right .dce-divider:before, .dce-title-divider-yes.dce-divider-position-mobile-top .dce-divider:before{
    content: '';
  }
  .dce-title-divider-yes.dce-divider-position-mobile-left .dce-divider:before, .dce-title-divider-yes.dce-divider-position-mobile-bottom .dce-divider:before,
  .dce-title-divider-yes.dce-divider-position-mobile-right .dce-divider:after, .dce-title-divider-yes.dce-divider-position-mobile-top .dce-divider:after{
    content: none;
  }
}

/* ------------------- */
/*.dce-title-divider-yes.dce-divider-position-top .dce-title-divider,
.dce-title-divider-yes.dce-divider-position-bottom .dce-title-divider{
    width: 100%;
  }*/

  .dce-title-divider-yes.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-divider-position-bottom .dce-title-divider{
    display: block;
  }

  .dce-title-divider-yes.dce-title-align-left.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-left.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-left.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-left.dce-divider-position-bottom .dce-title-divider
  {
    margin: 0 auto 0 0;
  }
  .dce-title-divider-yes.dce-title-align-right.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-right.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-right.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-right.dce-divider-position-bottom .dce-title-divider
  {
    margin: 0 0 0 auto;
  }
  .dce-title-divider-yes.dce-title-align-center.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-center.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-center.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-center.dce-divider-position-bottom .dce-title-divider
  {
    margin: 0 auto;
  }

/*@media only screen and (max-width: 1024px) {*/
  .dce-title-divider-yes.dce-divider-position-tablet-top .dce-divider:before,
  .dce-title-divider-yes.dce-divider-position-tablet-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-divider-position-tablet-top .dce-title-divider,
  .dce-title-divider-yes.dce-divider-position-tablet-bottom .dce-title-divider{
    display: block;
  }

  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-tablet-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-tablet-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-tablet-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-left.dce-divider-position-tablet-bottom .dce-title-divider
  {
    margin: 0 auto 0 0;
  }
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-tablet-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-tablet-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-tablet-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-right.dce-divider-position-tablet-bottom .dce-title-divider{
    margin: 0 0 0 auto;
  }
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-tablet-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-tablet-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-tablet-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-tablet-center.dce-divider-position-tablet-bottom .dce-title-divider{
    margin: 0 auto;
  }
/*}*/
/*@media only screen and (max-width: 767px) {*/
  .dce-title-divider-yes.dce-divider-position-mobile-top .dce-divider:before,
  .dce-title-divider-yes.dce-divider-position-mobile-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-divider-position-mobile-top .dce-title-divider,
  .dce-title-divider-yes.dce-divider-position-mobile-bottom .dce-title-divider{
    display: block;
  }

  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-mobile-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-mobile-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-mobile-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-left.dce-divider-position-mobile-bottom .dce-title-divider
  {
    margin: 0 auto 0 0;
  }
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-mobile-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-mobile-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-mobile-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-right.dce-divider-position-mobile-bottom .dce-title-divider{
    margin: 0 0 0 auto;
  }
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-bottom .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-mobile-top .dce-divider:before,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-mobile-bottom .dce-divider:after,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-mobile-top .dce-title-divider,
  .dce-title-divider-yes.dce-title-align-mobile-center.dce-divider-position-mobile-bottom .dce-title-divider{
    margin: 0 auto;
  }
/*}
*/





.equalHMR{
  flex: 1 1 100%;
  /*align-self: center;*/
}
.equalHMR .dce-wrapper{
  height: 100%;

}
/* --------- Content -------- */
.dce-content{
  display: block;
}
/* --------- Excerpt -------- */
.dce-excerpt{
  display: block;
}
/* --------- Read More -------- */
.dce-btn-readmore{
  display: inline-block;
  
}
.dce-btn-readmore .icon-rm{
  position: relative;
  z-index: 1;
}
.icon-left .dce-btn-readmore .icon-rm{
  float: left;
  
}
.icon-right .dce-btn-readmore .icon-rm{
  float: right;
}
.icon-left .dce-btn-readmore.icon_button,
.icon-left .dce-btn-readmore.icon_button:after,
.icon-left .dce-btn-readmore.icon_button:before{
  text-align: right;
}
.icon-right .dce-btn-readmore.icon_button,
.icon-right .dce-btn-readmore.icon_button:after,
.icon-right .dce-btn-readmore.icon_button:before{
  text-align: left;
}
.icon-right .dce-btn-readmore.icon_button > span,
.icon-right .dce-btn-readmore.icon_button:after,
.icon-right .dce-btn-readmore.icon_button:before{
  padding-right: 0 !important;
}
.icon-left .dce-btn-readmore.icon_button > span,
.icon-left .dce-btn-readmore.icon_button:after,
.icon-left .dce-btn-readmore.icon_button:before{
  padding-left: 0 !important;
}
.dce-btn-readmore > span{
  transition: background-color 0.6s ease, color  0.6s ease;
  display: inline-block;
}
.rmbtn-align-justify .dce-btn-readmore{
  display: block;
  width: 100%;
}

/* PHOTOSWIPE */
/* La barra top non si vede */
.pswp__ui--idle .pswp__top-bar{
  opacity: 1;
}


/* --------- CRESCI ---------- */
@keyframes cresci {
  0% { transform: scale( 0 ); }
  100% { transform: scale( 1 ); }
}


/* --------- DONDOLA ---------- */
@keyframes dondolashort {
  0% { transform: rotate( -5deg ); }
  100% { transform: rotate( 5deg ); }
}
@keyframes dondola {
  0% { transform: rotate( -25deg ); }
  100% { transform: rotate( 25deg ); }
}
@keyframes dondolalong {
  0% { transform: rotate( -45deg ); }
  100% { transform: rotate( 45deg ); }
}

/* --------- PULSA ---------- */
@keyframes pulsashort {
  0% { transform: scale( 0.98 ); }
  100% { transform: scale( 1.02 ); }
}
@keyframes pulsa {
  0% { transform: scale( 0.93 ); }
  100% { transform: scale( 1.07 ); }
}
@keyframes pulsalong {
  0% { transform: scale( 0.85 ); }
  100% { transform: scale( 1.15 ); }
}

/* --------- DONDOLA ---------- */
@keyframes dondolashort {
  0% { transform: rotate( -5deg ); }
  100% { transform: rotate( 5deg ); }
}
@keyframes dondola {
  0% { transform: rotate( -25deg ); }
  100% { transform: rotate( 25deg ); }
}
@keyframes dondolalong {
  0% { transform: rotate( -45deg ); }
  100% { transform: rotate( 45deg ); }
}

/* --------- GALLEGGIA ---------- */
@keyframes galleggiashort {
    0% { transform: translateY( -5% ); }
  100% { transform: translateY( 5% ); }
}
@keyframes galleggia {
    0% { transform: translateY( -12% ); }
  100% { transform: translateY( 12% ); }
}
@keyframes galleggialong {
    0% { transform: translateY( -25% ); }
  100% { transform: translateY( 25% ); }
}


/* --------- ATTRAVERSA ---------- */
@keyframes attraversa {
    0% { transform: translateX( calc( -50vw - 50% - 100px ) ); }
  100% { transform: translateX( calc( +50vw + 50% + 100px ) ); }
}


/* --------- RISALI o AFFONDA ---------- */
/*@keyframes risali-e-affonda {
    0% { transform: translateY( calc( -50vw - 50% - 50px ) ); }
  100% { transform: translateY( calc( +50vw + 50% + 50px ) ); }
}*/
@keyframes risali-o-affondashort {
    0% { transform: translateY( 70% ); }
  100% { transform: translateY( 0 ); }
}
@keyframes risali-o-affonda {
    0% { transform: translateY( 150% ); }
  100% { transform: translateY( 0 ); }
}
@keyframes risali-o-affondalong {
    0% { transform: translateY( 300% ); }
  100% { transform: translateY( 0 ); }
}


/* --------- RIMBALZA ---------- */
@keyframes saltellashort {
  0% {transform: translateY(0%);}
  20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-15px);}
    60% {transform: translateY(-7px);}
}
@keyframes saltella {
  0% {transform: translateY(0%);}
  20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
@keyframes saltellalong {
  0% {transform: translateY(0%);}
  20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-60px);}
    60% {transform: translateY(-30px);}
}


/* --------- ROTOLA ---------- */
@keyframes rotolashort {
    0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -90deg ); }
  100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 90deg ); }
}
@keyframes rotola {
    0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -270deg ); }
  100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 270deg ); }
}
@keyframes rotolalong {
    0% { transform: translateX( calc( -50vw - 50% - 50px ) ) rotate( -450deg ); }
  100% { transform: translateX( calc( +50vw + 50% + 50px ) )  rotate( 450deg ); }
}



/* --------- BRILLA ---------- */
@keyframes brillashort {
  0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
  50% { box-shadow: 0 0 50px rgba(232,189,109,0.88); }
  100% { box-shadow: 0 0 100px rgba(232,189,109,0); }
}
@keyframes brilla {
  0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
  50% { box-shadow: 0 0 200px rgba(232,189,109,0.88); }
  100% { box-shadow: 0 0 300px rgba(232,189,109,0); }
}
@keyframes brillalong {
  0% { box-shadow: 0 0 -10px rgba(232,189,109,0.88); }
  50% { box-shadow: 0 0 300px rgba(232,189,109,0.88); }
  100% { box-shadow: 0 0 700px rgba(232,189,109,0); }
}



/*@-webkit-keyframes pulsa {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}*/
@keyframes brilla1 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}




/* AJAX - OPEN - PAGE */
/* --------- CRESCI ---------- */
/*esci*/
@keyframes exitToRight {
  0% { transform: translate(0,0); }
  100% { transform: translateX(100%); }
}
/*entra*/
@keyframes enterFromRight {
  0% { transform: translate(100%,0); }
  100% { transform: translateX(0); }
}
/*esci*/
@keyframes exitToLeft {
  0% { transform: translate(0,0); }
  100% { transform: translateX(-100%); }
}
/*entra*/
@keyframes enterFromLeft {
  0% { transform: translate(-100%,0); }
  100% { transform: translateX(0); }
}
/* -------------------- */
/*esci*/
@keyframes exitToTop {
  0% { transform: translate(0,0); }
  100% { transform: translateY(-100%); }
}
/*entra*/
@keyframes enterFromTop {
  0% { transform: translate(0,-100%); }
  100% { transform: translateY(0); }
}
/*esci*/
@keyframes exitToBottom {
  0% { transform: translate(0,0); }
  100% { transform: translateY(100%); }
}
/*entra*/
@keyframes enterFromBottom {
  0% { transform: translate(0,100%); }
  100% { transform: translateY(0); }
}
/* ---------------------- */

@keyframes exitToScaleBack {
  0% { transform: scale(1);}
  30% { opacity: 1; }
  99% { visibility: visible; }
  100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes exitToScaleFront {
  0% { transform: scale(1);}
  30% { opacity: 1; }
  99% { visibility: visible; }
  100% { transform: scale(1.3); opacity: 0; visibility: hidden;}
}

@keyframes enterFormScaleBack {
  0% { transform: translateZ(-500px); visibility: visible; opacity: 0;}
  100% { transform: translateZ(0); opacity: 1;}
}
@keyframes enterFormScaleFront {
  0% { transform: translateZ(500px); visibility: visible; opacity: 0;}
  100% { transform: translateZ(0); opacity: 1;}
}

/* ---------------------- */
@keyframes exitToFade {
  0% { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes enterFromFade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}



@keyframes exitQuit {
  0% { transform: scale(1); opacity: 1; visibility: visible;}
  100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes enterQuit {
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes loadAnim {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* flip */

@-webkit-keyframes flipOutRight {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRight {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInLeft {
  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInLeft {
  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes flipOutLeft {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeft {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInRight {
  from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInRight {
  from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes flipOutTop {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTop {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInBottom {
  from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottom {
  from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutBottom {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottom {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInTop {
  from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTop {
  from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

/* ----------------------------------------------------------------------- */
/* Buttons Style Effect */
/* Common button styles */
.eff_button {
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.eff_button:focus {
  outline: none;
}
.eff_button > span {
  vertical-align: middle;
}

/* ------------------------------------- */
/* Asolo */
.button--asolo {
  /*width: 240px;
  padding: 1.5em 3em;
  color: #fff;*/
}
.button--asolo:before,
.button--asolo:after {
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  border: 2px solid #ccc;

  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.button--asolo:before {
  transform: translate(-3px, -3px);
}
.button--asolo:after {
  transform: translate(3px, 3px);
}
.button--asolo:hover:before, .button--asolo:hover:after {
  transform: translate(0, 0);
}
/* Winona */
.button--winona {
  overflow: hidden;
  padding: 0;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;

  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
  text-align: center;
}

.button--winona:after,
.button--winona > span {
 
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {

}
.button--winona:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.button--winona:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

/* Ujarak */
.button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.button--ujarak:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #CCC;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.1, 0.1, 1);
  transform: scale3d(0.1, 0.1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak,
.button--ujarak:before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak:hover:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Wayra */
.button--wayra {
  overflow: hidden;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  z-index: -1;
  -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.button--wayra:hover {

}
.button--wayra:hover:before {
  opacity: 1;
  background-color: #CCC;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


/* Tamaya */
.button--tamaya {
  overflow: hidden;

}

.button--tamaya:before,
.button--tamaya:after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #CCC;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:before {
  top: 0;
  padding-bottom: 0 !important;
}
.button--tamaya:after {
  bottom: 0;
  line-height: 0;
  padding-top: 0 !important;
}
.button--tamaya > span {
  /*display: block;*/
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:hover:before {
  -webkit-transform: translate3d(0, -102%, 0);
  transform: translate3d(0, -102%, 0);
}
.button--tamaya:hover:after {
  -webkit-transform: translate3d(0, 102%, 0);
  transform: translate3d(0, 102%, 0);
}
.button--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* Rayen */
.button--rayen {
  overflow: hidden;
  padding: 0;
  /*width: 230px;*/
}
.button--rayen:before,
.icon-right .button--rayen:before{
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.icon-left .button--rayen:before{
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.button--rayen > span {
}
.button--rayen:before,
.button--rayen > span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--rayen:hover:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.button--rayen:hover > span {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

/* Pipaluk */
.button--pipaluk {
  /*width: 240px;
  padding: 1.5em 3em;
  color: #fff;*/
}

.button--pipaluk:before,
.button--pipaluk:after {
  content: '';
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}
.button--pipaluk:hover:before {
  border: 2px solid #CCC;
}
.button--pipaluk:hover:after {
  background-color: #CCC;
}
.button--pipaluk:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.button--pipaluk:before,
.button--pipaluk:hover:after {
  -webkit-transform: scale3d(0.9, 0.7, 1);
  transform: scale3d(0.9, 0.65, 1);
}
/*.button--pipaluk:hover:after {
  background-color: #FF0000;
}*/

/* Nuka */
.button--nuka {
/*  margin: 1em 2em;*/
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka:before,
.button--nuka:after {
  content: '';
  position: absolute;
  border-radius: inherit;
  z-index: -1;
}
.button--nuka:before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.button--nuka:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale3d(1.1, 1, 1);
  transform: scale3d(1.1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
}
.button--nuka:before,
.button--nuka:after {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--nuka:hover {
  
}
.button--nuka:hover:before {
  opacity: 1;
}
.button--nuka:hover:after {
  
}
.button--nuka:hover:after,
.button--nuka:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

/* Moema */
.button--moema {
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.button--moema:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: inherit;
  z-index: -1;
  opacity: 0;
  background-color: #CCC;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}
.button--moema:hover {
  -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  -webkit-animation: anim-moema-1 0.3s forwards;
  animation: anim-moema-1 0.3s forwards;
}

.button--moema:hover:before {
  -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
  animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-moema-2 {
  0% {
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
  }
}
@keyframes anim-moema-2 {
  0% {
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1);
  }
}

/* Isi */
.button--isi {
  overflow: hidden;
}
.button--isi:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #CCC;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
  transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.button--isi .button__icon {
  vertical-align: middle;
}
.button--isi > span {
  vertical-align: middle;
  padding-left: 0.75em;
}
.button--isi:hover:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

/* Aylen */
.button--aylen {
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.button--aylen.button--inverted {
  background: none;
}
.button--aylen:before,
.button--aylen:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen:before {
  background-color: #CCC;
}
.button--aylen:after {
  background-color: #999;
}
.button--aylen:hover {

}
.button--aylen:hover:before,
.button--aylen:hover:after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--aylen:hover:after {
  -webkit-transition-delay: 0.175s;
  transition-delay: 0.175s;
}

/* Saqui */
.button--saqui {
  overflow: hidden;

  -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
  transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.button--saqui:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #37474f;
  -webkit-transform-origin: -25% 50%;
  transform-origin: -25% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.button--saqui:hover:after,
.button--saqui:hover {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button--saqui:hover {

}
.button--saqui:hover:after {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}

/* Wapasha */
.button--wapasha {
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.button--wapasha:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #CCC;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--wapasha:hover {
/*  background-color: #fff;
  color: #FF0000;*/
}
.button--wapasha:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* Nina */
.button--nina {
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.button--nina > span > span {
  display: inline-block;

  opacity: 0;

  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--nina:hover {

}
.button--nina:hover:before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--nina:hover > span > span{
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.button--nina:hover > span > span:nth-child(1) {
  -webkit-transition-delay: 0.045s;
  transition-delay: 0.045s;
}
.button--nina:hover > span > span:nth-child(2) {
  -webkit-transition-delay: 0.09s;
  transition-delay: 0.09s;
}
.button--nina:hover > span > span:nth-child(3) {
  -webkit-transition-delay: 0.135s;
  transition-delay: 0.135s;
}
.button--nina:hover > span > span:nth-child(4) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
}
.button--nina:hover > span > span:nth-child(5) {
  -webkit-transition-delay: 0.225s;
  transition-delay: 0.225s;
}
.button--nina:hover > span > span:nth-child(6) {
  -webkit-transition-delay: 0.27s;
  transition-delay: 0.27s;
}
.button--nina:hover > span > span:nth-child(7) {
  -webkit-transition-delay: 0.315s;
  transition-delay: 0.315s;
}
.button--nina:hover > span > span:nth-child(8) {
  -webkit-transition-delay: 0.36s;
  transition-delay: 0.36s;
}
.button--nina:hover > span > span:nth-child(9) {
  -webkit-transition-delay: 0.405s;
  transition-delay: 0.405s;
}
.button--nina:hover > span > span:nth-child(10) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.button--nina:hover > span > span:nth-child(11) {
  -webkit-transition-delay: 0.49s;
  transition-delay: 0.49s;
}
.button--nina:hover > span > span:nth-child(12) {
  -webkit-transition-delay: 0.51s;
  transition-delay: 0.51s;
}
.button--nina:hover > span > span:nth-child(13) {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.button--nina:hover > span > span:nth-child(14) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.button--nina:hover > span > span:nth-child(15) {
  -webkit-transition-delay: 0.64s;
  transition-delay: 0.64s;
}
.button--nina:hover > span > span:nth-child(16) {
  -webkit-transition-delay: 0.68s;
  transition-delay: 0.68s;
}
.button--nina:hover > span > span:nth-child(17) {
  -webkit-transition-delay: 0.72s;
  transition-delay: 0.72s;
}
.button--nina:hover > span > span:nth-child(18) {
  -webkit-transition-delay: 0.76s;
  transition-delay: 0.45s;
}
.button--nina:hover > span > span:nth-child(19) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.45s;
}
.button--nina:hover > span > span:nth-child(20) {
  -webkit-transition-delay: 0.84s;
  transition-delay: 0.45s;
}
.button--nina:hover > span > span:nth-child(21) {
  -webkit-transition-delay: 0.88s;
  transition-delay: 0.45s;
}
.button--nina:hover > span > span:nth-child(22) {
  -webkit-transition-delay: 0.92s;
  transition-delay: 0.45s;
}
/* Nanuk */
.button--nanuk {
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.button--nanuk > span > span{
  display: inline-block;
}
.button--nanuk:hover {

}
.button--nanuk:hover > span > span:nth-child(odd) {
  -webkit-animation: anim-nanuk-1 0.5s forwards;
  animation: anim-nanuk-1 0.5s forwards;
}
.button--nanuk:hover > span > span:nth-child(even) {
  -webkit-animation: anim-nanuk-2 0.5s forwards;
  animation: anim-nanuk-2 0.5s forwards;
}
.button--nanuk:hover > span > span:nth-child(odd),
.button--nanuk:hover > span > span:nth-child(even) {
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes anim-nanuk-1 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes anim-nanuk-2 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes anim-nanuk-2 {
  0%,
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
.button--nanuk:hover > span > span:nth-child(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.button--nanuk:hover > span > span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.button--nanuk:hover > span > span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.button--nanuk:hover > span > span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.button--nanuk:hover > span > span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.button--nanuk:hover > span > span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.button--nanuk:hover > span > span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.button--nanuk:hover > span > span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.button--nanuk:hover > span > span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.button--nanuk:hover > span > span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.button--nanuk:hover > span > span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.button--nanuk:hover > span > span:nth-child(12) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.button--nanuk:hover > span > span:nth-child(13) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.button--nanuk:hover > span > span:nth-child(14) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.button--nanuk:hover > span > span:nth-child(15) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.button--nanuk:hover > span > span:nth-child(16) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.button--nanuk:hover > span > span:nth-child(17) {
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.button--nanuk:hover > span > span:nth-child(18) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.button--nanuk:hover > span > span:nth-child(19) {
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.button--nanuk:hover > span > span:nth-child(20) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.button--nanuk:hover > span > span:nth-child(21) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.button--nanuk:hover > span > span:nth-child(22) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

/* Antiman */
.button--antiman {
  background: none;
  border: none;
}
.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman > span {
  padding-left: 0.35em;
}
.button--antiman:before,
.button--antiman:after {
  content: '';
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman:before {
  border: 2px solid #CCC;
  opacity: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}
.button--antiman.button--border-thin:before {
  border-width: 1px;
}
.button--antiman.button--border-medium:before {
  border-width: 2px;
}
.button--antiman:after {

}
.button--antiman:hover:before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.button--antiman:hover:after {
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

/* Itzel */
.button--itzel {
  border: none;
  padding: 0px;
  overflow: hidden;
}
.button--itzel:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid;
  border-radius: inherit;
  /*-webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
  clip-path: url(../index.html#clipBox);*/
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.button--itzel:before,
.button--itzel .button__icon {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--itzel > span {
  /*display: block;*/
  padding: 20px;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.button--itzel:hover:before {
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}

.button--itzel:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* Naira */
.button--naira {
  padding: 0;
  overflow: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.button--naira:before {
  content: '';
  position: absolute;
  left: -50%;
  width: 200%;
  height: 200%;
  background: #37474f;
  top: -50%;
  z-index: -1;
  -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
  transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}
.button--naira.button--inverted:before {
  background: #00FF00;
}
.button--naira-up:before {
  -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
  transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}
.button--naira > span {
  display: block;
}
.button--naira .button__icon {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: #fff;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.button--naira-up .button__icon {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--naira > span,
.button--naira .button__icon {
  padding: 1em 2em;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--naira:hover:before {
  -webkit-animation: anim-naira-1 0.3s forwards ease-in;
  animation: anim-naira-1 0.3s forwards ease-in;
}
.button--naira-up:hover:before {
  -webkit-animation: anim-naira-2 0.3s forwards ease-in;
  animation: anim-naira-2 0.3s forwards ease-in;
}
@-webkit-keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes anim-naira-2 {
  50% {
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
.button--naira:hover {
  background-color: #37474f;
  -webkit-transition: background-color 0s 0.3s;
  transition: background-color 0s 0.3s;
}
.button--naira.button--inverted:hover {
  background-color: #00FF00;
}
.button--naira:hover .button__icon {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.button--naira:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.button--naira-up:hover > span {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

/* Quidel */
.button--quidel {
  background: #00FF00;
  color: #00FF00;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--quidel.button--inverted {
  background: #fff;
  color: #fff;
}
.button--quidel:before,
.button--quidel:after {
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: inherit;
}
.button--quidel:after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff;
}
.button--quidel.button--inverted:after {
  background: #37474f;
}
.button--quidel:before {
  background: #37474f;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--quidel.button--inverted:before {
  background: #00FF00;
}
.button--round-s.button--quidel:after {
  border-radius: 3px;
}
.button--round-m.button--quidel:after {
  border-radius: 13px;
}
.button--round-l.button--quidel:after {
  border-radius: 40px;
}
.button--quidel > span {
  padding-left: 0.35em;
}
.button--quidel:hover {
  color: #37474f;
}
.button--quidel.button--inverted:hover {
  color: #00FF00;
}
.button--quidel:hover:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Sacnite */
.eff_button.button--sacnite {
  width: 70px;
  height: 70px;
  min-width: 0;
  padding: 0;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.button--scanite.button--round-l {
  border-radius: 50%;
}
.button--sacnite.button--inverted {
  color: #37474f;
}
.button--sacnite:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #37474f;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  transition: box-shadow 0.3s, transform 0.3s;
}
.button--sacnite.button--inverted:before {
  box-shadow: inset 0 0 0 35px #fff;
}
.button--sacnite .button__icon {
  font-size: 22px;
  width: 22px;
}
.button--sacnite > span {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.button--sacnite:hover {
  color: #37474f;
}
.button--sacnite.button--inverted:hover {
  color: #fff;
}
.button--sacnite:hover:before {
  box-shadow: inset 0 0 0 2px #37474f;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.button--sacnite.button--inverted:hover:before {
  box-shadow: inset 0 0 0 2px #fff;
}

/* Shikoba */
.eff_button.button--shikoba {
  padding: 1em 30px 1em 50px;
  overflow: hidden;
  background: #fff;
  color: #37474f;
  border-color: #37474f;
  -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.button--shikoba.button--inverted {
  color: #fff;
  background: #00FF00;
}
.button--shikoba > span {
  display: inline-block;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba .button__icon {
  position: absolute;
  left: 20px;
  font-size: 18px;
  -webkit-transform: translate3d(-40px, 2.5em, 0);
  transform: translate3d(-40px, 2.5em, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba:hover .button__icon,
.button--shikoba:hover > span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.button--shikoba:hover {
  background: #3f51b5;
  border-color: #3f51b5;
  color: #fff;
}