@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Raleway:300,700");

body {

  font-family: "Lato", sans-serif;

  color: #222222; }


  .home-feature .showcase-text {

    padding: 7rem; }
.top-bar {

  background-color: #393939!important;

  margin-bottom: 8px; }

  .top-bar .top-nav {

    padding: 3px 0; }

    .top-bar .top-nav span {

      font-size: 13px;

      font-weight: 600;

      margin-left: 20px;

      color: #fff; }

      .top-bar .top-nav span img {

        max-width: 20px;

        margin-right: 5px; }

      @media (max-width: 750px) {

        .top-bar .top-nav span .pull-right {

          margin-left: 0px; } }

    .top-bar .top-nav .flag {

      display: inline-block;

      margin-left: 20px;

      text-align: right; }

      .top-bar .top-nav .flag span {

        margin-right: 15px; }

        @media (max-width: 750px) {

          .top-bar .top-nav .flag span {

            margin-right: 0px; } }

      .top-bar .top-nav .flag img {

        border-radius: 2px;

        margin-left: 3px;

        max-height: 15px; }

      @media (max-width: 750px) {

        .top-bar .top-nav .flag {

          margin-left: 0px; } }

@media (max-width: 600px){
    .top-bar .pull-right {
      	float: left; 
  	}
  	.top-bar .top-nav span{
  		margin-left: 0px;
  	}
}



.header {

  padding: 0px 0 8px;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;

  background: #222222;

  -webkit-transition: background 350ms ease-in-out;

  -o-transition: background 350ms ease-in-out;

  transition: background 350ms ease-in-out; }

  @media (min-width: 768px) {

    .header {

      padding: 0px 0 8px; } }

  @media (min-width: 1220px) {

    .header {

      background: rgba(0, 0, 0, 0.8);

      border-bottom: 1px solid rgba(255, 255, 255, 0.4); } }

  .header.fixed {

    background: #000000; }

  @media (max-width: 1099px) {

    .header {

      position: relative; } }



.navigation__link:hover, .navigation__link:focus, .navigation__link:focus:active, .navigation__item.active .navigation__link {

  background: #dc8104;

  color: #fff;

  text-decoration: none; }



@media (min-width: 768px) {

  .navigation {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; } }



.navigation__item {

  margin-bottom: 5px; }

  @media (min-width: 768px) {

    .navigation__item {

      padding-left: 2px;

      padding-right: 2px;

      margin-bottom: 0; } }



.navigation__link {

  display: block;

  padding: 7px 7px;

  border-radius: 0.3em;

  color: #fff;

  -webkit-transition: background 150ms ease;

  -o-transition: background 150ms ease;

  transition: background 150ms ease; }



.navigation-trigger {

  border: 1px solid transparent;

  background: transparent;

  width: 56px;

  height: 46px;

  fill: #fff;

  -webkit-transition: fill 300ms ease-in-out;

  -o-transition: fill 300ms ease-in-out;

  transition: fill 300ms ease-in-out;

  outline: none; }



/*-------------  DropDown Menu -----------------*/

/* 1 - MENU CONTAINER

======================================*/

.menuzord,

.menuzord * {

  font-weight: 300 !important;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box; }



.menuzord {

  width: 100%;

  padding: 0 0px;

  margin-bottom: 0px;

  float: right;

  position: relative;

  font-family: 'Montserrat', sans-serif; }



.menuzord a {

  -o-transition: color .3s linear, background .3s linear;

  -moz-transition: color .3s linear, background .3s linear;

  -webkit-transition: color .3s linear, background .3s linear;

  transition: color .3s linear, background .3s linear; }



/* scrollable menu */

.menuzord-menu.scrollable > .scrollable-fix {

  display: none; }



/* 2 - BRAND

======================================*/

.menuzord-brand {

  margin: 18px 30px 0 0;

  float: right;

  color: #666;

  text-decoration: none;

  font-size: 24px;

  font-weight: 600;

  line-height: 1.3;

  cursor: pointer; }



/* 3 - MENU

======================================*/

.menuzord-menu {

  margin: 0;

  padding: 0;

  float: right;

  list-style: none; }



/* Right alignment */

.menuzord-menu.menuzord-right {

  float: right; }



/* Menu items */

.menuzord-menu > li {

  display: inline-block;

  float: left;

  margin: 0 1px; }



.menuzord-menu > li > a {

  padding: 25px 10px;

  display: inline-block;

  text-decoration: none;

  font-size: 14px;

  color: #fff;

  font-weight: normal;

  line-height: 1.42857143;

  -webkit-tap-highlight-color: transparent;

  -webkit-tap-highlight-color: transparent; }



/* Active/hover state (Menu items) */

.menuzord-menu > li.active > a,

.menuzord-menu > li:hover > a {

  color: #fff; }



/* 4 - DROPDOWN

======================================*/

.menuzord-menu ul.dropdown,

.menuzord-menu ul.dropdown li ul.dropdown {

  list-style: none;

  margin: 0px 0 0 0;

  padding: 0;

  display: none;

  position: absolute;

  z-index: 99;

  min-width: 230px;

  white-space: nowrap;

  background: #dc8104; }



.menuzord-menu ul.dropdown li ul.dropdown {

  left: 100%; }



/* Dropdown items */

.menuzord-menu ul.dropdown li {

  clear: both;

  width: 100%;

  border: 0 none;

  font-size: 14px;

  position: relative; }



.menuzord-menu ul.dropdown li a {

  width: 100%;

  background: none;

  padding: 14px 25px 14px 22px;

  color: #888;

  text-decoration: none;

  display: inline-block;

  float: left;

  clear: both;

  position: relative;

  outline: 0;

  -o-transition: padding .2s linear;

  -moz-transition: padding .2s linear;

  -webkit-transition: padding .2s linear;

  transition: padding .2s linear; }



/* Hover state (dropdown items) */

.menuzord-menu ul.dropdown li:hover > a {

  padding-left: 28px;

  padding-right: 19px;

  color: #333; }



/* Dropdown left alignment */

.menuzord-menu ul.dropdown.dropdown-left {

  left: none; }



.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {

  left: -100%; }



/* 5 - DROPDOWN/MEGAMENU INDICATORS

======================================*/

.menuzord-menu li .indicator {

  margin-left: 3px; }



.menuzord-menu li ul.dropdown li .indicator {

  position: absolute;

  top: 8px;

  right: 10px;

  font-size: 15px; }



/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)

======================================*/

.menuzord .showhide {

  width: 60px;

  height: 46px;

  padding: 13px 0 0;

  display: none;

  float: right;

  text-decoration: none;

  outline: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-tap-highlight-color: transparent; }



/* Show/hide button icon */

.menuzord .showhide em {

  width: 35px;

  height: 5px;

  margin: 3.5px 3px 0;

  float: right;

  background: #dc8104; }



/* 10 - ICONS (parent menu items)

======================================*/

.menuzord-menu > li > a > i {

  margin: 0 5px 0 0;

  font-size: 18px;

  float: left;

  line-height: 20px;

  font-family: 'FontAwesome'; }



/* 11 - SEARCH FIELD

======================================*/

/* Form */

.menuzord-menu > li.search form {

  float: left;

  padding: 22px 16px 17px; }



/* Input */

.menuzord-menu > li.search form input[type="text"] {

  width: 160px;

  padding: 5px 10px;

  font-family: 'Open Sans', sans-serif;

  border: none;

  background: #f0f0f0;

  border-radius: 2px;

  outline: 0;

  -o-transition: width 1s ease-out;

  -moz-transition: width 1s ease-out;

  -webkit-transition: width 1s ease-out;

  transition: width 1s ease-out; }



.menuzord-menu > li.search form:hover input[type="text"] {

  width: 160px; }



/* 12 - VERTICAL TABS

======================================*/

.menuzord-tabs {

  width: 100%;

  float: left; }



.menuzord-tabs-nav {

  width: 20%;

  margin: 0;

  padding: 0;

  float: left;

  list-style: none; }



.menuzord-tabs-nav > li > a {

  width: 100%;

  padding: 7px 16px;

  float: left;

  font-size: 13px;

  text-decoration: none;

  color: #666;

  border: solid 1px #dc8104;

  outline: 0; }



.menuzord-tabs-nav li.active a,

.menuzord-tabs-nav li:hover a {

  background: #f0f0f0; }



.menuzord-tabs-content {

  width: 80%;

  min-height: 30px;

  padding: 20px;

  float: right;

  display: none;

  font-size: 13px;

  border: solid 1px #dc8104; }



.menuzord-tabs-content.active {

  display: block; }



/* 14 - MOBILE MODE (RESPONSIVE MODE)

======================================*/

@media screen and (min-width: 700px) and (max-width: 1099px) {
  .menuzord-responsive .menuzord-menu {
    position: absolute;
    width: 100%;
  }
}



@media (max-width: 1099px) {
  #menu-header{position: absolute;}
  .menuzord-responsive .menuzord-menu {
    margin-top: 67px;
  }
  .menuzord-responsive.menuzord {
    padding: 0 0 0px;
    position: relative;
    z-index: 99999; 
  }
  .menuzord-responsive .menuzord-brand {
    margin: 8px 30px 10px 20px;
    font-size: 20px;
    line-height: 1.55; 
  }
  .menuzord-responsive .menuzord-menu {
    width: 100%;
    float: left !important;
    /*margin-top: 30px;*/
    background: #dc8104; 
  }
  .menuzord-responsive .menuzord-menu.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
  }

  .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {

    display: block; }

  /* Menu items */

  .menuzord-responsive .menuzord-menu > li {

    width: 100%;

    display: block;

    position: relative; }

  .menuzord-menu > li.active > a,

  .menuzord-menu > li:hover > a {

    color: #fff !important; }

  .menuzord-responsive .menuzord-menu > li > a {

    width: 100%;

    padding: 12px 20px;

    display: block;

    border-bottom: solid 1px #dc8104; }

  .menuzord-responsive .menuzord-menu > li:first-child > a {

    border-top: solid 1px #dc8104; }

  /* Dropdown */

  .menuzord-responsive .menuzord-menu ul.dropdown,

  .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {

    width: 100%;

    left: 0;

    position: static;

    border: none;

    background: #fff;

    float: left; }

  .menuzord {

    background: none; }

  /* Dropdown items */

  .menuzord-responsive .menuzord-menu ul.dropdown li {

    position: relative; }

  .menuzord-responsive .menuzord-menu ul.dropdown li a {

    border-bottom: solid 1px #dc8104; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a {

    padding-left: 40px !important; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a {

    padding-left: 60px !important; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {

    padding-left: 80px !important; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {

    padding-left: 50px !important; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a {

    padding-left: 70px !important; }

  .menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a {

    padding-left: 90px !important; }

  /* Dropdown/megamenu indicators */

  .menuzord-responsive .menuzord-menu li .indicator {

    width: 60px;

    height: 45px;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 22px;

    text-align: center;

    line-height: 43px;

    border-left: solid 1px #dc8104; }

  .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {

    height: 38px;

    right: 0;

    top: 0;

    font-size: 18px;

    line-height: 36px; }

  /* Megamenu */

  .menuzord-responsive .menuzord-menu > li > .megamenu {

    width: 100% !important;

    left: 0 !important;

    position: static;

    border-top: none;

    border-bottom: solid 1px #dc8104; }

  .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"] {

    float: none;

    display: block;

    width: 100% !important;

    margin-left: 0;

    margin-top: 15px; }

  .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child [class*="col"]:first-child {

    margin-top: 0; }

  .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row {

    margin-top: 0; }

  /* Search field */

  .menuzord-responsive .menuzord-menu > li.search form {

    width: 100%;

    margin: 4px 0;

    padding: 10px 16px !important; }

  .menuzord-responsive .menuzord-menu > li.search form input[type="text"] {

    width: 100%; }

  /* Tabs */

  .menuzord-responsive .menuzord-tabs-nav {

    width: 100%; }

  .menuzord-responsive .menuzord-tabs-content {

    width: 100%; } 
}

@media (min-width: 992px) and (max-width: 1099px) {
  /*.menuzord-responsive .showhide {
      margin: -10px 0 30px; 
  } */
}
@media (max-width: 768px) {
  .home-feature .showcase-text {
    padding: 4rem 2rem; 
  } 
}
@media (max-width: 767px){
  #contactus .top-contact{
    margin-bottom: 10px;
  }
  footer .footer__title{
    margin:0 0 10px;
  }
  footer .footer__list a{
    padding: 0 0 4px;
  }
  footer ul{
    margin-bottom: 7px;
  }
  footer .d-block p , p.footer__title{
    margin-bottom: 10px;
    font-size: 14px;
  }
  .carousel-inner{
    height: 320px;
  }
  #home-section .banner__overlay{
    height: inherit;
    top:50px;
  }
  .list-keynote__title:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #dc8104;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%; 
  } 
  .site-sentence br {
    display: none; 
  } 
  .menuzord-responsive .showhide {
    margin: -50px 0 0px;
  }
  .menuzord-responsive .menuzord-menu {
    margin-top: 8px;
  }
  #home-section .banner__img {
    height: inherit;
    background-size: contain;
  }
  .banner__overlay .banner__heading {
    font-size: 20px;
  }
  .banner__overlay  .banner__headingh5 {
    font-size: 15px;
    line-height: 22px;
  }
  .banner__overlay a.btn.btn-lg{
    font-size: 13px;
  }
}

@media (max-width: 600px) {
  .home-feature .showcase-img {
    min-height: 21rem;
  } 
}
@media (max-width: 575px){
  .menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown{
    white-space: inherit;
  }
  .footer__copyright{
    padding:20px 6px;
  }
  header .menuzord-responsive .showhide {
    margin: -60px 0 0px;
  }
  .top-bar .pull-right {
    float: inherit;
  }
  .top-bar .top-nav , .top-bar .pull-right{
    text-align: center;
  } 
  #home-section .banner__img{
    background-size: cover;
  }
  .section-features .site-heading{
    font-size: 20px;
  }
  #appscreenshots.section-call{
    padding:50px 0;
  }
  #appscreenshots.section-call .site-heading{
    line-height: 30px;s
  }
  #appscreenshots.section-call .call-title{
    font-size: 20px;
    margin-bottom: 0px;
  }
  .no-gutters.ssshowcase-black{
    margin-right: inherit;
    margin-left: inherit;
  }


}



.menuzord-menu > li.active > a,

.menuzord-menu > li:hover > a {

  color: #dc8104; }



/* Dropdown */

.menuzord-menu ul.dropdown,

.menuzord-menu ul.dropdown li ul.dropdown {

  background: #dc8104; }



/* Dropdown items */

.menuzord-menu ul.dropdown li a {

  color: #fff; }



/* Hover state (dropdown items) */

.menuzord-menu ul.dropdown li:hover > a {

  color: #fff; }



/* Megamenu */

.menuzord-menu > li > .megamenu {

  background: #333;

  border-top: none; }



/* tabs */

.menuzord-tabs-nav > li > a {

  color: #fff; }



.menuzord-tabs-nav li.active a,

.menuzord-tabs-nav li:hover a {

  background: #f0f0f0;

  color: #666; }



/* Mobile mode (Responsive mode) */

@media (max-width: 1099px) {

  /* Mneu items */

  .menuzord-responsive .menuzord-menu > li > a {

    padding: 12px 20px !important; }

  /* Dropdown indicators */

  .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {

    border: none; }

  /* Dropdown */

  .menuzord-responsive .menuzord-menu ul.dropdown,

  .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {

    background: #333; }

  /* Dropdown items */

  .menuzord-responsive .menuzord-menu ul.dropdown li a {

    border: none; } }



.banner {

  position: relative; }

  .banner__img {

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

    height: 600px; }

    @media (min-width: 768px) {

      .banner__img {

        height: 650px; } }

    @media (min-width: 1220px) {

      .banner__img {

        height: 760px; } }

  .banner__overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

  .banner__heading {

    font-size: 36px;

    color: #fff;

    max-width: 600px;

    font-family: "Raleway", sans-serif;

    font-weight: 400;

    margin-bottom: 0.4em;

    text-shadow: 1px 1px 0 rgba(34, 34, 34, 0.5); }

    @media (max-width: 700px) {

      .banner__heading {

        font-size: 20px; } }

  .banner__headingh5 {

    font-size: 23px;

    color: #fff;

    max-width: 600px;

    font-family: "Raleway", sans-serif;

    font-weight: 400;

    margin-bottom: 1em;

    text-shadow: 1px 1px 0 rgba(34, 34, 34, 0.5);

    line-height: 32px; }

    @media (max-width: 700px) {

      .banner__headingh5 {

        font-size: 15px; } }



.banner-inner {

  position: relative; }

  .banner-inner__img {

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: top center;

    height: 350px; }

    @media (min-width: 768px) {

      .banner-inner__img {

        height: 400px; } }

    @media (min-width: 1220px) {

      .banner-inner__img {

        height: 500px; } }

  .banner-inner__overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

  .banner-inner__heading {

    font-size: 36px;

    color: #fff;

    font-family: "Raleway", sans-serif;

    font-weight: 400;

    /*margin-top: 5em;*/

    text-shadow: 1px 1px 0 rgba(34, 34, 34, 0.5); }

    @media (max-width: 700px) {

      .banner-inner__heading {

        font-size: 20px; } }

  .banner-inner__headingh5 {

    font-size: 23px;

    color: #fff;

    font-family: "Raleway", sans-serif;

    font-weight: 400;

    margin-bottom: 1em;

    text-shadow: 1px 1px 0 rgba(34, 34, 34, 0.5);

    line-height: 32px; }

    @media (max-width: 700px) {

      .banner-inner__headingh5 {

        font-size: 15px; } }



.btn-primary {

  background: #dc8104;

  border-color: #dc8104; }



.btn-secondary {

  background: #fff;

  border-color: #fff;

  color: #dc8104; }



.section-control {

  padding-top: 35px;

  padding-bottom: 35px; }

  @media (min-width: 768px) {

    .section-control {

      padding-top: 70px;

      padding-bottom: 70px; } }



.section-features {

  border: 1px solid #d2d2cf;

  border-left: none;

  border-right: none; }



.section-core {

  position: relative;

  background: url(../images/bg.jpg) no-repeat top center;

  background-size: cover;

  z-index: 1; }

  .section-core:before {

    content: '';

    background: rgba(0, 0, 0, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1; }



.section-call {

  position: relative;

  background: url(../images/phone-call-bg.jpg) no-repeat top center;

  background-size: cover;

  background-attachment: fixed;

  padding: 120px 0;

  z-index: 1; }

  .section-call:before {

    content: '';

    background: rgba(36, 2, 82, 0.8);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1; }

  .section-call .site-heading {

    line-height: 42px; }



footer {

  background-color: #393939;

  color: #fff;

  padding: 10px 0; }



.home-feature {

  background: transparent;

  color: #000;

  padding: 0px;

  border-bottom: #f0f0f0 solid 1px; }

  .home-feature .showcase-img {

    min-height: 30rem;

    overflow: hidden;

    background-size: cover; }

  .home-feature .acop-list {

    margin: 0px;

    padding: 0px;

    list-style: none;

    margin-bottom: 20px; }

    .home-feature .acop-list li {

      margin-bottom: 8px; }

    .home-feature .acop-list .fa {

      color: #dc8104;

      font-size: 20px;

      font-weight: 700;

      margin-right: 5px; }



.btn:hover {

  background-color: #240252 !important;

  border-color: #240252 !important; }



.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both; }



.animated.infinite {

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite; }



.animated.hinge {

  -webkit-animation-duration: 2s;

  animation-duration: 2s; }



@-webkit-keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px); } }



@keyframes bounce {

  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  40% {

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px); }

  60% {

    -webkit-transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    transform: translateY(-15px); } }



.bounce {

  -webkit-animation-name: bounce;

  animation-name: bounce; }



@-webkit-keyframes flash {

  0%,

  50%,

  100% {

    opacity: 1; }

  25%,

  75% {

    opacity: 0; } }



@keyframes flash {

  0%,

  50%,

  100% {

    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 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  50% {

    -webkit-transform: scale(1.1);

    transform: scale(1.1); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }



@keyframes pulse {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  50% {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1); }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); } }



.pulse {

  -webkit-animation-name: pulse;

  animation-name: pulse; }



@-webkit-keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75); }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25); }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85); }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1); } }



@keyframes rubberBand {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  30% {

    -webkit-transform: scaleX(1.25) scaleY(0.75);

    -ms-transform: scaleX(1.25) scaleY(0.75);

    transform: scaleX(1.25) scaleY(0.75); }

  40% {

    -webkit-transform: scaleX(0.75) scaleY(1.25);

    -ms-transform: scaleX(0.75) scaleY(1.25);

    transform: scaleX(0.75) scaleY(1.25); }

  60% {

    -webkit-transform: scaleX(1.15) scaleY(0.85);

    -ms-transform: scaleX(1.15) scaleY(0.85);

    transform: scaleX(1.15) scaleY(0.85); }

  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); } }



.rubberBand {

  -webkit-animation-name: rubberBand;

  animation-name: rubberBand; }



@-webkit-keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px); }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px); } }



