.content-center {
  max-width: 975px;
  margin: auto;
}

.video-block {
  margin-top: 80px;
  margin-bottom: 80px;
}



.video-block__title{
  width: 100%;
  padding: 0 0 60px;
  font-family: 'Intro Book Alt', sans-serif;
  font-size: 43px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  color: #7b6f4e;
}

.video-block__video-wrap{
  position: relative;
}

.video-block__video-wrap_img{
  max-width: 100%;
}


.video-block__video-wrap_play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 115px;
  height: 115px;
  background: url(../images/video-play.png) 50% no-repeat;
  -webkit-transition: .3s;
  transition: .3s;
}

.video-block__video-wrap:hover .video-block__video-wrap_play{
  transform: scale(1.1) translate(-45%,-45%);
}

section {
  /* background: url(../images/header-bg.jpg) no-repeat; */
  /* background: url(../images/main-1920.png) no-repeat; */
  background: url(../images/main-1920-new2.png) no-repeat;
  background-position: center top;
  /* background-size: cover; */
  /* background-position: 70% -300px;  */
}
  section .title {
    padding-bottom: 300px; }
  section .title-block .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 40px 0; }
  section .title-block-top {
    padding-bottom: 35px;
    font-family: 'Intro Regular Alt', sans-serif;
    font-size: 24px;
    /* font-weight: bold; */
    text-transform: uppercase;
    word-spacing: 8px;
    color: #231f20;
    text-align: right; }
  section .title-block h1 {
    font-family: 'Intro Book Alt', sans-serif;
    color: white;
    /* font-size: 66px; */
    font-size: 44px;
    padding-bottom: 30px;
    text-align: right;
    font-weight: 100;
    text-transform: uppercase; 
  
    background: rgba(123, 111, 78, 0.5);
    padding-top: 20px;
    padding-right: 20px;
  
  }
    section .title-block h1 span:first-child {
      /* font-size: 46px; */
      font-size: 30px;
      display: block; }
    section .title-block h1 span:last-child {
      display: block;
      font-family: 'Intro Bold Alt', sans-serif;
      /* font-size: 29px; */
      font-size: 24px;
      text-transform: lowercase;
      font-weight: bold; }
  section .title-block-bottom {
    color: #231f20;
    font-size: 18px;
    text-align: left; }
    section .title-block-bottom p:first-child {
      font-family: 'Intro Bold Alt', sans-serif;
      font-size: 34px;
      /* font-weight: bold; */
      padding-bottom: 5px; }
    .tbb-sm,
    section .title-block-bottom p:last-child {
      font-family: 'Intro Book Alt', sans-serif;
      text-transform: uppercase;
      font-weight: normal;
    text-align: right; }
    .tbb-sm {
      font-weight: bold !important;
    }
  section .subtitle-blk {
    position: relative;
    margin-top: 130px;
    /* background: white; */
    z-index: 10; }
    section .subtitle-blk:after {
      content: '';
      position: absolute;
      top: -300px;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 300px;
      background: white;
      -webkit-clip-path: polygon(50% 50%, 52% 56%, 100% 6%, 100% 21%, 100% 100%, 0 100%, 0 73%, 6% 87%, 38% 41%, 46% 53%);
      clip-path: polygon(50% 50%, 52% 56%, 100% 6%, 100% 21%, 100% 100%, 0 100%, 0 73%, 6% 87%, 38% 41%, 46% 53%); 
    display: none;
    }
    section .subtitle-blk:before {
      content: '';
      position: absolute;
      top: -300px;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 300px;
      background: rgba(234, 233, 233, 0.4);
      -webkit-clip-path: polygon(50% 50%, 50% 50%, 100% 0, 100% 21%, 100% 100%, 0 100%, 0 73%, 6% 87%, 38% 41%, 46% 53%);
      clip-path: polygon(50% 50%, 50% 50%, 100% 0, 100% 21%, 100% 100%, 0 100%, 0 73%, 6% 87%, 38% 41%, 46% 53%); 
    display: none;
    }
    section .subtitle-blk .wrapper {
      padding: 0 0 40px; }
      section .subtitle-blk .wrapper > div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 80%; }
        section .subtitle-blk .wrapper > div > p {
          font-family: 'Intro Book Alt', sans-serif;
          font-size: 19px;
          text-transform: uppercase;
          text-align: right;
          margin: 0 0 30px 0;
          color: #332c16; }
    section .subtitle-blk-top, section .subtitle-blk-middle {
      font-family: 'Intro Book', sans-serif;
      font-size: 19px;
      text-align: right;
      padding-bottom: 30px; }
      section .subtitle-blk-top > span, section .subtitle-blk-middle > span {
        display: block;
        /* font-size: 44px; */
        font-size: 32px;
       }
        section .subtitle-blk-top > span span, section .subtitle-blk-middle > span span {
          color: #e30613;
          font-family: 'Intro'; }
    section .subtitle-blk-middle > span {
      font-size: 19px;
      display: inline;
      color: #e30613; }
  section header {
    position: relative;
    width: 100%;
    transition: 0.5s ease; }
    section header.fixed {
      position: fixed;
      z-index: 50;
      background: white;
      box-shadow: 0 0 3px #005345;
      transition: 0.5s ease; }
      section header.fixed .header-top .wrapper {
        padding: 7px; }
      section header.fixed .header-top-lang span {
        color: #005345; }
      section header.fixed .btn-white {
        border: 3px solid #005345;
        color: #005345; }
      section header.fixed .header-logo {
        padding: 8px 2px 13px 10px; }
        section header.fixed .header-logo:after {
          background: rgba(0, 83, 69, 0.24); }
        section header.fixed .header-logo img {
          width: 80%; }
      section header.fixed .header-bottom {
        background: white !important;
        transition: 0.5s ease; }
        section header.fixed .header-bottom a:hover {
          color: #005345; }
    section header .header-logo {
      position: absolute;
      padding: 15px 80px 50px 50px;
      transition: 0.3s ease; }
      section header .header-logo:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-clip-path: polygon(0 0, 74% 0, 93% 61%, 96% 63.5%, 101% 82%, 0% 101%);
        clip-path: polygon(0 0, 74% 0, 93% 61%, 96% 63.5%, 101% 82%, 0% 101%);
        background: transparent;
        z-index: 0; }
      section header .header-logo:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-clip-path: polygon(0 0, 80% 0, 99% 81%, 0% 100%);
        clip-path: polygon(0 0, 80% 0, 99% 81%, 0% 100%);
        background: #fff;
        z-index: 1; }
      section header .header-logo img {
        position: relative;
        z-index: 5; }
    section header .header-top .wrapper {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 35px 0px 25px; }
    section header .header-top-lang {
      padding: 0 15px;
      font-family: 'Intro Bold Alt', sans-serif;
      text-transform: uppercase;
      color: white;
      transition: 0.3s ease; }
      section header .header-top-lang span {
        cursor: pointer;
        font-size: 11px; }
      section header .header-top-lang span.active {
        font-family: 'Intro Bold Alt', sans-serif;
        font-size: 11px; }
      section header .header-top-lang span.active,
      section header .header-top-lang span:not(:nth-child(2)):hover {
        color: #7b6f4e; }
    section header .header-bottom {
      padding: 20px 0;
      background: rgba(234, 233, 233, 0.6);
      transition: 0.5s ease; }
      section header .header-bottom-hidden {
        display: none; }
      section header .header-bottom .wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
      section header .header-bottom nav {
        width: 60%;
        display: flex;
        justify-content: space-between; }
        section header .header-bottom nav a {
          font-family: 'Intro Bold Alt', sans-serif;
          font-size: 13px;
          text-transform: uppercase;
          color: #7b6f4e;
          transition: 0.3s ease; }
          section header .header-bottom nav a:hover {
            color: white; }

.header-bottom.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(245, 246, 248, 0.980392) !important;
  z-index: 99999; }
  .header-bottom.fixed nav {
    visibility: hidden;
  }
  .header-bottom.fixed.menuOpen nav {
    visibility: visible;
    height: 320px !important;
    top: 76px;
    bottom: 0;
    -webkit-clip-path: polygon(0 21%, 100% 0, 100% 65%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 77%, 0% 100%); }
  .header-bottom.fixed .close-menu {
    top: 31px;
    right: 8px; }
  .header-bottom.fixed .btn-white {
    font-family: 'Intro Bold Alt', sans-serif;
    padding-left: 3px;
    padding-right: 3px;
    border: 3px solid #7b6f4e;
    color: #7b6f4e;
    background: white; }
    .header-bottom.fixed .btn-white:hover {
      background: #7b6f4e;
      color: white; }
  .header-bottom.fixed .burger span {
    background: #7b6f4e; }

.section {
  padding: 70px 0; }

.wrapper {
  max-width: 975px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box; }
  .wrapper h2 {
    width: 100%;
    padding: 0 0 60px;
    font-family: 'Intro Book Alt', sans-serif;
    font-size: 43px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    color: #7b6f4e; }
    @media (max-width: 767px) {
      .wrapper h2 {
        font-size: 40px;
        padding: 0px 0 40px 0; } }
    .wrapper h2 span {
      display: block;
      font-family: 'Intro Bold Alt', sans-serif;
      font-size: 29px;
      font-weight: bold; }

.cost h2,
.booking h2,
.docs h2 {
  padding-bottom: 15px; }
  .cost h2 + p,
  .booking h2 + p,
  .docs h2 + p {
    display: block;
    padding-bottom: 30px;
    font-family: 'Intro Book Alt', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #231f20; }

.benefits {
  /* background-image: url(../images/benefits-bg.jpg); */
  background-size: cover; }
  .benefits-layout {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 70px;
    background: linear-gradient(rgba(234, 233, 233, 0.5) 0%, #eae9e9 75%, #eae9e9 75%); }
  .benefits-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 361px;
    padding: 10px 15px 35px;
    color: #231f20;
    cursor: pointer;
    transition: 1s ease; }
    .benefits-item.show {
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .benefits-item.show .benefits-item-img {
        padding: 10px;
        width: 30%; }
      .benefits-item.show .benefits-item-wrap {
        width: 70%;
        justify-content: center; }
      .benefits-item.show .benefits-item-arrow {
        padding: 0; }
    .benefits-item-img {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 70px;
      padding: 30px 30px 15px 30px;
      box-sizing: content-box;
      transition: 0.7s ease; }
    .benefits-item-wrap {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 86px;
      transition: 0.7s ease; }
    .benefits-item-name {
      padding-bottom: 10px;
      font-family: 'Intro Bold Alt', sans-serif;
      font-size: 13px;
      text-align: center; 
    text-transform: uppercase;}
    .benefits-item-cnt {
      position: relative;
      z-index: -1;
      opacity: 0;
      display: -webkit-box;
      -webkit-line-clamp: 11;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-family: 'Intro';
      font-size: 12px;
      line-height: 16px;
      text-align: center; }
      .benefits-item-cnt-wrap {
        height: 0; }
    .benefits-item-arrow {
      display: flex;
      justify-content: center;
      padding: 10px;
      transition: 0.4s ease 0.1s; }
      .benefits-item-arrow > img {
        width: 18px !important; }
    .benefits-item:hover, .benefits-item.show {
      background: rgba(255, 255, 255, 0.6); }
      .benefits-item:hover .benefits-item-wrap, .benefits-item.show .benefits-item-wrap {
        height: 100%; }
      .benefits-item:hover .benefits-item-cnt, .benefits-item.show .benefits-item-cnt {
        position: static;
        z-index: 1;
        opacity: 1; }
        .benefits-item:hover .benefits-item-cnt-wrap, .benefits-item.show .benefits-item-cnt-wrap {
          height: auto; }
      .benefits-item:hover .benefits-item-arrow, .benefits-item.show .benefits-item-arrow {
        height: 0;
        opacity: 0; }

.benefits .owl-nav,
.team .owl-nav,
.location .owl-nav,
.info .owl-nav {
  display: block !important; }
  .benefits .owl-nav button,
  .team .owl-nav button,
  .location .owl-nav button,
  .info .owl-nav button {
    position: absolute;
    top: calc(100% - 215px);
    width: 40px;
    height: 40px; }
    .benefits .owl-nav button:before, .benefits .owl-nav button:after,
    .team .owl-nav button:before,
    .team .owl-nav button:after,
    .location .owl-nav button:before,
    .location .owl-nav button:after,
    .info .owl-nav button:before,
    .info .owl-nav button:after {
      content: '';
      display: block;
      width: 3px;
      height: 32px;
      background: #7b6f4e;
      margin-left: 18px;
      margin-top: -6px; }
    .benefits .owl-nav button:before,
    .team .owl-nav button:before,
    .location .owl-nav button:before,
    .info .owl-nav button:before {
      transform: rotate(45deg);
      margin-bottom: -11px; }
    .benefits .owl-nav button:after,
    .team .owl-nav button:after,
    .location .owl-nav button:after,
    .info .owl-nav button:after {
      transform: rotate(-45deg);
      margin-top: -10px; }
    .benefits .owl-nav button.owl-next,
    .team .owl-nav button.owl-next,
    .location .owl-nav button.owl-next,
    .info .owl-nav button.owl-next {
      right: 30px; }
      .benefits .owl-nav button.owl-next:before,
      .team .owl-nav button.owl-next:before,
      .location .owl-nav button.owl-next:before,
      .info .owl-nav button.owl-next:before {
        transform: rotate(-45deg); }
      .benefits .owl-nav button.owl-next:after,
      .team .owl-nav button.owl-next:after,
      .location .owl-nav button.owl-next:after,
      .info .owl-nav button.owl-next:after {
        transform: rotate(45deg); }
    .benefits .owl-nav button.owl-prev,
    .team .owl-nav button.owl-prev,
    .location .owl-nav button.owl-prev,
    .info .owl-nav button.owl-prev {
      left: 30px; }
    .benefits .owl-nav button span,
    .team .owl-nav button span,
    .location .owl-nav button span,
    .info .owl-nav button span {
      display: none; }

.info .owl-nav button {
  top: calc(82%); }

.info .owl-nav .owl-prev {
  left: -30px !important; }

.info .owl-nav .owl-next {
  right: -30px !important; }

.team .owl-nav .owl-prev {
  left: -40px !important;
  top: calc(50% - 40px); }

.team .owl-nav .owl-next {
  right: -40px !important;
  top: calc(50% - 40px); }

.location .owl-nav .owl-prev {
  left: 12px !important;
  top: 81%; }

.location .owl-nav .owl-next {
  right: 58% !important;
  top: 81%; }

.info .owl-nav {
  display: none !important; }

.booking {
  background: white; }
  .booking-dates {
    width: 100%;
    padding: 15px 0;
    font-family: 'Intro Book Alt', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #231f20;
    display: none; }
    @media (max-width: 767px) {
      .booking-dates {
        display: block; } }
  .booking h2 {
    padding-bottom: 15px; }
    .booking h2 + p {
      display: block;
      padding-bottom: 30px;
      font-family: 'Intro Book';
      font-size: 19px;
      font-weight: normal;
      color: #231f20; }
  .booking-layout {
    display: flex;
    justify-content: space-between; }
  .booking-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 175px;
    margin: 0 3px; }
    .booking-item-hidden {
      display: none; }
      .booking-item-hidden .booking-item-head,
      .booking-item-hidden .booking-item-cnt {
        color: transparent;
        background: transparent; }
      .booking-item-hidden .booking-item-cnt span {
        display: none; }
      .booking-item-hidden .booking-item-cnt-between {
        justify-content: center; }
    .booking-item-head {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-bottom: 15px;
      padding: 15px 3px;
      font-family: 'Intro Bold Alt';
      line-height: 20px;
      font-size: 18px;
      text-align: center;
      text-transform: uppercase;
      color: white;
      background: #7b6f4e; }
    .booking-item-cnt {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      height: 130px;
      margin-bottom: 15px;
      padding: 7px;
      font-family: 'Intro Book';
      font-size: 18px;
      line-height: 20px;
      font-weight: normal;
      text-align: center;
      color: #231f20;
      background: #F7F5F3; }
      .booking-item-cnt-center {
        flex-direction: column;
        justify-content: center; }
      .booking-item-cnt-between {
        flex-direction: column;
        justify-content: space-between; }
        .booking-item-cnt-between span {
          padding-top: 40px; }
      .booking-item-cnt-price {
        display: block;
        position: relative; }
        .booking-item-cnt-price b {
          font-family: 'Intro Black Alt';
          font-size: 20px; }
      .booking-item-cnt button {
        width: 100%; }

.red-line {
  margin-bottom: 10px; }
  .red-line:before {
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: 2px;
    margin-top: 9px;
    margin-left: -6px;
    background: #e30613;
    transform: rotate(-10deg); }

.red-line-1 {
  position: relative; }
  .red-line-1:before {
    margin-top: 21px;
    transform: rotate(-7deg); }

.cost {
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 25px; }
  .cost-layout {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
  .cost-blk {
    display: flex;
    flex-direction: column;
    width: 49%;
    font-family: 'Intro Book', sans-serif;
    background: white;
    color: #231f20; }
    .cost-blk-head {
      padding: 15px 0;
      font-family: 'Intro Bold Alt';
      font-size: 34px;
      text-transform: uppercase;
      text-align: center;
      color: white;
      background: #00776C; }
    .cost-blk-list {
      padding: 20px;
      font-size: 17px; }
      .cost-blk-list ul {
        padding-left: 0;
        list-style: none; }
        .cost-blk-list ul li {
          font-size: 14px;
          line-height: 18px;
          padding-bottom: 3px; }
          .cost-blk-list ul li::before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            margin-right: 15px;
            vertical-align: middle;
            color: #231f20;
            background-color: #7b6f4e; }
    .cost-blk-form {
      padding: 55px 20px 20px;
      font-size: 16px; }
      .cost-blk-form-discount {
        color: #008e76;
        padding-bottom: 25px; }
      .cost-blk-form-head {
        padding-bottom: 30px; }
      .cost-blk-form-item {
        display: flex;
        flex-direction: column;
        padding-bottom: 18px; }
        .cost-blk-form-item label {
          padding-bottom: 10px;
          font-family: 'Intro Bold Alt';
          font-size: 15px; }
        .cost-blk-form-item input {
          padding: 10px;
          font-family: 'Intro Bold Alt';
          color: #231f20;
          background: #EAF2F1; }

.shedule {
  /* background: url(../images/big-bg.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .shedule .shedule-layout {
      padding-left: 20px; }
    .shedule .shedule-item {
      padding-right: 8px;
      padding-top: 0px; }
    .shedule .shedule-item-img {
      top: -12px;
      width: 149px;
      height: 87px; }
    .shedule .shedule-item-cnt {
      padding: 80px 20px 20px 20px;
      font-size: 12px; }
    .shedule .shedule-item-cnt-name {
      padding: 4px 0 0px; }
    .shedule .shedule-item:before {
      top: calc(50% - 30px);
      left: -23px;
      display: block;
      width: 14px;
      height: 14px; }
    .shedule .shedule-item:nth-child(even):before {
      left: -23px; }
    .shedule .shedule-item:not(:last-child):after {
      top: calc(37%);
      left: -17px;
      width: 3px;
      height: calc(100%); } }
  .shedule-layout {
    padding-left: 50px; }
    .shedule-layout:before {
      content: '';
      display: block;
      width: 5px;
      height: 100%;
      background: #7b6f4e; }
  .shedule-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px; }
    .shedule-item:nth-child(odd) {
      margin-right: 90px; }
    .shedule-item:nth-child(even) {
      margin-left: 90px; }
    .shedule-item:before {
      content: '';
      position: absolute;
      top: calc(50% - 25px);
      left: -38px;
      display: block;
      width: 26px;
      height: 26px;
      transform: rotate(45deg);
      background: #7b6f4e; }
    .shedule-item:not(:last-child):after {
      content: '';
      position: absolute;
      top: calc(50%);
      left: -28px;
      display: block;
      width: 5px;
      height: calc(100%);
      background: #7b6f4e; }
    .shedule-item:nth-child(even):before {
      left: -128px; }
    .shedule-item:nth-child(even):after {
      left: -118px; }
    .shedule-item-cnt {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 59%;
      padding: 10px 70px;
      font-family: 'Intro Book', sans-serif;
      font-size: 15px;
      color: #231f20;
      background: white; }
      .shedule-item-cnt-name {
        font-weight: bold;
        padding: 15px 0 30px; }
        @media (max-width: 767px) {
          .shedule-item-cnt-name {
            padding: 4px 0 0px; } }
      .shedule-item-cnt-more {
        cursor: pointer;
        font-family: 'Intro Book', sans-serif;
        color: #005345;
        transition: 0.3s ease; }
        .shedule-item-cnt-more:hover {
          text-decoration: underline; }
      .shedule-item-cnt-preview > div {
        display: none; }
      .shedule-item-cnt-preview span.blk {
        display: block;
        padding: 5px 0; }
    .shedule-item-img {
      display: flex;
      width: 39%; }
      .shedule-item-img img {
        max-height: 225px;
        min-height: 213px;
       }

.team-layout {
  display: flex;
  justify-content: space-between; }

.team .team-item-name-arrow {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background: rgba(255, 255, 255, 0.84);
  color: #00776C;
  transition: 0.3s ease; 

  font-family: 'Intro Bold Alt';
  font-size: 21px;
  text-transform: uppercase;
  text-align: center;
  color: #005345;
}
  .team .team-item-name-arrow img {
    transform: rotate(180deg);
    width: 25px !important; }

.team-item {
  position: relative;
  width: 230px;
  height: 300px;
  cursor: pointer; }
  .team-item-name {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 0;
    padding: 10px 36px;
    z-index: -1;
    opacity: 0;
    background: rgba(255, 255, 255, 0.84);
    font-family: 'Intro Bold Alt';
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    color: #005345;
    transition: 0.5s ease; }
    .team-item-name-preview {
      font-size: 15px;
      padding: 5px 0; }
  .team-item-cnt {
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    text-transform: initial;
    color: black; }
  .team-item img {
    padding: 0 2px; }
  .team-item:hover .team-item-name-arrow {
    opacity: 0; }
  .team-item:hover .team-item-name {
    height: 100%;
    z-index: 2;
    opacity: 1; }

.docs {
  padding: 30px 0; }

.info {
  /* background-image: url(../images/info-bg.jpg); */
  background-repeat: no-repeat ;
  background-size: cover ;
  padding: 20px 0 5px; }
  .info-item {
    cursor: pointer;
    max-width: 202px;
    width: 100%; }
    .info-item-name {
      color: #231f20;
      padding: 10px 0 25px;
      font-size: 17px;
      text-align: center;
      font-family: 'intro'; }
    .info-item a {
      display: block;
      width: 80%;
      margin: 20px auto;
      box-shadow: 14px 17px 20px 2px rgba(148, 148, 148, 0.5);
      transition: all ease 0.4s; }
      .info-item a img {
        transition: all ease 0.4s; }
    .info-item:hover a {
      box-shadow: 25px 27px 20px 2px #949494; }
      .info-item:hover a img {
        width: 110%;
        margin: -5%; }

.location .wrapper > h2 {
  display: none; }

.location-layout-blk {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.location-blk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 44%;
  color: #231f20; }
  .location-blk-img img {
    opacity: 0; }
  .location-blk-img-1 {
    background: url(../images/4-1-slide.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;}
  .location-blk-img-2 {
    background: url(../images/4-2-slide-2.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;}
  .location-blk-img-3 {
    background: url(../images/4-3-slide-new.jpg);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;}
  .location-blk-img-4 {
    background: url(../images/location/location-4.jpg);
    background-repeat: no-repeat;
    background-size: cover; }
  .location-blk-name {
    font-family: 'Intro Bold Alt';
    font-size: 19px;
    padding-bottom: 20px; }
  .location-blk-cnt {
    padding-bottom: 60px;
    font-family: 'Intro Book Alt';
    font-size: 18px;
    text-align: justify; }
  .location-blk-img img {
    display: none !important; }
    .location-blk-img {
      height: 390px;
    }
    @media (max-width: 768px) {
      .location-blk-img {
        height: auto;
      }
    }

#map iframe {
  width: 100%; }

.header-bottom-hidden {
  width: 100%;
  display: none;
  justify-content: space-between;
  align-items: center; }

.burger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40px;
  height: 25px; }
  .burger span {
    display: block;
    width: 100%;
    height: 3px;
    background: white; }

.close-menu {
  display: none;
  width: 40px;
  height: 25px;
  position: absolute;
  top: 50px;
  right: 17px; }
  .close-menu span {
    display: block;
    width: 100%;
    height: 5px;
    background: #7b6f4e; }
    .close-menu span:first-child {
      transform: rotate(45deg); }
    .close-menu span:last-child {
      transform: rotate(-45deg);
      margin-top: -4px; }

.menuOpen .close-menu {
  display: block; }

@media (max-width: 1000px) {
  .wrapper,
  .video-block,
  section header .header-top .wrapper {
    padding-left: 50px !important;
    padding-right: 50px !important; } 

    .shedule-item-img img{
      min-height: auto;
    }

  }

@media (max-width: 883px) {
  .shedule-item:nth-child(odd) {
    margin-right: 30px; }
  .shedule-item:nth-child(even) {
    margin-left: 30px; }
  .shedule-item:nth-child(even):before {
    left: -69px; }
  .shedule-item:nth-child(even):after {
    left: -58px; }
  .booking-item-head {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px; }
  .title-block.title .wrapper {
    width: 80%;
    padding-top: 100px; }
  section .title-block .wrapper {
    width: 80%; }
  section .title-block .wrapper > div {
    width: 100%; }
  section header.fixed .header-logo {
    background-size: 75% !important; }
  section header .header-bottom nav {
    width: 65%; }
  .location .owl-nav .owl-next,
  .location .owl-nav .owl-prev {
    bottom: -27%; }
  .shedule-item-img img {
    width: 100%; } }

@media (max-width: 835px) {
  .shedule-item:nth-child(odd),
  .shedule-item:nth-child(even) {
    margin-left: 0;
    margin-right: 0; }
  .shedule-item:nth-child(even):before {
    left: -38px; }
  .shedule-item:nth-child(even):after {
    left: -28px; }
  section header .header-bottom nav a {
    font-size: 11px; }
  .title-block.title .wrapper,
  section .title-block .wrapper {
    width: 100%; }
  .btn {
    font-size: 11px; } }

@media (max-width: 767px) {
  section .title-block .wrapper {
    width: 100%; }
  .title-block-top {
    font-size: 19px; }
  section .title-block h1,
  section .title-block h1 span:first-child,
  section .title-block h1 span:last-child {
    font-size: 33px; }
  .booking-layout {
    justify-content: space-around; }
  .dates-hidden {
    display: none; }
  .shedule {
    background-position: 50% 50%; }
  .shedule-item {
    padding-right: 15px;
    padding-top: 15px; }
  .shedule-item-cnt {
    padding: 105px 20px 20px 20px;
    width: 100%;
    background: rgba(253, 253, 249, 0.44); }
  .shedule-item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 164px;
    height: 122px; }
  .team-item {
    width: auto; }
  .team .owl-nav .owl-next,
  .team .owl-nav .owl-prev {
    bottom: -41%; }
  .cost-layout {
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px; }
    .cost-layout .cost-blk {
      width: 100%;
      margin: 30px 0; }
  .location .wrapper h2 {
    display: block; }
  .location-layout-blk {
    flex-direction: column; }
  .location-blk {
    width: 100%;
    margin: 10px 0; }
    .location-blk h2 {
      display: none !important; }
    .location-blk-img {
      background: transparent;
      order: -1; }
      .location-blk-img img {
        display: block; }
  .location .owl-nav .owl-next, .location .owl-nav .owl-prev {
    bottom: -16%; }
  .location .owl-nav .owl-next {
    right: 2% !important; }
  .header-top .btn {
    display: none; }
  .header-bottom .header-bottom-hidden {
    display: flex; }
  section header .header-bottom nav {
    position: absolute;
    top: 204px;
    left: 0;
    width: 100%;
    padding: 50px 50px 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(245, 246, 248, 0.980392) !important;
    -webkit-clip-path: polygon(0 21%, 100% 0, 100% 65%, 0% 100%);
    clip-path: polygon(0 13%, 100% 0, 100% 77%, 0% 100%);
    height: 0;
    opacity: 0;
    z-index: -50;
    transition: 0.5s ease; }
  section header .header-bottom.menuOpen nav {
    height: 100%;
    opacity: 1;
    z-index: 1;
    transition: 0.5s ease; }
  section header .header-bottom nav a {
    padding: 15px 0; }
  .info .owl-nav {
    display: block !important; }
  .booking-item-cnt a {
    padding: 2px 10px 1px 10px;
    font-size: 7px; }
  .booking-item-head, .booking-item-cnt {
    font-size: 12px; }
  .booking-item-cnt-price b {
    font-size: 13px; }
  .booking-item {
    max-width: 100px; }
  .booking-item-hidden a {
    display: block; }
  .booking-item-cnt {
    justify-content: center; }
  .booking-item-cnt span {
    padding: 0; }
  .benefits-layout {
    display: flex !important;
    flex-direction: column;
    padding: 0; }
    .benefits-layout .benefits-item {
      height: auto;
      padding: 10px;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .benefits-layout .benefits-item .benefits-item-img {
        padding: 10px;
        width: 30%; }
      .benefits-layout .benefits-item .benefits-item-wrap {
        width: 70%;
        justify-content: center; }
      .benefits-layout .benefits-item .benefits-item-arrow {
        padding: 0; }
  .info-item {
    margin: 0 auto; }
  section .title-block h1,
  .title-block-bottom,
  .subtitle-blk-top,
  .subtitle-blk-middle {
    text-align: center; }
  .wrapper h2 {
    font-size: 25px; }
  .wrapper h2 span {
    font-size: 16px; }
  .header-logo {
    width: 100%;
    position: static !important;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 15px 65px 15px !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 79%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 79%, 0% 100%); }
    .header-logo:before, .header-logo:after {
      display: none !important; }
  section .subtitle-blk:before,
  section .subtitle-blk:after {
    top: -150px;
    height: 150px; }
  .title-block.title {
    padding-bottom: 150px; }
  section .title-block-top,
  section .title-block-bottom p,
  section .subtitle-blk-top, section .subtitle-blk-middle,
  section .subtitle-blk .wrapper > div > p {
    text-align: center; }
  section .title-block h1 span:last-child {
    font-size: 28px; }
  section .subtitle-blk .wrapper > div {
    align-items: center; }
  .location-blk-img img {
    opacity: 1; }
  .title-block.title-block title .wrapper {
    padding-top: 30px; }
  section {
    /* background-position: 70% -142px;  */
    /* background-position: center 160px; */
    background-position: 55% 160px;
  }
  .title-block-bottom p:last-child {
    /* display: none;  */
    margin-top: 40px;
  } 
}

@media (max-width: 600px) {

  section .subtitle-blk{
    margin-top: 0;
  }
  .footer {
    flex-direction: column;
    align-items: center; }
    .footer_wr {
      width: 100%;
      margin: 10px 0; }
  .booking-layout {
    justify-content: space-between; } 
  
    .top-sect{
        background: url('../images/main-1920-new2-mob.png');
        background-repeat: no-repeat !important;
    }
    
  
  }

@media (max-width: 500px) {
  .booking-item-head {
    height: 30px; }
  .booking-item-cnt {
    height: 50px; }
  .booking-item-cnt {
    padding: 1px; }
  .booking-item .booking-item-head,
  .booking-item-head, .booking-item-cnt {
    line-height: 9px;
    font-size: 9px; }
  .booking-item .booking-item-cnt a {
    padding: 2px 1px 1px 1px; }
  .booking-item .booking-item-head {
    font-size: 8px; }
  .booking-item .booking-item-cnt a {
    font-size: 7px;
    margin-top: 5px; }
  .booking-item-cnt-price.red-line:before {
    margin-top: 3px; }
  .booking-item-cnt-price b {
    font-size: 10px; } }

@media (max-width: 450px) {
  .video-block,
  .wrapper, section header .header-top .wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .team-item {
    width: 70%;
    margin: 0 auto; }
  .team .owl-nav .owl-prev, .info .owl-nav .owl-prev {
    left: 15px !important; }
  .team .owl-nav .owl-next, .info .owl-nav .owl-next {
    right: 15px !important; }
  .location .owl-nav .owl-next {
    right: 10px !important;
    bottom: -18%; }
  .location .owl-nav .owl-prev {
    left: 10px !important;
    bottom: -18%; }
  .team
.booking-layout {
    justify-content: center; }
  .benefits-layout {
    padding: 0; }
  .benefits .owl-nav .owl-prev {
    left: -25px !important; }
  .benefits .owl-nav .owl-next {
    right: -25px !important; } 
  
    section .title-block h1, section .title-block h1 span:first-child, section .title-block h1 span:last-child {
      font-size: 25px;
    }

    section .title-block-bottom p:first-child {
      font-family: 'Intro Bold Alt', sans-serif;
      font-size: 27px;
    }

    section .subtitle-blk-top > span, section .subtitle-blk-middle > span {
      font-size: 31px;
  }
  .title-block-bottom p:last-child {
    text-align: center !important;
  } 
  }

@media (max-width: 410px) {
  .shedule-item-img img {
    width: 100%; }
  .shedule-layout {
    padding-left: 35px; } 
  
    .title-block.title {
      /* padding-bottom: 120px; */
      padding-bottom: 230px;
  }
    .video-block__video-wrap_img {
      height: 400px;
      object-fit: cover;
    }
    .popup.popup--active {
      /* top: 60%;
      z-index: 9999;
      overflow-y: scroll; */
    }
    .shedule .shedule-item:not(:last-child):after {
      height: calc(100% + 10px);
    }
  }

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
strong,
abbr,
acronym,
blockquote,
q,
cite,
ins,
del,
dfn,
a,
div,
span,
pre,
address,
br,
b,
i,
sub,
sup,
big,
small,
tt,
table,
tr,
caption,
thead,
tbody,
tfoot,
col,
colgroup,
form,
input,
label,
textarea,
button,
fieldset,
legend,
select,
option,
dl,
dt,
dd,
code,
var,
samp,
img,
object,
param,
map,
area {
  padding: 0;
  margin: 0;
  border: none; }

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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption,
header,
footer,
aside,
article {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

input[type=button],
input[type=submit],
button {
  cursor: pointer; }

button {
  border: 0; }

*:focus {
  outline: none; }

a {
  text-decoration: none;
  color: black; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  outline: none; }

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
::-ms-clear {
  width: 0;
  height: 0; }

::-ms-reveal {
  width: 0;
  height: 0;
  display: none; }

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word; }

*:focus {
  outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  outline: none; }

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
::-ms-clear {
  width: 0;
  height: 0; }

::-ms-reveal {
  width: 0;
  height: 0;
  display: none; }

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

.btn {
  padding: 8px 10px 7px 10px;
  font-family: 'Intro Bold Alt', sans-serif;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  color: #7b6f4e;
  border: 3px solid #7b6f4e;
  transition: 0.3s ease;
  background: transparent; }
  .btn:hover {
    color: white;
    background: #7b6f4e; }

.btn-green {
  margin-top: 30px;
  background: #005345;
  border: 3px solid #005345;
  color: white; }
  .btn-green:hover {
    color: #005345;
    background: white; }

.btn-white {
  font-family: 'Intro Bold Alt', sans-serif;
  border: 3px solid white;
  color: white; }
  .btn-white:hover {
    color: #005345;
    background: white; }

.btn-brown {
  border: 3px solid #7b6f4e;
  color: white;
  background: #7b6f4e; }
  .btn-brown:hover {
    color: #7b6f4e;
    background: white; }

@font-face {
  font-family: 'Intro Book Alt';
  src: url("Intro-Book-Alt.eot");
  src: local("Intro Book Alt"), local("Intro-Book-Alt"), url("fonts/Intro/Intro-Book-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Book-Alt.woff") format("woff"), url("fonts/Intro/Intro-Book-Alt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro';
  src: url("Intro-Regular.eot");
  src: local("Intro Regular"), local("Intro-Regular"), url("fonts/Intro/Intro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Regular.woff") format("woff"), url("fonts/Intro/Intro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Regular Caps';
  src: url("Intro-Regular-Caps.eot");
  src: local("Intro Regular Caps"), local("Intro-Regular-Caps"), url("fonts/Intro/Intro-Regular-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Regular-Caps.woff") format("woff"), url("fonts/Intro/Intro-Regular-Caps.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Light Caps';
  src: url("Intro-Light-Caps.eot");
  src: local("Intro Light Caps"), local("Intro-Light-Caps"), url("fonts/Intro/Intro-Light-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Light-Caps.woff") format("woff"), url("fonts/Intro/Intro-Light-Caps.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Black Inline Caps';
  src: url("Intro-Black-Inline-Caps.eot");
  src: local("Intro Black Inline Caps"), local("Intro-Black-Inline-Caps"), url("fonts/Intro/Intro-Black-Inline-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black-Inline-Caps.woff") format("woff"), url("fonts/Intro/Intro-Black-Inline-Caps.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Black Alt';
  src: url("Intro-Black-Alt.eot");
  src: local("Intro Black Alt"), local("Intro-Black-Alt"), url("fonts/Intro/Intro-Black-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black-Alt.woff") format("woff"), url("fonts/Intro/Intro-Black-Alt.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Bold';
  src: url("Intro-Bold-Italic.eot");
  src: local("Intro Bold Italic"), local("Intro-Bold-Italic"), url("fonts/Intro/Intro-Bold-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Bold-Italic.woff") format("woff"), url("fonts/Intro/Intro-Bold-Italic.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro';
  src: url("Intro-Light.eot");
  src: local("Intro Light"), local("Intro-Light"), url("fonts/Intro/Intro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Light.woff") format("woff"), url("fonts/Intro/Intro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Black Inline';
  src: url("Intro-Black-Inline.eot");
  src: local("Intro Black Inline"), local("Intro-Black-Inline"), url("fonts/Intro/Intro-Black-Inline.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black-Inline.woff") format("woff"), url("fonts/Intro/Intro-Black-Inline.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Thin Caps';
  src: url("Intro-Thin-Caps.eot");
  src: local("Intro Thin Caps"), local("Intro-Thin-Caps"), url("fonts/Intro/Intro-Thin-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Thin-Caps.woff") format("woff"), url("fonts/Intro/Intro-Thin-Caps.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Light Alt';
  src: url("Intro-Light-Alt.eot");
  src: local("Intro Light Alt"), local("Intro-Light-Alt"), url("fonts/Intro/Intro-Light-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Light-Alt.woff") format("woff"), url("fonts/Intro/Intro-Light-Alt.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro';
  src: url("Intro-Bold.eot");
  src: local("Intro Bold"), local("Intro-Bold"), url("fonts/Intro/Intro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Bold.woff") format("woff"), url("fonts/Intro/Intro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro';
  src: url("Intro-Black.eot");
  src: local("Intro Black"), local("Intro-Black"), url("fonts/Intro/Intro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black.woff") format("woff"), url("fonts/Intro/Intro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Black';
  src: url("Intro-Black-Italic.eot");
  src: local("Intro Black Italic"), local("Intro-Black-Italic"), url("fonts/Intro/Intro-Black-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black-Italic.woff") format("woff"), url("fonts/Intro/Intro-Black-Italic.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Book';
  src: url("Intro-Book.eot");
  src: local("Intro Book"), local("Intro-Book"), url("fonts/Intro/Intro-Book.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Book.woff") format("woff"), url("fonts/Intro/Intro-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Thin Alt';
  src: url("Intro-Thin-Alt.eot");
  src: local("Intro Thin Alt"), local("Intro-Thin-Alt"), url("fonts/Intro/Intro-Thin-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Thin-Alt.woff") format("woff"), url("fonts/Intro/Intro-Thin-Alt.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Book Caps';
  src: url("Intro-Book-Caps.eot");
  src: local("Intro Book Caps"), local("Intro-Book-Caps"), url("fonts/Intro/Intro-Book-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Book-Caps.woff") format("woff"), url("fonts/Intro/Intro-Book-Caps.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Black Caps';
  src: url("Intro-Black-Caps.eot");
  src: local("Intro Black Caps"), local("Intro-Black-Caps"), url("fonts/Intro/Intro-Black-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Black-Caps.woff") format("woff"), url("fonts/Intro/Intro-Black-Caps.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Bold Caps';
  src: url("Intro-Bold-Caps.eot");
  src: local("Intro Bold Caps"), local("Intro-Bold-Caps"), url("fonts/Intro/Intro-Bold-Caps.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Bold-Caps.woff") format("woff"), url("fonts/Intro/Intro-Bold-Caps.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Thin';
  src: url("Intro-Thin-Italic.eot");
  src: local("Intro Thin Italic"), local("Intro-Thin-Italic"), url("fonts/Intro/Intro-Thin-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Thin-Italic.woff") format("woff"), url("fonts/Intro/Intro-Thin-Italic.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro';
  src: url("Intro-Thin.eot");
  src: local("Intro Thin"), local("Intro-Thin"), url("fonts/Intro/Intro-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Thin.woff") format("woff"), url("fonts/Intro/Intro-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Bold Alt';
  src: url("Intro-Bold-Alt.eot");
  src: local("Intro Bold Alt"), local("Intro-Bold-Alt"), url("fonts/Intro/Intro-Bold-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Bold-Alt.woff") format("woff"), url("fonts/Intro/Intro-Bold-Alt.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Regular Alt';
  src: url("Intro-Regular-Alt.eot");
  src: local("Intro Regular Alt"), local("Intro-Regular-Alt"), url("fonts/Intro/Intro-Regular-Alt.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Regular-Alt.woff") format("woff"), url("fonts/Intro/Intro-Regular-Alt.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Light';
  src: url("Intro-Light-Italic.eot");
  src: local("Intro Light Italic"), local("Intro-Light-Italic"), url("fonts/Intro/Intro-Light-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Light-Italic.woff") format("woff"), url("fonts/Intro/Intro-Light-Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Intro Regular';
  src: url("Intro-Regular-Italic.eot");
  src: local("Intro Regular Italic"), local("Intro-Regular-Italic"), url("fonts/Intro/Intro-Regular-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Intro/Intro-Regular-Italic.woff") format("woff"), url("fonts/Intro/Intro-Regular-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-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); } }

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

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

@-webkit-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;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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); } }

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

.pulse {
  -webkit-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); } }

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

.rubberBand {
  -webkit-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); } }

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

.shake {
  -webkit-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); } }

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

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-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); } }

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

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-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); } }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  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); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  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); } }

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

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

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

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-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); } }

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

.bounceInUp {
  -webkit-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); } }

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

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-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); } }

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

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-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); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-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); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-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); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-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); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-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); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-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); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-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); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-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); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

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

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

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-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); } }

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

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-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; } }

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

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-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; } }

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

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-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; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-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; } }

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

