/* ==========================================================================
TABLE OF CONTENTS
-----------------------------------------------------------------------------
01 CLEARFIX
02 RESET
03 COLORS
04 FONTS
05 MIXINS
06 LOADER
07 PUSHY MENU
08 MODALS
09 BUTTONS
10 HEADER
11 HEADEINGS TXT
12 MAIN
13 FORM
-----------------------------------------------------------------------------
/* ==========================================================================
01 CLEARFIX
========================================================================== */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
/* ==========================================================================
02 RESET
========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, hgroup, main, menu, nav, section, summary {
  display: block; }

*, *::after, *::before {
  -ms-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* ==========================================================================
03 COLORS
========================================================================== */
/* ==========================================================================
SOCIAL - COLOR PALETTE
========================================================================== */
/* ==========================================================================
CLIENT - COLOR PALETTE
========================================================================== */
/* ==========================================================================
END-CLIENT - COLOR PALETTE
========================================================================== */
/* ==========================================================================
04 FONTS
========================================================================== */

/* ==========================================================================
05 MIXINS
========================================================================== */
/* ==========================================================================
BREAKPOINT
========================================================================== */
/**/
/* ==========================================================================
GRID
========================================================================== */
/*
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
            user-select: none; 
}
*/
/*body, html {
  font-family: "Lato", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*:focus {
  outline: none; }

a:visited {
  outline: none;
  color: #316d82; }

label {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a, span, input, figcaption, p, label, h1, h2, h3, h4 {
  font-family: "Lato", Helvetica, Arial, "sans-serif";
  font-weight: 400; }*/

/* ==========================================================================
06 LOADER
========================================================================== */
/* ==========================================================================
                            HR-LOADER
========================================================================== */
body {
  overflow: hidden !important;
      font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; }

div#preloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999999;
  background-color: black;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  div#preloader img {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto; }

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-ripple div {
  position: absolute;
  border: 4px solid #3f8843;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s; }

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0; } }

/* ==========================================================================
                            FIN-HR-LOADER
========================================================================== */

/* ==========================================================================
09 BUTTONS
========================================================================== */
/* ==========================================================================
                        HR-BUTTONS
========================================================================== */
/*--BTN-UP---*/
button.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 2%;
  right: 2%;
  background-color: #004ece;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  align-items: center;
  justify-content: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.9);
  /* WebKit */
  -moz-transform: scale(0.9);
  /* Mozilla */
  -o-transform: scale(0.9);
  /* Opera */
  -ms-transform: scale(0.9);
  /* Internet Explorer */
  transform: scale(0.9);
  /* CSS3 */
  display: none; }
  button.scrollup > img {
    width: 8px;
    position: absolute; }
  @media screen and (min-width: 64em) {
    button.scrollup:hover {
      -webkit-transform: scale(1.2);
      /* WebKit */
      -moz-transform: scale(1.2);
      /* Mozilla */
      -o-transform: scale(1.2);
      /* Opera */
      -ms-transform: scale(1.2);
      /* Internet Explorer */
      transform: scale(1.2);
      /* CSS3 */ } }

button.btn-down {
  display: block;
  margin: 0 auto;
  border: none;
  background-color: blue;
  width: 65px;
  height: 65px;
  cursor: pointer;
  border-radius: 60px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(1);
  /* WebKit */
  -moz-transform: scale(1);
  /* Mozilla */
  -o-transform: scale(1);
  /* Opera */
  -ms-transform: scale(1);
  /* Internet Explorer */
  transform: scale(1);
  /* CSS3 */ }
  button.btn-down > img.arrow-down {
    width: 40%;
    height: 40%;
    object-fit: cover; }
  @media screen and (min-width: 64em) {
    button.btn-down:hover {
      -webkit-transform: scale(1.2);
      /* WebKit */
      -moz-transform: scale(1.2);
      /* Mozilla */
      -o-transform: scale(1.2);
      /* Opera */
      -ms-transform: scale(1.2);
      /* Internet Explorer */
      transform: scale(1.2);
      /* CSS3 */ } }