@keyframes shake {

  0%,

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  10%,

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px); }

  20%,

  40%,

  60%,

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px); } }



.shake {

  -webkit-animation-name: shake;

  animation-name: shake; }



@-webkit-keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    transform: rotate(15deg); }

  40% {

    -webkit-transform: rotate(-10deg);

    transform: rotate(-10deg); }

  60% {

    -webkit-transform: rotate(5deg);

    transform: rotate(5deg); }

  80% {

    -webkit-transform: rotate(-5deg);

    transform: rotate(-5deg); }

  100% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg); } }



@keyframes swing {

  20% {

    -webkit-transform: rotate(15deg);

    -ms-transform: rotate(15deg);

    transform: rotate(15deg); }

  40% {

    -webkit-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);

    transform: rotate(-10deg); }

  60% {

    -webkit-transform: rotate(5deg);

    -ms-transform: rotate(5deg);

    transform: rotate(5deg); }

  80% {

    -webkit-transform: rotate(-5deg);

    -ms-transform: rotate(-5deg);

    transform: rotate(-5deg); }

  100% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg); } }



.swing {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-animation-name: swing;

  animation-name: swing; }



@-webkit-keyframes tada {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg); }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg); }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg); }

  100% {

    -webkit-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0); } }



@keyframes tada {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  10%,

  20% {

    -webkit-transform: scale(0.9) rotate(-3deg);

    -ms-transform: scale(0.9) rotate(-3deg);

    transform: scale(0.9) rotate(-3deg); }

  30%,

  50%,

  70%,

  90% {

    -webkit-transform: scale(1.1) rotate(3deg);

    -ms-transform: scale(1.1) rotate(3deg);

    transform: scale(1.1) rotate(3deg); }

  40%,

  60%,

  80% {

    -webkit-transform: scale(1.1) rotate(-3deg);

    -ms-transform: scale(1.1) rotate(-3deg);

    transform: scale(1.1) rotate(-3deg); }

  100% {

    -webkit-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0); } }