.rotateOut {
  -webkit-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; } }

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

.rotateOutDownLeft {
  -webkit-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; } }

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

.rotateOutDownRight {
  -webkit-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; } }

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

.rotateOutUpLeft {
  -webkit-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; } }

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

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-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); } }

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

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-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); } }

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

.rollOut {
  -webkit-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; } }

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

.zoomIn {
  -webkit-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); } }

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

.zoomInDown {
  -webkit-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); } }

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

.zoomInLeft {
  -webkit-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); } }

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

.zoomInRight {
  -webkit-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); } }

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

.zoomInUp {
  -webkit-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; } }

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

.zoomOut {
  -webkit-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); } }

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

.zoomOutDown {
  -webkit-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; } }

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

.zoomOutLeft {
  -webkit-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; } }

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

.zoomOutRight {
  -webkit-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); } }

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

.zoomOutUp {
  -webkit-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); } }

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

.slideInDown {
  -webkit-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); } }

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

.slideInLeft {
  -webkit-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); } }

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

.slideInRight {
  -webkit-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); } }

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

.slideInUp {
  -webkit-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); } }

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

.slideOutDown {
  -webkit-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); } }

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

.slideOutLeft {
  -webkit-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); } }

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

.slideOutRight {
  -webkit-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); } }

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

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

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

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

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important; } }