/*--BTNES GENERAL---*/
a.linkIdea {
  text-decoration: none;
  color: #316d82;
  cursor: pointer;
  width: 230px;
  height: 60px; }
  a.linkIdea button.btnIdea {
    font-family: "Nespresso Lucas", Helvetica, Arial, "sans-serif";
    font-weight: 600;
    font-size: 1em;
    letter-spacing: .2em;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #316d82;
    color: white;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
    margin: 0 auto;
    padding: 0 10%; }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btnIdea:hover {
        background-color: #142c35; } }
  a.linkIdea button.btn-localiza-tu {
    background-color: white;
    color: black;
    text-transform: uppercase;
    border: 1px solid white;
    font-size: .9em; }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btn-localiza-tu:hover {
        background-color: #3f8843;
        color: white; } }
  a.linkIdea button.btn-conocemasIdea {
    background-color: white;
    color: #3f8843;
    text-transform: uppercase;
    border: 1px solid white; }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btn-conocemasIdea:hover {
        background-color: #3f8843;
        color: white; } }
  a.linkIdea button.btn-comienza-ahoraIdea {
    background-color: white;
    color: #3f8843;
    text-transform: uppercase;
    border: 1px solid #3f8843; }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btn-comienza-ahoraIdea:hover {
        background-color: #3f8843;
        color: white; } }
  a.linkIdea button.btn-compraahoraIdea {
    background-color: #3f8843;
    color: white;
    text-transform: uppercase;
    border: 1px solid #3f8843; }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btn-compraahoraIdea:hover {
        background-color: white;
        color: #3f8843; } }
  a.linkIdea button.btn-localizaIdea {
    background-color: #ffffff;
    color: #3f8843;
    text-transform: uppercase;
    border: 1px solid #3f8843;
    font-size: .8em;
    height: 50px;
    padding: 0; }
    @media screen and (min-width: 48em) {
      a.linkIdea button.btn-localizaIdea {
        font-size: 1.1em;
        grid-column-end: 60px; } }
    @media screen and (min-width: 64em) {
      a.linkIdea button.btn-localizaIdea:hover {
        background-color: #3f8843;
        color: #ffffff; } }

a.link-centerIdea {
  display: block;
  margin: 0 auto 30px; }

a.link-leftIdea {
  display: block;
  float: left; }

a.link-bigIdea {
  width: 300px;
  height: 50px; }
  @media screen and (min-width: 48em) {
    a.link-bigIdea {
      width: 480px; } }

a.link-bigger {
  min-width: 290px; }
  @media screen and (min-width: 30em) {
    a.link-bigger {
      min-width: 300px; } }
  @media screen and (min-width: 48em) {
    a.link-bigger {
      min-width: 320px; } }
  @media screen and (min-width: 64em) {
    a.link-bigger {
      min-width: 400px; } }

/* ==========================================================================
                        END-HR-BUTTONS
========================================================================== */
/* ==========================================================================
10 HEADER
========================================================================== */
/* ==========================================================================
                         HR-MODALS
========================================================================== */


/* ==========================================================================
                        END-HR-MODALS
========================================================================== */
/* ==========================================================================
11 HEADINGS TEXT
========================================================================== */
/* ==========================================================================
                         HR-HEADING-TEXT
========================================================================== */
h1 {
  font-family: "Nespresso Lucas", Helvetica, Arial, "sans-serif";
  color: #000000;
  font-size: 1.1em;
  letter-spacing: .5px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 300; }
  @media screen and (min-width: 48em) {
    h1 {
      font-size: 1.3em; } }
  @media screen and (min-width: 64em) {
    h1 {
      font-size: 1.8em; } }

h2 {
  font-family: "Nespresso Lucas", Helvetica, Arial, "sans-serif";
  color: #000000;
  font-size: 1.5em;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 10px; }
  @media screen and (min-width: 48em) {
    h2 {
      font-size: 2.3em;
      letter-spacing: .1em; } }
  h2 br {
    display: block; }
    @media screen and (min-width: 48em) {
      h2 br {
        display: none; } }
    h2 br.brMobileIdea {
      display: block; }
      @media screen and (min-width: 48em) {
        h2 br.brMobileIdea {
          display: none; } }
    h2 br.brDeskIdea {
      display: none; }
      @media screen and (min-width: 48em) {
        h2 br.brDeskIdea {
          display: block; } }

p {
  font-family: "Nespresso Lucas", Helvetica, Arial, "sans-serif";
  color: #000000;
  font-size: .9em;
  line-height: 1.2em;
  font-weight: 300;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  p strong {
    font-weight: 800; }
  @media screen and (min-width: 48em) {
    p {
      font-size: 1.2em; } }
  p.subtitleIdea {
    font-size: 1.2em; }
    @media screen and (min-width: 48em) {
      p.subtitleIdea {
        font-size: 1.3em; } }
  p br {
    display: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (min-width: 48em) {
      p br {
        display: block; } }
    p br.brMobileIdea {
      display: block; }

.centerIdea {
  text-align: center; }

.interlineadoIdea {
 line-height: 1.1; }  

.txtGreenIdea {
  color: #3f8843; }

.txtWhiteIdea {
  color: white; }

/* ==========================================================================
                         END-HR-HEADINGS-TEXT
========================================================================== */
/* ==========================================================================
11 MAIN
========================================================================== */
/* ==========================================================================
                         HR-MAIN
========================================================================== */
/*.wrapperIdea {
  width: 100%;
  min-height: 100vh;
  background-color: gray;
  margin-top: 160px; }

  @media (max-width: 995px) {
.wrapperIdea {
  margin-top: 72px; }
}*/


section.first-containerIdea {
  width: 100%;
  height: auto;
  display: block;
  position: relative; }
  section.first-containerIdea div.heroIdea {
    width: 100%;
    height: 70vh;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center; }
    @media screen and (min-width: 48em) {
      section.first-containerIdea div.heroIdea {
        background-color: #000000;
        height: auto;
        position: relative;
        z-index: 0;
        align-items: center; } }
    @media screen and (min-width: 64em) {
      section.first-containerIdea div.heroIdea {
        background-color: #000000;
        height: auto;
        position: relative;
        z-index: 0;
        align-items: center; } }
    section.first-containerIdea div.heroIdea video {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto; }
      section.first-containerIdea div.heroIdea video.videoMobileIdea {
        display: block; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.heroIdea video.videoMobileIdea {
            display: none; } }
      section.first-containerIdea div.heroIdea video.videoDesktopIdea {
        display: none; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.heroIdea video.videoDesktopIdea {
            display: block;
            max-width: 100%;
            height: auto; } }
        @media screen and (min-width: 64em) {
          section.first-containerIdea div.heroIdea video.videoDesktopIdea {
            display: block;
            max-width: 100%;
            height: auto; } }
  section.first-containerIdea div.hero-sContainerIdea {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: white;
    padding: 2% 0;
    position: relative;
    z-index: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (min-width: 48em) {
      section.first-containerIdea div.hero-sContainerIdea {
        display: none;
        width: 380px;
        position: absolute;
        top: 30%;
        left: 50%;
        margin-left: -190px;
        z-index: 2; } }
    @media screen and (min-width: 64em) {
      section.first-containerIdea div.hero-sContainerIdea {
        display: none;
        padding: .5% 0;
        width: 590px;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-left: -295px;
        z-index: 2; } }
    section.first-containerIdea div.hero-sContainerIdea img.heroIconosIdea {
      display: block;
      width: 90%;
      margin: 0 auto;
      padding: 2% 0; }
      @media screen and (min-width: 48em) {
        section.first-containerIdea div.hero-sContainerIdea img.heroIconosIdea {
          width: 80%; } }
    section.first-containerIdea div.hero-sContainerIdea h1 {
      padding: 2%; }
  section.first-containerIdea div.hero-tContainerIdea {
    width: 100%;
    height: auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 30em) {
      section.first-containerIdea div.hero-tContainerIdea {
        flex-direction: inherit; } }
    section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
      display: none; }
      @media screen and (min-width: 48em) {
        section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
          display: block;
          width: 100%;
          height: auto;
          margin: 0 auto;
          background-color: white;
          padding: 2% 0;
          position: absolute;
          z-index: 1;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          width: 380px;
          position: absolute;
          left: 50%;
          margin-left: -190px;
          z-index: 2;
          top: -20%; } }
      @media screen and (min-width: 64em) {
        section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
          padding: .5% 0;
          width: 590px;
          position: absolute;
          left: 50%;
          margin-left: -295px;
          z-index: 2;
          top: -20%; } }
      section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea img.heroIconosIdea {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 2% 0; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea img.heroIconosIdea {
            width: 80%; } }
      section.first-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea h1 {
        padding: 2%; }
    section.first-containerIdea div.hero-tContainerIdea div.blocksIdea {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: auto;
      min-height: 300px;
      background-color: #16455f;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      flex-direction: column; }
      section.first-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(2) {
        background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/reciclaje.gif");
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(2) {
            background-size: contain; } }
      section.first-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
        background-color: #dfdfdf;
        /*padding: 10% 5% 5% 5%;*/ }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
            /*padding: 10% 5% 5% 5%;*/ } }
        @media screen and (min-width: 64em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
            /*padding: 10% 5% 5% 5%;*/ } }
      @media screen and (min-width: 30em) {
        section.first-containerIdea div.hero-tContainerIdea div.blocksIdea {
          width: 50%;
          min-height: 330px; } }
      section.first-containerIdea div.hero-tContainerIdea div.blocksIdea > img {
        width: 100%;
        height: auto; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea > img {
            width: 75%; } }
      section.first-containerIdea div.hero-tContainerIdea div.blocksIdea > p {
        /*
                            padding: 10%;
                            
                            @include breakpoint(tablet){
                                padding: 27% 10% 10% 10%;
                            }
                            @include breakpoint(desktop){
                                padding: 20% 10% 10% 10%;
                            }
                            */ }
      section.first-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
        display: block;
        margin: 0 auto;
        width: 90%;
        padding-top: 30px;
        padding-bottom: 30px; }
        @media screen and (min-width: 48em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
            padding-top: 100px;
            padding-bottom: 70px;
            max-width: 400px; } }
        @media screen and (min-width: 64em) {
          section.first-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
            padding-top: 120px;
            padding-bottom: 70px;
            max-width: 600px; } }