.tada {

  -webkit-animation-name: tada;

  animation-name: tada; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%); }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg); }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg); }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg); }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg); }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg); }

  100% {

    -webkit-transform: translateX(0%);

    transform: translateX(0%); } }



@keyframes wobble {

  0% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%); }

  15% {

    -webkit-transform: translateX(-25%) rotate(-5deg);

    -ms-transform: translateX(-25%) rotate(-5deg);

    transform: translateX(-25%) rotate(-5deg); }

  30% {

    -webkit-transform: translateX(20%) rotate(3deg);

    -ms-transform: translateX(20%) rotate(3deg);

    transform: translateX(20%) rotate(3deg); }

  45% {

    -webkit-transform: translateX(-15%) rotate(-3deg);

    -ms-transform: translateX(-15%) rotate(-3deg);

    transform: translateX(-15%) rotate(-3deg); }

  60% {

    -webkit-transform: translateX(10%) rotate(2deg);

    -ms-transform: translateX(10%) rotate(2deg);

    transform: translateX(10%) rotate(2deg); }

  75% {

    -webkit-transform: translateX(-5%) rotate(-1deg);

    -ms-transform: translateX(-5%) rotate(-1deg);

    transform: translateX(-5%) rotate(-1deg); }

  100% {

    -webkit-transform: translateX(0%);

    -ms-transform: translateX(0%);

    transform: translateX(0%); } }



