@import "style-mobile.css";
  .popover{
      max-width: 600px;
  }

  .notifications-popover {
      overflow: hidden;
      max-height: 560px;
      max-width: 400px;
  }
  .notifications-popover .popover-header-custom {
      all: unset;
      font-size: 2em;
      color: #072146;
      /* padding: 2rem 1rem; */
      font-weight: 600;
      margin-left: 1rem;
  }

  .reports-notifications-popover hr,
  .notifications-popover hr {
      padding: 0 1rem;
      margin-top: 0;
      margin-bottom: 0;
      border-top: 2px solid #0000001a;
  }
  .popover-section {
      /* padding: 1rem; */
      font-size: 1.5em;
      color: #666;
      font-weight: bold;
      margin-left: 1rem;
      margin: 5px 0px 4px 10px;
      /*padding: .5rem 0;*/
  }

  .notifications-popover-item {
    /*padding: 0.3rem 1rem 0.3rem 1rem;*/
    padding: 10px 10px 4px 10px;
    margin-inline: 0 !important;
  }
  .notifications-popover-item .text{
    padding-left: 0;
  }
  .notifications-popover-item:hover {
      background-color: #e7f1ee;
  }
  .reports-notifications-popover .notifications-popover-name,
  .notifications-popover .notifications-popover-name {
      font-weight: bold;
      font-size: 1em;
  }
  .reports-notifications-popover .notifications-popover-action,
  .notifications-popover .notifications-popover-action {
      font-weight: lighter;
      font-size: 1em;
      /*margin-left: 5px;*/
  }
  .reports-notifications-popover .notifications-popover-date,
  .notifications-popover .notifications-popover-date {
      color: #666;
      font-size: .8em;
      font-weight: ligther;
      margin-top: .3rem;
  }
  .reports-notifications-popover .notifications-popover-avatar,
  .notifications-popover .notifications-popover-avatar {
    align-self: center;
    padding-left: 0;
    padding-right: 50px;
    max-width: 40px;
}
.notifications-popover-pubname {
    color: #072146;
    font-weight: bold;
}


  /* ICONS IN ACORDEON */
  /* .step-header .bbva-icon {
    font-style: normal;
    font-weight: 900;
    margin: 0px 8px 0px 0px;
  }
  .step-header .bbva-icon:before{
      content: "\2212";
  }
  .step-header[aria-expanded="false"] .bbva-icon:before{
    content: "\254B";
    font-size: 15px;
    position: relative;
    top: -0.5rem;
    left: -0.5rem;
  }
  .step-header[aria-expanded="true"] .bbva-icon:before{
      content: "\2212";
  } */
[aria-expanded='true'].accordion-container:after {
    content: '\2212';
    font-weight: bold;
    float: right;
    margin-left: 2rem;
    font-size: 2rem;
    color: #297cbd;
}

[aria-expanded='false'].accordion-container:after {
    content: "\002b";
    font-weight: bold;
    float: right;
    margin-left: 2rem;
    font-size: 2rem;
    color: #297cbd;
}

[aria-expanded='false'].second.accordion-container:after {
    content: "\2039" !important;
    transform: rotate(180deg);
    font-weight: bold;
    float: right;
    margin-left: 2rem;
    font-size: 2rem;
    color: #297cbd;
}
[aria-expanded='true'].second.accordion-container:after {
    content: "\2039" !important;
    transform: rotate(-90deg);
    font-weight: bold;
    float: right;
    margin-left: 2rem;
    font-size: 2rem;
    color: #297cbd;
}

/* MODAL FULLSCREEN */
#modalFullscreenProfile {
    z-index: 9999;
}
#modalFullscreenProfile .modal-dialog .modal-content{
    height: calc(100vh - 100px);
}
/* #modalFullscreenProfile .modal-dialog{
    width: 100vw;
} */

.navbar-collapse {
    background-color: #072146;
}
.navbar-collapse li a {
    color: #fff;
    font-weight: 900;
}
.navbar-dark .navbar-toggler {
    border: none !important;
}
button:focus {
    outline: none !important;
}
.navbar .nav-item:not(:last-child) {
    margin-right: 35px;
  }

  .dropdown-toggle::after {
     transition: transform 0.15s linear;
  }

  .show.dropdown .dropdown-toggle::after {
    transform: translateY(3px);
  }

/* HEADER */

.headerPopoverDotedIcon {
    border-radius: 50px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}
.headerPopoverDotedIcon:hover {
    border-radius: 50px;
    background-color: #e7f1ee;
}
.dotedMenuProfile {
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}
.info-sidebar .dotedMenuProfile{
    position: absolute;
    left: 6px;
    top: 6px;
}

.dotedMenuProfile:hover {
    background-color: #e7f1ee;
}
.page-container {
    background-color: #F4F4F4;
}
.head {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.usernavbar .navbar-nav .nav-item {
    padding: 1rem;
}
.usernavbar .navbar-nav .nav-item + .multi-collapse .nav-item{
    padding-left: 2rem;

}
.usernavbar.mobile li a{
    font-weight: 100;
}
.usernavbar.mobile li a.active,
.usernavbar.mobile .collapse.multi-collapse li a:hover{
    font-weight: 900;
    display: block !important;
}
.usernavbar.mobile .navbar-nav .nav-item .nav-link{
    width: 100%;
}
.usernavbar.mobile .navbar-nav .nav-item .nav-link[aria-expanded="true"] .nav-link-arrow_mobile {
    transform: rotate(-180deg);
}
.usernavbar.mobile .navbar-nav .nav-item .nav-link .nav-link-arrow_mobile {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.usernavbar.mobile .navbar-nav .nav-item .nav-link{
    display: flex;
    justify-content: space-between;
}
.nav-link {
    position: relative;
}
.nav-item.active span{
    color: #fff;
}
.nav-item.inActive span{
    color: #666;
}
.nav-link-arrow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .5s ease-out;
    opacity: 0;
}
.nav-link:hover .nav-link-arrow {
    transform: translate(0, 1.3rem);
    opacity: 1;
}
.nav-link:hover .nav-link-arrow {
    fill: #1d73b2;
}
.arrowActive a svg{
    fill: #fff;
}

.arrowActive .nav-link .nav-link-arrow {
    transform: translate(0, 1.3rem);
    opacity: 1;
}

/* NOTIFICATIONS MENU */
.notification-icon {
    fill: #fff;
}
.notification-icon.active {
    fill: #1d73b2;
}
.notification-icon.active g path{
    display: block !important;
}

.notification-budget {
    position: absolute;
    top: -3px;
    right: -5px;
    padding: 0.18rem 0.3rem !important;
    min-width: 1rem;
    height: 1rem;
    font-size: .6rem !important;
}

/* FIX OLD HEADER */
.clearfix {
    display: flex;
}
/* HEADER POPOVER */
.popover {
    border: none;
    box-shadow: 0px 1px 5px 0px rgb(140 140 140 / 61%)
}
.popover .arrow {
    display: none !important;
}
.popover-body {
    padding: 0;
}
.popoverButton {
    width: 100%;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 1rem 2rem;
    border-top: solid 1px #ccc;
}
.popoverButton:hover {
    background-color: #d6ecf8;
}
.popoverButton .popoverButtonIcon {
    margin-right: 1em;
}
.popoverButton a {
    color: #000;
    font-size: 1.4em;
}

/* .swlFlyout .arrow {
    display: none;
}
.swlFlyout_content {
    padding: 0;
} */
/* @media (max-width: 1330px) {
    .swlFlyout.bottom {
        left: unset !important;
        right: 10px;
    }
} */
.popoverName {
    font-size: 18px;
    max-width: 180px;
    white-space: normal;
    text-align:center;
}
.popoverGrade { font-size: 16px; }
/* END HEADER POPOVER */

/* MOBILE HEADER */


    .usernavbar.navbar-collapse {
        position: fixed;
        top: 50px;
        left: 0;
        padding-bottom: 15px;
        width: 30%;
        height: 100%;
        z-index: 90;
    }

    .usernavbar.navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .usernavbar.navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        font-size: 16px;
    }

    .usernavbar.navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
@media (max-width: 992px) {
    .usernavbar.navbar-collapse {
        width: 81%;
    }
}


body {
    display: grid !important;
    min-height: 100vh !important;
    grid-template-rows: auto 1fr auto !important;
}

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, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
blockquote.blockquote {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 15% 0px 15%;
    font-style: italic;
    font-size: 20px;
    line-height: 32px;
    color: #868686;
}

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

ul {
    list-style: none;
}

/* .clearfix {
    zoom: 1;
} */

/* .clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
} */

* {
    outline: none;
}

html {
    min-height: 100%;
    width: 100vw;
    max-width: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #121212;
    text-align: left;
    letter-spacing: 0;
    line-height: 20px;
}

div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.card {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    color: #121212;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 20px;
}

.stage-filters.card, .card.exam {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    color: #121212;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 20px;
}

.card.gray {
    background-color: #F4F4F4;
}

.card.accordeon {
    padding: 0 1.25rem 1.25rem;
}

.txt_ellipsis {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.header {
    background-color: #072146;
    position: relative;
    z-index: 9;
}

.header .container {
    /* padding-top: 5px;
    padding-bottom: 5px; */
}

.header_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_container .header_logo {
    line-height: 0px;
    width: 348px;
}
.new_header_container {
    display: flex;
    justify-content: space-between;
}

.header .header__image {
    display: inline;
    max-height: 20px;
    min-height: 20px;
    max-width: 262px;
    -webkit-transition: all .33333s;
    -o-transition: all .33333s;
    -moz-transition: all .33333s;
    transition: all .33333s;
}

@media (max-width: 991px) and (min-width: 0) {
    .header .header__image {
        height: 18px;
        max-height: 18px;
        min-height: 18px;
        max-width: 176px;
    }
}

.header .header__logo__link {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}


.header .header__logo__link img {
    max-height: 75px;
	max-width: 100%;
    padding: 15px 0px;
    -webkit-transition: all .33333s;
    -o-transition: all .33333s;
    -moz-transition: all .33333s;
    transition: all .33333s;
}

@media (max-width: 600px) {
    .header .header__logo__link .header_image {
        max-width: 200px;
        height: auto !important;
    }
}
/* LOGIN */
.login-container {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-card {
    max-width: 700px;
    padding: 2rem;
}
.card-header {
    font-weight: 900;
    margin: 1.5rem auto;
}

@media (max-width: 990px) {
    #block-botondeaccesologin {
        top: -7px !important;
    }

    #block-botondeaccesologin a.header-button {
        font-size: 12px !important;
        /* margin: 1px 8px !important;
        display: flex;
        justify-content: space-between;
        align-items: center; */
    }

    #block-botondeaccesologin .bbva-icon {
        font-size: 18px;
    }
}

.header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
.header.withNav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}


/* @media (min-width: 992px) {
    .header.sticky {
        min-height: 48px;
        max-height: 48px;
    }
    .header.withNav.sticky {
        min-height: 71px;
        max-height: 71px;
    }
} */

@media (min-width: 992px) {
    .header.sticky {
	padding: 4px 0px 5px 0px;
    }
    .header.sticky .header__logo__link img {
        max-height: 34px;
        min-height: 34px;
		padding: 0px;
		/* vertical-align: super; */
    }
    .header.withNav.sticky .header__logo__link img {
        max-height: 71px;
        min-height: 71 px;
		padding: 0px;
        transition: all .33333s;
		vertical-align: super;
    }
}

.subheader {
    background-color: #004481;
    /* color: #5BBEFF; */
    padding: 10px 0px 10px 0px;
    line-height: 24px;
    font-size: 17px;
    text-align: left;
    color: #1d73b2;
    height: 50px;
}

@media screen and (min-width: 640px) {
    .sticky + .subheader {
        padding-top: 92px;
    }
}

@media screen and (max-width: 639px) {
    .sticky + .subheader {
        padding-top: 40px;
    }
}


.subheader_student_grade {
    border-radius: 5%;
    color: #072146;
    background-color: #1d73b2;
    text-transform: uppercase;
    font-size: .5em;
    font-weight: bold;
    padding: 0px 10px;
    /* height: 1em; */
    font-family: "BentonSansBBVA-Bold", sans-serif !important;
    margin-left: 1em;
}



html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0;
    line-height: 20px !important;
    color: #121212;
    word-wrap: break-word;
    position: relative;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

@media (min-width: 992px) {
    body {
        font-size: 15px;
        line-height: 24px;
    }
}

input:invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header .navbar-collapse a:hover {
    text-decoration: none;
}

.title2 {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    margin: 24px 0px;
    color: #004481;
}
.title3 {
    color: #8C8C8C;
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1.5rem;
}
.title4 {
    color: #8C8C8C;
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: bold
}

.title2.sub {
    color: #121212;
}

/* .page-container {
    min-height: 100%;
    position: relative;
} */
/* este valor debe ser igual o mayor al alto del pie */
/* background-color: #006600; */
 /* #container {
    padding-bottom:260px;
    overflow-x: hidden;
  }  */
.login.page-container {
    min-height: 100%;
    position: relative;
    background-color: #F4F4F4;
}

.content {
    background-color: #F4F4F4;
    padding: 20px 0px 20px 0px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.content .contact-area .container {
    margin: 80px auto;
    padding: 22px 0px;
}

.content .contact-area .container .question-area {
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 36px;
    line-height: 48px;
    font-family: "BentonSansBBVA-Light",Helvetica,Arial,sans-serif;
}

.content .contact-area .container .question-area [class^=ui-] {
    margin: 8px 0;
    display: block;
    font-size: 24px;
    color: #1464A5;
}

.content .contact-area .container .contact-info {
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
}

.content .contact-area .container .contact-info .description__text {
    margin-left: 16px;
    margin-right: 16px;
    width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
    padding: 64px 0;
    margin-bottom: 24px;
}

.content .contact-area .container .contact-info .description__text .sectionTitle--bullet {
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #121212;
    letter-spacing: 0;
    line-height: 16px;
    text-transform: uppercase;
}

.content .contact-area .container .contact-info .description__text [class^=ui-] {
    color: #5BBEFF;
    margin-left: 0;
    font-size: 16px;
    -webkit-transform: scaleY(2.5) rotate(180deg);
    -moz-transform: scaleY(2.5) rotate(180deg);
    -ms-transform: scaleY(2.5) rotate(180deg);
    -o-transform: scaleY(2.5) rotate(180deg);
    transform: scaleY(2.5) rotate(180deg);
    line-height: 20px;
    margin: 0 8px;
}

.content .contact-area .container .contact-info .description__text .listtext {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 24px;
    font-family: "BentonSansBBVA-Book",Helvetica,Arial,sans-serif;
    text-align: left;
    letter-spacing: 0;
    line-height: 20px;
    color: #626262;
}

.content .contact-area .container .contact-info .description__text .listtext ul {
    list-style: inside;
    list-style-position: outside !important;
    margin: 0 16px;
}

@media screen and (min-width: 1024px) {
    .content .contact-area .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .content .contact-area .container .question-area {
        width: 20%;
    }

    .content .contact-area .container .contact-info {
        width: 80%;
    }

    .content .contact-area .container .contact-info .description__text {
        margin-bottom: 32px;
    }
}

.outer {
    display: table;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.waitmodal {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}

.waitmodal .spinner *, .waitmodal .spinner *:before, .waitmodal .spinner *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.waitmodal .spinner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.waitmodal .spinner figure {
    margin: auto;
    height: 3em;
    width: 2.5em;
    position: relative;
}

.waitmodal .spinner figure .stripe--item-1 {
    background: #2a86ca;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.waitmodal .spinner figure .stripe--item-1, .waitmodal .spinner figure .stripe--item-3, .waitmodal .spinner figure .stripe--item-5 {
    height: 0.72em;
}

.waitmodal .spinner figure .stripe {
    contain: layout style;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    stroke: none;
    -webkit-animation-duration: 2.8s;
    -moz-animation-duration: 2.8s;
    -o-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.waitmodal .spinner figure .stripe--item-1 {
    background: #2a86ca;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.waitmodal .spinner figure .stripe--item-2 {
    -webkit-animation-name: st2;
    -moz-animation-name: st2;
    -o-animation-name: st2;
    animation-name: st2;
}

.waitmodal .spinner figure .stripe--item-3 {
    background: #004481;
    -webkit-animation-name: st3;
    -moz-animation-name: st3;
    -o-animation-name: st3;
    animation-name: st3;
}

.waitmodal .spinner figure .stripe--item-4 {
    -webkit-animation-name: st4;
    -moz-animation-name: st4;
    -o-animation-name: st4;
    animation-name: st4;
}

.waitmodal .spinner figure .stripe--item-5 {
    background: #2DCCCD;
    -webkit-animation-name: st5;
    -moz-animation-name: st5;
    -o-animation-name: st5;
    animation-name: st5;
}

@-webkit-keyframes st2 {
    0% {
        -webkit-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 0.66em);
        transform: translate(0, 0.66em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 1.8em);
        transform: translate(0, 1.8em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 3em);
        transform: translate(0, 3em);
    }
}

@-moz-keyframes st2 {
    0% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 0.66em);
        -moz-transform: translate(0, 0.66em);
        transform: translate(0, 0.66em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 1.8em);
        -moz-transform: translate(0, 1.8em);
        transform: translate(0, 1.8em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        transform: translate(0, 3em);
    }
}

@-o-keyframes st2 {
    0% {
        -webkit-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 0.66em);
        -o-transform: translate(0, 0.66em);
        transform: translate(0, 0.66em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 1.8em);
        -o-transform: translate(0, 1.8em);
        transform: translate(0, 1.8em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
    }
}

@keyframes st2 {
    0% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 0.66em);
        -moz-transform: translate(0, 0.66em);
        -o-transform: translate(0, 0.66em);
        transform: translate(0, 0.66em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 1.8em);
        -moz-transform: translate(0, 1.8em);
        -o-transform: translate(0, 1.8em);
        transform: translate(0, 1.8em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 3em);
        -moz-transform: translate(0, 3em);
        -o-transform: translate(0, 3em);
        transform: translate(0, 3em);
    }
}