section.second-containerIdea {
  width: 100%;
  height: auto;
  display: block;
  background-color: white;
  padding: 10% 2% 1% 2%; }
  @media screen and (min-width: 48em) {
    section.second-containerIdea {
      padding: 6% 2% 1% 2%; } }
  section.second-containerIdea > p > br {
    display: block; }
    @media screen and (min-width: 48em) {
      section.second-containerIdea > p > br {
        display: none; } }
  section.second-containerIdea div.carruselIdea {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding: 2%;
    height: auto;
    min-height: 200px;
    position: relative;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    section.second-containerIdea div.carruselIdea div.owl-carouselIdea {
      width: 100%;
      display: block;
      margin: 0 auto; }
    section.second-containerIdea div.carruselIdea img.capsulaMobileIdea {
      display: block;
      width: 100%;
      margin: 0 auto;
      width: 300px; }
    @media screen and (min-width: 48em) {
      section.second-containerIdea div.carruselIdea {
        display: none; } }
  section.second-containerIdea div.reciclaDesktopIdea {
    display: none; }
    @media screen and (min-width: 48em) {
      section.second-containerIdea div.reciclaDesktopIdea {
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 800px;
        height: 670px;
        background-color: white;
        position: relative;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        justify-content: center;
        align-items: center;
        background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/como-reciclar-cys3.gif");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 3%;
        margin-bottom: 3%; }
        section.second-containerIdea div.reciclaDesktopIdea img.reciclar2 {
          display: block;
          width: 300px;
          margin: 0 auto;
          position: absolute;
          left: 50%;
          margin-left: -150px;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; } }
    @media screen and (min-width: 48em) and (min-width: 48em) {
      section.second-containerIdea div.reciclaDesktopIdea img.reciclar2 {
        width: 360px;
        margin-left: -180px; } }

section.third-containerIdea {
  width: 100%;
  height: auto;
  display: block;
  background-color: #f5f5f5; }
  section.third-containerIdea div.t-f-containerIdea {
    display: block;
    width: 100%;
    height: auto;
    position: relative; }
    section.third-containerIdea div.t-f-containerIdea div.bannersIdea {
      width: 100%;
      height: 100px;
      display: block; }
      section.third-containerIdea div.t-f-containerIdea div.bannersIdea:nth-child(1) {
        background-color: white; }
      section.third-containerIdea div.t-f-containerIdea div.bannersIdea:nth-child(2) {
        background-color: #f5f5f5; }
      @media screen and (min-width: 48em) {
        section.third-containerIdea div.t-f-containerIdea div.bannersIdea {
          height: 200px; } }
    section.third-containerIdea div.t-f-containerIdea img.bolsaReciclableIdea {
      width: 300px;
      height: auto;
      display: block;
      margin: 0 auto;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -150px;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      @media screen and (min-width: 48em) {
        section.third-containerIdea div.t-f-containerIdea img.bolsaReciclableIdea {
          width: 600px;
          margin-left: -300px; } }
  section.third-containerIdea div.t-s-containerIdea {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    background-color: #f5f5f5;
    max-width: 320px;
    padding-bottom: 6%; }
    @media screen and (min-width: 48em) {
      section.third-containerIdea div.t-s-containerIdea {
        max-width: 1200px; } }
    section.third-containerIdea div.t-s-containerIdea div.objetosRecicladosIdea {
      width: 100%;
      max-width: 1200px;
      display: block;
      height: auto;
      margin: 0 auto;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: column; }
      @media screen and (min-width: 48em) {
        section.third-containerIdea div.t-s-containerIdea div.objetosRecicladosIdea {
          flex-direction: inherit;
          justify-content: center;
          align-items: center; } }
      section.third-containerIdea div.t-s-containerIdea div.objetosRecicladosIdea img.objetoRecicladoIdea {
        width: 50%;
        height: auto;
        display: block;
        margin: 0 auto; }
        @media screen and (min-width: 48em) {
          section.third-containerIdea div.t-s-containerIdea div.objetosRecicladosIdea img.objetoRecicladoIdea {
            width: 30%;
            padding: 0 2%; } }

section.fourth-containerIdea {
  width: 100%;
  height: auto;
  display: block;
  background-color: white; }
  section.fourth-containerIdea div.f-fourth-containerIdea {
    width: 100%;
    height: auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column; }
    @media screen and (min-width: 48em) {
      section.fourth-containerIdea div.f-fourth-containerIdea {
        flex-direction: inherit;
        align-items: center;
        justify-content: center; } }
    section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea {
      width: 100%;
      min-height: 220px;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      flex-direction: column;
      justify-content: center;
      padding: 0; }
      section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea:nth-child(1) {
        background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/bote-de-reciclaje.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea:nth-child(2) {
        background-color: #dfdfdf; }
      @media screen and (min-width: 30em) {
        section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea {
          min-height: 290px; } }
      @media screen and (min-width: 48em) {
        section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea {
          width: 50%;
          min-height: 400px; } }
      section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea div.txtBlockIE2Idea {
        display: block;
        margin: 0 auto;
        width: 90%;
        padding-top: 30px;
        padding-bottom: 30px; }
        @media screen and (min-width: 48em) {
          section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea div.txtBlockIE2Idea {
            padding-top: 70px;
            padding-bottom: 70px;
            max-width: 400px; } }
        @media screen and (min-width: 64em) {
          section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea div.txtBlockIE2Idea {
            padding-top: 80px;
            padding-bottom: 80px;
            max-width: 600px; } }
  section.fourth-containerIdea div.s-fourth-containerIdea {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/back-reciclamos-juntos.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: ccover; }
    section.fourth-containerIdea div.s-fourth-containerIdea img.localizacionIdea {
      width: 90px;
      height: auto;
      display: block;
      margin: 0 auto;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      margin-top: 40px;
      margin-bottom: 40px; }
      @media screen and (min-width: 48em) {
        section.fourth-containerIdea div.s-fourth-containerIdea img.localizacionIdea {
          width: 170px;
          margin-top: 40px;
          margin-bottom: 40px; } }
    section.fourth-containerIdea div.s-fourth-containerIdea img.reciclamosJuntosIdea {
      display: block;
      width: 250px;
      height: auto;
      margin: 0 auto;
      margin-top: 40px;
      margin-bottom: 60px; }


     /*NUEVO BANNER */
section.fifth-containerIdea {
  width: 100%;
  height: auto;
  display: block;
  position: relative; }
  section.fifth-containerIdea div.heroIdea {
    width: 100%;
    height: 70vh;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center; }
    @media screen and (min-width: 48em) {
      section.fifth-containerIdea div.heroIdea {
        background-color: #ffffff;
        height: auto;
        position: relative;
        z-index: 0;
        align-items: center; } }
    @media screen and (min-width: 64em) {
      section.fifth-containerIdea div.heroIdea {
        background-color: #ffffff;
        height: auto;
        position: relative;
        z-index: 0;
        align-items: center; } }
    section.fifth-containerIdea div.heroIdea video {
      display: block;
      width: 100%;
      height: auto;
      margin: 0 auto; }
      section.fifth-containerIdea div.heroIdea video.videoMobileIdea {
        display: block; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.heroIdea video.videoMobileIdea {
            display: none; } }
      section.fifth-containerIdea div.heroIdea video.videoDesktopIdea {
        display: none; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.heroIdea video.videoDesktopIdea {
            display: block;
            max-width: 100%;
            height: auto; } }
        @media screen and (min-width: 64em) {
          section.fifth-containerIdea div.heroIdea video.videoDesktopIdea {
            display: block;
            max-width: 100%;
            height: auto; } }
  section.fifth-containerIdea div.hero-sContainerIdea {
    display: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: white;
    padding: 2% 0;
    position: relative;
    z-index: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    @media screen and (min-width: 48em) {
      section.fifth-containerIdea div.hero-sContainerIdea {
        display: none;
        width: 380px;
        position: absolute;
        top: 30%;
        left: 50%;
        margin-left: -190px;
        z-index: 2; } }
    @media screen and (min-width: 64em) {
      section.fifth-containerIdea div.hero-sContainerIdea {
        display: none;
        padding: .5% 0;
        width: 590px;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-left: -295px;
        z-index: 2; } }
    section.fifth-containerIdea div.hero-sContainerIdea img.heroIconosIdea {
      display: block;
      width: 90%;
      margin: 0 auto;
      padding: 2% 0; }
      @media screen and (min-width: 48em) {
        section.fifth-containerIdea div.hero-sContainerIdea img.heroIconosIdea {
          width: 80%; } }
    section.fifth-containerIdea div.hero-sContainerIdea h1 {
      padding: 2%; }
  section.fifth-containerIdea div.hero-tContainerIdea {
    width: 100%;
    height: auto;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 30em) {
      section.fifth-containerIdea div.hero-tContainerIdea {
        flex-direction: inherit; } }
    section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
      display: none; }
      @media screen and (min-width: 48em) {
        section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
          display: block;
          width: 100%;
          height: auto;
          margin: 0 auto;
          background-color: transparent;
          padding: 2% 0;
          position: absolute;
          z-index: 1;
          -moz-transition: all 0.3s;
          -o-transition: all 0.3s;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          width: 380px;
          position: absolute;
          left: 50%;
          margin-left: -190px;
          z-index: 2;
          top: -20%; } }
      @media screen and (min-width: 64em) {
        section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea {
          padding: .5% 0;
          width: 590px;
          position: absolute;
          left: 50%;
          margin-left: -295px;
          z-index: 2;
          top: -20%; } }
      section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea img.heroIconosIdea {
        display: block;
        width: 90%;
        margin: 0 auto;
        padding: 2% 0; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea img.heroIconosIdea {
            width: 80%; } }
      section.fifth-containerIdea div.hero-tContainerIdea div.hero-sContaniner2Idea h1 {
        padding: 2%; }
    section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      height: auto;
      min-height: 300px;
      background-color: #54864b;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      flex-direction: column; }
      section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(2) {
        background-size: 65%;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(2) {
            background-size: contain; } }
      section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
        background-color: #dfdfdf;
        /*padding: 10% 5% 5% 5%;*/ }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
            /*padding: 10% 5% 5% 5%;*/ } }
        @media screen and (min-width: 64em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea:nth-child(3) {
            /*padding: 10% 5% 5% 5%;*/ } }
      @media screen and (min-width: 30em) {
        section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea {
          width: 50%;
          min-height: 330px; } }
      section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea > img {
        width: 100%;
        height: auto; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea > img {
            width: 75%; } }
      section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea > p {
        /*
                            padding: 10%;
                            
                            @include breakpoint(tablet){
                                padding: 27% 10% 10% 10%;
                            }
                            @include breakpoint(desktop){
                                padding: 20% 10% 10% 10%;
                            }
                            */ }
      section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
        display: block;
        margin: 0 auto;
        width: 90%;
        padding-top: 30px;
        padding-bottom: 30px; }
        @media screen and (min-width: 48em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
            padding-top: 100px;
            padding-bottom: 70px;
            max-width: 400px; } }
        @media screen and (min-width: 64em) {
          section.fifth-containerIdea div.hero-tContainerIdea div.blocksIdea div.txtBlockIEIdea {
            padding-top: 40px;
            padding-bottom: 50px;
            max-width: 600px; } }

     /*TERMINA NUEVO BANNER*/