.wobble {

  -webkit-animation-name: wobble;

  animation-name: wobble; }



@-webkit-keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3); }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    transform: scale(1.05); }

  70% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9); }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1); } }



@keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3); }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05); }

  70% {

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9); }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); } }



.bounceIn {

  -webkit-animation-name: bounceIn;

  animation-name: bounceIn; }



@-webkit-keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    transform: translateY(30px); }

  80% {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes bounceInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px); }

  80% {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px); }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.bounceInDown {

  -webkit-animation-name: bounceInDown;

  animation-name: bounceInDown; }



@-webkit-keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    transform: translateX(30px); }

  80% {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes bounceInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateX(30px);

    -ms-transform: translateX(30px);

    transform: translateX(30px); }

  80% {

    -webkit-transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    transform: translateX(-10px); }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.bounceInLeft {

  -webkit-animation-name: bounceInLeft;

  animation-name: bounceInLeft; }



@-webkit-keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    transform: translateX(-30px); }

  80% {

    -webkit-transform: translateX(10px);

    transform: translateX(10px); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes bounceInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-30px);

    -ms-transform: translateX(-30px);

    transform: translateX(-30px); }

  80% {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px); }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.bounceInRight {

  -webkit-animation-name: bounceInRight;

  animation-name: bounceInRight; }



@-webkit-keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  80% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px); }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes bounceInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); }

  60% {

    opacity: 1;

    -webkit-transform: translateY(-30px);

    -ms-transform: translateY(-30px);

    transform: translateY(-30px); }

  80% {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px); }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.bounceInUp {

  -webkit-animation-name: bounceInUp;

  animation-name: bounceInUp; }



@-webkit-keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1); }

  25% {

    -webkit-transform: scale(0.95);

    transform: scale(0.95); }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    transform: scale(1.1); }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3); } }



@keyframes bounceOut {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  25% {

    -webkit-transform: scale(0.95);

    -ms-transform: scale(0.95);

    transform: scale(0.95); }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1); }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3); } }



.bounceOut {

  -webkit-animation-name: bounceOut;

  animation-name: bounceOut; }



@-webkit-keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); } }



@keyframes bounceOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); } }



.bounceOutDown {

  -webkit-animation-name: bounceOutDown;

  animation-name: bounceOutDown; }



@-webkit-keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    transform: translateX(20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



@keyframes bounceOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



.bounceOutLeft {

  -webkit-animation-name: bounceOutLeft;

  animation-name: bounceOutLeft; }



@-webkit-keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); } }



@keyframes bounceOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); } }



.bounceOutRight {

  -webkit-animation-name: bounceOutRight;

  animation-name: bounceOutRight; }



@-webkit-keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateY(20px);

    transform: translateY(20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



@keyframes bounceOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  20% {

    opacity: 1;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



.bounceOutUp {

  -webkit-animation-name: bounceOutUp;

  animation-name: bounceOutUp; }



@-webkit-keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



@keyframes fadeIn {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }



.fadeIn {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn; }



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown; }



@-webkit-keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInDownBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.fadeInDownBig {

  -webkit-animation-name: fadeInDownBig;

  animation-name: fadeInDownBig; }



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft; }



@-webkit-keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInLeftBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.fadeInLeftBig {

  -webkit-animation-name: fadeInLeftBig;

  animation-name: fadeInLeftBig; }



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight; }



@-webkit-keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInRightBig {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.fadeInRightBig {

  -webkit-animation-name: fadeInRightBig;

  animation-name: fadeInRightBig; }



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp; }



@-webkit-keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInUpBig {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.fadeInUpBig {

  -webkit-animation-name: fadeInUpBig;

  animation-name: fadeInUpBig; }



@-webkit-keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



@keyframes fadeOut {

  0% {

    opacity: 1; }

  100% {

    opacity: 0; } }



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut; }



@-webkit-keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px); } }



@keyframes fadeOutDown {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px); } }



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown; }



@-webkit-keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); } }



@keyframes fadeOutDownBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); } }



.fadeOutDownBig {

  -webkit-animation-name: fadeOutDownBig;

  animation-name: fadeOutDownBig; }



@-webkit-keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px); } }



@keyframes fadeOutLeft {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-20px);

    -ms-transform: translateX(-20px);

    transform: translateX(-20px); } }



.fadeOutLeft {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft; }



@-webkit-keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