@-webkit-keyframes st3 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    25% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: scale(1, 2.4) translate(0, -100%);
        transform: scale(1, 2.4) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }
}

@-moz-keyframes st3 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    25% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: scale(1, 2.4) translate(0, -100%);
        -moz-transform: scale(1, 2.4) translate(0, -100%);
        transform: scale(1, 2.4) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }
}

@-o-keyframes st3 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    25% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: scale(1, 2.4) translate(0, -100%);
        -o-transform: scale(1, 2.4) translate(0, -100%);
        transform: scale(1, 2.4) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }
}

@keyframes st3 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    25% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: scale(1, 2.4) translate(0, -100%);
        -moz-transform: scale(1, 2.4) translate(0, -100%);
        -o-transform: scale(1, 2.4) translate(0, -100%);
        transform: scale(1, 2.4) translate(0, -100%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0, -100%);
        -moz-transform: scale(1, 0.99742) translate(0, -100%);
        -o-transform: scale(1, 0.99742) translate(0, -100%);
        transform: scale(1, 0.99742) translate(0, -100%);
    }
}

@-webkit-keyframes st4 {
    0% {
        -webkit-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 2em);
        transform: translate(0, 2em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 2.626em);
        transform: translate(0, 2.626em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 0.3734em);
        transform: translate(0, 0.3734em);
    }
}

@-moz-keyframes st4 {
    0% {
        -webkit-transform: translate(0, 0.374em);
        -moz-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 2em);
        -moz-transform: translate(0, 2em);
        transform: translate(0, 2em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 0.374em);
        -moz-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 2.626em);
        -moz-transform: translate(0, 2.626em);
        transform: translate(0, 2.626em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 0.3734em);
        -moz-transform: translate(0, 0.3734em);
        transform: translate(0, 0.3734em);
    }
}

@-o-keyframes st4 {
    0% {
        -webkit-transform: translate(0, 0.374em);
        -o-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 2em);
        -o-transform: translate(0, 2em);
        transform: translate(0, 2em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 0.374em);
        -o-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 2.626em);
        -o-transform: translate(0, 2.626em);
        transform: translate(0, 2.626em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 0.3734em);
        -o-transform: translate(0, 0.3734em);
        transform: translate(0, 0.3734em);
    }
}

@keyframes st4 {
    0% {
        -webkit-transform: translate(0, 0.374em);
        -moz-transform: translate(0, 0.374em);
        -o-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: translate(0, 2em);
        -moz-transform: translate(0, 2em);
        -o-transform: translate(0, 2em);
        transform: translate(0, 2em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: translate(0, 0.374em);
        -moz-transform: translate(0, 0.374em);
        -o-transform: translate(0, 0.374em);
        transform: translate(0, 0.374em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    75% {
        -webkit-transform: translate(0, 2.626em);
        -moz-transform: translate(0, 2.626em);
        -o-transform: translate(0, 2.626em);
        transform: translate(0, 2.626em);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    100% {
        -webkit-transform: translate(0, 0.3734em);
        -moz-transform: translate(0, 0.3734em);
        -o-transform: translate(0, 0.3734em);
        transform: translate(0, 0.3734em);
    }
}

@-webkit-keyframes st5 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: scale(1, 2.4) translate(0%, -50%);
        transform: scale(1, 2.4) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    75% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }
}

@-moz-keyframes st5 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: scale(1, 2.4) translate(0%, -50%);
        -moz-transform: scale(1, 2.4) translate(0%, -50%);
        transform: scale(1, 2.4) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    75% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }
}

@-o-keyframes st5 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: scale(1, 2.4) translate(0%, -50%);
        -o-transform: scale(1, 2.4) translate(0%, -50%);
        transform: scale(1, 2.4) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    75% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }
}

@keyframes st5 {
    0% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    25% {
        -webkit-transform: scale(1, 2.4) translate(0%, -50%);
        -moz-transform: scale(1, 2.4) translate(0%, -50%);
        -o-transform: scale(1, 2.4) translate(0%, -50%);
        transform: scale(1, 2.4) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -moz-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        -o-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    50% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    75% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }

    100% {
        -webkit-transform: scale(1, 0.99742) translate(0%, -50%);
        -moz-transform: scale(1, 0.99742) translate(0%, -50%);
        -o-transform: scale(1, 0.99742) translate(0%, -50%);
        transform: scale(1, 0.99742) translate(0%, -50%);
    }
}

.notification {
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    color: #121212;
    background-color: #F4F4F4;
    font-size: 0.875rem;
    line-height: 1.4285;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 0.5em;
    margin-bottom: 20px;
}

.notification .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    padding: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

@media screen and (max-width: 639px) {
    .notification .wrapper {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.25rem 1rem;
    }
}

.notification .wrapper .icon {
    width: 1.5rem;
    height: 1.5rem;
}

.notification .wrapper .icon .bbva-icon {
    content: "\eaa3";
}

.notification .wrapper .message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
}