/*Carousel*/
.owl-themeIdea .owl-nav {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0) !important; }

button.owl-prev {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 15%;
  margin-top: -50px;
  left: 0;
  background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/flecha-izq.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

button.owl-next {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 15%;
  margin-top: -50px;
  right: 0;
  background-image: url("https://losdeidea.com.mx/landing/nespresso/reciclaje/assets/img/home/flecha-derecha.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important; }

.owl-themeIdea .owl-nav [class*=owl-]:hover {
  background: #dfdfdf;
  color: rgba(255, 255, 255, 0) !important;
  text-decoration: none !important; }

/* ==========================================================================
                         END-HR-MAIN
========================================================================== */
/* ==========================================================================
12 FORM
========================================================================== */
/* ==========================================================================
                         HR-MAIN
========================================================================== */
section.form-container {
  width: 100%;
  height: 90vh;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center; }
  section.form-container form {
    width: 90%;
    height: auto;
    background-color: #ededed;
    border-radius: 10px;
    padding: 10px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    flex-direction: column; }
    @media screen and (min-width: 48em) {
      section.form-container form {
        max-width: 400px; } }
    section.form-container form input {
      width: 100%;
      margin: 5px 0;
      height: 35px;
      text-indent: 10px;
      text-transform: uppercase;
      font-size: 18px;
      text-align: center;
      border-radius: 60px;
      border: none;
      font-weight: 600;
      background-color: #316d82;
      color: white; }
      section.form-container form input::placeholder {
        width: 100%;
        color: white;
        font-weight: 600; }

/*------CUSTOM CHECKBOX------*/
label.container-checkbox {
  position: relative;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px; }

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -4px;
  left: -30px;
  height: 25px;
  width: 25px;
  background-color: #bfbfbf; }

/* On mouse-over, add a grey background color */
.container-checkbox :hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #316d82; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/*------CUSTOM SELECT-------*/
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  background-color: #316d82;
  color: white;
  font-weight: 600;
  font-size: 18px;
  border-radius: 60px; }

.custom-select select {
  display: none;
  /*hide original SELECT element:*/ }

.select-selected {
  background-color: #316d82;
  border-radius: 60px; }

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent; }

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px; }

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none; }

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #316d82;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  height: 211px;
  overflow: scroll; }