@keyframes fadeOutLeftBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



.fadeOutLeftBig {

  -webkit-animation-name: fadeOutLeftBig;

  animation-name: fadeOutLeftBig; }



@-webkit-keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    transform: translateX(20px); } }



@keyframes fadeOutRight {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(20px);

    -ms-transform: translateX(20px);

    transform: translateX(20px); } }



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight; }



@-webkit-keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); } }



@keyframes fadeOutRightBig {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); } }



.fadeOutRightBig {

  -webkit-animation-name: fadeOutRightBig;

  animation-name: fadeOutRightBig; }



@-webkit-keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px); } }



@keyframes fadeOutUp {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px); } }



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp; }



@-webkit-keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



@keyframes fadeOutUpBig {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



.fadeOutUpBig {

  -webkit-animation-name: fadeOutUpBig;

  animation-name: fadeOutUpBig; }



@-webkit-keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



@keyframes flip {

  0% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  40% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; }

  50% {

    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  80% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; }

  100% {

    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in; } }



.animated.flip {

  -webkit-backface-visibility: visible;

  -ms-backface-visibility: visible;

  backface-visibility: visible;

  -webkit-animation-name: flip;

  animation-name: flip; }



@-webkit-keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg); }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg); }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1; } }



@keyframes flipInX {

  0% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotateX(-10deg);

    -ms-transform: perspective(400px) rotateX(-10deg);

    transform: perspective(400px) rotateX(-10deg); }

  70% {

    -webkit-transform: perspective(400px) rotateX(10deg);

    -ms-transform: perspective(400px) rotateX(10deg);

    transform: perspective(400px) rotateX(10deg); }

  100% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1; } }



.flipInX {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInX;

  animation-name: flipInX; }



@-webkit-keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg); }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg); }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1; } }



@keyframes flipInY {

  0% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; }

  40% {

    -webkit-transform: perspective(400px) rotateY(-10deg);

    -ms-transform: perspective(400px) rotateY(-10deg);

    transform: perspective(400px) rotateY(-10deg); }

  70% {

    -webkit-transform: perspective(400px) rotateY(10deg);

    -ms-transform: perspective(400px) rotateY(10deg);

    transform: perspective(400px) rotateY(10deg); }

  100% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1; } }



.flipInY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipInY;

  animation-name: flipInY; }



@-webkit-keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



@keyframes flipOutX {

  0% {

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    opacity: 0; } }



.flipOutX {

  -webkit-animation-name: flipOutX;

  animation-name: flipOutX;

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important; }



@-webkit-keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



@keyframes flipOutY {

  0% {

    -webkit-transform: perspective(400px) rotateY(0deg);

    -ms-transform: perspective(400px) rotateY(0deg);

    transform: perspective(400px) rotateY(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: perspective(400px) rotateY(90deg);

    -ms-transform: perspective(400px) rotateY(90deg);

    transform: perspective(400px) rotateY(90deg);

    opacity: 0; } }



.flipOutY {

  -webkit-backface-visibility: visible !important;

  -ms-backface-visibility: visible !important;

  backface-visibility: visible !important;

  -webkit-animation-name: flipOutY;

  animation-name: flipOutY; }



@-webkit-keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1; }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1; } }



@keyframes lightSpeedIn {

  0% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0; }

  60% {

    -webkit-transform: translateX(-20%) skewX(30deg);

    -ms-transform: translateX(-20%) skewX(30deg);

    transform: translateX(-20%) skewX(30deg);

    opacity: 1; }

  80% {

    -webkit-transform: translateX(0%) skewX(-15deg);

    -ms-transform: translateX(0%) skewX(-15deg);

    transform: translateX(0%) skewX(-15deg);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1; } }



.lightSpeedIn {

  -webkit-animation-name: lightSpeedIn;

  animation-name: lightSpeedIn;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out; }



@-webkit-keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0; } }



@keyframes lightSpeedOut {

  0% {

    -webkit-transform: translateX(0%) skewX(0deg);

    -ms-transform: translateX(0%) skewX(0deg);

    transform: translateX(0%) skewX(0deg);

    opacity: 1; }

  100% {

    -webkit-transform: translateX(100%) skewX(-30deg);

    -ms-transform: translateX(100%) skewX(-30deg);

    transform: translateX(100%) skewX(-30deg);

    opacity: 0; } }



.lightSpeedOut {

  -webkit-animation-name: lightSpeedOut;

  animation-name: lightSpeedOut;

  -webkit-animation-timing-function: ease-in;

  animation-timing-function: ease-in; }



@-webkit-keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



@keyframes rotateIn {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(-200deg);

    -ms-transform: rotate(-200deg);

    transform: rotate(-200deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



.rotateIn {

  -webkit-animation-name: rotateIn;

  animation-name: rotateIn; }



@-webkit-keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



@keyframes rotateInDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



.rotateInDownLeft {

  -webkit-animation-name: rotateInDownLeft;

  animation-name: rotateInDownLeft; }



@-webkit-keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



@keyframes rotateInDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



.rotateInDownRight {

  -webkit-animation-name: rotateInDownRight;

  animation-name: rotateInDownRight; }



@-webkit-keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



@keyframes rotateInUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



.rotateInUpLeft {

  -webkit-animation-name: rotateInUpLeft;

  animation-name: rotateInUpLeft; }



@-webkit-keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



@keyframes rotateInUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; } }



.rotateInUpRight {

  -webkit-animation-name: rotateInUpRight;

  animation-name: rotateInUpRight; }



@-webkit-keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



@keyframes rotateOut {

  0% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: center center;

    -ms-transform-origin: center center;

    transform-origin: center center;

    -webkit-transform: rotate(200deg);

    -ms-transform: rotate(200deg);

    transform: rotate(200deg);

    opacity: 0; } }



.rotateOut {

  -webkit-animation-name: rotateOut;

  animation-name: rotateOut; }



@-webkit-keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



@keyframes rotateOutDownLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



.rotateOutDownLeft {

  -webkit-animation-name: rotateOutDownLeft;

  animation-name: rotateOutDownLeft; }



@-webkit-keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; } }



@keyframes rotateOutDownRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; } }



.rotateOutDownRight {

  -webkit-animation-name: rotateOutDownRight;

  animation-name: rotateOutDownRight; }



@-webkit-keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; } }



@keyframes rotateOutUpLeft {

  0% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: left bottom;

    -ms-transform-origin: left bottom;

    transform-origin: left bottom;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    opacity: 0; } }



.rotateOutUpLeft {

  -webkit-animation-name: rotateOutUpLeft;

  animation-name: rotateOutUpLeft; }



@-webkit-keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



@keyframes rotateOutUpRight {

  0% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    opacity: 1; }

  100% {

    -webkit-transform-origin: right bottom;

    -ms-transform-origin: right bottom;

    transform-origin: right bottom;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    opacity: 0; } }



.rotateOutUpRight {

  -webkit-animation-name: rotateOutUpRight;

  animation-name: rotateOutUpRight; }



@-webkit-keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes slideInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); }

  100% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.slideInDown {

  -webkit-animation-name: slideInDown;

  animation-name: slideInDown; }



@-webkit-keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes slideInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.slideInLeft {

  -webkit-animation-name: slideInLeft;

  animation-name: slideInLeft; }