footer {
  /*background-image: url(../images/footer.jpg); */
  background: #7b6f4e;
  background-repeat: no-repeat !important;
  /* background-size: cover; */
  background-position: center bottom !important;
  padding: 242px 0 90px 0;
  color: #fff;
}
  footer a {
    color: #fff; }

.footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  max-width: 640px;
  margin-left: auto;
  position: relative;
  right: -50px;
}
  .footer a {
    font-family: 'Intro Book Alt'; }
  .footer_head {
    text-transform: uppercase;
    font-size: 22px;
    padding-bottom: 15px;
    font-family: 'Intro'; }
  .footer_block + .footer_block {
    padding-top: 60px; }
  .footer_block > p {
    font-family: 'Intro Book Alt'; }
  .footer_soc {
    padding-top: 2px; }
    .footer_soc a + a {
      margin-left: 38px; }

.o-cont {
  font-size: 20px;
  background: #7b6f4e;
  position: relative; }
  .o-cont:after, .o-cont:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    height: 285px;
    width: 1920pxall;
    left: 0;
    right: 0;
    background: #7b6f4e;
    -webkit-clip-path: polygon(100% 0, 100% 24%, 100% 92%, 55.5% 3%, 54% 6%, 50.5% 0px, 41.5% 17.5%, 0 0);
    clip-path: polygon(100% 0, 100% 24%, 100% 92%, 55.5% 3%, 54% 6%, 50.5% 0px, 41.5% 17.5%, 0 0);
    z-index: 2; 
  
  display: none;
  }
  .o-cont:after {
    background: #fff;
    z-index: 1;
    -webkit-clip-path: polygon(100% 0, 100% 24%, 100% 99%, 54% 6%, 54% 5%, 51.5% 0px, 40.5% -29.5%, 0 -1px);
    clip-path: polygon(100% 0, 100% 24%, 100% 99%, 54% 6%, 54% 5%, 51.5% 0px, 40.5% -29.5%, 0 -1px); }
  .o-cont:before {
    top: calc(100% - 1px); }
  .o-cont .cost-layout:before {
    content: '';
    display: block;
    position: absolute;
    bottom: calc(100% - 1px);
    height: 116px;
    width: 100%;
    left: 0;
    right: 0;
    background: #7b6f4e;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%); }
  .o-cont .cost-blk {
    background: #7b6f4e;
    color: #fff; }
  .o-cont h2 {
    color: #fff;
    text-transform: uppercase; }
  .o-cont a {
    color: #fff; }
  .o-cont i {
    font-weight: normal;
    font-style: normal; }

.o-rev h2 {
  text-transform: uppercase; }

.o-rev_item {
  color: #7b6f4e;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .o-rev_item + .o-rev_item {
    padding-top: 60px; }
  .o-rev_item b {
    display: block;
    padding-top: 15px; }

.o-rev_img {
  min-width: 60px;
  max-width: 86px;
  margin-right: 25px; }

.o-rev .owl-dots {
  display: flex;
  justify-content: center;
  padding: 30px 0; }
  .o-rev .owl-dots span {
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: #7b6f4e;
    display: block; }
  .o-rev .owl-dots .active span {
    background: #105447; }

.o-video_img {
  position: relative;
  display: block;
  margin-bottom: 30px; }
  .o-video_img:hover .o-video_btn:after {
    transition: all ease 0.4s;
    opacity: 0;
    box-shadow: 0 0 0 25px #fff; }
  .o-video_img img {
    width: 100%; }

.o-video_btn {
  position: absolute;
  z-index: 5;
  width: 83px;
  height: 83px;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
  border: 4px solid #fff;
  border-radius: 50%; }
  .o-video_btn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid rgba(255, 255, 255, 0);
    border-left: 35px  solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-25%, -50%); }
  .o-video_btn:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: none;
    border-radius: 50%; }

.o-video .btn {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0;
  font-size: 14px; }

@media (max-width: 767px) {
  .o-cont:after, .o-cont:before {
    height: 100px; }
  footer {
    padding: 55px 0 10px 0; } 
    section .title-block h1{
      padding-right: 0;
    }
  }

@media (max-width: 460px) {
  .footer {
    right: 0;  
   } 
  }

  @media (min-width: 1100px) {
    .location-blk-cnt{
      min-height: 250px;
      padding-bottom: 0;
    }

    .location-blk .btn {
      position: absolute;
      bottom: 22px;
    }
    .location-blk {
      position: relative;
    }
  }

  @media (min-width: 1921px) {
    section {
    background-size: cover;
    }
  }

  .location-layout .owl-nav {
    margin-top: 85px;
  }
  .section.location {
    padding-top: 70px;
    padding-bottom: 0;
  }

/*# sourceMappingURL=maps/style.css.map */


.b-lazy {
  -webkit-transition: opacity 500ms ease-in-out;
     -moz-transition: opacity 500ms ease-in-out;
       -o-transition: opacity 500ms ease-in-out;
          transition: opacity 500ms ease-in-out;
           max-width: 100%;
             opacity: 0;
}
.b-lazy.b-loaded {
             opacity: 1;
}