/*hide the items when the select box is closed:*/
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

/* ==========================================================================
                         END-HR-MAIN
========================================================================== */

/* INICIA OWL CAROUSEL*/

.owl-themeIdea .owl-dots,.owl-themeIdea .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-themeIdea .owl-nav{margin-top:10px}.owl-themeIdea .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-themeIdea .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-themeIdea .owl-nav .disabled{opacity:.5;cursor:default}.owl-themeIdea .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-themeIdea .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-themeIdea .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-themeIdea .owl-dots .owl-dot.active span,.owl-themeIdea .owl-dots .owl-dot:hover span{background:#869791}

.owl-carouselIdea,.owl-carouselIdea .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carouselIdea{display:none;width:100%;z-index:1}.owl-carouselIdea .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carouselIdea .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carouselIdea .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carouselIdea .owl-item,.owl-carouselIdea .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carouselIdea .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carouselIdea .owl-item img{display:block;width:100%}.owl-carouselIdea .owl-dots.disabled,.owl-carouselIdea .owl-nav.disabled{display:none}.no-js .owl-carouselIdea,.owl-carouselIdea.owl-loaded{display:block}.owl-carouselIdea .owl-dot,.owl-carouselIdea .owl-nav .owl-next,.owl-carouselIdea .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carouselIdea .owl-nav button.owl-next,.owl-carouselIdea .owl-nav button.owl-prev,.owl-carouselIdea button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carouselIdea.owl-loading{opacity:0;display:block}.owl-carouselIdea.owl-hidden{opacity:0}.owl-carouselIdea.owl-refresh .owl-item{visibility:hidden}.owl-carouselIdea.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carouselIdea.owl-grab{cursor:move;cursor:grab}.owl-carouselIdea.owl-rtl{direction:rtl}.owl-carouselIdea.owl-rtl .owl-item{float:right}.owl-carouselIdea .animated{animation-duration:1s;animation-fill-mode:both}.owl-carouselIdea .owl-animated-in{z-index:0}.owl-carouselIdea .owl-animated-out{z-index:1}.owl-carouselIdea .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carouselIdea .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carouselIdea .owl-item .owl-lazy:not([src]),.owl-carouselIdea .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carouselIdea .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carouselIdea .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carouselIdea .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carouselIdea .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carouselIdea .owl-video-playing .owl-video-play-icon,.owl-carouselIdea .owl-video-playing .owl-video-tn{display:none}.owl-carouselIdea .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carouselIdea .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*TERMINA OWL CAROUSEL*/

/*EMPIEZA IDEA*/

@media (max-width: 600px) {
section.fourth-containerIdea div.f-fourth-containerIdea div.blockFIdea:nth-child(2) {
    text-align: center;
}
a.linkIdea button.btn-conocemasIdea {
    font-size: .8em;
    width: 170px;
    height: 50px;
}
a.linkIdea button.btn-compraahoraIdea {
    font-size: .8em;
    width: 200px;
    height: 50px;
    margin: 0 37%;
}
section.first-containerIdea div.heroIdea {
    height: 61vh;
}
a.linkIdea button.btn-comienza-ahoraIdea {
    height: 50px;
    font-size: .8em;
}
a.btn-reIdea {
    width: 373px!important;
}
}
@media (max-width: 375px) {
a.linkIdea button.btn-compraahoraIdea {
    margin: 0 29%;
}
a.btn-reIdea {
    width: 334px!important;
}
}
@media screen and (min-width: 64em) {
a.linkIdea button.btn-localiza-tu:hover {
    background-color: #3f8843;
    color: white;
    border: 1px solid #3f8843;
}
a.link-bigger {
    min-width: 270px;
}
a.linkIdea button.btn-comienza-ahoraIdea:hover {
    border: none;
}
}
a.btn-reIdea {
    width: 460px;
}
a.linkIdea button.btn-soluciones {
    background-color: white;
    color: #3f8843;
    text-transform: uppercase;
    border: 1px solid #3f8843;
}
a.linkIdea button.btn-soluciones:hover {
    background-color: #3f8843;
    color: white;
}

.liga-text-legal-nuevo{
color: #FFFFFF;
}

/*TERMINA IDEA*/

/*INICIA ANIMATE*/

*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*TERMINA ANIMATE*/