@-webkit-keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes slideInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); }

  100% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); } }



.slideInRight {

  -webkit-animation-name: slideInRight;

  animation-name: slideInRight; }



@-webkit-keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



@keyframes slideOutLeft {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(-2000px);

    -ms-transform: translateX(-2000px);

    transform: translateX(-2000px); } }



.slideOutLeft {

  -webkit-animation-name: slideOutLeft;

  animation-name: slideOutLeft; }



@-webkit-keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    transform: translateX(2000px); } }



@keyframes slideOutRight {

  0% {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(2000px);

    -ms-transform: translateX(2000px);

    transform: translateX(2000px); } }



.slideOutRight {

  -webkit-animation-name: slideOutRight;

  animation-name: slideOutRight; }



@-webkit-keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



@keyframes slideOutUp {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(-2000px);

    -ms-transform: translateY(-2000px);

    transform: translateY(-2000px); } }



.slideOutUp {

  -webkit-animation-name: slideOutUp;

  animation-name: slideOutUp; }



@-webkit-keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes slideInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); } }



.slideInUp {

  -webkit-animation-name: slideInUp;

  animation-name: slideInUp; }



@-webkit-keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    transform: translateY(2000px); } }



@keyframes slideOutDown {

  0% {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0); }

  100% {

    opacity: 0;

    -webkit-transform: translateY(2000px);

    -ms-transform: translateY(2000px);

    transform: translateY(2000px); } }



.slideOutDown {

  -webkit-animation-name: slideOutDown;

  animation-name: slideOutDown; }



@-webkit-keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(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: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40% {

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  100% {

    -webkit-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0; } }



@keyframes hinge {

  0% {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    -webkit-transform-origin: top left;

    -ms-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: rotate(80deg);

    -ms-transform: rotate(80deg);

    transform: rotate(80deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  40% {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  80% {

    -webkit-transform: rotate(60deg) translateY(0);

    -ms-transform: rotate(60deg) translateY(0);

    transform: rotate(60deg) translateY(0);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    transform-origin: top left;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    opacity: 1; }

  100% {

    -webkit-transform: translateY(700px);

    -ms-transform: translateY(700px);

    transform: translateY(700px);

    opacity: 0; } }



.hinge {

  -webkit-animation-name: hinge;

  animation-name: hinge; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg); } }



@keyframes rollIn {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100%) rotate(-120deg);

    -ms-transform: translateX(-100%) rotate(-120deg);

    transform: translateX(-100%) rotate(-120deg); }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg); } }



.rollIn {

  -webkit-animation-name: rollIn;

  animation-name: rollIn; }



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg); } }



@keyframes rollOut {

  0% {

    opacity: 1;

    -webkit-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg); }

  100% {

    opacity: 0;

    -webkit-transform: translateX(100%) rotate(120deg);

    -ms-transform: translateX(100%) rotate(120deg);

    transform: translateX(100%) rotate(120deg); } }



.rollOut {

  -webkit-animation-name: rollOut;

  animation-name: rollOut; }



@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3); }

  50% {

    opacity: 1; } }



@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3); }

  50% {

    opacity: 1; } }



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn; }



@-webkit-keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



@keyframes zoomInDown {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



.zoomInDown {

  -webkit-animation-name: zoomInDown;

  animation-name: zoomInDown; }



@-webkit-keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



@keyframes zoomInLeft {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(48px);

    -ms-transform: scale(0.475) translateX(48px);

    transform: scale(0.475) translateX(48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



.zoomInLeft {

  -webkit-animation-name: zoomInLeft;

  animation-name: zoomInLeft; }



@-webkit-keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



@keyframes zoomInRight {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-48px);

    -ms-transform: scale(0.475) translateX(-48px);

    transform: scale(0.475) translateX(-48px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



.zoomInRight {

  -webkit-animation-name: zoomInRight;

  animation-name: zoomInRight; }



@-webkit-keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



@keyframes zoomInUp {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out; }

  60% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out; } }



.zoomInUp {

  -webkit-animation-name: zoomInUp;

  animation-name: zoomInUp; }



@-webkit-keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1); }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    transform: scale(0.3); }

  100% {

    opacity: 0; } }



@keyframes zoomOut {

  0% {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1); }

  50% {

    opacity: 0;

    -webkit-transform: scale(0.3);

    -ms-transform: scale(0.3);

    transform: scale(0.3); }

  100% {

    opacity: 0; } }



.zoomOut {

  -webkit-animation-name: zoomOut;

  animation-name: zoomOut; }



@-webkit-keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom; } }



@keyframes zoomOutDown {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(-60px);

    -ms-transform: scale(0.475) translateY(-60px);

    transform: scale(0.475) translateY(-60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(2000px);

    -ms-transform: scale(0.1) translateY(2000px);

    transform: scale(0.1) translateY(2000px);

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

    transform-origin: center bottom; } }



.zoomOutDown {

  -webkit-animation-name: zoomOutDown;

  animation-name: zoomOutDown; }



@-webkit-keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    transform-origin: left center; } }



@keyframes zoomOutLeft {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(42px);

    -ms-transform: scale(0.475) translateX(42px);

    transform: scale(0.475) translateX(42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(-2000px);

    -ms-transform: scale(0.1) translateX(-2000px);

    transform: scale(0.1) translateX(-2000px);

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center; } }



.zoomOutLeft {

  -webkit-animation-name: zoomOutLeft;

  animation-name: zoomOutLeft; }



@-webkit-keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    transform-origin: right center; } }



@keyframes zoomOutRight {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateX(-42px);

    -ms-transform: scale(0.475) translateX(-42px);

    transform: scale(0.475) translateX(-42px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateX(2000px);

    -ms-transform: scale(0.1) translateX(2000px);

    transform: scale(0.1) translateX(2000px);

    -webkit-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center; } }



.zoomOutRight {

  -webkit-animation-name: zoomOutRight;

  animation-name: zoomOutRight; }



@-webkit-keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    transform-origin: center top; } }



@keyframes zoomOutUp {

  40% {

    opacity: 1;

    -webkit-transform: scale(0.475) translateY(60px);

    -ms-transform: scale(0.475) translateY(60px);

    transform: scale(0.475) translateY(60px);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear; }

  100% {

    opacity: 0;

    -webkit-transform: scale(0.1) translateY(-2000px);

    -ms-transform: scale(0.1) translateY(-2000px);

    transform: scale(0.1) translateY(-2000px);

    -webkit-transform-origin: center top;

    -ms-transform-origin: center top;

    transform-origin: center top; } }



.zoomOutUp {

  -webkit-animation-name: zoomOutUp;

  animation-name: zoomOutUp; }