@media screen and (max-width: 639px) {
    .notification .wrapper .message {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
        width: 100%;
        padding-left: 0;
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
}

.notification .wrapper .close-button {
    height: 24px;
    color: #237ABA;
    cursor: pointer;
}

.notification .wrapper .message__heading {
    padding: 0.3125rem 0 0.75rem 0;
    font-size: 1.125rem;
}

@media screen and (max-width: 639px) {
    .notification .wrapper .message__heading {
        padding: 1rem 0 0.5rem 0;
        font-size: 1.125rem;
    }
}

.notification .wrapper .message__body {
    padding-bottom: 0.5rem;
}

.notification.info {
    background-color: #D4EDFC;
}

.notification.info .icon {
    color: #5BBEFF;
}

.notification.info .icon .bbva-icon:before {
    content: "\e012";
}

.notification.error {
    background-color: #FDDFDF;
}

.notification.error .icon {
    color: #B92A45;
}

.notification.error .icon .bbva-icon:before {
    content: "\e08c";
}

.notification.success {
    background-color: #DAEFE0;
}

.notification.success .icon {
    color: #48AE64;
}

.notification.success .icon .bbva-icon:before {
    content: "\ea58";
}

.notification.warning {
    background-color: #fff5d8;
}

.notification *, .notification *:before, .notification *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.with-border {
    border: 1px solid #ECECEC;
}
/* Forms */
.form-group .custom-input {
    display: block;
    width: -webkit-calc(100% - 22px);
    width: -moz-calc(100% - 22px);
    width: calc(100% - 22px);
    height: 33px;
    padding: 22px 11px 0;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.5;
    border: transparent;
    border-style: none none solid;
    -webkit-border-image: initial;
    -moz-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    border-bottom: 1px solid #666;
    background: #f4f4f4;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    box-sizing: content-box;
}
.form-group .i-message, .form-group-select .i-message {
    height: 32px;
    max-height: 32px !important;
}

.form-group.hasError .bbva-icon, .form-group-select.hasError .bbva-icon {
    font-size: 16px;
    color: #B92A45;
    float: left;
}

.form-group.hasError .text-message, .form-group-select.hasError .text-message {
    font-size: 12px;
    vertical-align: sub;
}

.grid-item-t .grid-item .form-group.hasError .i-message, .grid-item-t .grid-item .form-group-select.hasError .i-message {
    line-height: 6px;
    padding-top: 3px;
    height: 29px;
}

.form-group.hasError .placeholder-wrapper {
    display: block;
    background-color: #F8D7DC;
    border-bottom: solid 1px #B92A45;
}

.form-group.hasError .placeholder-wrapper .form-control {
    background-color: #F8D7DC;
    border-bottom: none;
}

.form-group.hasError .placeholder-wrapper .placeholder-simulator {
    color: #B92A45;
}

.form-control, .create-question-section .form-control {
    display: block;
    width: -webkit-calc(100% - 22px);
    width: -moz-calc(100% - 22px);
    width: calc(100% - 22px);
    height: 33px;
    padding: 22px 11px 0;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.25;
    border: transparent;
    border-style: none none solid;
    -webkit-border-image: initial;
    -moz-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    border-bottom: 1px solid #666;
    background: #f4f4f4;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
}
.form-control.uploadfile {
    line-height: 1.25;
}

.form-control:disabled {
    opacity: 0.5;
    cursor: default;
    border: none;
    /* background: #666666; */
}

.placeholder-wrapper .placeholder-simulator {
    color: #666;
    pointer-events: none;
    font-size: 15px;
    padding: 0 12px;
    position: absolute;
    top: 16px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

.placeholder-wrapper {
    position: relative;
}

.form-group.iconizer {
    position: relative;
}

.form-group.iconizer .bbva-icon {
    position: absolute;
    right: 0px;
    top: 29%;
    z-index: 5;
    cursor: pointer;
    margin-right: 16px;
}

.form-group.iconizer .bbva-icon:hover {
    color: #1464A5;
}

.form-group-info {
    margin-bottom: 7px;
    padding-left: 16px;
}

.form-group-info .isec {
    width: auto;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
}

.form-group-meter .isec {
    width: 6%;
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}

.i-form .grid-container, .modal .grid-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.i-form .grid-container img, .modal .grid-container img {
    display: block;
}

body {
    overflow-x: hidden;
}

.i-form .grid-container > .grid-item, .modal .grid-container > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .i-form .grid-container > .grid-item, .modal .grid-container > .grid-item {
        width: -webkit-calc(50% - 1em);
        width: -moz-calc(50% - 1em);
        width: calc(50% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .i-form .grid-container, .modal .grid-container {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .i-form .grid-container, .modal .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .i-form .grid-container > .grid-item, .modal .grid-container > .grid-item {
        width: 100%;
        margin: 0;
    }
}

.i-form .grid-container .grid-item .item-fill, .modal .grid-container .grid-item .item-fill {
    height: 100%;
    position: relative;
}

.i-form .grid-container .grid-item .item-fill .item-corner, .modal .grid-container .grid-item .item-fill .item-corner {
    width: 100%;
}

.i-form .grid-container .grid-item-t, .modal .grid-container .grid-item-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.i-form .grid-container .grid-item-t img, .modal .grid-container .grid-item-t img {
    display: block;
}

body {
    overflow-x: hidden;
}

.i-form .grid-container .grid-item-t > .grid-item, .modal .grid-container .grid-item-t > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .i-form .grid-container .grid-item-t > .grid-item, .modal .grid-container .grid-item-t > .grid-item {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .i-form .grid-container .grid-item-t, .modal .grid-container .grid-item-t {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .i-form .grid-container .grid-item-t, .modal .grid-container .grid-item-t {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .i-form .grid-container .grid-item-t > .grid-item, .modal .grid-container .grid-item-t > .grid-item {
        width: 100%;
        margin: 0;
    }
}

.i-form .grid-container-t, .modal .grid-container-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.i-form .grid-container-t img, .modal .grid-container-t img {
    display: block;
}

body {
    overflow-x: hidden;
}

.i-form .grid-container-t > .grid-item, .modal .grid-container-t > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .i-form .grid-container-t > .grid-item, .modal .grid-container-t > .grid-item {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .i-form .grid-container-t, .modal .grid-container-t {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .i-form .grid-container-t, .modal .grid-container-t {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .i-form .grid-container-t > .grid-item, .modal .grid-container-t > .grid-item {
        width: 100%;
        margin: 0;
    }
}

.i-form .grid-container-t .grid-item .item-fill, .modal .grid-container-t .grid-item .item-fill {
    height: 100%;
    position: relative;
}

.i-form .grid-container-t .grid-item .item-fill .item-corner, .modal .grid-container-t .grid-item .item-fill .item-corner {
    width: 100%;
}

.i-form .grid-container-t .grid-item-t, .modal .grid-container-t .grid-item-t {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.i-form .grid-container-t .grid-item-t img, .modal .grid-container-t .grid-item-t img {
    display: block;
}

body {
    overflow-x: hidden;
}

.i-form .grid-container-t .grid-item-t > .grid-item, .modal .grid-container-t .grid-item-t > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .i-form .grid-container-t .grid-item-t > .grid-item, .modal .grid-container-t .grid-item-t > .grid-item {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .i-form .grid-container-t .grid-item-t, .modal .grid-container-t .grid-item-t {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .i-form .grid-container-t .grid-item-t, .modal .grid-container-t .grid-item-t {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .i-form .grid-container-t .grid-item-t > .grid-item, .modal .grid-container-t .grid-item-t > .grid-item {
        width: 100%;
        margin: 0;
    }
}

 /* ACORDEON */

.i-form.accordion .step-header, .modal.accordion .step-header {
    cursor: pointer;
    text-shadow: none;
    border-bottom: 2px solid #ECECEC;
}

.i-form.accordion .step-header.disabled, .modal.accordion .step-header.disabled {
    cursor: default;
    text-shadow: none;
    border-bottom: 2px solid #ECECEC;
}

.i-form.accordion .step-header .step-name, .modal.accordion .step-header .step-name {
    width: 80%;
    color: #8C8C8C;
    padding-left: 24px;
    /* position: relative; */
    display: flex;
    align-items: center;
}
.step-name-progress-bar{
    width: 80%;
    color: #8C8C8C;
    padding-left: 24px;
    /* position: relative; */
    /*display: flex*/;
    align-items: center;
}
.i-form.accordion .step-header .status{
    font-size: 1.2rem;
    /* font-weight: 100; */
    color: #8C8C8C;
    width:15%;
    display: flex;
    align-items: center;
}
.i-form.accordion .pruebas-title{
    border-bottom: 2px solid #ECECEC;
}
/* .i-form.accordion .claseParadividir:first-child {
    border-top: none;
} */
/* .i-form.accordion + .i-form.accordion.claseParadividir {
    border-top: 0;
} */
.left .status img{
    margin-right: 12px;
    width:25px;
    height: 25px;
}
.left .status{
    display: flex;

}
.i-form.accordion .step-header .status img{
    margin-right: 12px;
    width:25px;
    height: 25px;
}
.i-form.accordion .step-header .step-name img{
    margin-right: 16px;
	max-width: 30px;
}
.i-form.accordion .step-header.disabled .step-name, .modal.accordion .step-header.disabled .step-name {
    width: 75%;
    color: #888787;
    padding-left: 45px;
    position: relative;
}

.i-form.accordion .step-header .step-name i.bbva-icon,
.modal.accordion .step-header .step-name i.bbva-icon {
    position: absolute;
    left: 2px;
    top: -6px;
}

@media screen and (max-width: 639px) {
    .i-form.accordion .step-header .step-name, .modal.accordion .step-header .step-name {
        width: 85%;
        font-size: 13px;
    }
}

.i-form.accordion .step-header .step-status, .modal.accordion .step-header .step-status {
    -webkit-align-content: normal;
    -ms-flex-line-pack: normal;
    align-content: normal;
    -webkit-box-align: normal;
    -webkit-align-items: normal;
    -moz-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    display: inline-block;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: normal;
    -webkit-justify-content: normal;
    -moz-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    width: 15%;
    color: #fff;
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    display: inline-block;
    font-size: 16px;
    line-height: 1em;
    text-align: center;
    font-weight: 200;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    padding: 2px;
}

@media screen and (max-width: 639px) {
    .i-form.accordion .step-header .step-status, .modal.accordion .step-header .step-status {
        width: 25%;
        font-size: 12px;
    }
}

.i-form.accordion .step-header .step-status .bbva-icon, .modal.accordion .step-header .step-status .bbva-icon {
    font-size: 19px;
    font-weight: 100 !important;
    vertical-align: bottom;
}

@media screen and (max-width: 639px) {
    .i-form.accordion .step-header .step-status .bbva-icon, .modal.accordion .step-header .step-status .bbva-icon {
        font-size: 15px;
    }
}

.i-form.accordion .step-header .step-status.incomplete, .modal.accordion .step-header .step-status.incomplete {
    color: #666666;
}

.i-form.accordion .step-header .step-status.incomplete .bbva-icon, .modal.accordion .step-header .step-status.incomplete .bbva-icon {
    color: #B92A45;
}

.i-form.accordion .step-header .step-status.complete, .modal.accordion .step-header .step-status.complete {
    color: #666666;
}

.i-form.accordion .step-header .step-status.complete .bbva-icon, .modal.accordion .step-header .step-status.complete .bbva-icon {
    color: #388D4F;
}

.i-form.accordion .step-header .step-arrow .bbva-icon, .modal.accordion .step-header .step-arrow .bbva-icon {
    font-size: 30px;
    color: #1464A5;
    line-height: 2;
}
#nav-tabContent2 .i-form.accordion .step-header .step-arrow .bbva-icon{
    line-height: 0.6;
}
#nav-tabContent2 .step-header[aria-expanded="false"] .bbva-icon:before{
    left: 0rem;
}
.i-form.accordion .step-header.disabled .step-arrow .bbva-icon, .modal.accordion .step-header.disabled .step-arrow .bbva-icon {
    font-size: 30px;
    color: #4788bd;
}

.i-form.accordion .step-header.is-open, .modal.accordion .step-header.is-open, .i-form.accordion .step-header[aria-expanded="true"] {
    border-bottom: none;
}

.i-form label, .modal label {
    color: #121212;
    font-family: "BentonSansBBVA-Medium", sans-serif !important;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-weight: inherit !important;
    line-height: 1.2;
    display: inline-block;
    max-width: 100%;
}

.step-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    font-family: "BentonSansBBVA-Medium", sans-serif !important;
    width: 100%;
    height: 5rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    text-shadow: 0 1px 0 #fff;
    border-bottom: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    color: #121212;
}

.login-card.card .step-header .bbva-icon.ui-key{
    margin-right: 12px;
}

@media screen and (max-width: 639px) {
    .step-header {
        font-size: 16px;
    }
}

.content .step-container {
    margin: 0 0.9375rem;
    padding: 1.875rem 5px;
}
.content .step-container-exams {
    padding: 1.875rem 3rem;
}

@media screen and (min-width: 1024px) {
    .content .step-container {
        padding: 0rem 58px 1.875rem 58px;
    }
}

@media screen and (min-width: 1024px) {
    .content .step-container.main-container {
        padding: 1.875rem 341px;
    }
}

.checkbox-area {
    margin-bottom: 32px;
}

.checkbox {
    display: inline-block;
    width: 23px;
    height: 23px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid #666;
    background-color: #F4F4F4;
    color: #004481;
    cursor: pointer;
    vertical-align: middle;
}

.checkbox .bbva-icon {
    opacity: 0;
    margin: 0;
    font-size: 24px;
    line-height: 20px;
}

.checkbox .bbva-icon:before {
    vertical-align: unset;
}

.checkbox.checked .bbva-icon {
    opacity: 1;
}

.checkbox.disabled {
    background-color: #ECECEC;
    cursor: auto;
}

.checkbox.disabled:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #666;
    -moz-box-shadow: 0px 0px 5px 0px #666;
    box-shadow: 0px 0px 5px 0px #666;
}

.checkbox.disabled:after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.checkbox.error {
    background-color: #F8D7DC;
    cursor: auto;
}

.checkbox.error:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #B92A45;
    -moz-box-shadow: 0px 0px 5px 0px #B92A45;
    box-shadow: 0px 0px 5px 0px #B92A45;
}

.form-group-select {
    color: #666;
}


.form-group-select ul {
    background: #F4F4F4;
    position: absolute;
    width: 100%;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    z-index: 7;
    max-height: 150px;
    overflow-y: auto;
}

.form-group-select li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
    font-family: 'BentonSansBBVA-Book';
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: -0.19px;
    text-align: left;
    border-top: 1px solid #E9E9E9;
    padding: 0.8rem 0.625rem;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    cursor: pointer;
}

.form-group-select li:hover {
    background: #E9E9E9;
}

.form-group-select.hasError .option-select .select-title {
    background-color: #F8D7DC;
    border-bottom: solid 1px #B92A45;
    color: #B92A45;
}

.form-group-select.hasError .option-select .select-title .bbva-icon {
    color: #B92A45;
}

.form-group-select.mini .selected-option {
    width: 100% !important;
}

.form-group-select .option-select {
    position: relative;
}

.form-group-select .option-select .select-title {
    background: #F4F4F4;
    height: 56px;
    padding-left: 12px;
    padding-top: 4px;
    position: relative;
    border-bottom: 1px solid #666;
}
.select-title.niv {
    padding-left: 0;
  }

.form-group-select .option-select .select-title .option-text {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 12px;
}

.form-group-select .option-select .select-title .option-text.center {
    font-size: 15px;
    margin-top: 15px;
    display: flex;
}
.form-group-select .option-select .select-title .option-text.center .select-icon{
    width: 20px;
    height: 20px;
    margin-right: 6px;
}
.form-group-select .option-select .select-title .option-text .select-icon {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

@media screen and (max-width: 639px) {
    .form-group-select .option-select .select-title .option-text.center {
        margin-top: 12px;
        width: 83%;
    }
}

.form-group-select .option-select .select-title .option-text, .form-group-select .option-select .select-title .selected-option {
    display: block;
    pointer-events: none;
}

.form-group-select .option-select .select-title .selected-option {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


.form-group-select .option-select .select-title .bbva-icon {
    top: 14%;
    right: 0px;
    position: absolute;
    font-size: 44px;
    color: #2A86CA;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.5);
    -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.5);
    -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.5);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 0.5);
}

.form-group-select .option-select.disabled {
    opacity: 0.5;
}

.form-group-select .option-select.disabled .select-title .bbva-icon {
    cursor: default;
}

.form-group-select.white .select-title {
    background: #fff;
}

.form-group-select.white ul {
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.actionsection {
    height: 56px;
    margin-top: 33px;
    text-align: center;
}

.btn {
    position: relative;
    zoom: 1;
    width: 100%;
    display: block;
}

.btn::before, .btn::after {
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
}

.btn::after {
    clear: both;
}

.btn__basic {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    min-width: 94px;
    display: inline-block;
    border: 0;
	margin: 0 auto;
    background-color: #1d73b2;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-color: #1d73b2;
    background-image: -webkit-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -moz-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -o-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
}
.btn__basic2 {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: rgb(75, 73, 73);
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    border: 0;
	margin: 0 auto;
    background-color: #1d73b2;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-color: #1d73b2;
    background-image: -webkit-linear-gradient(350deg, #e9ebed 50%, #ffff 50%);
    background-image: -moz-linear-gradient(350deg, #e9ebed 50%, #ffff 50%);
    background-image: -o-linear-gradient(350deg, #e9ebed 50%, #ffff 50%);
    background-image: linear-gradient(100deg, #e9ebed 50%, #ffff 50%);
}
.btn__basic3 {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    border: 0;
	margin: 0 auto;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-image: -webkit-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -moz-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -o-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
}
.btn__basic.four{
    padding: 5px 5px;
    background-image: -webkit-linear-gradient(350deg, #ed8476 50%, #e96559 50%);
    background-image: -moz-linear-gradient(350deg, #ed8476 50%, #e96559 50%);
    background-image: -o-linear-gradient(350deg, #ed8476 50%, #e96559 50%);
    background-image: linear-gradient(100deg, #ed8476 50%, #e96559 50%);
}
.btn__mod{
    color: #000;
    border-left: solid 1px #aba7a7;
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
	margin: 0 auto;
    background-color: ffff;
}
.btn__mod.gray:hover{
    background-color: #e9ebed ;
    color: #000;
}
.btn__mod:hover{
    background-color: #1d73b2 ;
    color: #fff;
}
.btn__nav{
    background-color: #004481;
    /* background-image: -webkit-linear-gradient(350deg, #072250 50%, #004481 50%);
    background-image: -moz-linear-gradient(350deg, #072150 50%, #004481 50%);
    background-image: -o-linear-gradient(350deg, #072146 50%, #004481 50%);
    background-image: linear-gradient(100deg, #072146 50%, #004481 50%); */
    color: #fff;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    min-width: 94px;
    display: inline-block;
    border: 0;
	margin: 0 auto;


    align-items: flex-start;
    height: 100%;

}
.apparience{
    background-color: #f4f4f4 !important;
    box-shadow:none !important;
    padding: 0 !important;

  }
  .btp_apparience{
    background-color: #ffff !important;


  }
.btn__basic.btn__small {
    padding: 12px 12px;
}
.btn__basic.btn__small-w {
    padding: 12px 12px;
    color:white !important;
    width: 85%;

}

.query_curp .btn__basic.btn__clearbg {
    color: #237ABA !important;
}

@media (min-width: 600px) {
    .btn__basic, .btn__small {
        font-size: 15px;
        line-height: 24px;
    }

    .btn__basic, .btn__small-w {
        font-size: 15px;
        line-height: 24px;
        color:white !important;
    }
}

@media (min-width: 992px) {
    .btn__basic {
        padding: 16px 56px;
        line-height: 24px;
    }
    .btn__basic2 {
        width: 100%;
        line-height: 24px;
    }
    .btn__basic3 {
        width: 100%;
        line-height: 24px;
    }

    .btn__basic.btn__small {
        padding: 12px 32px;
    }
    .btn__basic.btn__small-w {
        padding: 12px 32px;
        color: white !important;
    }
}

.btn__basic:hover, .btn__basic:focus {
    background-position: 0 center;
}
.btn__basic2:hover, .btn__basic2:focus {
    background-position: 0 center;
}
.btn__basic3:hover, .btn__basic3:focus {
    background-position: 0 center;
}
.btn__medium-blue, .btn__background--aqua, .btn__background--light-blue, .btn__spotlight-dark-blue, .btn__spotlight-aqua {
    background-color: #1d73b2;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-color: #1d73b2;
    background-image: -webkit-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -moz-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -o-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
}

.btn__core-blue, .btn__background--core-blue, .btn__spotlight-blue {
    background-color: #004481;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-color: #004481;
    background-image: -webkit-linear-gradient(350deg, #043263 50%, #004481 50%);
    background-image: -moz-linear-gradient(350deg, #043263 50%, #004481 50%);
    background-image: -o-linear-gradient(350deg, #043263 50%, #004481 50%);
    background-image: linear-gradient(100deg, #043263 50%, #004481 50%);
}

.btn__full, .btn--full {
    width: 100%;
}

.btn__disabled, .btn--disabled {
    color: #ECECEC;
    background-color: #e9e9e9;
    background-image: none;
}
.btn__disabled2:hover, .btn--disabled2:hover {
    background-color: transparent;
    color: #666;
}

.btn--hover, .btn--active {
    opacity: .8;
}

.submtbtn {
    text-align: center;
    /* margin-bottom: 12px; */
}

.submtbtn.sub_fb {
    margin-bottom: 32px;
}

.submtbtn.center {
    text-align: center;
}

.submtbtn.send {
    margin-bottom: 0px;
}

.btn__basic.btn__clearbg {
    background-color: transparent;
    color: #237ABA;
    background-image: none;
    padding: 0px;
}

.btn__basic.btn__clearbg.btn_big {
    font-size: 18px;
}

#btn_register {
    font-size: 21px !important;
}

a {
    color: #004481;
    text-decoration: none;
}

.badge {
    padding: 0.125rem 0.25rem;
    display: inline-block;
    font-size: 0.755rem;
    text-transform: uppercase;
}

.badge.neutral {
    color: #fff;
    background-color: #666666;
}

.badge.simple {
    color: #666;
    text-transform: lowercase;
}

.tooltip {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    color: #121212;
    font-size: 0.91rem;
    z-index: 2;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 10px 1px rgba(18, 18, 18, 0.2);
    -moz-box-shadow: 0 0 10px 1px rgba(18, 18, 18, 0.2);
    box-shadow: 0 0 10px 1px rgba(18, 18, 18, 0.2);
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    bottom: -5px;
    left: -webkit-calc(50% - 5px);
    left: -moz-calc(50% - 5px);
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    top: -5px;
    left: -webkit-calc(50% - 5px);
    left: -moz-calc(50% - 5px);
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
    margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-color: transparent #fff transparent transparent;
    left: -5px;
    top: -webkit-calc(50% - 5px);
    top: -moz-calc(50% - 5px);
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    right: -5px;
    top: -webkit-calc(50% - 5px);
    top: -moz-calc(50% - 5px);
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.e-tooltip.help {
    color: #237ABA;
    font-size: 1.4rem;
}

span.svgicon {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.search-by .radio-buttons {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.search-by .radio-buttons img {
    display: block;
}

body {
    overflow-x: hidden;
}

.search-by .radio-buttons > radio-button {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .search-by .radio-buttons > radio-button {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .search-by .radio-buttons {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .search-by .radio-buttons {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .search-by .radio-buttons > radio-button {
        width: 100%;
        margin: 0;
    }
}

.binary .radio-buttons {
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.binary .radio-buttons img {
    display: block;
}

body {
    overflow-x: hidden;
}

.binary .radio-buttons > radio-button {
    width: -webkit-calc(50% - 1em);
    width: -moz-calc(50% - 1em);
    width: calc(50% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .binary .radio-buttons > radio-button {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .binary .radio-buttons {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(2, 1fr);
    }
/*
    body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .binary .radio-buttons {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .binary .radio-buttons > radio-button {
        width: 100%;
        margin: 0;
    }
}

.r-options .radio-buttons {
    padding: 5px;
}

.list-filter-result {
    margin-bottom: 12px;
}

.list-filter-result .form-group .i-message {
    display: none;
}

.list-filter-result .form-group.hasError .i-message {
    display: block;
}

.list-filter-result .list-result {
    background-color: #fff;
    height: 329px;
    max-height: 329px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid #F4F4F4;
}

.list-filter-result .list-result.disabled {
    height: 0;
}

.list-filter-result .result-item {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-bottom: 1px solid #ECECEC;
    padding: 5px 7px;
    font-size: 12px;
    background-color: #fff;
    cursor: pointer;
}

.list-filter-result .result-item .item-title {
    margin-bottom: 0.375rem;
    color: #237ABA;
    font-family: 'BentonSansBBVA-Medium', 'Benton Sans';
}

.list-filter-result .result-item .item-title .bbva-icon {
    font-size: 16px;
}

.list-filter-result .result-item .item-details {
    margin-bottom: 0.375rem;
    color: #666;
    line-height: 16px;
    padding-left: 37px;
}

.list-filter-result .result-item .item-details span.tagname {
    font-family: 'BentonSansBBVA-Medium', 'Benton Sans';
}

.list-filter-result .result-item.selected {
    background-color: #d3d3d3;
}

.list-filter-result .result-item:hover {
    background-color: #E9E9E9;
}

.list-filter-result.simple .item-title {
    line-height: 37px;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    color: #121212;
}

.list-filter-result.simple .list-result {
    height: 212px;
    max-height: 212px;
}

.title-gray {
    font-size: 26px;
    text-align: center;
    line-height: 28px;
    margin: 24px 0px;
    color: #8C8C8C;
}
.subtitle-gray {
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin: 10px 0px 14px 0;
    color: rgb(128, 127, 127);
}
.subtitle-gray.lg {
    font-size: 20px;
    margin: 20px 0px 20px 0px;
    padding: 2% 18%;
}
.subtitle-gray.md {
    font-size: 15px;
    margin: 10px 0px;
    padding: 2% 18%;
}
.subtitle-gray.nv {
    font-size: 18px;
    margin: 10px 0px;
    padding: 2% 2%;
}
.title-black{
    font-size: 20px;
    text-align: center;
    /* line-height: 20px; */
    margin: 30px 0px 0px 0px;
    color: black;
    font-weight: bold;
}

.title-blue{
    font-size: 20px;
    text-align: center;
    /* line-height: 20px; */
    margin: 30px 0px 0px 0px;
    color: #004481;
    font-weight: bold;
}
.title-black.lg{
    font-size: 35px;
    padding: 10px 0px ;

}
.title-black.md{
    font-size: 25px;
    padding: 10px 0px ;

}
.title-blue.md{
    font-size: 20px;
    padding: 10px 0px ;

}
.check-modal{
    display: flex;
    padding: 20px 0 0 0;
}
.text-gray-sm {
    font-size: 11px;
    text-align: start;
    line-height: 14px;
    color: #666;
    padding: 0px 6% 0px 6%;
}
.text-gray-sm.pad {
    /* padding: 0px 5% 0px 5%;     */
    padding: 2% 3% 0px 3%;
}
.gray {
    color: #666;
}
.dark-blue {
    color: #072146;
}
a.gray:hover {
    color: #666;
}

.title-gray .bbva-icon:before {
    vertical-align: text-top !important;
}

@media screen and (max-width: 639px) {
    .title-gray {
        padding-top: 24px;
    }
}

.title-gray-m {
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    margin: 20px 0 !important;
    color: #666;
}

.title-gray-m .bbva-icon:before {
    vertical-align: text-top !important;
}

.grid-c {
    width: 70%;
    margin: 0px auto;
}
/* .grid-d {
    width: 92%;
    margin: 0px auto;
    height: 327.5px;
    overflow-y: auto;
} */
.tooltip_example {
    width:275px;
    display:none;
    background: rgb(242, 61, 61);
    color: white;
    font-size: 10px;
    padding:10px;
    position: absolute;
    bottom: 27px;
    left: 35px;
    word-wrap:break-word;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    line-height: 15px;
}
.tooltip_example2 {
    width:275px;
    display:none;
    background: rgb(242, 61, 61);
    color: white;
    font-size: 10px;
    padding:10px;
    position: absolute;
    bottom: 9%;
    left: 14%;
    word-wrap:break-word;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    line-height: 15px;
}
.confirm{
    display:none;
}
.confirm label{
    font-size: 14px;
    color: #666;

}
.confirm select{
    font-size: 11px;
    color: #666;
    width: 31%;

}


@media screen and (max-width: 639px) {
    .grid-c {
        width: 100%;
    }
}

.message-modal {
    text-align: center;
    font-size: 15px;
}
.message-modal.black {
    color: black;
}
.message-modal-black {
    text-align: center;
    font-size: 16px;
}
.message-modal-black-sm {
    text-align: start;
    font-size: 14px;
}

.subtitle-sec {
    color: #121212;
    font-size: 18px;
    margin-bottom: 32px;
    font-weight: 700;
    text-align: left;
}

.card-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.card-photo img {
    display: block;
}

body {
    overflow-x: hidden;
}

.card-photo > grid-card {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .card-photo > grid-card {
        width: -webkit-calc(33.33333% - 1em);
        width: -moz-calc(33.33333% - 1em);
        width: calc(33.33333% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .card-photo {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .card-photo {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .card-photo > grid-card {
        width: 100%;
        margin: 0;
    }
}

.card-photo .grid-card .image {
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 140px;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 91%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 91%, 0% 100%);
    opacity: 0.8;
}

.card-photo .grid-card .image.fb_first {
    background-image: url("../images/fb_url.png");
}

.card-photo .grid-card .image.fb_second {
    background-image: url(../images/fb_profile.png);
}

.card-photo .grid-card .image.fb_third {
    background-image: url(../images/fb_path.png);
}

.card-photo .grid-card .message {
    background-image: url("../images/fractal-bbva-core-blue.svg");
    background-color: #004481;
    color: #fff;
    height: 100px;
    font-weight: bold;
    font-size: 18px;
    padding: 50px 15px 15px 15px;
    margin-top: -38px;
}

textarea.form-control {
    /* min-height: 80px; */
    min-height: 135px;
    resize: none;
}

.centertext {
    text-align: center;
}

.familycard {
    position: relative;
    padding-bottom: 65px;
}

.familycard.mod {
    padding-bottom: 0px;
}

.familycard .relationship {
    color: #666;
    text-align: right;
}

.familycard .checkbox-area {
    margin-bottom: 0px !important;
    text-align: right;
}

.familycard .title {
    padding: 0px 0px 2px 0px;
    font-size: 1.2rem;
    color: #666;
    font-family: "BentonSansBBVA-Medium", sans-serif !important;
    white-space: normal;
    text-align: right;
}

.familycard .separator {
    border-bottom: 1px solid #666;
    margin: 5px 0px;
}

.familycard .moreinfo {
    padding-left: 36px;
}

.familycard .inf {
    font-weight: 700;
    overflow: hidden;
}

.familycard .inf span {
    font-weight: 400;
}

.familycard .tooltip {
    text-align: left !important;
}

.familycard .col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.familycard .col2 img {
    display: block;
}

body {
    overflow-x: hidden;
}


.familycard .col2 > p {
    width: -webkit-calc(50% - 1em);
    width: -moz-calc(50% - 1em);
    width: calc(50% - 1em);
    margin: .5em;
}

@supports (grid-template-areas: "header") {
    .familycard .col2 {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(2, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    .familycard .col2 > p {
        width: 100%;
        margin: 0;
    }
}

.familycard .centertext {
    width: 100%;
    position: absolute;
    bottom: 0px;
    margin-left: -1.25rem;
    padding-bottom: 15px;
}

.amount-area {
    margin: 28px 0px;
    background-color: #004481;
    color: #fff;
    font-family: 'BentonSansBBVA-Light', sans-serif !important;
    text-align: center;
}

.amount-area img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px;
    height: auto;
}

.amount-area .grid-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.amount-area .amount-description {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    min-width: 0;
}

.amount-area .amount-description i {
    color: #F8CD51;
}

.amount-area .amount {
    font-size: 2.25rem;
}

.icon-m {
    margin: -20px auto 15px auto;
    height: 70px;
    width: 70px;
}

@media screen and (max-width: 639px) {
    .icon-m {
        margin: 15px auto;
    }
}

.icon-m.icon-s {
    background-image: url("../images/icons/Artboard 42.svg");
    background-repeat: no-repeat;
}

.icon-m.icon-e {
    background-image: url("../images/icons/Artboard 41.svg");
    background-repeat: no-repeat;
}

div.link {
    text-align: center;
    color: #237ABA;
    max-width: 100%;
    line-height: 16px;
    padding: 16px 12px;
}

div.link a {
    font-weight: normal;
}

.legal_link {
    color: #004481;
    font-size: 14px;
    font-weight: normal;
}

.legal_link a:hover {
    color: #237ABA;
}

.uploadfile {
    background-color: transparent !important;
}

.uploadfile.empty {
    cursor: pointer;
}

.uploadfile.empty .icon {
    font-size: 1.7rem !important;
}

.uploadfile.empty .message__heading {
    line-height: 2rem;
}

.uploadfile .wrapper {
    min-height: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    padding: 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: #237ABA;
}

.uploadfile .wrapper .icon {
    font-size: 3.7rem;
}

.uploadfile .wrapper .message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5rem;
    font-family: 'BentonSansBBVA-Medium', 'Benton Sans';
    font-size: 1.2rem;
}

.uploadfile .wrapper .message .message__body {
    line-height: 2rem;
}

.uploadfile .wrapper .message .message__body span {
    cursor: pointer;
    -webkit-transition: all .33333s;
    -o-transition: all .33333s;
    -moz-transition: all .33333s;
    transition: all .33333s;
}

.uploadfile .wrapper .message .message__body span:hover {
    color: #004481;
}

.uploadfile .wrapper .message .message__body span:not(:first-child) {
    margin-left: 1.5rem;
}

.uploadfile .wrapper .message .message__body [class^=ui-] {
    font-size: 1.7rem;
}

#filecontainer.empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

#filecontainer.empty img {
    display: block;
}

body {
    overflow-x: hidden;
}

#filecontainer.empty > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@supports (grid-template-areas: "header") {
    #filecontainer.empty {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    #filecontainer.empty > .grid-item {
        width: 100%;
        margin: 0;
    }
}

.dragndrop {
    background-color: #D4EDFC;
    border: 2px dashed #49A5E6;
    padding: 25px 12px;
    cursor: pointer;
}

.dragndrop img {
    display: block;
    width: 140px;
    margin: 26px auto;
    height: auto;
}

.dragndrop .message {
    color: #004481;
    font-size: 16px;
    text-align: center;
    padding: 20px;
    font-family: 'BentonSansBBVA-Medium', 'Benton Sans';
}

.dragndrop .message .submessage {
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 5px;
}

.fileform .uploadfile {
    margin-bottom: 12px !important;
}

b {
    font-weight: bold !important;
}

.icon-fix {
    font-size: 1.3rem !important;
    vertical-align: 0.15rem !important;
}

.card__title {
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #121212;
    text-align: left;
    letter-spacing: -.2px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 24px;
}

@media (min-width: 600px) {
    .card__title {
        font-size: 26px;
        line-height: 32px;
    }
}

.ui-list-bullet.list {
    color: #043263;
}

.title-section {
    color: #666;
    text-align: left;
    font-family: "BentonSansBBVA-Medium", sans-serif !important;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4rem;
    border-bottom: 1px solid #ECECEC;
    margin: 25px 0px;
}

.subtitle-section {
    color: #121212;
    font-size: 18px;
    margin: 15px 0px;
    font-weight: 700;
    text-align: left;
}

.read-only {
    color: #121212;
    font-size: 14px;
    line-height: 25px;
    font-weight: inherit;
}

.read-only span {
    font-family: "BentonSansBBVA-Medium", sans-serif !important;
}

.modal {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    z-index: 9;
}

.modal .grid-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.modal .grid-container img {
    display: block;
}

body {
    overflow-x: hidden;
}

.modal .grid-container > .grid-item {
    width: -webkit-calc(100% - 1em);
    width: -moz-calc(100% - 1em);
    width: calc(100% - 1em);
    margin: .5em;
}

@media screen and (min-width: 640px) {
    .modal .grid-container > .grid-item {
        width: -webkit-calc(50% - 1em);
        width: -moz-calc(50% - 1em);
        width: calc(50% - 1em);
    }
}

@supports (grid-template-areas: "header") {
    .modal .grid-container {
        display: grid;
        grid-gap: 1em;
        margin-left: 0;
        margin-right: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    /* body {
        overflow-x: visible;
    } */

    @media screen and (min-width: 640px) {
        .modal .grid-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .modal .grid-container > .grid-item {
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 1024px) {
    .modal .step-container {
        padding: 1.875rem 5px;
    }

}

.modal .list-member {
    text-align: left;
}

@media screen and (min-width: 640px) {
    .modal .list-member {
        padding: 0 30%;
    }
}

.modal .submtbtn, div.submtbtn.token-error {
    text-align: center !important;
}

.modal .submtbtn.right {
    text-align: right !important;
}

.modal[hidden], .hidden {
    display: none !important;
}

.md-modal {
    position: relative;
    margin: auto;
    width: 95%;
    max-width: 71.25rem;
    min-width: 18.75rem;
    max-height: 95vh;
    z-index: 950;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.3s, opacity 0.3s;
    -o-transition: visibility 0.3s, opacity 0.3s;
    -moz-transition: visibility 0.3s, opacity 0.3s;
    transition: visibility 0.3s, opacity 0.3s;
    overflow: auto;
}

.modal[open] > .md-modal {
    opacity: 1;
    visibility: visible;
	overflow: hidden;
}
.modal-alert img {
    max-width: 200px;
}

.modal[open] {
    overflow-y: auto;
    pointer-events: all;
}

.md-overlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 900;
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    backdrop-filter: blur(4px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal[open] > .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-wrapper {
    position: relative;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.message-modal { width: 100% !important; }
.md-content {
    margin: 0 auto;
    max-height: 80%;
    padding: 1.25em 1em 1.875em;
}

.message-modal-black { width: 100% !important; }
.md-content {
    margin: 0 auto;
    max-height: 80%;
    padding: 1.25em 1em 1.875em;
}


.md-content__btn-close {
    z-index: 100;
    position: absolute;
    left: 1em;
    top: 1.25em;
}

.md-content__btn-close .icon-close {
    color: #2a86ca;
    cursor: pointer;
}

.modal[close-icon] .md-content {
    padding: 4.75em 1em 3.875em;
}

.md-content .text-header {
    color: #121212;
    margin: 0 0 0.75em;
    font-size: 1.5rem;
    letter-spacing: -0.6px;
    font-weight: 300;
    background-color: #fff;
}

.md-effect .md-wrapper {
    -webkit-transform: translate3d(0, 20%, 0);
    -moz-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    opacity: 0;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -o-transition: opacity 0.3s, -o-transform 0.3s;
    -moz-transition: transform 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.modal[open] .md-effect .md-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

@media (min-width: 768px) {
    .md-content {
        max-width: 90%;
        padding: 5.625em 0 5em;
    }

    .md-content__btn-close {
        left: auto;
        right: 1.5625rem;
        top: 1.5625rem;
    }

    .md-content .text-header {
        margin-bottom: 1.875em;
        font-size: 2.1rem;
        letter-spacing: -0.2px;
    }

    .md-content .buttons {
        margin-top: 1.875em;
    }

    .modal[close-icon] .md-content {
        padding: 5.625em 0 5em;
    }
}

.radio-tab {
    margin: 10px 0 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    color: #666;
    height: 3.4375rem;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
}

.radio-tab label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    height: 100%;
    cursor: pointer;
    border-bottom: 2px solid #ECECEC;
    outline: none;
}

.radio-tab label .tab-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    align-items: center;
    pointer-events: none;
}

.radio-tab label.active {
    color: #121212;
    font-weight: 700;
}

.radio-tab #indicator {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50%;
    height: 0.125rem;
    height: 2px;
    transition: -webkit-transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -moz-transition: transform 0.2s, -moz-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    background-color: #121212;
}

@media screen and (min-width: 1024px) {
    .radio-section .radio-buttons {
        height: 37px;
    }
}

.radio-section .radio-buttons .ckeck-area {
    width: 23px;
    height: 23px;
    display: inline-block;
    margin: 5px 0px;
}

.radio-section .radio-buttons .ckeck-area .radio {
    width: 21px;
    height: 21px;
    background-color: #F4F4F4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #666666;
    cursor: pointer;
    position: relative;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.radio-section .radio-buttons .ckeck-area .radio:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #1464A5;
    -moz-box-shadow: 0px 0px 5px 0px #1464A5;
    box-shadow: 0px 0px 5px 0px #1464A5;
}

.radio-section .radio-buttons .ckeck-area .radio:after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio-section .radio-buttons .ckeck-area .radio.checked:after {
    background-color: #004481;
}

.radio-section .radio-buttons .radio-label {
    line-height: 1.7;
    margin-left: 0.5rem;
    display: inline;
}

.radio-section .radio-buttons.disabled .radio {
    background-color: #d3d3d3;
    cursor: auto;
}

.radio-section .radio-buttons.disabled .radio:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #666;
    -moz-box-shadow: 0px 0px 5px 0px #666;
    box-shadow: 0px 0px 5px 0px #666;
}

.radio-section .radio-buttons.disabled .radio:after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.radio-section .radio-buttons.disabled .radio.checked:after {
    background-color: #666;
}

.radio-section .i-message {
    min-height: 32px;
    max-height: 32px;
}

.radio-section.hasError .i-message .bbva-icon {
    font-size: 16px;
    color: #B92A45;
    float: left;
}

.radio-section.hasError .radio-label {
    color: #B92A45;
}

.radio-section.hasError .radio-buttons .ckeck-area .radio {
    border: 1px solid #B92A45;
    background-color: #F8D7DC;
}

.radio-section.hasError .text-message {
    font-size: 12px;
    vertical-align: sub;
}

.fixed-radiosel {
    height: 145px !important;
}

.fixed-radiosel .radio-buttons {
    padding-bottom: 48px;
}

.fixed-radio {
    padding-bottom: 48px !important;
}

.footer {
    bottom: 0;
    width: 100%;
    background-color: #072146;
    padding: 28px 0;
}
.footer .legal-links {
    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
    justify-content: start;
    align-items: center;
    color: #9fcfff;
    font-size: 14px;
}

.footer .legal-links a {
    position: relative;
    text-decoration: none;
    color: #9fcfff;
    padding: 0 0.5rem;
}

.footer .legal-links a:hover{
    color: #fff;
}

/* Línea divisoria con pseudo-elemento solo en los enlaces del medio */
.footer .legal-links a:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -0.7rem;
    color: #9fcfff;
}

.footer .container{
    display: grid;
    row-gap: 1rem;
}

@media screen and (max-width: 1023px) {
    .footer .container {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

.footer .container .footer-logo {
    width: 100%;
    height: 32px;
    display: block;
}

.footer .container .footer-logo img {
    max-width: 168px;
    width: initial;
}

.footer .container .footer-copyright {
    text-align: left;
    line-height: 16px;
    color: #ECECEC;
}
.privacy-message {
    width: 100%;
    position: relative;
    right: auto;
    bottom: auto;
}
.help-menu {
    display: block;
    position: fixed;
    bottom: 45%;
    right: 0;
    width: 70px;
    height: 140px;
    border: none;
}

.help-menu .btn_help {
    width: 70px;
    height: 70px;
    background-color: #fff;
    text-align: center;
    color: #237ABA;
    padding: 5px;
}

.help-menu .btn_help .helpicon {
    font-size: 25px;
}

.help-menu .btn_help .helpname {
    font-size: 15px;
    font-family: "BentonSansBBVA-Medium";
}

.help-menu .btn_help.active {
    background-color: #004481;
    color: #fff;
}

.help-menu .btn_help:hover {
    background-color: #237ABA;
    color: #fff;
    cursor: pointer;
}

.tooltip_title {
    font-weight: 900;
    font-size: 15px;
    color: #121212;
    margin: 22px 32px 8px 32px;
}

.tooltip_message {
    font-size: 11px;
    line-height: 11px;
    color: #121212;
    min-width: 180.5px;
    max-width: 180.5px;
}

.tooltip_message:last-of-type {
    margin-bottom: 32px;
}

.tooltip_contact {
    font-size: 14px;
    color: #237ABA;
    font-weight: bold;
    margin: 10px auto;
}

.tooltip .btn_ht {
    margin-top: 10px;
}

body.mobile .help-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 70px;
    bottom: 0px;
}

body.mobile .help-menu .btn_help {
    width: 50%;
}

body.mobile .help-menu .btn_help:hover {
    background-color: #004481;
    color: #fff;
}

body.mobile .footer {
    /* margin-bottom: 45px; */
} /*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@-moz-keyframes bounce {
    from,20%,53%,80%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,43% {
        -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -moz-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@-o-keyframes bounce {
    from,20%,53%,80%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40%,43% {
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    from,50%,to {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    from {
        -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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes pulse {
    from {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes pulsezoom {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@-moz-keyframes pulsezoom {
    from {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@-o-keyframes pulsezoom {
    from {
        transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@keyframes pulsezoom {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -moz-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

@-webkit-keyframes pulse2xzoom {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.35, 1.35, 1.35);
        transform: scale3d(1.35, 1.35, 1.35);
    }
}

@-moz-keyframes pulse2xzoom {
    from {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -moz-transform: scale3d(1.35, 1.35, 1.35);
        transform: scale3d(1.35, 1.35, 1.35);
    }
}

@-o-keyframes pulse2xzoom {
    from {
        transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1.35, 1.35, 1.35);
    }
}

@keyframes pulse2xzoom {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    to {
        -webkit-transform: scale3d(1.35, 1.35, 1.35);
        -moz-transform: scale3d(1.35, 1.35, 1.35);
        transform: scale3d(1.35, 1.35, 1.35);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes rubberBand {
    from {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -moz-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -moz-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -moz-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -moz-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -moz-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -moz-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -moz-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -moz-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -moz-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -moz-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -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);
    }
}

@-moz-keyframes shake {
    from, to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,40%,60%,80% {
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@-o-keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%,40%,60%,80% {
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes headShake {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-o-keyframes headShake {
    0% {
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -moz-animation-name: headShake;
    -o-animation-name: headShake;
    animation-name: headShake;
}

@-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);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -moz-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -moz-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -moz-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -moz-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@-o-keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -moz-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -moz-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -moz-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -moz-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -moz-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes tada {
    from {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,20% {
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,50%,70%,90% {
        -moz-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% {
        -moz-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);
    }

    to {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%,20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,60%,80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -moz-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);
        -moz-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);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    from {
        -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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes wobble {
    from {
        -moz-transform: none;
        transform: none;
    }

    15% {
        -moz-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -moz-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -moz-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -moz-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes wobble {
    from {
        -o-transform: none;
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -o-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from,11.1%,to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@-moz-keyframes jello {
    from,11.1%,to {
        -moz-transform: none;
        transform: none;
    }

    22.2% {
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -moz-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@-o-keyframes jello {
    from,11.1%,to {
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -o-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from,11.1%,to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        -moz-transform: skewX(0.39063deg) skewY(0.39063deg);
        -o-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    -moz-animation-name: jello;
    -o-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-moz-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-o-keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -moz-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -moz-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes bounceInDown {
    from,60%,75%,90%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        -o-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -moz-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -moz-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -moz-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        -o-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -moz-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -moz-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -moz-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes bounceInRight {
    from,60%,75%,90%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -o-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -moz-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -moz-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -moz-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        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);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-moz-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -moz-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -moz-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-o-keyframes bounceInUp {
    from,60%,75%,90%,to {
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes bounceInUp {
    from,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -moz-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-moz-keyframes bounceOut {
    20% {
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,55% {
        opacity: 1;
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-o-keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-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);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-moz-keyframes bounceOutDown {
    20% {
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,45% {
        opacity: 1;
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-o-keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-moz-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -moz-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-o-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -moz-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@-moz-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@-o-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -moz-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-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);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-moz-keyframes bounceOutUp {
    20% {
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,45% {
        opacity: 1;
        -moz-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-o-keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -moz-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-moz-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-o-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-moz-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@-o-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-moz-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-o-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-moz-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@-o-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -moz-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-moz-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-o-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@-moz-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@-o-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -moz-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-moz-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-o-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-moz-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@-o-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -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(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    from {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -moz-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -moz-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;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -moz-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;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-moz-keyframes flipInX {
    from {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-o-keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-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-animation-timing-function: ease-in;
        animation-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);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-moz-keyframes flipInY {
    from {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-o-keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -moz-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);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -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;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    from {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -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;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    from {
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -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;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes lightSpeedIn {
    from {
        -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -moz-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -moz-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@-moz-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@-o-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -moz-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    from {
        -moz-transform-origin: center;
        transform-origin: center;
        -moz-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -moz-transform-origin: center;
        transform-origin: center;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    from {
        -o-transform-origin: center;
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -o-transform-origin: center;
        transform-origin: center;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -moz-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    from {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    from {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    from {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    from {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    from {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    from {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    from {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    from {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -moz-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    from {
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -moz-transform-origin: center;
        transform-origin: center;
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    from {
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -o-transform-origin: center;
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    from {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    from {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    from {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    from {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    from {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    from {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -moz-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    from {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -moz-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    from {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -moz-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-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;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform-origin: top left;
        transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -moz-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -moz-transform-origin: top left;
        transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -moz-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -moz-transform-origin: top left;
        transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -moz-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform-origin: top left;
        transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        transform: rotate3d(0, 0, 1, 80deg);
        -o-transform-origin: top left;
        transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        transform: rotate3d(0, 0, 1, 60deg);
        -o-transform-origin: top left;
        transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -moz-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%,80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -moz-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        -moz-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes jackInTheBox {
    from {
        opacity: 0;
        -moz-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -moz-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes jackInTheBox {
    from {
        opacity: 0;
        -o-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        -moz-transform: scale(0.1) rotate(30deg);
        -o-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    -moz-animation-name: jackInTheBox;
    -o-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes rollIn {
    from {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-o-keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -moz-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@-moz-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@-o-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -moz-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;
    -moz-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInDown {
    from {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInLeft {
    from {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInRight {
    from {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomInUp {
    from {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform-origin: left center;
        transform-origin: left center;
    }
}

@-o-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform-origin: right center;
        transform-origin: right center;
    }
}

@-o-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-o-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInDown {
    from {
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInLeft {
    from {
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInRight {
    from {
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInUp {
    from {
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-moz-keyframes slideOutDown {
    from {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@-o-keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-moz-keyframes slideOutLeft {
    from {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-o-keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-moz-keyframes slideOutRight {
    from {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-o-keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-moz-keyframes slideOutUp {
    from {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-o-keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.flyin__letters b {
    display: inline-block;
    opacity: 0;
    margin: 0;
    font-weight: normal;
}

.flyin__letters b:nth-child(1) {
    -webkit-animation: flyin1 4s 1 forwards;
    -moz-animation: flyin1 4s 1 forwards;
    -o-animation: flyin1 4s 1 forwards;
    animation: flyin1 4s 1 forwards;
}

@-webkit-keyframes flyin1 {
    0% {
        -webkit-transform: translate(-300px, 59px);
        transform: translate(-300px, 59px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin1 {
    0% {
        -moz-transform: translate(-300px, 59px);
        transform: translate(-300px, 59px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin1 {
    0% {
        -o-transform: translate(-300px, 59px);
        transform: translate(-300px, 59px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin1 {
    0% {
        -webkit-transform: translate(-300px, 59px);
        -moz-transform: translate(-300px, 59px);
        -o-transform: translate(-300px, 59px);
        transform: translate(-300px, 59px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(2) {
    -webkit-animation: flyin2 4s 1 forwards;
    -moz-animation: flyin2 4s 1 forwards;
    -o-animation: flyin2 4s 1 forwards;
    animation: flyin2 4s 1 forwards;
}

@-webkit-keyframes flyin2 {
    0% {
        -webkit-transform: translate(29px, 22px);
        transform: translate(29px, 22px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin2 {
    0% {
        -moz-transform: translate(29px, 22px);
        transform: translate(29px, 22px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin2 {
    0% {
        -o-transform: translate(29px, 22px);
        transform: translate(29px, 22px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin2 {
    0% {
        -webkit-transform: translate(29px, 22px);
        -moz-transform: translate(29px, 22px);
        -o-transform: translate(29px, 22px);
        transform: translate(29px, 22px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(3) {
    -webkit-animation: flyin3 4s 1 forwards;
    -moz-animation: flyin3 4s 1 forwards;
    -o-animation: flyin3 4s 1 forwards;
    animation: flyin3 4s 1 forwards;
}

@-webkit-keyframes flyin3 {
    0% {
        -webkit-transform: translate(-287px, 184px);
        transform: translate(-287px, 184px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin3 {
    0% {
        -moz-transform: translate(-287px, 184px);
        transform: translate(-287px, 184px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin3 {
    0% {
        -o-transform: translate(-287px, 184px);
        transform: translate(-287px, 184px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin3 {
    0% {
        -webkit-transform: translate(-287px, 184px);
        -moz-transform: translate(-287px, 184px);
        -o-transform: translate(-287px, 184px);
        transform: translate(-287px, 184px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(4) {
    -webkit-animation: flyin4 4s 1 forwards;
    -moz-animation: flyin4 4s 1 forwards;
    -o-animation: flyin4 4s 1 forwards;
    animation: flyin4 4s 1 forwards;
}

@-webkit-keyframes flyin4 {
    0% {
        -webkit-transform: translate(-345px, -283px);
        transform: translate(-345px, -283px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin4 {
    0% {
        -moz-transform: translate(-345px, -283px);
        transform: translate(-345px, -283px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin4 {
    0% {
        -o-transform: translate(-345px, -283px);
        transform: translate(-345px, -283px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin4 {
    0% {
        -webkit-transform: translate(-345px, -283px);
        -moz-transform: translate(-345px, -283px);
        -o-transform: translate(-345px, -283px);
        transform: translate(-345px, -283px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(5) {
    -webkit-animation: flyin5 4s 1 forwards;
    -moz-animation: flyin5 4s 1 forwards;
    -o-animation: flyin5 4s 1 forwards;
    animation: flyin5 4s 1 forwards;
}

@-webkit-keyframes flyin5 {
    0% {
        -webkit-transform: translate(215px, -301px);
        transform: translate(215px, -301px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin5 {
    0% {
        -moz-transform: translate(215px, -301px);
        transform: translate(215px, -301px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin5 {
    0% {
        -o-transform: translate(215px, -301px);
        transform: translate(215px, -301px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin5 {
    0% {
        -webkit-transform: translate(215px, -301px);
        -moz-transform: translate(215px, -301px);
        -o-transform: translate(215px, -301px);
        transform: translate(215px, -301px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(6) {
    -webkit-animation: flyin6 4s 1 forwards;
    -moz-animation: flyin6 4s 1 forwards;
    -o-animation: flyin6 4s 1 forwards;
    animation: flyin6 4s 1 forwards;
}

@-webkit-keyframes flyin6 {
    0% {
        -webkit-transform: translate(-46px, 111px);
        transform: translate(-46px, 111px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin6 {
    0% {
        -moz-transform: translate(-46px, 111px);
        transform: translate(-46px, 111px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin6 {
    0% {
        -o-transform: translate(-46px, 111px);
        transform: translate(-46px, 111px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin6 {
    0% {
        -webkit-transform: translate(-46px, 111px);
        -moz-transform: translate(-46px, 111px);
        -o-transform: translate(-46px, 111px);
        transform: translate(-46px, 111px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(7) {
    -webkit-animation: flyin7 4s 1 forwards;
    -moz-animation: flyin7 4s 1 forwards;
    -o-animation: flyin7 4s 1 forwards;
    animation: flyin7 4s 1 forwards;
}

@-webkit-keyframes flyin7 {
    0% {
        -webkit-transform: translate(28px, -91px);
        transform: translate(28px, -91px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin7 {
    0% {
        -moz-transform: translate(28px, -91px);
        transform: translate(28px, -91px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin7 {
    0% {
        -o-transform: translate(28px, -91px);
        transform: translate(28px, -91px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin7 {
    0% {
        -webkit-transform: translate(28px, -91px);
        -moz-transform: translate(28px, -91px);
        -o-transform: translate(28px, -91px);
        transform: translate(28px, -91px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(8) {
    -webkit-animation: flyin8 4s 1 forwards;
    -moz-animation: flyin8 4s 1 forwards;
    -o-animation: flyin8 4s 1 forwards;
    animation: flyin8 4s 1 forwards;
}

@-webkit-keyframes flyin8 {
    0% {
        -webkit-transform: translate(-158px, 225px);
        transform: translate(-158px, 225px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin8 {
    0% {
        -moz-transform: translate(-158px, 225px);
        transform: translate(-158px, 225px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin8 {
    0% {
        -o-transform: translate(-158px, 225px);
        transform: translate(-158px, 225px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin8 {
    0% {
        -webkit-transform: translate(-158px, 225px);
        -moz-transform: translate(-158px, 225px);
        -o-transform: translate(-158px, 225px);
        transform: translate(-158px, 225px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(9) {
    -webkit-animation: flyin9 4s 1 forwards;
    -moz-animation: flyin9 4s 1 forwards;
    -o-animation: flyin9 4s 1 forwards;
    animation: flyin9 4s 1 forwards;
}

@-webkit-keyframes flyin9 {
    0% {
        -webkit-transform: translate(279px, -55px);
        transform: translate(279px, -55px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin9 {
    0% {
        -moz-transform: translate(279px, -55px);
        transform: translate(279px, -55px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin9 {
    0% {
        -o-transform: translate(279px, -55px);
        transform: translate(279px, -55px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin9 {
    0% {
        -webkit-transform: translate(279px, -55px);
        -moz-transform: translate(279px, -55px);
        -o-transform: translate(279px, -55px);
        transform: translate(279px, -55px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(10) {
    -webkit-animation: flyin10 4s 1 forwards;
    -moz-animation: flyin10 4s 1 forwards;
    -o-animation: flyin10 4s 1 forwards;
    animation: flyin10 4s 1 forwards;
}

@-webkit-keyframes flyin10 {
    0% {
        -webkit-transform: translate(-286px, 25px);
        transform: translate(-286px, 25px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin10 {
    0% {
        -moz-transform: translate(-286px, 25px);
        transform: translate(-286px, 25px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin10 {
    0% {
        -o-transform: translate(-286px, 25px);
        transform: translate(-286px, 25px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin10 {
    0% {
        -webkit-transform: translate(-286px, 25px);
        -moz-transform: translate(-286px, 25px);
        -o-transform: translate(-286px, 25px);
        transform: translate(-286px, 25px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(11) {
    -webkit-animation: flyin11 4s 1 forwards;
    -moz-animation: flyin11 4s 1 forwards;
    -o-animation: flyin11 4s 1 forwards;
    animation: flyin11 4s 1 forwards;
}

@-webkit-keyframes flyin11 {
    0% {
        -webkit-transform: translate(341px, -179px);
        transform: translate(341px, -179px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin11 {
    0% {
        -moz-transform: translate(341px, -179px);
        transform: translate(341px, -179px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin11 {
    0% {
        -o-transform: translate(341px, -179px);
        transform: translate(341px, -179px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin11 {
    0% {
        -webkit-transform: translate(341px, -179px);
        -moz-transform: translate(341px, -179px);
        -o-transform: translate(341px, -179px);
        transform: translate(341px, -179px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(12) {
    -webkit-animation: flyin12 4s 1 forwards;
    -moz-animation: flyin12 4s 1 forwards;
    -o-animation: flyin12 4s 1 forwards;
    animation: flyin12 4s 1 forwards;
}

@-webkit-keyframes flyin12 {
    0% {
        -webkit-transform: translate(-88px, 140px);
        transform: translate(-88px, 140px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin12 {
    0% {
        -moz-transform: translate(-88px, 140px);
        transform: translate(-88px, 140px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin12 {
    0% {
        -o-transform: translate(-88px, 140px);
        transform: translate(-88px, 140px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin12 {
    0% {
        -webkit-transform: translate(-88px, 140px);
        -moz-transform: translate(-88px, 140px);
        -o-transform: translate(-88px, 140px);
        transform: translate(-88px, 140px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(13) {
    -webkit-animation: flyin13 4s 1 forwards;
    -moz-animation: flyin13 4s 1 forwards;
    -o-animation: flyin13 4s 1 forwards;
    animation: flyin13 4s 1 forwards;
}

@-webkit-keyframes flyin13 {
    0% {
        -webkit-transform: translate(-314px, -12px);
        transform: translate(-314px, -12px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin13 {
    0% {
        -moz-transform: translate(-314px, -12px);
        transform: translate(-314px, -12px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin13 {
    0% {
        -o-transform: translate(-314px, -12px);
        transform: translate(-314px, -12px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin13 {
    0% {
        -webkit-transform: translate(-314px, -12px);
        -moz-transform: translate(-314px, -12px);
        -o-transform: translate(-314px, -12px);
        transform: translate(-314px, -12px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(14) {
    -webkit-animation: flyin14 4s 1 forwards;
    -moz-animation: flyin14 4s 1 forwards;
    -o-animation: flyin14 4s 1 forwards;
    animation: flyin14 4s 1 forwards;
}

@-webkit-keyframes flyin14 {
    0% {
        -webkit-transform: translate(-143px, 213px);
        transform: translate(-143px, 213px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin14 {
    0% {
        -moz-transform: translate(-143px, 213px);
        transform: translate(-143px, 213px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin14 {
    0% {
        -o-transform: translate(-143px, 213px);
        transform: translate(-143px, 213px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin14 {
    0% {
        -webkit-transform: translate(-143px, 213px);
        -moz-transform: translate(-143px, 213px);
        -o-transform: translate(-143px, 213px);
        transform: translate(-143px, 213px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(15) {
    -webkit-animation: flyin15 4s 1 forwards;
    -moz-animation: flyin15 4s 1 forwards;
    -o-animation: flyin15 4s 1 forwards;
    animation: flyin15 4s 1 forwards;
}

@-webkit-keyframes flyin15 {
    0% {
        -webkit-transform: translate(-73px, 325px);
        transform: translate(-73px, 325px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin15 {
    0% {
        -moz-transform: translate(-73px, 325px);
        transform: translate(-73px, 325px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin15 {
    0% {
        -o-transform: translate(-73px, 325px);
        transform: translate(-73px, 325px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin15 {
    0% {
        -webkit-transform: translate(-73px, 325px);
        -moz-transform: translate(-73px, 325px);
        -o-transform: translate(-73px, 325px);
        transform: translate(-73px, 325px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(16) {
    -webkit-animation: flyin16 4s 1 forwards;
    -moz-animation: flyin16 4s 1 forwards;
    -o-animation: flyin16 4s 1 forwards;
    animation: flyin16 4s 1 forwards;
}

@-webkit-keyframes flyin16 {
    0% {
        -webkit-transform: translate(172px, 102px);
        transform: translate(172px, 102px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin16 {
    0% {
        -moz-transform: translate(172px, 102px);
        transform: translate(172px, 102px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin16 {
    0% {
        -o-transform: translate(172px, 102px);
        transform: translate(172px, 102px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin16 {
    0% {
        -webkit-transform: translate(172px, 102px);
        -moz-transform: translate(172px, 102px);
        -o-transform: translate(172px, 102px);
        transform: translate(172px, 102px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(17) {
    -webkit-animation: flyin17 4s 1 forwards;
    -moz-animation: flyin17 4s 1 forwards;
    -o-animation: flyin17 4s 1 forwards;
    animation: flyin17 4s 1 forwards;
}

@-webkit-keyframes flyin17 {
    0% {
        -webkit-transform: translate(-57px, -161px);
        transform: translate(-57px, -161px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin17 {
    0% {
        -moz-transform: translate(-57px, -161px);
        transform: translate(-57px, -161px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin17 {
    0% {
        -o-transform: translate(-57px, -161px);
        transform: translate(-57px, -161px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin17 {
    0% {
        -webkit-transform: translate(-57px, -161px);
        -moz-transform: translate(-57px, -161px);
        -o-transform: translate(-57px, -161px);
        transform: translate(-57px, -161px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(18) {
    -webkit-animation: flyin18 4s 1 forwards;
    -moz-animation: flyin18 4s 1 forwards;
    -o-animation: flyin18 4s 1 forwards;
    animation: flyin18 4s 1 forwards;
}

@-webkit-keyframes flyin18 {
    0% {
        -webkit-transform: translate(-100px, 318px);
        transform: translate(-100px, 318px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin18 {
    0% {
        -moz-transform: translate(-100px, 318px);
        transform: translate(-100px, 318px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin18 {
    0% {
        -o-transform: translate(-100px, 318px);
        transform: translate(-100px, 318px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin18 {
    0% {
        -webkit-transform: translate(-100px, 318px);
        -moz-transform: translate(-100px, 318px);
        -o-transform: translate(-100px, 318px);
        transform: translate(-100px, 318px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(19) {
    -webkit-animation: flyin19 4s 1 forwards;
    -moz-animation: flyin19 4s 1 forwards;
    -o-animation: flyin19 4s 1 forwards;
    animation: flyin19 4s 1 forwards;
}

@-webkit-keyframes flyin19 {
    0% {
        -webkit-transform: translate(-272px, 160px);
        transform: translate(-272px, 160px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin19 {
    0% {
        -moz-transform: translate(-272px, 160px);
        transform: translate(-272px, 160px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin19 {
    0% {
        -o-transform: translate(-272px, 160px);
        transform: translate(-272px, 160px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin19 {
    0% {
        -webkit-transform: translate(-272px, 160px);
        -moz-transform: translate(-272px, 160px);
        -o-transform: translate(-272px, 160px);
        transform: translate(-272px, 160px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(20) {
    -webkit-animation: flyin20 4s 1 forwards;
    -moz-animation: flyin20 4s 1 forwards;
    -o-animation: flyin20 4s 1 forwards;
    animation: flyin20 4s 1 forwards;
}

@-webkit-keyframes flyin20 {
    0% {
        -webkit-transform: translate(-185px, 244px);
        transform: translate(-185px, 244px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin20 {
    0% {
        -moz-transform: translate(-185px, 244px);
        transform: translate(-185px, 244px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin20 {
    0% {
        -o-transform: translate(-185px, 244px);
        transform: translate(-185px, 244px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin20 {
    0% {
        -webkit-transform: translate(-185px, 244px);
        -moz-transform: translate(-185px, 244px);
        -o-transform: translate(-185px, 244px);
        transform: translate(-185px, 244px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(21) {
    -webkit-animation: flyin21 4s 1 forwards;
    -moz-animation: flyin21 4s 1 forwards;
    -o-animation: flyin21 4s 1 forwards;
    animation: flyin21 4s 1 forwards;
}

@-webkit-keyframes flyin21 {
    0% {
        -webkit-transform: translate(-69px, -201px);
        transform: translate(-69px, -201px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin21 {
    0% {
        -moz-transform: translate(-69px, -201px);
        transform: translate(-69px, -201px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin21 {
    0% {
        -o-transform: translate(-69px, -201px);
        transform: translate(-69px, -201px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin21 {
    0% {
        -webkit-transform: translate(-69px, -201px);
        -moz-transform: translate(-69px, -201px);
        -o-transform: translate(-69px, -201px);
        transform: translate(-69px, -201px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(22) {
    -webkit-animation: flyin22 4s 1 forwards;
    -moz-animation: flyin22 4s 1 forwards;
    -o-animation: flyin22 4s 1 forwards;
    animation: flyin22 4s 1 forwards;
}

@-webkit-keyframes flyin22 {
    0% {
        -webkit-transform: translate(-143px, 211px);
        transform: translate(-143px, 211px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin22 {
    0% {
        -moz-transform: translate(-143px, 211px);
        transform: translate(-143px, 211px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin22 {
    0% {
        -o-transform: translate(-143px, 211px);
        transform: translate(-143px, 211px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin22 {
    0% {
        -webkit-transform: translate(-143px, 211px);
        -moz-transform: translate(-143px, 211px);
        -o-transform: translate(-143px, 211px);
        transform: translate(-143px, 211px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(23) {
    -webkit-animation: flyin23 4s 1 forwards;
    -moz-animation: flyin23 4s 1 forwards;
    -o-animation: flyin23 4s 1 forwards;
    animation: flyin23 4s 1 forwards;
}

@-webkit-keyframes flyin23 {
    0% {
        -webkit-transform: translate(-143px, -212px);
        transform: translate(-143px, -212px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin23 {
    0% {
        -moz-transform: translate(-143px, -212px);
        transform: translate(-143px, -212px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin23 {
    0% {
        -o-transform: translate(-143px, -212px);
        transform: translate(-143px, -212px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin23 {
    0% {
        -webkit-transform: translate(-143px, -212px);
        -moz-transform: translate(-143px, -212px);
        -o-transform: translate(-143px, -212px);
        transform: translate(-143px, -212px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(24) {
    -webkit-animation: flyin24 4s 1 forwards;
    -moz-animation: flyin24 4s 1 forwards;
    -o-animation: flyin24 4s 1 forwards;
    animation: flyin24 4s 1 forwards;
}

@-webkit-keyframes flyin24 {
    0% {
        -webkit-transform: translate(309px, -302px);
        transform: translate(309px, -302px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin24 {
    0% {
        -moz-transform: translate(309px, -302px);
        transform: translate(309px, -302px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin24 {
    0% {
        -o-transform: translate(309px, -302px);
        transform: translate(309px, -302px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin24 {
    0% {
        -webkit-transform: translate(309px, -302px);
        -moz-transform: translate(309px, -302px);
        -o-transform: translate(309px, -302px);
        transform: translate(309px, -302px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(25) {
    -webkit-animation: flyin25 4s 1 forwards;
    -moz-animation: flyin25 4s 1 forwards;
    -o-animation: flyin25 4s 1 forwards;
    animation: flyin25 4s 1 forwards;
}

@-webkit-keyframes flyin25 {
    0% {
        -webkit-transform: translate(-66px, -237px);
        transform: translate(-66px, -237px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin25 {
    0% {
        -moz-transform: translate(-66px, -237px);
        transform: translate(-66px, -237px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin25 {
    0% {
        -o-transform: translate(-66px, -237px);
        transform: translate(-66px, -237px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin25 {
    0% {
        -webkit-transform: translate(-66px, -237px);
        -moz-transform: translate(-66px, -237px);
        -o-transform: translate(-66px, -237px);
        transform: translate(-66px, -237px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(26) {
    -webkit-animation: flyin26 4s 1 forwards;
    -moz-animation: flyin26 4s 1 forwards;
    -o-animation: flyin26 4s 1 forwards;
    animation: flyin26 4s 1 forwards;
}

@-webkit-keyframes flyin26 {
    0% {
        -webkit-transform: translate(37px, 36px);
        transform: translate(37px, 36px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin26 {
    0% {
        -moz-transform: translate(37px, 36px);
        transform: translate(37px, 36px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin26 {
    0% {
        -o-transform: translate(37px, 36px);
        transform: translate(37px, 36px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin26 {
    0% {
        -webkit-transform: translate(37px, 36px);
        -moz-transform: translate(37px, 36px);
        -o-transform: translate(37px, 36px);
        transform: translate(37px, 36px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(27) {
    -webkit-animation: flyin27 4s 1 forwards;
    -moz-animation: flyin27 4s 1 forwards;
    -o-animation: flyin27 4s 1 forwards;
    animation: flyin27 4s 1 forwards;
}

@-webkit-keyframes flyin27 {
    0% {
        -webkit-transform: translate(237px, 147px);
        transform: translate(237px, 147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin27 {
    0% {
        -moz-transform: translate(237px, 147px);
        transform: translate(237px, 147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin27 {
    0% {
        -o-transform: translate(237px, 147px);
        transform: translate(237px, 147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin27 {
    0% {
        -webkit-transform: translate(237px, 147px);
        -moz-transform: translate(237px, 147px);
        -o-transform: translate(237px, 147px);
        transform: translate(237px, 147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(28) {
    -webkit-animation: flyin28 4s 1 forwards;
    -moz-animation: flyin28 4s 1 forwards;
    -o-animation: flyin28 4s 1 forwards;
    animation: flyin28 4s 1 forwards;
}

@-webkit-keyframes flyin28 {
    0% {
        -webkit-transform: translate(204px, 258px);
        transform: translate(204px, 258px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin28 {
    0% {
        -moz-transform: translate(204px, 258px);
        transform: translate(204px, 258px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin28 {
    0% {
        -o-transform: translate(204px, 258px);
        transform: translate(204px, 258px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin28 {
    0% {
        -webkit-transform: translate(204px, 258px);
        -moz-transform: translate(204px, 258px);
        -o-transform: translate(204px, 258px);
        transform: translate(204px, 258px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(29) {
    -webkit-animation: flyin29 4s 1 forwards;
    -moz-animation: flyin29 4s 1 forwards;
    -o-animation: flyin29 4s 1 forwards;
    animation: flyin29 4s 1 forwards;
}

@-webkit-keyframes flyin29 {
    0% {
        -webkit-transform: translate(123px, -233px);
        transform: translate(123px, -233px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin29 {
    0% {
        -moz-transform: translate(123px, -233px);
        transform: translate(123px, -233px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin29 {
    0% {
        -o-transform: translate(123px, -233px);
        transform: translate(123px, -233px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin29 {
    0% {
        -webkit-transform: translate(123px, -233px);
        -moz-transform: translate(123px, -233px);
        -o-transform: translate(123px, -233px);
        transform: translate(123px, -233px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(30) {
    -webkit-animation: flyin30 4s 1 forwards;
    -moz-animation: flyin30 4s 1 forwards;
    -o-animation: flyin30 4s 1 forwards;
    animation: flyin30 4s 1 forwards;
}

@-webkit-keyframes flyin30 {
    0% {
        -webkit-transform: translate(-194px, 104px);
        transform: translate(-194px, 104px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin30 {
    0% {
        -moz-transform: translate(-194px, 104px);
        transform: translate(-194px, 104px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin30 {
    0% {
        -o-transform: translate(-194px, 104px);
        transform: translate(-194px, 104px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin30 {
    0% {
        -webkit-transform: translate(-194px, 104px);
        -moz-transform: translate(-194px, 104px);
        -o-transform: translate(-194px, 104px);
        transform: translate(-194px, 104px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(31) {
    -webkit-animation: flyin31 4s 1 forwards;
    -moz-animation: flyin31 4s 1 forwards;
    -o-animation: flyin31 4s 1 forwards;
    animation: flyin31 4s 1 forwards;
}

@-webkit-keyframes flyin31 {
    0% {
        -webkit-transform: translate(-179px, -123px);
        transform: translate(-179px, -123px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin31 {
    0% {
        -moz-transform: translate(-179px, -123px);
        transform: translate(-179px, -123px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin31 {
    0% {
        -o-transform: translate(-179px, -123px);
        transform: translate(-179px, -123px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin31 {
    0% {
        -webkit-transform: translate(-179px, -123px);
        -moz-transform: translate(-179px, -123px);
        -o-transform: translate(-179px, -123px);
        transform: translate(-179px, -123px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(32) {
    -webkit-animation: flyin32 4s 1 forwards;
    -moz-animation: flyin32 4s 1 forwards;
    -o-animation: flyin32 4s 1 forwards;
    animation: flyin32 4s 1 forwards;
}

@-webkit-keyframes flyin32 {
    0% {
        -webkit-transform: translate(-289px, 236px);
        transform: translate(-289px, 236px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin32 {
    0% {
        -moz-transform: translate(-289px, 236px);
        transform: translate(-289px, 236px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin32 {
    0% {
        -o-transform: translate(-289px, 236px);
        transform: translate(-289px, 236px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin32 {
    0% {
        -webkit-transform: translate(-289px, 236px);
        -moz-transform: translate(-289px, 236px);
        -o-transform: translate(-289px, 236px);
        transform: translate(-289px, 236px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(33) {
    -webkit-animation: flyin33 4s 1 forwards;
    -moz-animation: flyin33 4s 1 forwards;
    -o-animation: flyin33 4s 1 forwards;
    animation: flyin33 4s 1 forwards;
}

@-webkit-keyframes flyin33 {
    0% {
        -webkit-transform: translate(6px, -147px);
        transform: translate(6px, -147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin33 {
    0% {
        -moz-transform: translate(6px, -147px);
        transform: translate(6px, -147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin33 {
    0% {
        -o-transform: translate(6px, -147px);
        transform: translate(6px, -147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin33 {
    0% {
        -webkit-transform: translate(6px, -147px);
        -moz-transform: translate(6px, -147px);
        -o-transform: translate(6px, -147px);
        transform: translate(6px, -147px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(34) {
    -webkit-animation: flyin34 4s 1 forwards;
    -moz-animation: flyin34 4s 1 forwards;
    -o-animation: flyin34 4s 1 forwards;
    animation: flyin34 4s 1 forwards;
}

@-webkit-keyframes flyin34 {
    0% {
        -webkit-transform: translate(126px, -246px);
        transform: translate(126px, -246px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin34 {
    0% {
        -moz-transform: translate(126px, -246px);
        transform: translate(126px, -246px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin34 {
    0% {
        -o-transform: translate(126px, -246px);
        transform: translate(126px, -246px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin34 {
    0% {
        -webkit-transform: translate(126px, -246px);
        -moz-transform: translate(126px, -246px);
        -o-transform: translate(126px, -246px);
        transform: translate(126px, -246px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(35) {
    -webkit-animation: flyin35 4s 1 forwards;
    -moz-animation: flyin35 4s 1 forwards;
    -o-animation: flyin35 4s 1 forwards;
    animation: flyin35 4s 1 forwards;
}

@-webkit-keyframes flyin35 {
    0% {
        -webkit-transform: translate(196px, -119px);
        transform: translate(196px, -119px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin35 {
    0% {
        -moz-transform: translate(196px, -119px);
        transform: translate(196px, -119px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin35 {
    0% {
        -o-transform: translate(196px, -119px);
        transform: translate(196px, -119px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin35 {
    0% {
        -webkit-transform: translate(196px, -119px);
        -moz-transform: translate(196px, -119px);
        -o-transform: translate(196px, -119px);
        transform: translate(196px, -119px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(36) {
    -webkit-animation: flyin36 4s 1 forwards;
    -moz-animation: flyin36 4s 1 forwards;
    -o-animation: flyin36 4s 1 forwards;
    animation: flyin36 4s 1 forwards;
}

@-webkit-keyframes flyin36 {
    0% {
        -webkit-transform: translate(-22px, -334px);
        transform: translate(-22px, -334px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin36 {
    0% {
        -moz-transform: translate(-22px, -334px);
        transform: translate(-22px, -334px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin36 {
    0% {
        -o-transform: translate(-22px, -334px);
        transform: translate(-22px, -334px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin36 {
    0% {
        -webkit-transform: translate(-22px, -334px);
        -moz-transform: translate(-22px, -334px);
        -o-transform: translate(-22px, -334px);
        transform: translate(-22px, -334px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(37) {
    -webkit-animation: flyin37 4s 1 forwards;
    -moz-animation: flyin37 4s 1 forwards;
    -o-animation: flyin37 4s 1 forwards;
    animation: flyin37 4s 1 forwards;
}

@-webkit-keyframes flyin37 {
    0% {
        -webkit-transform: translate(210px, 33px);
        transform: translate(210px, 33px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin37 {
    0% {
        -moz-transform: translate(210px, 33px);
        transform: translate(210px, 33px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin37 {
    0% {
        -o-transform: translate(210px, 33px);
        transform: translate(210px, 33px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin37 {
    0% {
        -webkit-transform: translate(210px, 33px);
        -moz-transform: translate(210px, 33px);
        -o-transform: translate(210px, 33px);
        transform: translate(210px, 33px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(38) {
    -webkit-animation: flyin38 4s 1 forwards;
    -moz-animation: flyin38 4s 1 forwards;
    -o-animation: flyin38 4s 1 forwards;
    animation: flyin38 4s 1 forwards;
}

@-webkit-keyframes flyin38 {
    0% {
        -webkit-transform: translate(-223px, -163px);
        transform: translate(-223px, -163px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin38 {
    0% {
        -moz-transform: translate(-223px, -163px);
        transform: translate(-223px, -163px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin38 {
    0% {
        -o-transform: translate(-223px, -163px);
        transform: translate(-223px, -163px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin38 {
    0% {
        -webkit-transform: translate(-223px, -163px);
        -moz-transform: translate(-223px, -163px);
        -o-transform: translate(-223px, -163px);
        transform: translate(-223px, -163px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(39) {
    -webkit-animation: flyin39 4s 1 forwards;
    -moz-animation: flyin39 4s 1 forwards;
    -o-animation: flyin39 4s 1 forwards;
    animation: flyin39 4s 1 forwards;
}

@-webkit-keyframes flyin39 {
    0% {
        -webkit-transform: translate(198px, 112px);
        transform: translate(198px, 112px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin39 {
    0% {
        -moz-transform: translate(198px, 112px);
        transform: translate(198px, 112px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin39 {
    0% {
        -o-transform: translate(198px, 112px);
        transform: translate(198px, 112px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin39 {
    0% {
        -webkit-transform: translate(198px, 112px);
        -moz-transform: translate(198px, 112px);
        -o-transform: translate(198px, 112px);
        transform: translate(198px, 112px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(40) {
    -webkit-animation: flyin40 4s 1 forwards;
    -moz-animation: flyin40 4s 1 forwards;
    -o-animation: flyin40 4s 1 forwards;
    animation: flyin40 4s 1 forwards;
}

@-webkit-keyframes flyin40 {
    0% {
        -webkit-transform: translate(61px, 13px);
        transform: translate(61px, 13px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin40 {
    0% {
        -moz-transform: translate(61px, 13px);
        transform: translate(61px, 13px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin40 {
    0% {
        -o-transform: translate(61px, 13px);
        transform: translate(61px, 13px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin40 {
    0% {
        -webkit-transform: translate(61px, 13px);
        -moz-transform: translate(61px, 13px);
        -o-transform: translate(61px, 13px);
        transform: translate(61px, 13px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.flyin__letters b:nth-child(41) {
    -webkit-animation: flyin41 4s 1 forwards;
    -moz-animation: flyin41 4s 1 forwards;
    -o-animation: flyin41 4s 1 forwards;
    animation: flyin41 4s 1 forwards;
}

@-webkit-keyframes flyin41 {
    0% {
        -webkit-transform: translate(-277px, -327px);
        transform: translate(-277px, -327px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes flyin41 {
    0% {
        -moz-transform: translate(-277px, -327px);
        transform: translate(-277px, -327px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes flyin41 {
    0% {
        -o-transform: translate(-277px, -327px);
        transform: translate(-277px, -327px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes flyin41 {
    0% {
        -webkit-transform: translate(-277px, -327px);
        -moz-transform: translate(-277px, -327px);
        -o-transform: translate(-277px, -327px);
        transform: translate(-277px, -327px);
    }

    25% {
        opacity: .1;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

.navbar-collapse {
    flex-basis: fit-content !important;
    flex-grow: 0 !important;
}

.header-button {
    cursor: pointer;
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    color: #fff;
    line-height: 48px;
    opacity: 1;
    margin: 0 8px;
    padding: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}
/* .header-button .bbva-icon.ui-profile{
    display: flex;
    align-items: center;
    margin-right: 0.5rem;
} */

.header-button span {
color: #fff;
}

/* .header-button-menu {
    margin: 7px 15px 0px 0px !important;
} */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: #004481;
    border-color:#004481;
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 0 8%;

}
.nav-tabs .nav-link {
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    padding: 0 8%;

  }
/**** UPDATE: ABR 2019 ****/
/* .header.sticky #block-botondeaccesologin {
    top: -7px;
	margin: -12px 0px 0px 0px;
	right: 0px;
}

#block-botondeaccesologin a.header-button {
    float: left;
}

#block-botondeaccesologin span.close-session {
    float: left;
    margin: 19px 0px 0px 0px;
} */
.close-session {
    margin: auto;
}
span.close-session a {
    font-size: 12px;
    font-family: "BentonSansBBVA-Book",Helvetica,Arial,sans-serif;
    color: #ffffff;
}

.header-button {
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    color: #fff;
    line-height: 48px;
    opacity: 1;
    margin: 0 12px;
    padding: 0;
    display: flex;
    text-decoration: none;
}
.header-button .header-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
@media (max-width: 990px) {
    .header-button .header-avatar {
        width: 30px;
    }
}

/* Login */
.login-page .card {
    max-width: 500px;
    box-shadow: none;
    margin: auto;
    padding: 0px 0px 30px 0px;
}

.login-page .card-header {
    text-align: center;
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 21px;
    padding: 20px 0px 30px 0px;
}

/* Navigation Tabs */
.tab-container {
    padding-bottom: 20px;
    width: 100% !important;
    max-width: 100%;
}

.content.with-tabs {
    padding-top: 0px;
}

.content.with-tabs .container {
    padding-top: 0px !important;
}

.content.with-message {
    padding-bottom: 10px;
    display: none;
}

.navigation {
    background-color: #f4f4f4;
    line-height: 0px;
    padding: 20px 0px 0px 0px;
}

.navigation .title {
    line-height: 25px;
    text-align: center;
    color: #1d73b2;
    font-size: 20px;
    padding-bottom: 15px;
}

.navigation .tabs {
    display: inline-block;
    margin: 0px 10px;
}

.navigation .tabs div.tab a {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    float: left;
    padding: 25px 30px 25px 30px;
    font-weight: 900;
    font-size: 13px;
}

.navigation .tabs div.tab.active a {
    background: #fff;
    color: #1d73b2;
    border-top: solid 1px #eaeaea;
}

/* Pruebas de talento */
.pruebasbancomer {
    width: 100% !important;
}

.pruebasbancomer .panel.panel-primary {
    border: none;
}

.pruebasbancomer .row.question {
    border-top: solid 2px #ccc;
    padding: 20px 0px 10px 0px;
    margin: 35px 0px 5px 0px;
}

.pruebasbancomer .row.question div {
    padding: 0px;
}

.pruebasbancomer .row.question label {
    padding: 0px;
    font-size: 15px;
}

.pruebasbancomer .row.answer {
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px 0px 5px 30px;
    margin: 0px 0px 15px 0px;
}

.pruebasbancomer .row.answer.selected {
    background: #d4edfc;
    border-color: #7aaed7;
    color: #1d73b2;
}

.pruebasbancomer .row.answer label {
    font-weight: normal;
    cursor: pointer;
}

.pruebasbancomer .row.answer input[type="radio"] {
    width: 21px;
    height: 21px;
    background-color: #F4F4F4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #666666;
    cursor: pointer;
    position: absolute;
    left: -15px;
    top: -5px;
}

.pruebasbancomer img {
    max-width: 100%;
    height: auto;
}

.pruebasbancomer .btn {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    line-height: 16px;
    max-width: 100%;
    padding: 16px 12px;
    line-height: 16px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    min-width: 94px;
    display: inline-block;
    border: 0;
    background-color: #1d73b2;
    will-change: background-position;
    -moz-background-size: 210% 100%;
    -o-background-size: 210% 100%;
    background-size: 210% 100%;
    background-position: 99% center;
    background-repeat: no-repeat;
    -webkit-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -o-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    -moz-transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    transition: background-position 0.66667s cubic-bezier(0.24, 0.22, 0.31, 1.07);
    background-color: #1d73b2;
    background-image: -webkit-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -moz-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: -o-linear-gradient(350deg, #1464a5 50%, #1d73b2 50%);
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    width: 150px;
}

.pruebasbancomer .btn:hover, .btn:focus {
    background-position: 0 center;
    color: #fff;
    cursor: pointer;
}

.pruebasbancomer .panel-footer {
    text-align: center;
    background: none;
    border: none;
    margin: 0px 0px 30px 0px;
}

.prueba-desc {
    padding-bottom: 10px;
}

/*
.prueba-tutorial {
    float: left;
    width: 50%;
    display: none;
}

.prueba-duracion {
    float: none;
    width: 50%;
}

.prueba-warning {
    padding: 5px 0px 25px 0px;
    display: inline-block;
    width: 100%;
}

.prueba-tutorial .bbva-icon,
.prueba-duracion .bbva-icon,
.prueba-warning .bbva-icon {
    font-size: 20px;
    color: #1d73b2;
} */

.claseParadividir .step-container .prueba-feature{
    display: flex;
    align-items: start;
    margin-top: 15px;
}
.claseParadividir .step-container .prueba-feature img{
    margin-right: 10px;
	width: 20px;
}

/* Pruebas iFrame */
.bancomerpruebasframe h1 {
    line-height: 25px;
    color: #1d73b2;
    font-size: 24px;
    padding-bottom: 15px;
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
}

.bancomerpruebasframe h1.title {
    font-size: 22px;
    font-family: "BentonSansBBVA-Book", Helvetica, Arial, sans-serif;
    background: #d4edfc;
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 5px 0px;
}

.bancomerpruebasframe h2 {
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    padding: 0px 0px 20px 0px;
    font-size: 16px;
    color: #666;
}

.bancomerpruebasframe p {
    margin-bottom: 15px;
}

/* Dashboard */
.bancomerdashboard {
    background-color: #f4f4f4;
}
.bancomerdashboard .card {
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
}

.bancomerdashboard .card h2 {
    color: #297cbd;
    font-family: "BentonSansBBVA-Bold", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 5px 0px 15px 0px;
}

.bancomerdashboard .card.left {
    display: inline-block;
    width: 60%;
}

.bancomerdashboard .card.right {
    display: inline-block;
    width: 38%;
    float: right;
}

.bancomerdashboard .chart-stacked {
    position: relative;
}

.bancomerdashboard .chart-stacked .icon {
    display: inline-block;
    width: 40px;
    text-align: center;
    float: left;
    margin-top: 15px;
}

.bancomerdashboard .chart-stacked .total {
    position: absolute;
    right: 0px;
    top: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #848484;
}

.bancomerdashboard .chart-stacked .chart {
    width: 70% !important;
    min-height: 80px;
    display: inline-block;
}

.stage {
    background: #F4F4F4;
    position: relative;
}

.stage h1.title {
    color: #072146;
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;
    padding: 20px 0px;
    top: 0px;
}


.stage .stage-statistic {
    position: relative;
    display: inline-block;
    width: 49%;
    margin: 10px 0;
    background: #1464a5;
    color: #fff;
    padding: 20px 20px 40px 20px;
    min-height: 82px;
    vertical-align: top;
    box-sizing: border-box;
}
.stage .statistics-container {
    display: flex;
    justify-content: space-between;
}

.stage.statistics {
    display: inline-block;
    width: 100%;
}

.stage .stage-statistic .stat-icon {
    width: 70px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.stage .stage-statistic .stat-total {
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    padding-right: 25%;
}

.stage .stage-statistic .stat-porcentage {
    font-size: 12px;
    font-weight: normal;
}

.stage .stage-statistic .stat-label {
    display: inline-block;
    padding-right: 25%;
    line-height: 20px;
    padding-top: 10px;
}

.stage .stage-filters {
    position: relative;
    width: 100%;
    z-index: 1;
    height: 96px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-buttons{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 80%;
}

.stage .stage-filters .form-group-select {
    width: 20%;
}
.step-container-exams .download {
    display: flex;
    gap: 1.5rem;
}
.download-button a, .create-button a, .edit-button a{
    display: flex;
    align-items: center;
    margin-top: 6px;
}
.download-button a img, .create-button a img, .edit-button a img{
    margin-right: 5px;
	width: 24px;
}
.more-filters-button a{
    display: flex;
    align-items: center;
    color: black;
}
.more-filters-button a img{
    margin-right:5px;
}

.stage .first-row {
    width: 20%;

}
.first-row .placeholder-wrapper input {
    box-sizing: content-box;
}
.first-row.grado {
    width: 15% !important;
}
.continue-later {
    float: right;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.fancybox-content {
    max-width: 680px !important;
}
.fancybox-navigation, .fancybox-infobar {
    display: none;
}

/* Modal */
.custom-close-modal {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.custom-close-modal a {
    color: #666
}
.email-recovery .custom-close-modal{
    align-items: center;
    justify-content: space-around;
}

/* Filter controller */
.filter-controller {
    margin-bottom: 3rem;
}
.filter-controller .filters{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

/* Datatable */
#no-background {
    background-image: none;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    display: none !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none !important;
}

table.dataTable th {
    color: #072146;
}

table.dataTable th.sorting_asc,
table.dataTable th.sorting_desc,
table.dataTable th.sorting {
    background-size: 25px 25px !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 20px 10px !important;
    border: none !important;
    border-bottom: 2px solid #C6C6C9 !important;
}
table.dataTable td {
    border: none !important;
}

table.dataTable {
    border: none !important;
    width: 100% !important;
    padding-top: 16px !important;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom: solid 1px #d4d4d4 !important;
    position: relative;
}

table.dataTable .grades-container {
    position: absolute;
    background: #fff;
    border: solid 2px #ccc;
    border-radius: 10px;
    width: 310px;
    margin-left: -325px;
    z-index: 1;
    padding: 15px 20px;
    margin-top: -124px;
    display: none;
    text-align: right;
}

table.dataTable .grades-container:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -13px;
    width: 0;
    height: 0;
    border-left: 14px solid #fff;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    z-index: 1;
    margin-left: -2px;
}

table.dataTable .grades-container:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -14px;
    width: 0;
    height: 0;
    border-left: 15px solid #cccccc;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

table.dataTable .grades-grade {
    padding-right: 5px;
    font-weight: bold;
    color: #237ABA;
}

table.dataTable .grade-icon {
    text-align: center;
}
div.dataTables_wrapper div.dataTables_length {
    float: right;
}

div.dataTables_wrapper div.dataTables_length select {
    height: 45px;
    padding: 5px 10px;
}

div.dataTables_wrapper div.dataTables_filter input {
    height: 45px;
    padding: 0px 15px;
}

table.dataTable .grades-container {
    font-weight: bold;
}

table.dataTable .grades-container span.grade {
    width: 30px;
    display: inline-block;
    color: #237ABA;
}

table.dataTable .grades-container .total-container {
    font-weight: bold;
    border-top: solid 1px #ccc;
    margin-top: 10px;
    padding-top: 10px;
}

/* Error import users */
.error-table {
    text-align: left;
    margin: 25px 0px 25px 0px;
    border: solid 1px #ccc;
    width: 100%;
}

.error-table th {
    background: #f1f1f1;
    border: solid 1px #ccc;
    padding: 5px 10px;
    font-weight: bold;
}

.error-table td {
    border: solid 1px #ccc;
    padding: 5px 10px;
}

.students-load-results {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.students-load-results .students-load {
    border: solid 1px #ccc;
    padding: 20px 20px;
    display: inline-block;
    position: relative;
    margin: 10px;
}

.students-load-results .students-count {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

/* Config menu */
.becasbox {

    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    /* margin-top: 10px; */
}

.becasbox i {
    margin: 0px 4px 0px 0px;
    font-size: 20px;
}

.becasbox.left {
    float: left;
}

.becasbox.right {
    float: right;
}

.becasbox .becasbox-text {
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.becasbox .becasbox-title {
    font-family: "BentonSansBBVA-Medium",Helvetica,Arial,sans-serif;
    font-size: 1.5rem;
    color: #1d73b2;
    text-align: left;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 15px;
    max-height: 40px;
    display: block;
}

.becasbox .becasbox-desc {
    font-family: "BentonSansBBVA-Book",Helvetica,Arial,sans-serif;
    font-size: 15px;
    color: #121212;
    text-align: left;
    letter-spacing: 0;
    line-height: 24px;
    color: #626262;
    margin-bottom: 8px;
    display: block;
}

.becasbox .becasbox-button {
    font-size: 15px;
    color: #121212;
    font-weight: 400;
    text-align: left;
    letter-spacing: 0;
    line-height: 24px;
    max-height: 32px;
    display: block;
    max-width: 100%;
	padding: 0px 0px 10px 0px;
    cursor: pointer;
}

.filters-wrapper {
    width: 30%;
    text-align: right;
    display: inline-block;
}

.filters-container {
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: right;
}

.applicants-filter {
    float: left;
    padding-right: 10px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

table.dataTable thead th.no-bottom-border {
    border-bottom: 0px solid white !important;
}

table.table-bordered.dataTable th {
    vertical-align: middle;
}

.kardex .student-status-grade-container {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.kardex .student-status {
    color: #666666;
    float: left;
}

.kardex .student-grade-container {
    float: right;
    width: 130px;
    padding: 10px 10px 5px 10px;
    background-color: #0099cc;
    border-radius: 10px;
    color: #fff;
    margin-right: 10px;
}

.kardex .student-grade-container .kardex-student-grade {
    font-weight: bold;
    font-size: 160%;
}

.kardex .student-grade-container .kardex-student-class {
    font-size: 90%;
}

.kardex .student-status > span.complete-status {
    color: #339933;
    font-weight: bold;
    padding-left: 10px;
}

.kardex .student-status > span.incomplete-status {
    color: #cc0000;
    font-weight: bold;
    padding-left: 10px;
}

.kardex .kardex-section {
    background-color: rgba(208, 208, 208, 0.3);
    text-align: center;
}

.kardex .kardex-section .kardex-section-container {
    position: relative;
}

.kardex .kardex-section .kardex-section-elements {
    position: relative;
}

.kardex .kardex-section .kardex-section-elements .total-grade {
    font-weight: bold;
    font-size: 120%;
    color: rgba(34, 140, 34, 0.6);
    margin-right: 10px;
}

.kardex .kardex-section .kardex-item {
    position: relative;
    background-color: #ffffff;
    width: 40%;
    text-align: center;
    display: inline-block;
}

.kardex .kardex-section .kardex-item .section-title {
    font-weight: bold;
    font-size: 120%;
    margin: 0px 30px 0px 30px;
    padding: 20px 0px 20px 0px;
    border-bottom: #cccccc solid 1px;
}

.kardex .kardex-section .kardex-item .item-grade {
    margin-top: 30px;
    margin-bottom: 30px;
}

.kardex .kardex-section .kardex-item .item-grade span {
    padding: 10px 30px 10px 30px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
}

.test-nd-label {
    color: #cccccc;
}

.test-development-label {
    /*color: rgba(0,102,0,0.45);*/
    opacity: 0.45;
}

.test-regular-label {
    /*color: rgba(0,102,0,0.65);*/
    opacity: 0.65;
}

.test-good-label {
    /*color: rgba(0,102,0,0.85);*/
    opacity: 0.85;
}

.test-outstanding-label {
    /*color: #006600;*/
    opacity: 1;
}

.test-nd {
    background-color: #cccccc;
}

.test-development {
    /*background-color: rgba(0,102,0,0.25);*/
    opacity: 0.25;
}

.test-regular {
    /*background-color: rgba(0,102,0,0.5);*/
    opacity: 0.5;
}

.test-good {
    /*background-color: rgba(0,102,0,0.75);*/
    opacity: 0.75;
}

.test-outstanding {
    /*background-color: #006600;*/
    opacity: 1;
}

.test-complete {
    background-color: #006600;
}

.test-incomplete {
    background-color: #cc0000;
}

.kardex .kardex-section-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    padding: 10px 0px 30px 0px;
    border-radius: 10px 10px 0px 0px;
}

.ce {
    background-color: rgba(230, 149, 0, 0.6);
}

.ce-label {
    color: rgba(230, 149, 0);
}

.cp {
    background-color: rgba(34, 140, 34, 0.6);
}

.cp-label {
    color: rgba(34, 140, 34);
}

.cl {
    background-color: rgba(115, 0, 230, 0.6);
}

.cl-label {
    color: rgba(115, 0, 230);
}

.kardex-btn, .reset-btn {
    cursor: pointer;
    display: block;
    color: #ffffff;
    background-color: #0099cc;
    text-align: center;
    padding: 10px;
}

.td-text-center {
    text-align: center;
}

.student-list-folio span {
    font-weight: bold;
}

div.google-visualization-tooltip {
    transform: rotate(30deg);
}

#modal {
    display:none;
    width: 100%;
    box-sizing: content-box;
}
#modal .modal-container {
    width: 100%;
}

/**** END UPDATE ****/

/**** RESPONSIVE ****/
.filters .form-group-select .option-select .select-title .selected-option {
    max-width: 100%;
}

@media (min-width: 1200px) {
    .container {
        width: 1176px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .container {
        width: 960px;
    }
}

@media (max-width: 992px) {
    .container.content {
        padding: 10px;
    }

    .continue-later {
        float: none !important;
        display: inline-block;
        width: 100%;
    }

    .bancomerdashboard .card.left {
        width: 100% !important;
    }

    .bancomerdashboard .card.right {
        float: none !important;
        width: 100% !important;
    }

    .bancomerdashboard #chart_donut {
        width: 50% !important;
        float: left;
    }

    .bancomerdashboard .chart-stacked .chart {
        width: 35% !important;
    }

    .bancomerdashboard .chart-stacked {
        position: relative;
        margin-top: 30px;
    }
}

@media (max-width: 780px) {
    .stage .stage-statistic {
        width: 100%;
    }
    .stage .statistics-container {
        flex-direction: column;
    }
    .stage h1.title {
        font-size: 24px;
        line-height: 30px;
    }
}
/**** END RESPONSIVE ****/

.bancomer-students .filters .form-validation-group {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
    height: 80px;
}

.bancomer-students .filters .form-group-select {
    max-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 80px;
}

.bancomer-students .filters .submtbtn {
    text-align: right;
    margin-bottom: 12px;
    display: inline-block;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0 !important;
    margin: 1em 1.5em !important;
    margin-left: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: auto !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button a{
    border: none;

}
.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
    font-weight: bolder;
    font-family: 'BentonSansBBVA-Medium';
    color: #004481 !important;
}

.dataTables_wrapper .download {
    margin-top: 22px;
    margin-right: 54px;
    float: right;
}
.i-form .dataTables_wrapper .dataTables_info {
    margin-top: 16px;
    clear: none;
}
.chart-title {
    color: #072146;
}
.chart-container {
    width: 100%;
    row-gap: 3rem;
    padding-bottom: 2rem;
}
.chart-container .col-6 {
    min-height: 310px;
    height: 310px;
}
#close-button-chart {
    position: absolute;
    top: 0;
    right: 0;
    color:black;
    font-weight: 900;
    font-size: 2rem;
    padding: 20px;
    background-color: transparent;
    border: none;
    font-family: sans;
}
#close-button-chart:focus {
    outline:none;
}

.box {
    width: 200px;
    left: -200px;
    background: #fff;
    padding: 20px;
    text-align: center;
    font-weight: 900;
    color: #072146;
    font-family: arial;
    border-radius: 7px;
    position:absolute;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(112,112,112,0.65);
    -moz-box-shadow: 0px 1px 7px 0px rgba(112,112,112,0.65);
    box-shadow: 0px 1px 7px 0px rgba(112,112,112,0.65);
    display:none;
    z-index: 99;
  }

  .sb1:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    right: -20px;
    top: 6px;
  }

  .nav-tabs.incidents-reports .nav-link.active,
  .nav-tabs.exams .nav-link.active, .nav-tabs .nav-item.show .nav-link {
      border: none;
      background-color: #fff;
      color: #297CBD;
      font-weight: bold;
      box-shadow: 0px -1px 3px 0px rgba(140,140,140,0.31);
    }
.nav-tabs.exams .nav-link {
    border-bottom:1px solid #dee2e6;
    font-size: 18px;
    padding: 1rem 3rem;
    color: #8C8C8C;
    background-color: #F4F4F4;
}
.nav-tabs {
    border:none !important;
}

div.tab-content {
    background-color: #fff;
    padding: 2em 2em 4em 2em;
    box-shadow: 0px 1px 5px 0px rgba(140,140,140,0.61);
	min-height: 340px;
}
.gray-title {
    color: #8C8C8C;
    font-size: 1.5rem;
    padding-bottom: 2rem;
}
.gray-bottom-border {
    border-bottom: 1px solid #ECECEC;
}
.gray-accordion {
    color: #8C8C8C;
    font-size: 1.5rem;
    font-weight: bold;
    font-family:"BentonSansBBVA-Book", Helvetica, Arial, sans-serif
}
.gray-accordion span{
    color: #8C8C8C;
    font-weight: lighter;
}

.back-link {
    font-size: 1rem;
    font-weight: 400;
    color: inherit;
    display: inline-block;
    padding: 0px 10px 0px 24px;
    position: relative;
}
.back-link:hover {
    text-decoration:none;
}
.back-link img {
    position: absolute;
    left: 0px;
    top: 8px;
}

.dataTables_wrapper {
    width: 100%;
}


/* TEXT EDITOR */
.create-question-section .note-editor {
    margin: 0 auto;
}
.note-editing-area {
    width: 100%;
}


.footer-copyright-container {
    display: grid;
    row-gap: 1.5rem;
}


/* tab navs */
.tab-pane.fade {
    display:none;
}
.tab-pane.fade.active.show {
    display:block;
}

/* Exams */
.exit-exam {
    text-align: right;
    display: inline-block;
    width: 100%;
    margin: -12px 0px 14px 0px;
}
.exit-exam img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0px 0px;
}
.progress-bar-container .progress-val {
    font-size: 12px;
}
.exam-group-instructions {
    display: inline-block;
    width: 100%;
    padding: 0px 0px 0px 28px;
    position: relative;
    margin: 0px 0px 20px 0px;
}
.exam-group-instructions i {
    /* position: absolute;
    left: 0px;
    top: -6px;
    margin: 0;
    font-size: 21px; */
    font-size: 32px;
    margin-right: 8px;
}
.card-instructions h1 {
    margin: auto;
    padding: 5px 0px 15px 0px;
    font-size: 2.5rem;
}

.card-instructions h2 {
    margin: auto;
    padding: 5px 0px 15px 0px;
    font-size: 2rem;
}
.card-instructions p {
    margin: auto;
    padding: 0px 0px 15px 0px;
}
.card-instructions img {
    width: 100%;
    height: auto;
    margin: 10px 0px 10px 0px;
}
/* Estilos de reactivos */
.answer-selected, .answer-selected:hover {
    background-color: #d4edfd;
    cursor: default !important;
}
.card.exam {
    padding-bottom: 60px;
}
.card.exam .img-complete {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.card.exam .img-full {
    width: 100%;
	max-width: 840px;
    display: block;
    margin: 0 auto;
}
.card.exam .img-half {
    width: 100%;
	max-width: 440px;
    display: block;
    margin: 0 auto;
}
.card.exam .img-quarter {
    width: 80%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
}
.card.exam .img-formula-inline {
    max-height: 75px;
    display: inline-block;
    margin: -5px 0px -15px 0px;
}
.card.exam .img-formula-inline-fix{
	max-height: 75px;
    display: inline-block;
	margin: -5px 0px -27px 0px;
}
.card.exam .grid-2 {
	display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: baseline;
}
span.inline-with-formula {
    display: inline-block;
    padding: 25px 0px;
}
.card.exam .img-formula-medium {
    width: auto;
    max-height: 95px;
	max-width: 100%;
    display: block;
    margin: 20px auto 0 auto;
}
.card.exam .img-formula-large {
    width: auto;
    max-height: 120px;
    display: block;
    margin: 10px auto 0 auto;
}
.card.exam .img-formula-answer {
    width: auto;
    max-height: 70px;
}
.card.exam .img-answer-square {
    max-width: 400px;
    width: 94%;
	height: auto;
}
.card.exam .img-answer-full {
    max-width: 640px;
    width: 94%;
}
.card.exam .form-check {
    margin: auto 0 auto 0;
    height: 21px;
}
.card.exam > .text-left {
    width: 100%;
}
.card.exam sup {
    font-size: 12px;
    margin: 10px 0px 0px 0px;
}
.card.exam .h3 sup {
    font-size: 16px;
}
.esca .list-group {
    display: grid !important;
    grid-gap: 10px;
}
.esca.options-2 .list-group {
	grid-template-columns: 1fr 1fr;
}
.esca.options-3 .list-group {
	grid-template-columns: 1fr 1fr 1fr;
}
.esca.options-4 .list-group {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.esca.options-5 .list-group {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.esca.options-6 .list-group {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.esca .list-group a {
    padding: 15px 15px;
    display: inline-block !important;
    text-align: center;
    cursor: pointer;
}
.esca .list-group .form-check {
    display: none;
}
.esca .list-group img {
    width: 36px;
    height: auto !important;
    display: block;
    margin: 0 auto 10px auto;
}
/* Imagenes de reactivos de verbal */
.opmu img {
    max-width: 100%;
    height: auto;
}
/* Escala de color (Azul a rojo) */
.esco .list-group .list-group-item.answer-selected:nth-child(1), .esco .list-group .list-group-item.answer-selected:nth-child(1):hover {
    background-color: #1d73b2;
}
.esco .list-group .list-group-item.answer-selected:nth-child(2), .esco .list-group .list-group-item.answer-selected:nth-child(2):hover {
    background-color: #2fa236;
}
.esco .list-group .list-group-item.answer-selected:nth-child(3), .esco .list-group .list-group-item.answer-selected:nth-child(3):hover {
    background-color: #a0d636;
}
.esco .list-group .list-group-item.answer-selected:nth-child(4), .esco .list-group .list-group-item.answer-selected:nth-child(4):hover {
    background-color: #eede04;
}
.esco .list-group .list-group-item.answer-selected:nth-child(5), .esco .list-group .list-group-item.answer-selected:nth-child(5):hover {
    background-color: #f76915;
}
.esco .list-group .list-group-item.answer-selected:nth-child(6), .esco .list-group .list-group-item.answer-selected:nth-child(6):hover {
    background-color: #fd0100;
}
.esco .list-group .list-group-item:nth-child(1) {
    background-color: #333ed424;
}
.esco .list-group .list-group-item:nth-child(2) {
    background-color: #2fa2361c;
}
.esco .list-group .list-group-item:nth-child(3) {
    background-color: #a0d63626;
}
.esco .list-group .list-group-item:nth-child(4) {
    background-color: #eede042e;
}
.esco .list-group .list-group-item:nth-child(5) {
    background-color: #f7691529;
}
.esco .list-group .list-group-item:nth-child(6) {
    background-color: #fd01001a;
}
/* Escala de color (Rojo a azul) */
.esci .list-group .list-group-item.answer-selected:nth-child(6), .esci .list-group .list-group-item.answer-selected:nth-child(6):hover {
    background-color: #848be1;
}
.esci .list-group .list-group-item.answer-selected:nth-child(5), .esci .list-group .list-group-item.answer-selected:nth-child(5):hover {
    background-color: #79ed80;
}
.esci .list-group .list-group-item.answer-selected:nth-child(4), .esci .list-group .list-group-item.answer-selected:nth-child(4):hover {
    background-color: #bef159;
}
.esci .list-group .list-group-item.answer-selected:nth-child(3), .esci .list-group .list-group-item.answer-selected:nth-child(3):hover {
    background-color: #f0e663;
}
.esci .list-group .list-group-item.answer-selected:nth-child(2), .esci .list-group .list-group-item.answer-selected:nth-child(2):hover {
    background-color: #ffa977;
}
.esci .list-group .list-group-item.answer-selected:nth-child(1), .esci .list-group .list-group-item.answer-selected:nth-child(1):hover {
    background-color: #ff8686;
}
.esci .list-group .list-group-item:nth-child(6) {
    background-color: #333ed424;
}
.esci .list-group .list-group-item:nth-child(5) {
    background-color: #2fa2361c;
}
.esci .list-group .list-group-item:nth-child(4) {
    background-color: #a0d63626;
}
.esci .list-group .list-group-item:nth-child(3) {
    background-color: #eede042e;
}
.esci .list-group .list-group-item:nth-child(2) {
    background-color: #f7691529;
}
.esci .list-group .list-group-item:nth-child(1) {
    background-color: #fd01001a;
}

/* css custom modal */
.modal-header{
    border-bottom: none !important;
}

.dataTables_wrapper .dataTables_paginate{
    float: none !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    justify-content: center !important;
}

span.divisor_total_pages{
    margin-inline: 10px;
}

span.total_records_span,
th[class^='sorting']{
    color: #072146;
    font-family: 'BentonSansBBVA-Bold';
}

a.popoverholi img{
    transform: rotate(90deg);
}

table.dataTable tbody td {
    padding: 20px 10px !important;
}

.lengthChanging{
    margin-top: 12px;
    float: right;
}

.form-group-select.length_changing{
    display: flex;
    align-items: center;
}

.lengthChanging .form-group-select .option-select{
    width: 76px;
}

.lengthChanging .form-group-select .option-select .select-title {
    /* background: #ffffff; */
    padding-top: 0px;
}

.form-group-select.length_changing span{
    color: #004481;
}

.lengthChanging .form-group-select ul{
    max-height: min-content;
}

.lengthChanging + .dataTables_length {
    display: none !important;
}

#student_class2{
    width: 38%;
}

.notificacion-item{
    cursor: pointer;
}
.header_profile_popover{
    margin-top: 20px;
}
.header_noti_popover{
    margin-top: 22px;
    min-width: 217px;
}
.nav-link.header-button.active .nav-link-arrow{
    transform: translate(0, 1.3rem);
    fill: #1d73b2;
    opacity: 1;
}

.loading-indicator::before {
    content: 'Cargando...';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
}

/****** fancy-results (fancy-md) *****/
.fancybox-content.fancy-md {
    padding: 16px;
}
.fancybox-content.fancy-md .title-fancy {
    padding: 2rem;
}

.fancybox-content .title-fancy {
    color: #072146;
    font-size: 25px;
    padding: 5rem 2rem 2rem 2rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.5px solid #B9B9B9;
    position: relative;
}
.fancybox-content .title-fancy .blue-line-title {
    background: #1D73B2;
    width: 140px;
    height: 4px;
    position: absolute;
    bottom: -2.4px;
}
.fancybox-content .title-fancy.small {
    font-size: 20px;
}
.fancybox-content .title-fancy.align-left{
    display: flex;
    justify-content: flex-start;
    padding-left: 0;
}


.title-popover {
    font-size: 16px;
    font-weight: 600;
    font-family: 'BentonSansBBVA-Medium';
    color: #072146;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    display: block;
}
img.reports_noti_icon {
    width: 20px;
}
#incidents_noti_nav-item{
    display: none;
}
.reports-notifications-popover .report-item{
    text-decoration: none;
    cursor: pointer;
}
.form-control[disabled]+.placeholder-simulator {
    color: rgb(196, 196, 196);
}
.more_reports_btn{
    width: 100%;
    display: block;
    text-align: center;
    padding: 0.7rem 0rem;
    border-top: 1px solid #0000001a;
    cursor: pointer;
    font-size: 16px;
    color: #1D73B2 !important;
}
.more_reports_btn:hover{
    background: #D9E3EC;
}
span.total_requests_help {
    background: #EF675E;
    color: #fff;
    font-family: 'BentonSansBBVA-Medium';
    font-size: 11px;
    padding: 0.5rem;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    display: none;
}
.config .becasbox .becasbox-button {
    display: flex;
    align-items: center;
}

/*
    se comenta para no causar conflictos con otras modales del mismo tipo,
    ahora se agrega este css mediante jquery a la hora de cargar la modal de "¿sigues en línea?"
*/
/* #modal_generic .md-modal{
    max-width: 400px !important;
} */