.footer {

  position: relative;

  background: url(../images/footer.jpg) no-repeat top center;

  background-size: cover;

  background-attachment: fixed;

  padding: 40px 0 0;

  z-index: 1; }

  .footer:before {

    content: '';

    background: rgba(0, 0, 0, 0.95);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1; }

  .footer__des {

    font-size: 14px; }

  .footer__title {

    color: #fff;

    font-size: 18px;

    margin: 0 0 1.5em; }

  .footer__list {

    font-size: 14px;

    color: #fff; }

    .footer__list a {

      display: block;

      padding: 7px 0;

      color: #fff; }

      .footer__list a:hover {

        text-decoration: none;

        color: #dfdfdf; }

  .footer__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

    .footer__social li {

      padding-left: 6px; }

    .footer__social a {

      display: block;

      border: 1px solid #fff;

      border-radius: 50%;

      width: 30px;

      height: 30px;

      line-height: 1em;

      padding: 7px;

      -webkit-transition: background 300ms ease;

      -o-transition: background 300ms ease;

      transition: background 300ms ease; }

      .footer__social a:hover, .footer__social a:focus {

        background: white; }

      .footer__social a:hover svg,

      .footer__social a:focus svg {

        fill: #000; }

    .footer__social svg {

      fill: #fff; }

  .footer__box {

    display: table;

    position: relative;

    margin: 0 auto; }

  .footer__overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.75);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    font-size: 50px;

    color: #fff;

    line-height: 1em; }

  .footer__copyright {

    border-top: 1px solid #1a1a1a;

    margin: 0;

    padding: 20px 0;

    font-size: 12px;

    color: #fff; }

  .footer__logo {

    margin-bottom: 10px; }



/*-----------------  Image Alignment  ------------------------*/

.alignleft,

img.alignleft {

  display: inline;

  float: left;

  margin-right: 20px;

  margin-top: 4px; }



.alignright,

img.alignright {

  display: inline;

  float: right;

  margin-left: 20px;

  margin-top: 4px; }



.aligncenter,

img.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto; }



img.alignleft,

img.alignright,

img.aligncenter {

  margin-bottom: 18px; }



#content {

  color: #222;

  font-size: 15px;

  margin: 0 0 0px 0; }



#content p {

  line-height: 30px;

  margin: 0 0 25px 0;

  font-size: 15px; }



#content a {

  color: #240252;

  -webkit-transition-duration: .5s;

  -o-transition-duration: .5s;

  transition-duration: .5s;

  -webkit-transition-property: color;

  -o-transition-property: color;

  transition-property: color; }



#content a:hover {

  color: #dc8104; }



#content strong {

  font-weight: bold; }



#content p strong {

  color: #2f2f58; }



#content h1,

#content h2,

#content h3,

#content h4,

#content h5,

#content h6 {

  color: #240252 !important;

  margin: 0 0 15px 0;

  font-weight: 400; }



#content h1 {

  font-size: 36px;

  font-weight: 700; }



#content h2 {

  font-size: 32px;

  font-weight: 700; }



#content h3 {

  font-size: 28px;

  font-weight: 700; }



#content h4 {

  font-size: 24px; }



#content h5 {

  font-size: 20px; }



#content h6 {

  font-size: 18px; }



#content img {

  margin-bottom: 20px; }



#content ul {

  margin: 0 0 18px 0;

  padding: 0 0 0 0;

  list-style: none; }



#content ul li {

  padding: 0 0 0 22px !important;

  background: url(../images/circle.png) no-repeat left 5px;

  margin-bottom: 15px; }



#content ul ul {

  list-style: circle; }



#content ol {

  list-style: decimal;

  margin: 0 0 18px 0px; }



#content ol ol {

  list-style: upper-alpha; }



#content ol ol ol {

  list-style: lower-roman; }



#content ol ol ol ol {

  list-style: lower-alpha; }



#content ul ul,

#content ol ol,

#content ul ol,

#content ol ul {

  margin-bottom: 0; }



#content li {

  line-height: 22px;

  margin: 0 0 3px 0; }



#content ul li {

  padding: 0 0 0 0px; }



#content blockquote {

  font-size: 10px !important;

  background: #ededed;

  padding: 15px;

  margin: 0 0 20px 0;

  font-style: italic;

  line-height: 22px; }



#content hr {

  border: none;

  border-bottom: #CCC solid 1px; }



.right-nav {

  background: #f5f5f5;

  padding: 15px 20px; }

  .right-nav ul {

    margin: 0px 0 30px;

    padding: 0px;

    list-style: none; }

    .right-nav ul li {

      margin-bottom: 12px;

      color: #240252; }

      .right-nav ul li a {

        color: #240252;

        font-size: 15px;

        display: block; }

      .right-nav ul li a:hover {

        text-decoration: none;

        color: #000; }

      .right-nav ul li .fa {

        font-size: 20px;

        font-weight: 700;

        color: #dc8104;

        margin-right: 10px;

        float: left;

        height: 30px;

        display: inline-block; }



.contact-form {

  margin-top: 30px; }



.group {

  position: relative;

  margin-bottom: 45px;

  /* active state */

  /* BOTTOM BARS ================================= */

  /* active state */

  /* HIGHLIGHTER ================================== */

  /* active state */

  /* ANIMATIONS ================ */ }

  .group input {

    font-size: 13px;

    padding: 10px 10px 10px 5px;

    display: block;

    border: none;

    width: 100%;

    border-bottom: 1px solid #222222; }

  .group input:focus {

    outline: none;

    border-bottom: 0px solid #222222; }

  .group label {

    color: #999;

    font-size: 15px;

    font-weight: normal;

    position: absolute;

    pointer-events: none;

    left: 5px;

    top: 10px;

    -o-transition: 0.2s ease all;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all; }

  .group input:focus ~ label,

  .group input:valid ~ label {

    top: -20px;

    font-size: 14px;

    color: #dc8104; }

  .group .bar {

    position: relative;

    display: block; }

  .group .bar:before,

  .group .bar:after {

    content: '';

    height: 2px;

    width: 0;

    bottom: 1px;

    position: absolute;

    background: #dc8104;

    -o-transition: 0.2s ease all;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all; }

  .group .bar:before {

    left: 50%; }

  .group .bar:after {

    right: 50%; }

  .group input:focus ~ .bar:before,

  .group input:focus ~ .bar:after {

    width: 50%; }

  .group .highlight {

    position: absolute;

    height: 60%;

    width: 100px;

    top: 25%;

    left: 0;

    pointer-events: none;

    opacity: 0.5; }

  .group input:focus ~ .highlight {

    -webkit-animation: inputHighlighter 0.3s ease;

    -moz-animation: inputHighlighter 0.3s ease;

    animation: inputHighlighter 0.3s ease; }



@-webkit-keyframes inputHighlighter {

  from {

    background: #dc8104; }

  to {

    width: 0;

    background: transparent; } }



@-moz-keyframes inputHighlighter {

  from {

    background: #dc8104; }

  to {

    width: 0;

    background: transparent; } }



@keyframes inputHighlighter {

  from {

    background: #dc8104; }

  to {

    width: 0;

    background: transparent; } }



.group-rgt {

  margin-bottom: 15px !important; }

  .group-rgt input {

    border-bottom: 1px solid #7f7f7f !important; }



.btn-center {

  margin: 0 auto;

  display: table;

  padding-left: 60px;

  padding-right: 60px;

  text-align: center;

  cursor: pointer; }



.modal-content {

  border-radius: 0rem;

  border: 1px solid transparent; }

  .modal-content .modal-header {

    padding-bottom: 0px;

    border-bottom: 1px solid #ccc; }

  .modal-content .close {

    font-size: 3rem;

    color: #dc8104; }



.top-contact {

  margin-bottom: 45px; }



/* Slider */

.slick-slider {

  position: relative;

  display: block;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent; }



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0; }



.slick-list:focus {

  outline: none; }



.slick-list.dragging {

  cursor: pointer;

  cursor: hand; }



.slick-slider .slick-track,

.slick-slider .slick-list {

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

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

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block; }



.slick-track:before,

.slick-track:after {

  display: table;

  content: ''; }



.slick-track:after {

  clear: both; }



.slick-loading .slick-track {

  visibility: hidden; }



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px; }



[dir='rtl'] .slick-slide {

  float: right; }



.slick-slide img {

  display: block; }



.slick-slide.slick-loading img {

  display: none; }



.slick-slide.dragging img {

  pointer-events: none; }



.slick-initialized .slick-slide {

  display: block; }



.slick-loading .slick-slide {

  visibility: hidden; }



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent; }



.slick-arrow.slick-hidden {

  display: none; }



/* Dots */

.slick-dotted.slick-slider {

  margin-bottom: 30px; }



.slick-dots {

  position: absolute;

  bottom: 3px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  z-index: 999;

  list-style: none;

  text-align: center; }



.slick-dots li {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin: 0px;

  padding: 0;

  cursor: pointer; }



.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  border-radius: 50px;

  width: 12px;

  height: 12px;

  padding: 5px;

  cursor: pointer;

  color: #dc8104;

  border: none;

  outline: none;

  background: #dc8104; }



.slick-dots li button:hover,

.slick-dots li button:focus {

  outline: none; }



.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

  opacity: 1; }



.slick-dots li button:before {

  font-family: 'slick';

  font-size: 6px;

  line-height: 12px;

  position: absolute;

  top: 0;

  left: 0;

  width: 12px;

  height: 12px;

  content: '•';

  text-align: center;

  color: transparent;

  border: #aeead1 solid 2px;

  background: #fff;

  border-radius: 50px;

  -webkit-font-smoothing: antialiased; }



.slick-dots li.slick-active button:before {

  opacity: 0.25;

  color: transparent; }



.appscreenshot_slider .slick-slide {

  margin: 10px;

  -moz-box-shadow: 0 0 10px 5px #d9d9d9;

  -webkit-box-shadow: 0 0 10px 5px #d9d9d9;

  box-shadow: 0 0 10px 5px #d9d9d9; }



.device-img {

  width: 100%;

  max-width: 400px;

  background: url(../images/device-img.png) no-repeat;

  background-size: contain;

  margin: 0 auto 30px; }

  .device-img:after {

    content: '';

    display: block;

    padding-top: 130%; }



.site-heading {

  font-family: "Raleway", sans-serif;

  font-size: 24px;

  color: #222222;

  margin: 0 0 0.75em; }

  @media (min-width: 768px) {

    .site-heading {

      font-size: 28px; } }

  .site-heading > strong {

    color: #240252;

    font-weight: 700; }

  @media (min-width: 768px) {

    .site-heading--wings {

      margin-bottom: 2em; } }

  .site-heading--wings::before, .site-heading--wings::after {

    content: url(../images/wings.png);

    display: inline-block;

    vertical-align: top;

    margin-top: -5px; }

  .site-heading--wings::before {

    padding-right: 5px; }

  .site-heading--wings::after {

    padding-left: 5px; }

  @media (min-width: 768px) {

    .site-heading--wings::before {

      padding-right: 15px; }

    .site-heading--wings::after {

      padding-left: 15px; } }

  .site-heading--wings-lighten::before, .site-heading--wings-lighten::after {

    content: url(../images/wings-lighten.png); }







.list-arrow {

  list-style: none;

  margin: 0;

  padding: 0; }

  .list-arrow li {

    font-size: 15px;

    background: url(../images/icon-arrow.svg) no-repeat 0 3px;

    background-size: 16px 16px;

    padding-left: 3em;

    text-indent: -1em;

    margin-bottom: 1.5em;

    color: #222222;

    font-size: 14px; }

    .list-arrow li ul {

      list-style: circle;

      margin: 0;

      padding: 0 0 0 15px; }

      .list-arrow li ul li {

        background: none;

        padding-left: 1em;

        text-indent: -1em;

        margin-bottom: 0.5em;

        color: #222222;

        font-size: 14px; }



.text-primary {

  color: #dc8104; }



.icon-media {

  width: 41px;

  height: 32px;

  fill: #7f7f7f; }



.site-sentence-sm {

  font-size: 15px; }



.list-feature {

  margin-bottom: -25px; }

  @media (min-width: 768px) {

    .list-feature {

      margin-bottom: -50px; } }

  .list-feature__item {

    margin-bottom: 25px; }

    @media (min-width: 768px) {

      .list-feature__item {

        margin-bottom: 50px; } }



.text-lighten {

  color: #fff; }



.text-darken {

  color: #393939; }



.list-keynote {

  list-style: none;

  margin: 0;

  padding: 20px 0 0 0;

  color: #fff; }

  .list-keynote__item {

    position: relative;

    margin-bottom: 37.5px; }

    @media (min-width: 991px) {

      .list-keynote__item {

        margin-bottom: 75px;

        padding-left: 40px; }

        .list-keynote__item::before, .list-keynote__item::after {

          content: '';

          position: absolute; }

        .list-keynote__item::before {

          top: 0;

          left: 0;

          margin-top: 4px;

          width: 20px;

          height: 20px;

          border-radius: 50%;

          background: #dc8104; }

        .list-keynote__item::after {

          top: 29px;

          left: 9px;

          width: 3px;

          height: 180%;

          background: #fff; }

        .list-keynote__item--right {

          padding-left: 0; } }

    @media (min-width: 991px) and (min-width: 991px) {

      .list-keynote__item--right {

        padding-right: 40px; } }

    @media (min-width: 991px) {

          .list-keynote__item--right:before {

            left: auto;

            right: 0; }

          .list-keynote__item--right:after {

            left: auto;

            right: 9px; } }

  .list-keynote__title {

    font-size: 18px;

    margin-bottom: 0.5em;

    font-weight: 700; }

    @media (min-width: 768px) {

      .list-keynote__title {

        margin-bottom: 1em; } }

 



.section-call {

  color: #fff; }

  .section-call .call-title {

    color: #fff;

    font-weight: 700;

    margin-bottom: 10px; }

  .section-call p {

    font-size: 17px;

    line-height: 28px;

    margin-bottom: 25px; }

  .section-call a {

    font-size: 16px;

    padding-left: 40px;

    padding-right: 40px; }



.slider-nav {

  overflow: hidden; }

  .slider-nav .slick-arrow {

    position: absolute;

    z-index: 99;

    height: 50px;

    width: 50px;

    display: block;

    padding: 0;

    top: 50%;

    cursor: pointer;

    font-size: 24px;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    border-radius: 50%;

    border: none;

    color: #fff;

    background-color: #dc8104; }

    .slider-nav .slick-arrow .fa {

      line-height: 26px; }

    .slider-nav .slick-arrow.slick-prev {

      left: 0;

      padding: 9px 5px 0 0; }

    .slider-nav .slick-arrow.slick-next {

      right: 0;

      padding: 9px 0px 0 5px; }

    .slider-nav .slick-arrow:focus {

      outline: none !important; }

  .slider-nav:focus {

    outline: none !important; }



.modal {

  padding-right: 0px; }

/*Custom css*/
.menuzord .showhide em{
    height: 2px;
    margin: 3px 3px 0;
}