﻿@charset "UTF-8";
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin: 0; }

.navbar {
  min-height: 20px; }

.navbar-right {
  margin-right: 0; }

.container-fluid {
  padding: 0; }

.form-control {
  border-radius: 0px; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  .navbar-header {
    /*padding-left: 10px !important;*/ }
  .footer-sm-fixed {
    width: 100% !important;
    position: fixed;
    bottom: 0;
    z-index: 1049; }
    .footer-sm-fixed .copyright p {
      font-size: 0.7em !important; } }

@media only screen and (min-width: 769px) {
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; }
  .search-bar-container .container {
    padding: 0; }
    .search-bar-container .container div[class^="col-"] {
      padding: 0; } }

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .search-main-container .row .search-bar-content {
    padding-left: 0; }
  .search-main-container .advanced-search-bar {
    /*position:fixed;
            width:inherit;*/ }
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*.primary-menu{
        .container{
            padding:0;
            div[class^="col-"]{
                padding:0;
            }
        }
    }*/ }

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
h1 {
  text-align: center;
  color: #000;
  margin-top: 4vw; }

h2 {
  text-align: center;
  color: #000;
  font-weight: 300;
  font-size: 1.2em;
  margin-bottom: 4vw; }

.h1-back-button {
  position: absolute;
  top: 50px;
  left: 0px;
  border: solid 1px #7B7B7B;
  color: #7B7B7B;
  display: flex;
  justify-content: space-around;
  width: 125px;
  align-items: center;
  font-size: 10px;
  border-radius: 50px;
  height: 25px;
  padding: 0px 15px;
  text-decoration: none; }
  .h1-back-button:hover {
    background-color: #7B7B7B;
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

#CategoriesContainer {
  display: none; }

input:focus {
  outline: none; }

body {
  font-size: 16px;
  margin-bottom: 0px;
  color: #000;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif; }

.main-title {
  text-align: center;
  margin-top: 50px;
  color: #000; }

.browser-type {
  position: absolute;
  z-index: 9999999999999999;
  top: 0;
  left: 0;
  color: #2ecc71; }

.HomePageTopSliderStyle #SearchContent {
  margin-top: 59px; }

.HomePageTopSliderStyle .carousel-control {
  display: none; }

.HomePageTopSliderStyle .carousel-indicators {
  display: none; }

.HomePageTopSliderStyle .carousel-search-content {
  background-color: rgba(0, 0, 0, 0.4); }

.HomePageTopSliderStyle #SimpleSearchFormNew .search-element-content {
  border: solid 2px #fff;
  background: transparent; }

.HomePageTopSliderStyle #NewSearchFormSubmit {
  background: transparent;
  border-left: solid 1px #fff; }

.HomePageTopSliderStyle #TopMenuWrapper {
  background-color: transparent; }

.HomePageTopSliderStyle .carousel-inner {
  height: 240px; }
  .HomePageTopSliderStyle .carousel-inner .item {
    height: 240px; }

#TopMenuWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1003;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 25px 20px; }
  #TopMenuWrapper .dicount-icon {
    background-image: url(/Images/icon-price-tag2.svg);
    height: 40px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    position: inherit;
    right: 0px;
    top: -6px;
    display: inline-block; }
  #TopMenuWrapper .navbar-header {
    padding: 4px 15px; }
  #TopMenuWrapper #HeadLogo {
    display: inline-block;
    background-image: url("/Images/newdesign/logo-white.png");
    background-repeat: no-repeat;
    width: 151px; }

#MenuTarget #MiniCartWrapper .cart-nav-arrow {
  display: none; }

#MenuTarget .dropdown-photovectors-container .dropd-photovectors {
  text-align: center;
  padding: 5px 10px; }
  #MenuTarget .dropdown-photovectors-container .dropd-photovectors > div {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  #MenuTarget .dropdown-photovectors-container .dropd-photovectors a {
    color: #484848;
    white-space: nowrap;
    text-align: center; }

#MenuTarget #CustomerMini .cart-table p {
  text-align: left;
  font-weight: 400;
  font-size: 0.9em; }
  #MenuTarget #CustomerMini .cart-table p span {
    font-weight: 500; }

#MenuTarget #CustomerMini .dropd-myaccount {
  border-radius: 8px;
  padding: 0px; }
  #MenuTarget #CustomerMini .dropd-myaccount h3 {
    font-size: 1em;
    text-align: center;
    font-weight: 500;
    padding: 0px 5px;
    color: #000; }

#MenuTarget #CustomerMini .dropd-myaccount > div {
  padding: 10px 18px; }

#MenuTarget #CustomerMini .dropdown-flex {
  display: flex;
  justify-content: space-between; }

#MenuTarget #CustomerMini .dropdown-flex i {
  margin-top: 5px;
  margin-left: 25px;
  font-size: 20px; }

#MenuTarget #CustomerMini .dropd-myaccount p {
  white-space: nowrap;
  color: #000;
  display: block; }

#MenuTarget #CustomerMini .text1 {
  font-size: 0.9em;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase; }

#MenuTarget #CustomerMini .text2 {
  font-size: 0.8em;
  font-weight: 500;
  text-align: left; }

#MenuTarget #CustomerMini .text3 {
  font-size: 0.8em;
  text-align: left; }

#MenuTarget #CustomerMini .panel-link {
  white-space: nowrap;
  font-size: 0.9em;
  margin-top: 5px;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  background-color: #FF5B5B;
  padding: 8px 30px;
  border-radius: 50px;
  margin-bottom: -20px;
  width: 100%;
  text-align: center; }

#MenuTarget #CustomerMini #LangDDL.open .selected-lang {
  background-color: #fff;
  color: #000; }

#MenuTarget #CustomerMini #LangDDL .selected-lang {
  padding: 10px;
  border: solid 2px #fff;
  border-radius: 50px;
  margin-top: 3px;
  margin-left: 15px;
  margin-right: 5px;
  text-align: center;
  background-color: transparent;
  width: 54px; }

#MenuTarget #CustomerMini #LangDDL .lang-list {
  padding: 10px;
  border: solid 2px #fff;
  border-radius: 50px;
  margin-top: 8px;
  margin-left: 15px;
  margin-right: 5px;
  text-align: center;
  background-color: transparent;
  width: 54px;
  min-width: 54px; }

#MenuTarget #RegisterButton, #MenuTarget #LoginButton {
  border: 0; }

#MenuTarget a, #MenuTarget input[type="submit"] {
  line-height: 30px;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  /*background-image:url($header-sprite);
		background-repeat:no-repeat;
		background-position:center 0;*/
  text-decoration: none;
  cursor: pointer;
  text-align: right;
  display: inline-block;
  text-transform: uppercase;
  background-color: transparent; }

#MenuTarget .button-transparent, #MenuTarget .button-orange {
  margin-top: 6px;
  width: 200px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center; }

#MenuTarget .LogoutButton {
  width: 120px; }

#MenuTarget .button-orange {
  padding: 8px 0px; }

#MenuTarget .button-transparent {
  padding: 6px 0px; }

#MenuTarget p, #MenuTarget label {
  line-height: 30px;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  text-align: right;
  display: inline-block;
  /*padding:3px 0 3px 28px;*/
  margin: 0; }

#MenuTarget #LoginButton {
  background-position: 0 -136px; }

#MenuTarget #RegisterButton {
  background-position: 0 -97px; }

#MenuTarget .country-flag {
  width: 20px;
  height: 20px;
  /*background-color:aqua;*/
  display: inline-block;
  background-image: url("../../../Images/header-sprite.png");
  background-repeat: no-repeat;
  position: relative;
  top: 4px; }

#MenuTarget #PLFlag {
  background-position: 0 -180px; }

#MenuTarget #ENFlag {
  background-position: 0 -219px; }

#MenuTarget #DEFlag {
  background-position: 0 -222px; }

#MenuTarget #LoginForm {
  display: inline;
  /*input[type=submit]{
			border:none; 
			background:none;
			padding:0;
			padding-left:5px;
		}*/
  /*input[type=password]{
			margin-top:3px;
		}*/
  /*input[type=text]{
			margin-top:3px;
			&:first-child{
			margin-right:10px;
		}
		}*/ }
  #MenuTarget #LoginForm .modal-dialog {
    z-index: 999999999999999; }
  #MenuTarget #LoginForm .navbar-nav {
    margin: 0 !important; }

#MenuTarget #CartDetailsButton {
  background-color: transparent; }
  #MenuTarget #CartDetailsButton .icon-basket {
    position: relative; }
    #MenuTarget #CartDetailsButton .icon-basket #ItemCounter {
      position: absolute;
      border: solid 1px #fff;
      bottom: -14px;
      left: -11px;
      height: 25px;
      width: 25px;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center; }
  #MenuTarget #CartDetailsButton .icon-basket::before {
    font-size: 25px; }

#MostPopularDiv {
  /*display: flex;*/
  margin-top: 60px;
  margin-bottom: 140px; }
  #MostPopularDiv > div {
    text-decoration: none;
    color: #000;
    font-size: 0.8em;
    text-align: center;
    padding: 0px;
    margin-top: 65px;
    /*box-shadow: 0 0 3px #E1E1E1;
        margin: 0 10px;*/ }
    #MostPopularDiv > div p {
      padding: 10px 5px;
      text-align: left;
      font-size: 1.3em; }

.carousel-bottom {
  position: absolute;
  top: 0px; }
  .carousel-bottom .carousel-image {
    height: 590px; }

.canva-banner {
  overflow: hidden; }
  .canva-banner .canva-background {
    background-image: url(/Images/slider/canva-stock.jpg);
    background-position: center;
    width: 100%;
    height: 600px;
    display: block; }
    .canva-banner .canva-background .canva-chromalogo {
      padding-top: 5vw;
      display: inline-block; }
    .canva-banner .canva-background .canva-new {
      padding-top: 60px;
      color: #7D2AE8;
      font-weight: bold; }
    .canva-banner .canva-background .canva-print {
      font-size: 39px;
      padding-bottom: 50px;
      padding-top: 10px;
      font-weight: bold;
      text-transform: none;
      padding-right: 160px; }
    .canva-banner .canva-background .canva-project {
      border: solid 1px #7D2AE8;
      background: #7D2AE8;
      border-radius: 5px;
      padding: 12px 34px;
      color: #fff;
      font-size: 13px;
      text-decoration: none; }
    .canva-banner .canva-background .canva-project:hover {
      background: #fff;
      color: #7D2AE8;
      border: solid 1px #7D2AE8; }

.chromafamily-container {
  background: rgba(255, 255, 255, 0.1);
  mix-blend-mode: normal;
  filter: blur;
  height: 590px; }

.chromafamily > div {
  text-align: center;
  padding: 100px 0px 70px; }
  .chromafamily > div > a {
    text-decoration: none;
    display: block;
    height: 50px; }
    .chromafamily > div > a:last-of-type {
      margin-top: 50px;
      border: solid 1px #fff;
      color: #fff;
      font-size: 0.8em;
      border-radius: 50px;
      padding: 10px 0px;
      display: inline-block;
      height: auto;
      width: 150px; }
      .chromafamily > div > a:last-of-type:hover {
        background-color: #fff;
        color: #000; }

.about-family h3, .about-family h4 {
  text-align: center;
  color: #fff; }

.about-family h4 {
  padding: 20px 100px 0px 100px;
  text-transform: none;
  text-align: justify;
  font-size: 0.8em;
  line-height: 30px; }

.newsletter_container h1 {
  margin-top: 6vw; }

.newsletter_container > div {
  position: relative;
  margin-bottom: 50px; }

.newsletter_container input {
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 55px;
  border: none;
  padding: 21px 80px; }

.newsletter_container button {
  position: absolute;
  right: 7px;
  border: 2px solid #FF5E62;
  box-sizing: border-box;
  border-radius: 55px;
  color: #FF5E62;
  background-color: #fff;
  padding: 12px 27px;
  top: 7px; }
  .newsletter_container button:hover {
    color: #fff;
    background-color: #FF5E62; }

.newsletter_container p {
  text-align: center;
  color: #000;
  font-size: 0.7em;
  margin-bottom: 0px;
  z-index: 10000; }

#FooterContainer {
  background-color: #000;
  position: relative;
  bottom: 0; }
  #FooterContainer .footer-top {
    padding: 50px 0px; }
  #FooterContainer h3 {
    font-size: 1em;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    text-transform: uppercase;
    padding-bottom: 10px;
    text-align: center; }
  #FooterContainer .footer-menu a {
    text-decoration: none;
    font-size: 1em;
    color: #fff;
    font-weight: 500;
    display: block;
    padding-top: 5px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 30px;
    margin-left: 20px; }
  #FooterContainer .footer-support {
    border-left: solid 1px #666666;
    border-right: solid 1px #666666; }
    #FooterContainer .footer-support a, #FooterContainer .footer-support p {
      font-size: 1em;
      color: #fff;
      font-weight: 500;
      text-align: center;
      display: block;
      padding-top: 5px;
      font-weight: 300;
      font-size: 0.9em;
      line-height: 30px;
      margin: 0; }
    #FooterContainer .footer-support div {
      display: flex;
      align-items: center;
      flex-direction: column; }
    #FooterContainer .footer-support .contact-but {
      border: solid 1px #fff;
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      width: 150px;
      padding: 0;
      margin-top: 10px;
      border-radius: 50px;
      text-transform: uppercase;
      font-size: 0.9em; }
  #FooterContainer .footer-image {
    margin-top: 3vw;
    display: flex;
    justify-content: center; }
  #FooterContainer .footer-social {
    display: flex;
    justify-content: center;
    margin-top: 3vw; }
    #FooterContainer .footer-social i {
      color: #fff;
      font-size: 1.9em;
      margin-right: 15px;
      margin-left: 15px; }
  #FooterContainer > div {
    margin-left: 0;
    margin-right: 0; }
  #FooterContainer .copyright {
    background-image: linear-gradient(to left, #FF9966, #FF5E62);
    padding: 20px 0; }
    #FooterContainer .copyright p {
      font-size: 1em;
      color: #fff;
      font-weight: 500;
      font-size: 0.8em; }

#TopCarouselSlider .carousel-control {
  z-index: 10; }

#TopCarouselSlider .carousel-image {
  height: 500px; }

.carousel-image {
  width: 100%;
  height: 300px;
  background-position: center;
  background-size: cover; }

#CookiesAcceptPopup {
  border-top: 1px solid #eee;
  position: fixed;
  bottom: 0;
  background: #fff;
  box-shadow: 0 2px 10px gray;
  z-index: 101;
  margin: 0 100px;
  border-radius: 10px; }
  #CookiesAcceptPopup p {
    font-size: 0.7em; }
  #CookiesAcceptPopup > div {
    padding: 20px;
    position: relative; }
  #CookiesAcceptPopup button {
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    border: none;
    background-color: #FF5E62; }
    #CookiesAcceptPopup button span {
      color: #fff;
      font-size: 44px;
      margin-top: -18px;
      position: absolute;
      padding: 0px;
      top: 9px;
      right: 10px; }

#SendFavDialog h3 {
  color: #000; }

#SendFavDialog .share-dialog {
  padding: 45px; }
  #SendFavDialog .share-dialog label {
    font-size: 0.8em;
    font-weight: 400;
    text-align: left;
    padding-left: 20px; }

#SendFavDialog .button-contaier {
  display: flex;
  justify-content: flex-end; }

#SendFavDialog textarea {
  margin-bottom: 20px;
  border-radius: 15px;
  border: solid 1px #000;
  padding: 10px 15px; }

.regulations h3 {
  text-align: center;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0px 25px; }
  .regulations h3::after {
    border-bottom: solid 1px #D7D7D7;
    content: "";
    display: block;
    position: relative;
    width: 30%;
    margin: 0px 30px 2px; }
  .regulations h3::before {
    border-bottom: solid 1px #D7D7D7;
    content: "";
    display: block;
    position: relative;
    width: 30%;
    margin: 0px 30px 2px; }

.regulations #RuleNavv {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 300px;
  margin-right: 300px; }
  .regulations #RuleNavv a {
    text-align: center;
    text-decoration: none;
    padding: 20px;
    width: 100%;
    display: inline-block;
    border: 2px solid #000000;
    border-radius: 74px;
    color: #000;
    margin: 25px auto 15px; }

.regulations #RuleNav {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 250px;
  margin-right: 250px;
  list-style: none; }
  .regulations #RuleNav li {
    padding-bottom: 15px; }
  .regulations #RuleNav a {
    color: #7FC2C8; }

.regulations ol {
  text-transform: none; }
  .regulations ol li {
    padding-bottom: 15px;
    padding-left: 70px;
    font-size: 0.9em; }

.regulations #UpButton {
  margin: 0 auto;
  color: #FF9966;
  cursor: pointer; }

@media only screen and (min-width: 1390px) {
  #MenuTarget .hide-desktop {
    display: none; } }

@media only screen and (min-width: 1200px) {
  #MostPopularDiv .home-style-1 > div {
    display: flex;
    flex-wrap: wrap; }
    #MostPopularDiv .home-style-1 > div .most-image {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 256px;
      height: 256px;
      margin-left: 5px;
      margin-right: 5px;
      overflow: hidden; }
      #MostPopularDiv .home-style-1 > div .most-image img {
        height: 256px;
        object-fit: cover;
        max-width: 256px; }
      #MostPopularDiv .home-style-1 > div .most-image:nth-of-type(2) {
        height: 123px; }
        #MostPopularDiv .home-style-1 > div .most-image:nth-of-type(2) img {
          height: 256px;
          object-fit: cover;
          max-width: 256px; }
      #MostPopularDiv .home-style-1 > div .most-image:nth-of-type(3) {
        position: absolute;
        bottom: 0px;
        right: 53px;
        height: 123px; }
        #MostPopularDiv .home-style-1 > div .most-image:nth-of-type(3) img {
          height: 256px;
          object-fit: cover;
          max-width: 256px; }
      #MostPopularDiv .home-style-1 > div .most-image:nth-of-type(4) {
        display: none; }
  #MostPopularDiv .home-style-4 > div {
    display: flex;
    flex-wrap: wrap; }
    #MostPopularDiv .home-style-4 > div .most-image {
      display: flex;
      justify-content: center;
      width: 168px;
      height: 256px;
      margin-left: 5px;
      margin-right: 5px; }
      #MostPopularDiv .home-style-4 > div .most-image img {
        height: 256px;
        object-fit: cover;
        max-width: 168px; }
      #MostPopularDiv .home-style-4 > div .most-image:nth-of-type(4) {
        display: none; }
  #MostPopularDiv .home-style-2 > div {
    display: flex;
    flex-wrap: wrap; }
    #MostPopularDiv .home-style-2 > div .most-image {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 256px;
      height: 123px;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 5px;
      margin-right: 5px;
      overflow: hidden; }
      #MostPopularDiv .home-style-2 > div .most-image img {
        height: 256px;
        object-fit: cover;
        max-width: 256px; }
  #MostPopularDiv .home-style-3 > div {
    display: flex;
    flex-wrap: wrap; }
    #MostPopularDiv .home-style-3 > div .most-image {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 256px;
      height: 256px;
      margin-top: 5px;
      margin-left: 5px;
      margin-right: 5px;
      overflow: hidden; }
      #MostPopularDiv .home-style-3 > div .most-image img {
        height: 256px;
        object-fit: cover;
        max-width: 256px; }
      #MostPopularDiv .home-style-3 > div .most-image:nth-of-type(4), #MostPopularDiv .home-style-3 > div .most-image:nth-of-type(3) {
        display: none; } }

@media only screen and (max-width: 1550px) {
  .project-online-link {
    display: none !important; } }

@media only screen and (max-width: 1199px) {
  .project-online-link {
    display: none !important; }
  #MostPopularDiv {
    /*display: flex;*/
    margin-top: 0px;
    margin-bottom: 30px; }
    #MostPopularDiv > div {
      text-decoration: none;
      color: #000;
      font-size: 0.8em;
      text-align: center;
      padding: 0px;
      margin-top: 35px; }
      #MostPopularDiv > div > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #MostPopularDiv > div > div .most-image {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 256px;
          height: 256px;
          margin-top: 5px;
          margin-left: 5px;
          margin-right: 5px;
          overflow: hidden; }
          #MostPopularDiv > div > div .most-image img {
            height: 256px;
            object-fit: cover;
            max-width: 256px; }
      #MostPopularDiv > div p {
        padding: 10px 5px;
        text-align: center;
        font-weight: bold;
        font-size: 1.1em; } }

@media only screen and (min-width: 768px) and (max-width: 1390px) {
  #MenuTarget .hide-tablet {
    display: none; }
  #MenuTarget a {
    padding: 10px 5px; }
  #MenuTarget .my-account-button {
    width: 47px; }
  #MenuTarget #CustomerMini .logout-button {
    margin-top: 20px; }
  #MenuTarget #CustomerMini .table-button {
    margin-top: 20px; }
  .show-hide-menu {
    height: 42px; } }

@media only screen and (max-width: 767px) {
  .header-container .carousel-control {
    display: none; }
  .header-container .carousel-indicators {
    display: none; }
  .header-container .search-input-box {
    display: none; }
  .header-container #SimpleSearchFormNew input {
    width: 100%; }
  .h1-back-button {
    display: none; }
  .navbar-nav {
    margin-right: -15px !important; }
  #MenuTarget {
    background: rgba(0, 0, 0, 0.5); }
    #MenuTarget ul {
      text-align: center; }
    #MenuTarget .hide-desktop {
      display: none; }
    #MenuTarget .hide-mobile {
      display: none; }
    #MenuTarget #CustomerMini .panel-link {
      margin-bottom: 0px; }
  #CookiesAcceptPopup {
    margin: 0 30px; }
    #CookiesAcceptPopup > div {
      padding: 25px; }
    #CookiesAcceptPopup p {
      font-size: 0.6em; }
  #FooterContainer .footer-menu {
    text-align: center; }
    #FooterContainer .footer-menu a {
      margin-left: 0px; }
  .chromafamily > div {
    text-align: center;
    padding: 20px 0px 15px; }
  .about-family {
    display: none; }
  .newsletter_container input {
    padding-left: 15px; } }

@media only screen and (max-width: 991px) {
  .about-family h4 {
    padding: 20px 0px 0px 0px; } }

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin: 0; }

.navbar {
  min-height: 20px; }

.navbar-right {
  margin-right: 0; }

.container-fluid {
  padding: 0; }

.form-control {
  border-radius: 0px; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  .navbar-header {
    /*padding-left: 10px !important;*/ }
  .footer-sm-fixed {
    width: 100% !important;
    position: fixed;
    bottom: 0;
    z-index: 1049; }
    .footer-sm-fixed .copyright p {
      font-size: 0.7em !important; } }

@media only screen and (min-width: 769px) {
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; }
  .search-bar-container .container {
    padding: 0; }
    .search-bar-container .container div[class^="col-"] {
      padding: 0; } }

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .search-main-container .row .search-bar-content {
    padding-left: 0; }
  .search-main-container .advanced-search-bar {
    /*position:fixed;
            width:inherit;*/ }
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*.primary-menu{
        .container{
            padding:0;
            div[class^="col-"]{
                padding:0;
            }
        }
    }*/ }

p {
  margin: 0; }

button, select {
  text-transform: uppercase; }

.button-transparent {
  font-size: 1em;
  border: solid 2px #fff;
  border-radius: 50px;
  padding: 8px 40px;
  color: #fff; }
  .button-transparent:hover {
    background-color: #fff !important;
    color: #000 !important;
    text-decoration: none; }

.button-orange {
  font-size: 1em;
  border-radius: 50px;
  padding: 8px 40px;
  background: linear-gradient(0.25turn, #FF9566, #FF5E62);
  color: #fff;
  border: none;
  text-transform: uppercase; }

.button-red {
  font-size: 1em;
  border-radius: 50px;
  padding: 8px 40px;
  border: solid 1px #FF5E62;
  color: #FF5E62;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent; }
  .button-red:hover, .button-red:focus {
    background-color: #FF5E62;
    color: #fff;
    text-decoration: none; }

.button-fullred {
  font-size: 1em;
  border-radius: 50px;
  padding: 8px 40px;
  border: solid 1px #FF5E62;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  background-color: #FF5E62;
  display: inline-block; }
  .button-fullred:hover {
    background-color: #fff;
    color: #FF5E62;
    text-decoration: none; }

.dropdowndef > span .select2-selection--single {
  border-radius: 50px;
  border: solid 1px #000;
  border-radius: 24px;
  height: auto; }
  .dropdowndef > span .select2-selection--single .select2-selection__arrow {
    top: 7px;
    right: 8px; }
  .dropdowndef > span .select2-selection--single .select2-selection__rendered {
    text-align: center;
    padding: 8px 15px;
    height: auto;
    font-size: 0.9em; }

.input-style1 input {
  border-radius: 50px;
  border: solid 1px #000;
  padding: 10px 15px; }

.close-modal-red {
  position: absolute;
  top: -20px;
  right: -20px;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  border: none;
  background-color: #FF5E62; }
  .close-modal-red span {
    color: #fff;
    font-size: 44px;
    margin-top: -18px;
    position: absolute;
    padding: 0px;
    top: 9px;
    right: 10px; }

.flex-center {
  display: flex;
  justify-content: center; }

.button-black {
  font-size: 1em;
  border-radius: 50px;
  padding: 8px 40px;
  border: solid 1px #000;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer; }
  .button-black:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none; }

.button-black-inside {
  font-size: 1em;
  border-radius: 50px;
  padding: 8px 40px;
  border: solid 1px #fff;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  background-color: #000; }
  .button-black-inside:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none; }

.navigation {
  margin-top: 50px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .navigation a {
    height: 25px;
    width: 25px;
    padding: 0px 0px 0px 7px;
    border-radius: 50px;
    background-color: #E7E7E7;
    background-color: #000;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    margin-right: 10px; }
    .navigation a:hover {
      text-decoration: none; }
    .navigation a.disabled {
      background-color: #E7E7E7; }
  .navigation p {
    margin-bottom: 0px; }
  .navigation input {
    width: 45px;
    border: solid 1px #D4D4D4;
    text-align: center;
    margin-right: 5px;
    box-shadow: inset 0 0 5px #D4D4D4; }
    .navigation input::-webkit-outer-spin-button,
    .navigation input input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .navigation input[type=number] {
      -moz-appearance: textfield; }

@media only screen and (max-width: 991px) {
  .navigation a {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 0; } }

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
.modal-open {
  overflow: hidden !important; }

#ImgModalContainer .modal-content {
  margin: auto;
  width: 60%;
  max-width: 1200px; }

.modal-content {
  border-radius: 7px; }

.file-info-cont [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle; }

.background-image-cat {
  position: absolute;
  width: 100%;
  z-index: 1000; }

.media-page {
  background: rgba(255, 255, 255, 0.95);
  z-index: 1001;
  position: relative; }
  .media-page > div {
    padding-bottom: 70px; }
  .media-page .media-info-opt {
    margin-top: 15px; }
  .media-page .hidebuttons {
    margin-top: 35px; }
  .media-page .arrowback {
    margin-top: 70px;
    margin-bottom: 50px; }
    .media-page .arrowback button {
      border: solid 2px #7B7B7B;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 65px;
      border-radius: 50px;
      text-decoration: none; }
      .media-page .arrowback button i {
        color: #7B7B7B;
        font-size: 25px; }
  .media-page h3 {
    margin: 0;
    color: #000; }
  .media-page h4 {
    margin: 50px 0px 25px;
    color: #000; }
  .media-page .bottom-modal-content {
    margin-top: 30px; }
    .media-page .bottom-modal-content h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 50px 0px 25px;
      text-align: center;
      font-size: 0.9em; }
      .media-page .bottom-modal-content h3::after, .media-page .bottom-modal-content h3::before {
        border-bottom: solid 1px #D7D7D7;
        content: "";
        display: block;
        position: relative;
        width: 30%;
        margin: 0px 30px 2px; }
    .media-page .bottom-modal-content p {
      font-size: 0.8em;
      color: #000;
      text-transform: none; }
    .media-page .bottom-modal-content .keywords a {
      font-size: 0.8em;
      color: #000;
      border: 1px solid #D7D7D7;
      padding: 10px 15px;
      border-radius: 50px;
      margin-top: 10px;
      margin-right: 10px;
      display: inline-block;
      text-decoration: none; }
  .media-page .img-container {
    background: #fff;
    border: 1px solid #C1C1C1;
    margin-left: 15px;
    border-radius: 5px; }
  .media-page .img-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; }
  .media-page .file-info-cont {
    margin-left: 0px;
    margin-right: 0px; }
  .media-page .images-hidden-container {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    /*display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;*/
    position: relative; }
    .media-page .images-hidden-container a {
      margin-top: 20px;
      height: 118px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      margin-left: 10px;
      width: 118px;
      min-width: 118px;
      overflow: hidden; }
      .media-page .images-hidden-container a img {
        height: 118px; }

.media-info {
  padding: 0px 20px; }
  .media-info h3 {
    color: #000;
    font-size: 1.3em;
    font-weight: 500;
    text-align: center;
    margin-top: 2em; }
  .media-info h4 {
    color: #000;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 15px; }
  .media-info .media-info-opt {
    display: flex; }
    .media-info .media-info-opt table {
      width: 100%; }
      .media-info .media-info-opt table td {
        padding: 5px 0px;
        font-weight: 500;
        font-size: 0.8em;
        color: #000; }
        .media-info .media-info-opt table td:first-of-type {
          text-align: left;
          white-space: nowrap; }
        .media-info .media-info-opt table td:last-of-type {
          text-align: right;
          padding: 0px; }
  .media-info .media-inf-buttons {
    display: flex;
    flex-direction: column; }
    .media-info .media-inf-buttons .confirm-style {
      margin-bottom: 25px; }
      .media-info .media-inf-buttons .confirm-style .confirm-accept {
        margin-top: 25px; }
      .media-info .media-inf-buttons .confirm-style p {
        text-align: center;
        color: #000;
        font-weight: 500; }
    .media-info .media-inf-buttons .ajax-loader {
      display: none; }
    .media-info .media-inf-buttons #UrlAddress {
      height: 1px;
      width: 1px;
      border: none; }
    .media-info .media-inf-buttons .js-copytextarea {
      display: none; }
    .media-info .media-inf-buttons button {
      margin-top: 15px;
      background-color: #FF5E62;
      border: none;
      border-radius: 50px;
      color: #fff;
      padding: 6px;
      width: 100%;
      text-align: center;
      position: relative;
      font-size: 0.8em;
      font-weight: 500; }
      .media-info .media-inf-buttons button i {
        position: absolute;
        left: -2px;
        color: #FF5E62;
        background-color: #fff;
        border: solid 1px #FF5E62;
        width: 40px;
        height: 40px;
        padding-top: 13px;
        border-radius: 50px;
        top: -4px; }

.main-modal-body {
  /*.nomarg{
        margin-left: 0px;
    }*/
  background-color: #fafafa;
  position: relative;
  padding: 5px 20px 0px 20px;
  border-radius: 7px; }
  .main-modal-body .row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle; }
  .main-modal-body .close-modal {
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 50px;
    width: 45px;
    height: 45px;
    border: none;
    background-color: #FF5E62; }
    .main-modal-body .close-modal span {
      color: #fff;
      font-size: 44px;
      margin-top: -18px;
      position: absolute;
      padding: 0px;
      top: 9px;
      right: 10px; }
  .main-modal-body .img-container {
    background: #F8F8F8;
    border: 1px solid #C1C1C1;
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-left: 15px; }
  .main-modal-body .img-container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; }
  .main-modal-body .bottom-modal-content .st-sub-menu {
    display: flex;
    margin-top: 30px; }
    .main-modal-body .bottom-modal-content .st-sub-menu a {
      padding: 6px 30px;
      color: #000;
      text-decoration: none;
      cursor: pointer;
      font-size: 0.7em;
      border: solid 1px #000;
      margin-bottom: 15px;
      border-radius: 50px;
      margin-left: 15px;
      color: #fff;
      background-color: #000; }
    .main-modal-body .bottom-modal-content .st-sub-menu .active {
      border: none;
      border-radius: 0px;
      border-bottom-color: transparent;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top: solid 1px #E1E1E1;
      border-left: solid 1px #E1E1E1;
      border-right: solid 1px #E1E1E1;
      box-shadow: 0px -5px 5px -5px #E1E1E1;
      margin-bottom: -1px;
      background-color: #F8F8F8;
      color: #000; }
  .main-modal-body .bottom-modal-content .additional-media-container {
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
    margin-right: -30px; }
  .main-modal-body .bottom-modal-content .additional-media-ct {
    padding: 25px 30px;
    border: solid 1px #E1E1E1;
    box-shadow: 0 0 3px #E1E1E1;
    border-radius: 10px;
    margin-top: -1px;
    margin-right: -40px;
    background-color: #F8F8F8;
    margin-left: -40px;
    height: 170px; }
    .main-modal-body .bottom-modal-content .additional-media-ct .nav-arrow {
      display: flex;
      align-items: center;
      padding: 0px 8px;
      cursor: pointer; }
      .main-modal-body .bottom-modal-content .additional-media-ct .nav-arrow i {
        font-size: 2em; }
    .main-modal-body .bottom-modal-content .additional-media-ct .images-container {
      overflow: hidden; }
      .main-modal-body .bottom-modal-content .additional-media-ct .images-container .images-hidden-container {
        display: inline-flex;
        /*display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    flex-wrap: nowrap;*/
        position: relative; }
        .main-modal-body .bottom-modal-content .additional-media-ct .images-container .images-hidden-container a {
          height: 118px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px;
          width: 118px;
          min-width: 118px;
          overflow: hidden; }
          .main-modal-body .bottom-modal-content .additional-media-ct .images-container .images-hidden-container a img {
            height: 118px; }

.subsription-proposal {
  padding: 60px 30px;
  text-align: center;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  margin-bottom: 90px;
  margin-top: 90px; }
  .subsription-proposal h3 {
    color: #000; }
  .subsription-proposal p {
    text-transform: none;
    margin-top: 40px;
    margin-bottom: 40px; }

.categorys-view-header h1 {
  margin-top: 4vw; }

.categorys-view-header h2 {
  margin-bottom: 1vw; }

.categorys-view {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .categorys-view > a {
    width: 350px;
    height: 200px;
    text-decoration: none;
    margin: 30px 15px 0; }
    .categorys-view > a p {
      margin-top: 150px;
      margin-left: 30px;
      color: #fff;
      font-weight: 600; }

#SugestModal h3, #SugestModal h4, #SugestModal h5 {
  color: #000; }

#SugestModal h3 {
  margin-top: 40px;
  margin-bottom: 30px; }

#SugestModal h5 {
  text-transform: none;
  font-weight: 400;
  line-height: 25px; }

#SugestModal h4 {
  margin-top: 30px;
  margin-bottom: 30px; }

#SugestModal .modal-dialog {
  width: auto;
  max-width: 1200px; }

#SugestModal .box {
  margin-bottom: 20px; }

#SugestModal .buynow2 {
  background: #000; }

.GetPlanAd-container {
  background: linear-gradient(45deg, green, blue, indigo, violet, red, orange, yellow, green); }

.GetPlanAd {
  height: 77px;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .GetPlanAd p {
    color: #fff;
    font-weight: 600; }
  .GetPlanAd button, .GetPlanAd a {
    text-align: center;
    background-color: #fff;
    color: #000;
    padding: 8px 40px;
    border-radius: 50px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    border: solid 1px #fff; }
    .GetPlanAd button:hover, .GetPlanAd a:hover {
      background: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet, red);
      color: #fff;
      border: solid 1px #fff; }

@media only screen and (max-height: 880px) {
  #ImgModalContainer .modal-content {
    margin: 20px auto auto;
    width: 60%;
    max-width: 1200px; } }

@media only screen and (max-width: 1160px) {
  #ImgModalContainer .modal-content {
    width: 85%; }
  #ImgModalContainer .st-sub-menu a {
    padding: 5px 8px; }
  #SugestModal .modal-content {
    margin-left: 20px;
    margin-right: 20px; }
  .nomarg {
    display: flex;
    flex-direction: column; }
  .main-modal-body .img-container {
    margin-left: 5rem;
    margin-right: 5rem; }
  .main-modal-body .media-info h3 {
    margin-top: 15px; }
  .media-info-opt table {
    width: 100%; }
  .GetPlanAd p {
    font-size: 0.8em;
    text-align: center; } }

.my-account-container {
  margin-top: 70px; }
  .my-account-container .my-account-buttons {
    display: flex;
    justify-content: space-around; }
    .my-account-container .my-account-buttons .tables {
      background-color: #FF5E62;
      color: #fff;
      border: solid 1px #FF5E62; }
    .my-account-container .my-account-buttons a {
      padding: 10px 0px;
      color: #000;
      text-decoration: none;
      cursor: pointer;
      font-size: 0.7em;
      border: solid 1px #000;
      margin-bottom: 20px;
      border-radius: 50px;
      width: 145px;
      white-space: nowrap;
      text-align: center; }
    .my-account-container .my-account-buttons .active {
      border-bottom-color: transparent;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-top: solid 1px #000;
      border-left: solid 1px #000;
      border-right: solid 1px #000;
      box-shadow: 0px -5px 5px -5px #E1E1E1;
      margin-bottom: -1px;
      background-color: #fff; }

.setting-container {
  padding: 50px 70px;
  border: solid 1px #000;
  box-shadow: 0 0 3px #E1E1E1;
  border-radius: 20px;
  margin-bottom: 50px; }
  .setting-container .my-account-data-row-mobile {
    display: none; }
  .setting-container .my-account-data-row .count {
    height: 40px;
    width: 40px;
    border-radius: 40px;
    border: solid 1px #7FC2C8;
    display: flex;
    justify-content: center;
    align-items: center; }
    .setting-container .my-account-data-row .count p {
      color: #7FC2C8; }
  .setting-container .my-account-data-row > div {
    display: flex;
    justify-content: space-between;
    border-radius: 100px;
    padding: 20px 40px;
    align-items: center;
    background-color: #f4fafb;
    margin-bottom: 20px; }
    .setting-container .my-account-data-row > div p {
      display: block;
      margin: 0;
      text-align: center;
      font-size: 0.8em; }
      .setting-container .my-account-data-row > div p span {
        font-weight: 500; }
  .setting-container .my-account-data-row > :nth-child(2n) {
    background-color: #fbfefe; }
  .setting-container .my-account-data-row > :last-child {
    margin-bottom: 0px; }
  .setting-container .download-tab > div {
    padding: 0px 40px !important; }
    .setting-container .download-tab > div > div {
      display: flex;
      justify-content: center; }
      .setting-container .download-tab > div > div:nth-of-type(1) {
        flex: 1; }
      .setting-container .download-tab > div > div:nth-of-type(2) {
        flex: auto;
        /*flex: 1.5;*/ }
      .setting-container .download-tab > div > div:nth-of-type(3) {
        flex: 3; }
      .setting-container .download-tab > div > div:nth-of-type(4) {
        flex: auto; }
      .setting-container .download-tab > div > div:nth-of-type(5) {
        flex: auto; }
      .setting-container .download-tab > div > div:nth-of-type(6) {
        flex: 3; }
      .setting-container .download-tab > div > div:nth-of-type(7) {
        flex: 1; }
  .setting-container .download-tab img {
    object-fit: cover;
    height: 65px;
    width: 65px; }
  .setting-container .code-validation-container {
    font-size: 0.9em;
    text-align: center;
    color: #e20000; }
  .setting-container .code-panel {
    margin-top: 50px;
    text-align: center; }
    .setting-container .code-panel .input-style1 {
      position: relative; }
      .setting-container .code-panel .input-style1 button {
        position: absolute;
        right: -1px;
        top: 0px;
        background: linear-gradient(270deg, #FF9966 0%, #FF5E62 100%);
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 34px;
        height: 34px; }
        .setting-container .code-panel .input-style1 button i {
          color: #fff; }
    .setting-container .code-panel p {
      font-size: 0.8em; }
  .setting-container .address-tab > div {
    margin-top: 30px; }
    .setting-container .address-tab > div .address-inside {
      border: solid 1px #EAEAEA;
      border-radius: 10px;
      padding: 15px;
      background-color: #ffffff;
      box-shadow: inset 0 0 10px #EAEAEA; }
    .setting-container .address-tab > div a {
      font-size: 0.7em;
      padding: 5px;
      width: 80px;
      text-align: center; }
    .setting-container .address-tab > div input {
      background-color: #ffffff;
      border: solid 1px #F3F3F3;
      border-radius: 50px;
      padding: 8px 20px;
      margin-bottom: 15px;
      width: 100%; }
  .setting-container .address-tab .footer-invoice-data {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .setting-container .address-tab .footer-invoice-data .disabled {
      color: #666666;
      background-color: #999999;
      border: solid 1px #666666; }
    .setting-container .address-tab .footer-invoice-data p {
      font-size: 10px; }
  .setting-container .settings-tab .settings-header {
    display: flex;
    align-content: center; }
    .setting-container .settings-tab .settings-header > div {
      border-bottom: solid 1px #EBEBEB;
      width: 100%;
      height: 20px;
      margin-left: 15px; }
  .setting-container .settings-tab .flex-center {
    margin-top: 40px; }
  .setting-container .settings-tab h4 {
    white-space: nowrap; }
  .setting-container .settings-tab > div {
    margin-top: 10px; }
    .setting-container .settings-tab > div label {
      font-size: 0.7em;
      margin-left: 10px;
      font-weight: 400; }
    .setting-container .settings-tab > div input {
      border-radius: 50px;
      border: solid 1px #000; }

.invoice-data-container {
  margin-top: 50px; }
  .invoice-data-container h3 {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center; }
  .invoice-data-container .invoice-data-container-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px; }
  .invoice-data-container label {
    font-size: 0.7em;
    margin-left: 10px;
    font-weight: 400; }
  .invoice-data-container input {
    border-radius: 50px;
    border: solid 1px #000; }
  .invoice-data-container .text-danger {
    color: #fc1414;
    font-weight: bold; }

@media only screen and (max-width: 1199px) {
  .setting-container {
    padding: 15px; }
    .setting-container .button-red {
      margin-top: 10px;
      display: block; }
    .setting-container .my-account-data-row-desktop {
      display: none; }
    .setting-container .my-account-data-row {
      padding: 0px; }
      .setting-container .my-account-data-row > :nth-child(2n) {
        background-color: #fff; }
      .setting-container .my-account-data-row > div {
        border-radius: 0px;
        flex-direction: column; }
    .setting-container .my-account-data-row-mobile {
      display: block; }
      .setting-container .my-account-data-row-mobile > div {
        display: block;
        padding: 20px !important; }
        .setting-container .my-account-data-row-mobile > div .top-container {
          display: flex;
          align-items: center; }
          .setting-container .my-account-data-row-mobile > div .top-container .count-container {
            flex: 1; }
          .setting-container .my-account-data-row-mobile > div .top-container .img-options {
            flex: 1; }
          .setting-container .my-account-data-row-mobile > div .top-container .image-text-box-text {
            flex: 5; }
            .setting-container .my-account-data-row-mobile > div .top-container .image-text-box-text p {
              text-align: left;
              margin-left: 15px; }
        .setting-container .my-account-data-row-mobile > div .button-red {
          margin-top: 20px;
          padding: 5px 90px;
          white-space: nowrap;
          text-align: center; }
  .navigation {
    justify-content: center; }
  .my-account-container {
    margin-top: 15px; }
    .my-account-container .my-account-buttons {
      flex-direction: column; }
      .my-account-container .my-account-buttons a {
        width: 100%;
        background-color: #000;
        color: #fff;
        margin-bottom: 15px; }
        .my-account-container .my-account-buttons a.active {
          background-color: #fff;
          color: #000;
          padding: 10px 0px;
          text-decoration: none;
          cursor: pointer;
          font-size: 0.7em;
          border: solid 1px #000;
          margin-bottom: 15px;
          border-radius: 50px; } }

@media only screen and (max-width: 800px) {
  .setting-container {
    margin-left: 10px;
    margin-right: 10px; } }

#wallmodal {
  background: rgba(0, 0, 0, 0.8);
  transition: background .15s linear;
  /*transition: background .5s ease-out;*/ }
  #wallmodal > div {
    max-width: 920px;
    width: auto; }
  #wallmodal .fav-modal-content {
    position: relative;
    background-color: #fff;
    padding: 65px 100px;
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 5px; }
    #wallmodal .fav-modal-content .fav-close {
      position: absolute;
      top: -20px;
      right: -20px;
      border-radius: 50px;
      width: 45px;
      height: 45px;
      border: none;
      background-color: #FF5E62; }
      #wallmodal .fav-modal-content .fav-close span {
        color: #fff;
        font-size: 44px;
        margin-top: -18px;
        position: absolute;
        padding: 0px;
        top: 9px;
        right: 10px; }
    #wallmodal .fav-modal-content h3 {
      color: #000;
      text-align: center; }
    #wallmodal .fav-modal-content .table {
      margin-top: 60px;
      display: flex;
      justify-content: space-between;
      padding: 20px 40px;
      align-items: center;
      background: #FFFFFF;
      box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1);
      border-radius: 55px;
      margin-bottom: 20px; }
      #wallmodal .fav-modal-content .table img {
        object-fit: cover;
        height: 65px;
        width: 65px; }
    #wallmodal .fav-modal-content h4 {
      font-weight: 400; }
    #wallmodal .fav-modal-content .saveto {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  #wallmodal .favoriteListContent .st-sub-menu {
    display: flex;
    margin-top: 30px; }
    #wallmodal .favoriteListContent .st-sub-menu a {
      padding: 6px 30px;
      color: #000;
      text-decoration: none;
      cursor: pointer;
      font-size: 0.7em;
      border: solid 1px #000;
      margin-bottom: 15px;
      border-radius: 50px;
      margin-left: 15px;
      color: #fff;
      background-color: #000; }
    #wallmodal .favoriteListContent .st-sub-menu .active {
      border: none;
      border-radius: 0px;
      border-bottom-color: transparent;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top: solid 1px #E1E1E1;
      border-left: solid 1px #E1E1E1;
      border-right: solid 1px #E1E1E1;
      box-shadow: 0px -5px 5px -5px #E1E1E1;
      margin-bottom: -1px;
      background-color: #F8F8F8;
      color: #000; }
  #wallmodal .favoriteListContent .additional-media-container {
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
    margin-right: -30px; }
  #wallmodal .favoriteListContent .additional-media-ct {
    padding: 25px 30px;
    border: solid 1px #E1E1E1;
    box-shadow: 0 0 3px #E1E1E1;
    border-radius: 10px;
    margin-top: -1px;
    background-color: #F8F8F8;
    height: 170px; }
    #wallmodal .favoriteListContent .additional-media-ct .nav-arrow {
      display: flex;
      align-items: center;
      padding: 0px 8px;
      cursor: pointer; }
      #wallmodal .favoriteListContent .additional-media-ct .nav-arrow i {
        font-size: 2em; }
      #wallmodal .favoriteListContent .additional-media-ct .nav-arrow svg {
        font-size: 2em; }
    #wallmodal .favoriteListContent .additional-media-ct .images-container {
      overflow: hidden; }
      #wallmodal .favoriteListContent .additional-media-ct .images-container .images-hidden-container {
        display: inline-flex;
        /*display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    flex-wrap: nowrap;*/
        position: relative; }
        #wallmodal .favoriteListContent .additional-media-ct .images-container .images-hidden-container a {
          height: 118px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 20px;
          width: 118px;
          min-width: 118px;
          overflow: hidden; }
          #wallmodal .favoriteListContent .additional-media-ct .images-container .images-hidden-container a img {
            height: 118px; }

#addBoarderModal .modal-dialog {
  position: relative; }

#addBoarderModal .modal-content {
  padding: 45px 125px;
  text-align: center; }
  #addBoarderModal .modal-content h3 {
    font-size: 0.8em;
    font-weight: 400;
    text-align: left;
    padding-left: 20px; }
  #addBoarderModal .modal-content input {
    width: 100%;
    margin-top: 5px;
    text-align: center; }
  #addBoarderModal .modal-content .button-fullred {
    margin-top: 40px; }

#addBoarderModal .select2-container--default {
  text-align: center; }

#RemoveBoarderModal .modal-dialog {
  position: relative; }

#RemoveBoarderModal .modal-content {
  padding: 45px 125px;
  text-align: center; }
  #RemoveBoarderModal .modal-content h3 {
    font-size: 0.8em;
    font-weight: 400;
    text-align: left;
    padding-left: 20px; }
  #RemoveBoarderModal .modal-content input {
    width: 100%;
    margin-top: 5px;
    text-align: center; }
  #RemoveBoarderModal .modal-content .button-fullred {
    margin-top: 40px; }

#RemoveBoarderModal .select2-container--default {
  text-align: center; }

.boards .boardsadd {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .boards .boardsadd a {
    margin-top: 15px; }

.boards #AddNewBoard {
  background-color: #000;
  color: #fff;
  padding: 10px 35px;
  min-width: 100px;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50px;
  border: solid 1px #000;
  font-size: 0.8em; }
  .boards #AddNewBoard i {
    padding-left: 10px; }
  .boards #AddNewBoard svg {
    padding-left: 10px; }

.boards #RemoveNewBoard {
  background-color: #000;
  color: #fff;
  padding: 10px 35px;
  min-width: 100px;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 50px;
  border: solid 1px #000;
  margin-left: 30px;
  font-size: 0.8em; }
  .boards #RemoveNewBoard i {
    padding-left: 10px; }
  .boards #RemoveNewBoard svg {
    padding-left: 10px; }

.boards .favoriteBoardLink {
  font-size: 0.8em;
  background-color: #fff;
  color: #000;
  padding: 10px 35px;
  min-width: 120px;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border: solid 1px #000;
  border-radius: 50px;
  margin-left: 35px;
  position: relative; }
  .boards .favoriteBoardLink i {
    position: absolute;
    right: -5px;
    background-color: #FF5E62;
    color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 1.1em;
    display: none; }
  .boards .favoriteBoardLink svg {
    position: absolute;
    right: -5px;
    background-color: #FF5E62;
    color: #fff;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    font-size: 1.1em;
    display: none; }
  .boards .favoriteBoardLink.active {
    border: solid 2px #FF5E62;
    color: #FF5E62;
    font-weight: 500;
    padding: 10px 42px 10px 25px; }
    .boards .favoriteBoardLink.active i {
      display: flex; }
    .boards .favoriteBoardLink.active svg {
      display: flex; }

.boards #FavMenuContent {
  margin-top: 20px; }
  .boards #FavMenuContent > div {
    margin-top: 10px; }
  .boards #FavMenuContent a {
    font-size: 0.9em;
    background-color: #fff;
    color: #FF5E62;
    padding: 8px 35px 8px 16px;
    min-width: 100px;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    border: solid 2px #FF5E62;
    border-radius: 50px;
    position: relative;
    font-weight: 500;
    justify-content: center; }
    .boards #FavMenuContent a i {
      position: absolute;
      right: -2px;
      background-color: #FF5E62;
      color: #fff;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
      font-size: 1.1em; }
    .boards #FavMenuContent a svg {
      position: absolute;
      right: -2px;
      background-color: #FF5E62;
      color: #fff;
      height: 40px;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 40px;
      font-size: 1.1em; }
  .boards #FavMenuContent #All input {
    visibility: hidden; }

.fav-el {
  margin-bottom: 100px; }
  .fav-el .fav-items-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .fav-el .fav-items-wrapper > div {
      width: 255px;
      height: 255px;
      position: relative;
      display: flex;
      align-items: center;
      margin-top: 60px;
      margin-left: 18px;
      margin-right: 18px; }
      .fav-el .fav-items-wrapper > div img {
        object-fit: cover;
        width: 255px;
        height: 255px; }
    .fav-el .fav-items-wrapper .fav-item-menu {
      position: absolute;
      bottom: 10px;
      left: 0px;
      display: block;
      width: 100%;
      display: flex;
      justify-content: space-around; }
      .fav-el .fav-items-wrapper .fav-item-menu input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      .fav-el .fav-items-wrapper .fav-item-menu label {
        background: rgba(0, 0, 0, 0.37);
        border-radius: 226.316px;
        position: relative;
        cursor: pointer; }
        .fav-el .fav-items-wrapper .fav-item-menu label i {
          width: 75px;
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          z-index: 1005;
          position: relative; }
        .fav-el .fav-items-wrapper .fav-item-menu label svg {
          width: 75px;
          height: 30px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          z-index: 1005;
          position: relative; }
      .fav-el .fav-items-wrapper .fav-item-menu input:checked ~ .checkmark {
        color: #2196F3; }
      .fav-el .fav-items-wrapper .fav-item-menu label:checked ~ .checkmark {
        color: #2196F3; }
      .fav-el .fav-items-wrapper .fav-item-menu .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        width: 75px;
        height: 30px;
        justify-content: center;
        align-items: center;
        color: #000;
        background-color: #fff;
        border-radius: 226.316px;
        top: 0px; }
      .fav-el .fav-items-wrapper .fav-item-menu input:checked ~ .checkmark:after {
        display: block; }
      .fav-el .fav-items-wrapper .fav-item-menu input:checked ~ i {
        color: #000; }

@media only screen and (max-width: 768px) {
  .fav-content .boardsadd {
    justify-content: center; }
    .fav-content .boardsadd a {
      margin-left: 10px;
      margin-right: 10px; }
  .fav-content .fav-items-wrapper {
    justify-content: center; } }

@media only screen and (max-width: 950px) {
  #wallmodal > div {
    margin: 20px 25px; }
  #wallmodal .fav-modal-content {
    padding: 10px; }
    #wallmodal .fav-modal-content .table {
      flex-direction: column;
      border-radius: 0; }
  #wallmodal .button-fullred {
    padding: 11px 40px;
    margin-left: 10px; } }

.PriceList > div:nth-of-type(2n+1) > div:first-of-type {
  background-color: #46caee;
  text-align: center;
  color: #fff; }
  .PriceList > div:nth-of-type(2n+1) > div:first-of-type > p:first-of-type {
    padding: 20px 0px 2px;
    margin: 0; }
  .PriceList > div:nth-of-type(2n+1) > div:first-of-type > p:last-of-type {
    padding: 2px 0px 20px;
    margin: 0; }
  .PriceList > div:nth-of-type(2n+1) > div:first-of-type > div {
    width: 70%;
    border-bottom: solid 1px #fff;
    margin: 2px auto 5px; }

.PriceList > div:nth-of-type(2n+1) > div:last-of-type {
  text-align: center;
  color: #7f7f7f; }
  .PriceList > div:nth-of-type(2n+1) > div:last-of-type > p {
    background-color: #ececec;
    margin-bottom: 0px;
    padding: 5px 0; }
  .PriceList > div:nth-of-type(2n+1) > div:last-of-type > a {
    background-color: #ececec;
    display: inherit;
    margin-top: 2px;
    padding: 10px 0;
    color: #7f7f7f;
    cursor: pointer; }
  .PriceList > div:nth-of-type(2n+1) > div:last-of-type > a:hover {
    background-color: #faaa2c;
    color: #fff;
    text-decoration: none; }

.PriceList > div:nth-of-type(2n+1) .description h4 {
  color: #7f7f7f; }

.PriceList > div:nth-of-type(2n+1) .description p {
  color: #7f7f7f; }

.PriceList > div:nth-of-type(2n) {
  border-bottom: solid 1px #bdc3c7;
  width: 30%;
  margin: 50px auto 50px; }

.cart-details-content .count {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  border: solid 1px #7FC2C8;
  display: flex;
  justify-content: center;
  align-items: center; }
  .cart-details-content .count p {
    color: #7FC2C8; }

.cart-details-content > div {
  display: flex;
  justify-content: space-between;
  border-radius: 100px;
  padding: 0px 40px;
  align-items: center;
  background-color: #f4fafb;
  margin-bottom: 20px; }
  .cart-details-content > div > div:nth-of-type(1) {
    flex: 0.7; }
  .cart-details-content > div > div:nth-of-type(2) {
    flex: 1.3; }
  .cart-details-content > div > div:nth-of-type(3) {
    flex: 7; }
  .cart-details-content > div > div:nth-of-type(4) {
    flex: 2; }
  .cart-details-content > div > div:nth-of-type(5) {
    flex: 0.5; }
  .cart-details-content > div p {
    font-weight: 500;
    display: block;
    margin: 0;
    text-align: center;
    color: #000000; }
  .cart-details-content > div .description {
    text-align: left; }
  .cart-details-content > div .price {
    border: solid 1px #7FC2C8;
    border-radius: 50px;
    width: 150px; }
    .cart-details-content > div .price p {
      padding: 10px 0px;
      text-align: center;
      color: #7FC2C8;
      font-size: 0.9em; }
  .cart-details-content > div .remove-cart-element {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #FF5E62;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer; }
    .cart-details-content > div .remove-cart-element i {
      color: #FF5E62; }
    .cart-details-content > div .remove-cart-element svg {
      color: #FF5E62; }

.cart-details-content > :nth-child(2) {
  background-color: #fbfefe; }

.cart-details-content > :last-child {
  margin-bottom: 0px; }

.cart-details-content img {
  object-fit: cover;
  height: 65px;
  width: 65px; }

.CartDetailsList .payment {
  margin-bottom: 20px; }
  .CartDetailsList .payment .sumbrut {
    color: #000;
    text-align: right; }
  .CartDetailsList .payment .text-smaller {
    font-size: 12px; }
  .CartDetailsList .payment .total-sum {
    border: solid 2px #000;
    border-radius: 50px;
    width: 150px;
    color: #000;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.9em; }
  .CartDetailsList .payment .change-invoice-data-cart {
    border-radius: 50px;
    padding: 10px 25px;
    text-align: center;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: none;
    border: solid 1px #000;
    color: #000;
    white-space: nowrap; }
  .CartDetailsList .payment .invoice-selector {
    border-radius: 50px;
    width: 150px;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: none;
    border: solid 2px #D7D7D7;
    color: #D7D7D7; }
  .CartDetailsList .payment .invoice-selected {
    color: #FF5E62;
    border: solid 2px #FF5E62; }
  .CartDetailsList .payment .continue-shop {
    color: #fff;
    background-color: #000;
    border-radius: 50px;
    padding: 10px 25px;
    text-decoration: none; }
  .CartDetailsList .payment .button-orange {
    text-decoration: none;
    background: #D7D7D7; }
    .CartDetailsList .payment .button-orange:hover {
      color: #fff; }
    .CartDetailsList .payment .button-orange.enabled {
      background: linear-gradient(0.25turn, #FF9566, #FF5E62);
      cursor: pointer; }
  .CartDetailsList .payment .faq-button {
    border-radius: 50px;
    padding: 3px 0px;
    text-align: center;
    font-size: 0.9em;
    cursor: pointer;
    text-decoration: none;
    border: solid 1px #000;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .CartDetailsList .payment .faq-button p {
      margin-right: 15px;
      margin-left: 10px; }
    .CartDetailsList .payment .faq-button i {
      color: #000;
      font-size: 2em;
      margin-left: 3px; }
    .CartDetailsList .payment .faq-button svg {
      color: #000;
      font-size: 2em;
      margin-left: 3px; }
  .CartDetailsList .payment > div {
    display: flex;
    justify-content: space-between;
    padding: 0px 40px; }
    .CartDetailsList .payment > div > div {
      display: flex;
      align-items: center; }
      .CartDetailsList .payment > div > div:nth-of-type(1) {
        flex: 0.7; }
      .CartDetailsList .payment > div > div:nth-of-type(2) {
        flex: 5.3; }
      .CartDetailsList .payment > div > div:nth-of-type(3) {
        margin-right: 50px;
        justify-content: flex-end;
        flex: 3; }
      .CartDetailsList .payment > div > div:nth-of-type(4) {
        flex: 2; }
      .CartDetailsList .payment > div > div:nth-of-type(5) {
        flex: 0.5; }

.CartDetailsList .payment-types {
  margin-top: 2vw;
  display: block; }
  .CartDetailsList .payment-types .choise-payment {
    margin-top: 2vw; }
    .CartDetailsList .payment-types .choise-payment h4 {
      display: flex;
      flex-direction: row;
      text-align: center;
      white-space: nowrap;
      color: #000;
      align-items: center;
      font-size: 1em; }
      .CartDetailsList .payment-types .choise-payment h4::after, .CartDetailsList .payment-types .choise-payment h4::before {
        border-bottom: solid 1px #D7D7D7;
        margin: 0 100px;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #000;
        content: ""; }

.CartDetailsList .payment-windows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  margin: 0px 100px 20px; }
  .CartDetailsList .payment-windows > div {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: solid 1px #fff;
    height: 110px;
    width: 110px;
    border-radius: 200px;
    padding: 15px; }
    .CartDetailsList .payment-windows > div > div img {
      height: auto;
      max-width: 100%; }
    .CartDetailsList .payment-windows > div.selected {
      border: solid 1px #FF5E62; }

@media only screen and (max-width: 990px) {
  .cart-details-content > div {
    flex-direction: column;
    border-radius: 0px;
    padding: 0px 0px;
    position: relative; }
    .cart-details-content > div > div {
      padding: 5px 0px; }
    .cart-details-content > div .count {
      display: none; }
    .cart-details-content > div .remove-cart-element {
      position: absolute;
      bottom: 10px;
      right: 25px; }
  .CartDetailsList .payment-types h4 {
    justify-content: center; }
    .CartDetailsList .payment-types h4::after, .CartDetailsList .payment-types h4::before {
      display: none !important; }
  .CartDetailsList .payment-sum-container > div {
    justify-content: flex-end; }
    .CartDetailsList .payment-sum-container > div > div {
      display: none;
      justify-content: flex-end;
      flex: auto !important; }
    .CartDetailsList .payment-sum-container > div .paymant-sum {
      display: flex;
      margin-right: 10px !important; }
  .CartDetailsList .invoice-selector-container > div {
    flex-direction: column;
    justify-content: center; }
    .CartDetailsList .invoice-selector-container > div > div {
      flex: auto !important;
      justify-content: center !important;
      margin: 5px 0 !important; }
  .CartDetailsList .payment-windows {
    margin: 0px 0px 20px; } }

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
.carousel-search-content {
  /*width:400px;*/
  /*height:100%;*/
  /*background:#84dff8;*/
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

#SimpleSearchFormNew .search-element-content {
  display: flex;
  flex-direction: row;
  background-color: rgba(213, 237, 239, 0.55);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 5px #fff; }

#SimpleSearchFormNew button {
  background-color: #FF5E62;
  border-radius: 57px;
  border: none;
  width: 57px;
  height: 57px;
  margin: 4px 4px 4px 4px; }

#SimpleSearchFormNew i {
  color: #fff;
  font-size: 24px; }

#SimpleSearchFormNew svg {
  color: #fff;
  font-size: 24px; }

#SimpleSearchFormNew input {
  background-color: transparent;
  border: none;
  font-size: 1em;
  color: #fff;
  font-weight: 500;
  width: 25vw;
  margin-left: 20px; }

#SimpleSearchFormNew .search-input-box {
  background-color: transparent; }

#SimpleSearchFormNew .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none; }

#SimpleSearchFormNew .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff; }

#SimpleSearchFormNew .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: -18px; }

#SimpleSearchFormNew .select2-container {
  /*padding:0px 5px;*/
  width: auto !important; }

#SimpleSearchFormNew #SimpleSearchForm select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat 94% center; }

#main-search-container {
  padding: 20px 55px; }
  #main-search-container .left-column {
    float: left; }
  #main-search-container .filters-sh {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border: solid 1px #FF5E62;
    height: 45px;
    align-items: center;
    border-radius: 50px;
    padding: 0;
    transition: 0.5s;
    margin-bottom: 20px;
    outline: none; }
    #main-search-container .filters-sh i {
      position: absolute;
      right: 0px;
      font-size: 30px;
      color: #fff;
      background-color: #FF5E62;
      width: 45px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50px; }
    #main-search-container .filters-sh svg {
      position: absolute;
      right: 0px;
      font-size: 30px;
      color: #fff;
      background-color: #FF5E62;
      width: 45px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50px; }
    #main-search-container .filters-sh p {
      text-align: center;
      color: #FF5E62; }
    #main-search-container .filters-sh.open-fav-btn {
      color: #fff;
      width: 45px; }
      #main-search-container .filters-sh.open-fav-btn .fa-times {
        display: none; }
      #main-search-container .filters-sh.open-fav-btn p {
        display: none; }
    #main-search-container .filters-sh.close-fav-btn {
      width: 300px; }
      #main-search-container .filters-sh.close-fav-btn .fa-filter {
        display: none; }
  #main-search-container .slide-wrapper {
    position: relative;
    margin-top: 20px; }
    #main-search-container .slide-wrapper > button {
      display: none; }
    #main-search-container .slide-wrapper .sidenav {
      height: auto;
      width: 300px;
      position: relative;
      overflow: hidden;
      float: left;
      /*z-index: 1;*/
      top: 0;
      left: 0;
      background-color: #fff;
      overflow-x: hidden;
      /* Disable horizontal scroll */
      box-shadow: -1px -6px 12px #EAEAEA;
      margin-right: 25px;
      border-radius: 5px;
      /*padding-top: 150px;*/
      /*transition: 0.5s;*/
      /* 0.5 second transition effect to slide in the sidenav */ }
      #main-search-container .slide-wrapper .sidenav .fav-panel .fav-panel-container {
        width: 100%;
        padding: 10px 10px;
        min-width: 300px; }
      #main-search-container .slide-wrapper .sidenav .left-columnn-filers {
        display: flex;
        flex-direction: column; }
      #main-search-container .slide-wrapper .sidenav .m-field-head {
        display: flex;
        align-items: center;
        margin-top: 15px;
        margin-bottom: 10px; }
        #main-search-container .slide-wrapper .sidenav .m-field-head p {
          font-weight: 500;
          font-size: 0.9em;
          text-align: center;
          color: #000;
          white-space: nowrap; }
        #main-search-container .slide-wrapper .sidenav .m-field-head > div {
          border-bottom: solid 1px #EDEDED;
          width: 100%;
          display: block;
          margin: 0 5px; }
      #main-search-container .slide-wrapper .sidenav .select2-container--default .select2-selection--single {
        border: 1px solid #000;
        border-radius: 25px;
        padding: 2px 10px;
        height: auto; }
      #main-search-container .slide-wrapper .sidenav .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #000 transparent; }
      #main-search-container .slide-wrapper .sidenav .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #000 transparent transparent transparent; }
      #main-search-container .slide-wrapper .sidenav .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #B4B4B4;
        font-size: 0.8em; }
      #main-search-container .slide-wrapper .sidenav .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 4px; }
      #main-search-container .slide-wrapper .sidenav .m-field-val {
        display: block;
        padding: 0px 20px; }
        #main-search-container .slide-wrapper .sidenav .m-field-val .input-group {
          display: block; }
        #main-search-container .slide-wrapper .sidenav .m-field-val input {
          border-radius: 25px;
          padding: 2px 15px;
          border: 1px solid #000;
          color: #000;
          font-size: 0.8em;
          text-transform: uppercase; }
        #main-search-container .slide-wrapper .sidenav .m-field-val .publish-date {
          display: flex;
          flex-direction: row;
          align-items: center;
          margin-top: 10px; }
          #main-search-container .slide-wrapper .sidenav .m-field-val .publish-date p {
            font-size: 0.8em;
            font-weight: 400;
            color: #000000;
            margin-left: 7px;
            margin-right: 7px; }
          #main-search-container .slide-wrapper .sidenav .m-field-val .publish-date input {
            line-height: normal;
            width: 100%;
            text-align: center; }
        #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider {
          padding-top: 10px;
          cursor: pointer;
          height: 10px;
          margin-bottom: 30px;
          position: relative;
          margin-left: -5px;
          margin-right: 5px; }
          #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider .dotsandnum {
            position: absolute;
            display: flex;
            justify-content: space-between;
            width: 100%;
            top: 0px;
            border-top: solid 1px #EDEDED;
            margin-top: 10px; }
            #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider .dotsandnum p {
              font-size: 0.8em;
              font-weight: 400;
              color: #000000;
              margin-top: 10px;
              /*&:after {
                                content: "";
                                display: inline-block;
                                position: absolute;
                                top: -11px;
                                height: 5px;
                                width: 5px;
                                color: #000000;
                                background-color: #EDEDED;
                                border-radius: 10px;
                            }*/ }
          #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider .dotsandnum2 {
            position: absolute;
            display: flex;
            justify-content: space-between;
            width: 100%;
            top: -2px;
            margin-top: 10px; }
            #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider .dotsandnum2 > div {
              height: 5px;
              width: 5px;
              background-color: #EDEDED;
              color: #EDEDED;
              border-radius: 5px; }
          #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider span {
            display: block;
            height: 15px;
            width: 15px;
            z-index: 1000;
            position: relative; }
            #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider span:before {
              content: "";
              display: block;
              height: 15px;
              width: 15px;
              color: #000;
              background-color: #000;
              position: absolute;
              background-color: #fff;
              border: 1px solid #FF5B5B;
              border-radius: 10px;
              top: -7px;
              left: -6px; }
            #main-search-container .slide-wrapper .sidenav .m-field-val .number-of-people-slider span:after {
              content: "";
              position: absolute;
              left: -3px;
              top: -4px;
              width: 9px;
              height: 9px;
              background-color: #FF5B5B;
              border-radius: 50px; }
      #main-search-container .slide-wrapper .sidenav .select-input-field {
        display: flex;
        flex-direction: column;
        padding-left: 35px;
        /* Create a custom checkbox */
        /* When the checkbox is checked, add a blue background */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */ }
        #main-search-container .slide-wrapper .sidenav .select-input-field .filters-select {
          position: relative; }
          #main-search-container .slide-wrapper .sidenav .select-input-field .filters-select .checkmark {
            top: 5px; }
        #main-search-container .slide-wrapper .sidenav .select-input-field label {
          position: relative;
          padding-left: 30px;
          font-size: 0.8em;
          font-weight: 400;
          color: #000000;
          margin-top: 5px;
          cursor: pointer; }
        #main-search-container .slide-wrapper .sidenav .select-input-field input {
          display: none; }
        #main-search-container .slide-wrapper .sidenav .select-input-field .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 16px;
          width: 16px;
          background-color: #fff;
          border: 1px solid #e3e3e3;
          border-radius: 50px; }
        #main-search-container .slide-wrapper .sidenav .select-input-field input:checked ~ .checkmark {
          background-color: #fff;
          border: 1px solid #FF5B5B; }
        #main-search-container .slide-wrapper .sidenav .select-input-field input:checked ~ .checkmark:after {
          display: block; }
        #main-search-container .slide-wrapper .sidenav .select-input-field .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 2px;
          top: 2px;
          width: 10px;
          height: 10px;
          background-color: #FF5B5B;
          border-radius: 50px; }
      #main-search-container .slide-wrapper .sidenav .radio-input-field {
        display: flex;
        flex-direction: column;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* Create a custom checkbox */
        /* When the checkbox is checked, add a blue background */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */ }
        #main-search-container .slide-wrapper .sidenav .radio-input-field label {
          position: relative;
          padding-left: 30px;
          font-size: 0.6em;
          font-weight: 400;
          color: #000000;
          margin-top: 5px;
          cursor: pointer; }
        #main-search-container .slide-wrapper .sidenav .radio-input-field input {
          display: none; }
        #main-search-container .slide-wrapper .sidenav .radio-input-field .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 16px;
          width: 16px;
          background-color: #fff;
          border: 1px solid #e3e3e3;
          border-radius: 50px; }
        #main-search-container .slide-wrapper .sidenav .radio-input-field input:checked ~ .checkmark {
          background-color: #fff;
          border: 1px solid #FF5B5B; }
        #main-search-container .slide-wrapper .sidenav .radio-input-field input:checked ~ .checkmark:after {
          display: block; }
        #main-search-container .slide-wrapper .sidenav .radio-input-field .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 2px;
          top: 2px;
          width: 10px;
          height: 10px;
          background-color: #FF5B5B;
          border-radius: 50px; }
    #main-search-container .slide-wrapper .button-red {
      margin-top: 20px;
      margin-bottom: 20px;
      width: 100%; }

.dropdown-font {
  font-size: 0.8em; }

.select2-results {
  font-size: 0.8em; }

.detail-search-container {
  background: #dedede;
  padding: 20px; }

#MainDisplayBox {
  margin-bottom: 10px; }
  #MainDisplayBox #Items {
    margin-top: 20px; }
  #MainDisplayBox .navigation {
    margin-top: 20px; }
  #MainDisplayBox .ajax-loader {
    position: fixed; }
    #MainDisplayBox .ajax-loader img {
      position: fixed;
      top: 50%;
      bottom: 50%;
      left: 50%;
      right: 50%; }
    #MainDisplayBox .ajax-loader .cssload-thecube {
      display: block !important;
      position: fixed !important; }
  #MainDisplayBox .tooltip {
    position: fixed !important; }
  #MainDisplayBox .nav-footer {
    margin-right: 10px; }

.set-trigger {
  visibility: hidden; }

.empty-result-box {
  text-align: center;
  display: inline-block;
  margin: auto;
  padding-top: 100px;
  width: 100%; }
  .empty-result-box p {
    color: #7f7f7f;
    font-size: 18px;
    margin-bottom: 30px; }

.tab-fav-head {
  background-color: #fff; }
  .tab-fav-head input {
    background-color: #eeeeee; }

.back-to-find {
  margin-bottom: 10px; }

#SimpleSearchForm .mobile #SearchModel_SimpleSearchQueryModel_QueryPhase {
  padding-left: 5px !important; }

.mob-fav-footer .right-head-content p {
  min-width: 100px !important;
  margin-right: 7px !important;
  font-size: 11px !important; }

.mob-fav-footer .right-head-content .img-miniature {
  margin-right: 7px !important;
  padding: 3px; }
  .mob-fav-footer .right-head-content .img-miniature a {
    height: 34px;
    padding: 5px; }

.mob-fav-footer .right-head-content .img-nav-wrapper button {
  height: 34px !important; }

.mob-fav-footer .right-head-content .img-nav-wrapper input {
  height: 34px !important; }

.select2-container {
  /*width:100% !important;*/ }

.fav-header, .nav-footer {
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 10px; }
  .fav-header .right-head-content, .nav-footer .right-head-content {
    /*width:30%;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .fav-header .right-head-content p, .nav-footer .right-head-content p {
      min-width: 170px;
      padding: 0;
      margin: 0; }
    .fav-header .right-head-content .img-nav-wrapper, .nav-footer .right-head-content .img-nav-wrapper {
      padding-top: 0 !important; }
  .fav-header .filters-sh, .nav-footer .filters-sh {
    transition: 0.5s;
    top: 5px;
    height: 50px;
    background-color: #46caee;
    color: #fff;
    border: none;
    z-index: 999;
    margin: 0 0 7px 0;
    float: left;
    padding: 5px; }
  .fav-header .img-miniature, .nav-footer .img-miniature {
    margin-right: 10px;
    display: flex;
    padding: 10px; }
    .fav-header .img-miniature .is-active, .nav-footer .img-miniature .is-active {
      background-color: #eeeeee; }
    .fav-header .img-miniature .view-button, .nav-footer .img-miniature .view-button {
      /*width:40px;
        height:40px;*/
      border: none;
      padding: 7px;
      margin: 1px;
      /*margin-right:10px;*/
      /*margin-left:10px;*/
      /*&:hover{
            background-color:$field-light-grey;
        }*/ }
      .fav-header .img-miniature .view-button i, .nav-footer .img-miniature .view-button i {
        font-size: 18px;
        color: #7f7f7f;
        text-align: center; }
      .fav-header .img-miniature .view-button svg, .nav-footer .img-miniature .view-button svg {
        font-size: 18px;
        color: #7f7f7f;
        text-align: center; }

.font-link .search-foot .find-similar-images {
  display: none; }

.search-foot {
  width: 100%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  visibility: hidden;
  z-index: 1001; }
  .search-foot .btn {
    background-color: #46caee;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 3px;
    cursor: pointer;
    border-radius: 0; }
    .search-foot .btn:hover .icon-heart {
      color: #f00; }
    .search-foot .btn:hover .icon-basket {
      color: #faaa2c; }
    .search-foot .btn:hover .icon-picture {
      color: #faaa2c; }
    .search-foot .btn:hover .icon-download {
      color: #faaa2c; }
    .search-foot .btn i {
      color: #fff;
      font-size: 20px;
      text-align: center; }
    .search-foot .btn svg {
      color: #fff;
      font-size: 20px;
      text-align: center; }

.offcanvas a:focus {
  color: #f1f1f1; }

#DisplayBoxContainer {
  display: flex;
  transition: margin-left .5s;
  padding: 0 10px;
  /*padding-right:0px;*/
  flex-wrap: nowrap;
  flex-direction: column;
  margin-top: 5px; }
  #DisplayBoxContainer .ajax-loader {
    position: fixed;
    height: 100% !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.1); }
  #DisplayBoxContainer .shadow-el {
    position: absolute;
    left: 300px;
    width: 1px;
    top: 0;
    height: 0px;
    background: #f3f3f3;
    box-shadow: 0px -8px 9px #000;
    z-index: -1; }

#SimpleSearchForm {
  /*.container > [class^="col-"]{
        &:first-child{
            padding-right:0;
        }
        padding:0;
    }*/
  /*background-color:$light-grey;
    border-bottom: 1px solid $light-grey-border;
    border-top:1px solid $light-grey-border;*/
  /*margin-top:3px;*/
  /*width:100%;*/ }
  #SimpleSearchForm .search-element-content {
    /*display:flex;
        width:100%;
        justify-content:center;*/ }
    #SimpleSearchForm .search-element-content .filter-button {
      display: none;
      background-color: #faaa2c;
      box-shadow: none;
      border: 0;
      border-radius: 0;
      color: #fff;
      padding: 0 11px !important; }
    #SimpleSearchForm .search-element-content input[type='text'] {
      border: none;
      margin: 0;
      padding: 14px 10px;
      box-sizing: border-box;
      min-width: 60px;
      width: 100%;
      flex-grow: 0.8; }
    #SimpleSearchForm .search-element-content div {
      padding: 0; }
    #SimpleSearchForm .search-element-content div:last-of-type {
      display: flex; }
    #SimpleSearchForm .search-element-content .select2-selection--single {
      overflow: hidden !important;
      height: 100% !important; }
    #SimpleSearchForm .search-element-content .select2-selection__rendered {
      line-height: 48px;
      text-align: center; }
    #SimpleSearchForm .search-element-content .select2-selection__arrow {
      top: 11px; }
    #SimpleSearchForm .search-element-content .select2-container .selection .select2-selection {
      border-radius: 0;
      border: none;
      height: 100%;
      width: 100%;
      min-width: 180px;
      background-color: #eeeeee; }
  #SimpleSearchForm select {
    background-color: #f2f1f1;
    border: medium none;
    padding: 10px;
    min-width: 180px;
    color: #7f7f7f; }
  #SimpleSearchForm #NewSearchFormSubmit {
    border: none;
    background-color: #43badc;
    padding: 14px; }
    #SimpleSearchForm #NewSearchFormSubmit .glyphicon-search {
      color: #fff;
      padding-left: 6px;
      padding-right: 6px; }
    #SimpleSearchForm #NewSearchFormSubmit:hover {
      background-color: #3ca1bd; }
  #SimpleSearchForm .search-tab {
    background-color: #eeeeee; }

.search-result-container {
  /*margin-bottom:300px;*/ }
  .search-result-container [class^="col-"] {
    padding: 0; }

.MediaDispayDiv .preview-media {
  max-height: 200px; }

.mobile-ctr #Items {
  position: relative; }
  .mobile-ctr #Items .mob-media-nav {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: block !important; }
  .mobile-ctr #Items .search-foot {
    display: none;
    visibility: hidden;
    position: absolute;
    width: 30px;
    bottom: 5px;
    right: 30px; }
    .mobile-ctr #Items .search-foot .btn {
      margin-left: 3px;
      margin-right: 3px;
      width: 25px;
      height: 25px; }
      .mobile-ctr #Items .search-foot .btn i {
        font-size: 15px;
        position: relative;
        left: -4px;
        top: -4px; }
      .mobile-ctr #Items .search-foot .btn svg {
        font-size: 15px;
        position: relative;
        left: -4px;
        top: -4px; }
  .mobile-ctr #Items:hover .title {
    /*display:block;*/
    visibility: hidden !important; }
  .mobile-ctr #Items:hover .im-wr span::after, .mobile-ctr #Items:hover .im-wr span::before {
    background: none !important; }

#Items button.mob-media-nav {
  display: none;
  /*background-color:$account-light-grey;*/
  background: rgba(174, 174, 174, 0.5);
  border: 1px solid #cdcdcd;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 101; }
  #Items button.mob-media-nav i {
    top: -3px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #fff;
    line-height: 0; }
  #Items button.mob-media-nav svg {
    top: -3px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #fff;
    line-height: 0; }

#Items .add-to-cart-button {
  position: absolute;
  right: 30px;
  top: 30px;
  display: block;
  visibility: hidden;
  display: block;
  width: 70px;
  padding: 3px;
  background-color: #FF5E62;
  border-radius: 50px;
  text-align: center;
  z-index: 1001; }
  #Items .add-to-cart-button.disabled {
    background-color: #363636; }
  #Items .add-to-cart-button i {
    font-size: 2em;
    color: #fff; }
  #Items .add-to-cart-button svg {
    font-size: 2em;
    color: #fff; }

#Items .file-link:hover .title {
  visibility: visible; }

#Items .file-link:hover .search-foot {
  visibility: visible; }

#Items .file-link:hover .add-to-cart-button {
  visibility: visible; }

#Items .search-foot a {
  background: rgba(0, 0, 0, 0.37);
  text-align: center;
  width: 80px;
  /*height: 50px;*/
  margin: 2px 5px;
  display: inline-block;
  border-radius: 50px; }
  #Items .search-foot a:hover {
    background: rgba(0, 0, 0, 0.55); }
  #Items .search-foot a i {
    padding: 8px;
    color: #fff;
    font-size: 1.4em; }
  #Items .search-foot a svg {
    padding: 8px;
    color: #fff;
    font-size: 1.4em; }

.standard-view .MediaDispayDiv {
  width: 250px;
  height: 250px; }

.standard-view #Items::after {
  /*flex:auto;*/
  content: ''; }

.standard-view #Items {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-wrap: wrap; }
  .standard-view #Items .last-row {
    margin-right: 10px;
    /*background:red;*/ }
  .standard-view #Items .im-wr img {
    width: auto;
    height: auto;
    max-width: 248px; }
  .standard-view #Items .MediaDispayDiv {
    border: 1px solid #eeeeee;
    margin-right: 10px;
    margin-bottom: 10px; }
    .standard-view #Items .MediaDispayDiv .file-link {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .standard-view #Items .MediaDispayDiv .file-link:hover .im-wr span::before {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.15) 13%, transparent 36%, transparent 100%); }
      .standard-view #Items .MediaDispayDiv .file-link:hover .im-wr span::after {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 13%, transparent 36%, transparent 100%); }
      .standard-view #Items .MediaDispayDiv .file-link:hover .im-wr span::before, .standard-view #Items .MediaDispayDiv .file-link:hover .im-wr span::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
        content: ''; }
      .standard-view #Items .MediaDispayDiv .file-link:hover .title {
        visibility: visible; }
      .standard-view #Items .MediaDispayDiv .file-link:hover .search-foot {
        visibility: visible; }

.advanced-view #Items::after {
  flex: auto;
  content: ''; }

.advanced-view #Items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
  cursor: pointer; }
  .advanced-view #Items .media-modal-link {
    position: relative;
    height: 100%;
    display: block; }
    .advanced-view #Items .media-modal-link:hover ::before {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.15) 2%, transparent 36%, transparent 100%);
      /*background: linear-gradient(to bottom,rgba(120,120,120,1) 0,rgba(0,0,0,.15) 20%,transparent 36%,transparent 100%);*/
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      content: ''; }
    .advanced-view #Items .media-modal-link:hover ::after {
      background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.1) 2%, transparent 36%, transparent 100%);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      content: ''; }
  .advanced-view #Items .last-row {
    margin-right: 10px;
    /*background:red;*/ }
  .advanced-view #Items .file-link:hover .title {
    visibility: visible; }
  .advanced-view #Items .file-link:hover .search-foot {
    visibility: visible; }
  .advanced-view #Items .file-link:hover .add-to-cart-button {
    visibility: visible; }
  .advanced-view #Items .img-row {
    display: flex;
    width: 100%;
    justify-content: space-between; }
  .advanced-view #Items .images-display-media {
    opacity: 1; }
  .advanced-view #Items .MediaDispayDiv {
    min-width: 40px;
    /*border:3px solid $account-grey;*/
    /*box-sizing:border-box;*/
    /*margin-right:10px;*/
    margin-bottom: 10px;
    box-sizing: border-box !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    .advanced-view #Items .MediaDispayDiv > .add-to-cart-button {
      overflow: hidden;
      border: 1px solid #d9d9d9;
      box-sizing: border-box;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      /*max-height:200px;*/ }
      .advanced-view #Items .MediaDispayDiv > .add-to-cart-button img {
        /*min-width:100%;*/
        /*max-width:60px;*/
        align-self: center;
        /*min-height:100px;*/
        /*min-width:150px;*/
        /*max-width:100%;*/ }
    .advanced-view #Items .MediaDispayDiv:hover {
      /*background-color:$field-light-grey;*/ }
    .advanced-view #Items .MediaDispayDiv .img-prev-container {
      position: absolute;
      top: -2px;
      background-color: #fff;
      border: 1px solid #cdcdcd;
      /*border-radius:4px;*/
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
      z-index: 99; }
      .advanced-view #Items .MediaDispayDiv .img-prev-container img {
        max-width: 450px;
        margin: 5px; }
      .advanced-view #Items .MediaDispayDiv .img-prev-container p {
        text-align: center;
        margin: 0px 5px;
        font-size: 11px;
        padding: 0; }
    .advanced-view #Items .MediaDispayDiv .search-img-foot {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%; }
      .advanced-view #Items .MediaDispayDiv .search-img-foot > a {
        color: #fff;
        font-size: 20px; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a i {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #b2b2b2; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a svg {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #b2b2b2; }
      .advanced-view #Items .MediaDispayDiv .search-img-foot > a:first-of-type:hover {
        color: #46caee; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a:first-of-type:hover i {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #46caee; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a:first-of-type:hover svg {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #46caee; }
      .advanced-view #Items .MediaDispayDiv .search-img-foot > a:last-of-type:hover {
        color: #f00; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a:last-of-type:hover i {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #f00; }
        .advanced-view #Items .MediaDispayDiv .search-img-foot > a:last-of-type:hover svg {
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: #f00; }
      .advanced-view #Items .MediaDispayDiv .search-img-foot > a:hover {
        text-decoration: none;
        cursor: pointer; }

.search-bar-content {
  padding: 20px; }

.sh-container {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 0;
  /*max-height:1300px;*/ }
  .sh-container .to-up-button {
    position: absolute;
    bottom: 1%;
    right: 0%;
    /*visibility:hidden;*/
    opacity: 0;
    /*width:36px;
        height:36px;*/
    background: #46caee;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
    transition: visibility 2s, opacity 1s linear;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px; }
    .sh-container .to-up-button i {
      display: inline-block;
      padding: 10px;
      color: #fff; }
    .sh-container .to-up-button svg {
      display: inline-block;
      padding: 10px;
      color: #fff; }
  .sh-container .show-up-button {
    visibility: visible;
    opacity: 1;
    /*transition: visibility 0s, opacity 1.5s linear;*/ }
  .sh-container .hide-up-button {
    visibility: hidden;
    opacity: 0;
    /*transition: visibility 0s, opacity 1.5s linear;*/ }
  .sh-container .navbar-default {
    border: none;
    background: #fff; }
    .sh-container .navbar-default .navbar-header {
      background-color: #3ca1bd; }
      .sh-container .navbar-default .navbar-header .navbar-toggle {
        color: #fff;
        background: #3ca1bd;
        font-size: 1.2em;
        margin: 0;
        padding: 11px; }
      .sh-container .navbar-default .navbar-header .navbar-brand {
        color: #fff;
        margin: 0;
        padding: 14px 0;
        font-size: 13px; }
    .sh-container .navbar-default .input-group-btn {
      padding: 0; }
      .sh-container .navbar-default .input-group-btn .edit-btn {
        border-radius: 0;
        background: #f3f3f3;
        border: 0;
        padding: 4px 12px; }
        .sh-container .navbar-default .input-group-btn .edit-btn i {
          color: #7f7f7f; }
        .sh-container .navbar-default .input-group-btn .edit-btn svg {
          color: #7f7f7f; }
    .sh-container .navbar-default .form-control {
      border-radius: 0;
      background: #f3f3f3;
      border: none;
      box-shadow: none;
      font-size: 12px;
      height: auto; }
    .sh-container .navbar-default .radio-btn-style {
      padding-top: 3px !important;
      padding-bottom: 3px !important; }
    .sh-container .navbar-default .m-field-val {
      padding: 10px; }
      .sh-container .navbar-default .m-field-val ul li .form-control {
        width: auto;
        box-shadow: none;
        height: auto;
        display: inline-block;
        position: relative;
        bottom: -3px; }
      .sh-container .navbar-default .m-field-val ul li label {
        padding: 6px;
        margin: 0; }
    .sh-container .navbar-default #SearchSettingsMenu {
      /*.select2{
                .select2-selection{
                    border:1px solid $cart-grey;
                    border-radius:0;
                    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
                    height:32px;
                    font-size:16px;
                    .select2-selection__rendered{
                        line-height:30px;
                    }
                    .select2-selection__arrow{
                        height:30px;
                    }
                }
            }*/ }
      .sh-container .navbar-default #SearchSettingsMenu .select2-container {
        width: 100% !important;
        border: none; }
        .sh-container .navbar-default #SearchSettingsMenu .select2-container .select2-container--open {
          border-left: 0px !important; }
      .sh-container .navbar-default #SearchSettingsMenu .select2-dropdown {
        border: none !important; }
      .sh-container .navbar-default #SearchSettingsMenu .select2 .select2-selection {
        border: none;
        background: #f3f3f3;
        box-shadow: none; }
      .sh-container .navbar-default #SearchSettingsMenu canvas {
        /*width:100%;*/
        max-width: 380px; }
      .sh-container .navbar-default #SearchSettingsMenu .form-group {
        margin-bottom: 1px; }
  .sh-container .sh-right-container, .sh-container .sh-left-container {
    padding: 0;
    /*max-height:500px;*/ }
  .sh-container .sh-right-container {
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-top:15px;*/
    height: inherit;
    max-height: inherit; }
  .sh-container .sh-left-container {
    height: 100%;
    overflow: hidden;
    /*padding-top:15px;*/ }
    .sh-container .sh-left-container nav {
      min-width: 100% !important; }

.fixed-pos {
  position: fixed;
  overflow-y: auto;
  /*width:100%;*/
  height: 100%;
  top: 0;
  padding-top: 145px; }

.search-main-container {
  /*.affix{
        z-index:9999999999999999999;
    }*/
  /*.row .search-bar-content{
        padding-top:10px;
    }*/ }
  .search-main-container .menu-fixed-width {
    position: fixed;
    width: 16.66666667%;
    /*overflow:scroll;*/ }
  .search-main-container nav {
    overflow: auto;
    /*max-width:300px;*/ }
  .search-main-container .navbar-default {
    background-color: #fff; }
    .search-main-container .navbar-default .glyphicon-cog {
      font-size: 1.5em; }
    .search-main-container .navbar-default .navbar-header {
      max-height: 45px;
      background-color: #3ca1bd; }
      .search-main-container .navbar-default .navbar-header .navbar-toggle {
        margin: 0;
        color: #fff;
        /*padding:0;*/
        padding: 5px 15px; }
        .search-main-container .navbar-default .navbar-header .navbar-toggle:hover {
          background: inherit;
          color: #f89e10; }
        .search-main-container .navbar-default .navbar-header .navbar-toggle:focus {
          background: inherit;
          color: #f89e10; }
      .search-main-container .navbar-default .navbar-header .navbar-brand {
        padding: 15px;
        font-size: 0.7em;
        color: #fff;
        width: auto;
        height: auto; }
  .search-main-container .advanced-search-bar {
    height: 84%;
    width: inherit !important;
    /*width:16.667%;*/
    /*position:fixed;*/ }
    .search-main-container .advanced-search-bar ul.adv-categories li {
      list-style: none; }
  .search-main-container .search-result-column {
    padding-top: 20px; }

.scrollable-menu {
  height: auto;
  min-height: 200px;
  overflow-x: hidden; }

.clear-color {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .clear-color a {
    color: #FF5E62;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.8em;
    border-radius: 50px;
    padding: 5px 20px;
    border: solid 1px #FF5E62;
    margin-left: 5px;
    white-space: nowrap; }
  .clear-color .color-selector {
    position: relative;
    width: 100%;
    border: solid 1px #000000;
    border-radius: 50px;
    cursor: pointer; }
    .clear-color .color-selector p {
      text-align: center;
      padding: 5px;
      font-size: 0.8em; }
    .clear-color .color-selector > div {
      position: absolute;
      right: 3px;
      top: 3px;
      height: 22px;
      border-radius: 50px;
      width: 22px; }

.color-picker-st-container {
  display: none; }

.color-picker-st {
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center; }
  .color-picker-st .remove-color {
    position: absolute;
    /*top:0;*/
    margin: 0 0;
    right: 3%;
    font-size: 5px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: -2px 0 #7f7f7f, 0 2px #7f7f7f, 2px 0 #7f7f7f, 0 -2px #7f7f7f;
    color: #fff;
    font-weight: lighter; }

.nested-search > .row {
  background: #eeeeee;
  border-top: 1px solid #b2b2b2;
  /*border-bottom:1px solid $light-grey-hover;*/ }

.nested-search #SimpleSearchForm .search-element-content input[type='text'] {
  padding: 13px;
  border-left: 1px solid #eeeeee; }

.nested-search #SimpleSearchForm .search-element-content .select2-container {
  /*width:100% !important;*/ }

.nested-search #SimpleSearchForm #NewSearchFormSubmit {
  padding: 6px; }

.radio-btn-style {
  /*background-color:#fff;*/ }
  .radio-btn-style .btn-group {
    /*display:flex;
        justify-content:space-around;
        width:100%;*/ }
  .radio-btn-style .rb-btn {
    width: 34px;
    height: 34px;
    padding: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0 !important;
    background-color: #f3f3f3; }
    .radio-btn-style .rb-btn:hover {
      background-color: #f89e10; }
  .radio-btn-style .active {
    background-color: #f89e10;
    box-shadow: none; }

.modal-backdrop {
  /*-webkit-filter: brightness(1);
    filter: brightness(1);*/
  z-index: 1045 !important;
  /*background: #fff;
    opacity:0.6 !important;*/ }

.nav-up {
  top: -60px !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #ccc !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left; }

.select2-container--open .select2-dropdown--below {
  border: 1px solid #d9d9d9;
  background: #f3f3f3;
  border-top: 1px solid #ccc !important; }

@media screen and (max-width: 1000px) {
  #main-search-container #mySidenav {
    display: none; }
  #main-search-container .slide-wrapper > button {
    display: block; }
  #main-search-container .slide-wrapper .filters-sh {
    width: 100%; }
  #main-search-container .slide-wrapper .sidenav {
    position: absolute;
    width: 100%;
    top: 62px;
    z-index: 1000; }
  #main-search-container .select2-container {
    width: 100% !important; } }

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
.log-register-container {
  margin-top: 70px;
  margin-bottom: 100px; }
  .log-register-container .log-register-buttons {
    display: flex;
    justify-content: space-around; }
    .log-register-container .log-register-buttons a {
      padding: 10px 30px;
      color: #000;
      text-decoration: none;
      cursor: pointer; }
    .log-register-container .log-register-buttons .inactive {
      border: solid 1px #000;
      margin-bottom: 20px;
      border-radius: 50px; }
    .log-register-container .log-register-buttons .active {
      border-bottom-color: transparent;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top: solid 1px #E1E1E1;
      border-left: solid 1px #E1E1E1;
      border-right: solid 1px #E1E1E1;
      box-shadow: 0px -5px 5px -5px #E1E1E1;
      margin-bottom: -1px;
      background-color: #fff; }
  .log-register-container .password-container {
    display: flex;
    justify-content: space-between; }
    .log-register-container .password-container > div:first-of-type {
      margin-right: 10px; }
    .log-register-container .password-container > div:last-of-type {
      margin-left: 10px; }
  .log-register-container .same-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px; }
    .log-register-container .same-data p {
      font-size: 0.8em;
      padding-left: 30px; }
    .log-register-container .same-data i {
      color: #FF5E62;
      font-size: 2em; }
  .log-register-container .log-register-form {
    padding: 50px 70px;
    border: solid 1px #E1E1E1;
    box-shadow: 0 0 3px #E1E1E1;
    border-radius: 20px;
    /* Create a custom checkbox */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .log-register-container .log-register-form .error-text {
      color: #ff2525;
      margin-top: 10px; }
    .log-register-container .log-register-form input {
      border: solid 1px #000;
      border-radius: 50px;
      padding: 8px 15px; }
    .log-register-container .log-register-form .form-group {
      margin-bottom: 30px; }
    .log-register-container .log-register-form .log-register-buttons2 {
      display: flex;
      justify-content: space-between; }
      .log-register-container .log-register-form .log-register-buttons2 a {
        color: #FF9966;
        padding-top: 12px;
        text-transform: uppercase;
        font-size: 0.7em; }
    .log-register-container .log-register-form .log-register-buttons3 {
      display: flex;
      justify-content: flex-end; }
    .log-register-container .log-register-form label {
      cursor: pointer;
      font-weight: 400;
      font-size: 0.8em;
      position: relative;
      padding-left: 25px; }
      .log-register-container .log-register-form label input {
        display: none; }
    .log-register-container .log-register-form .g-recaptcha {
      margin: 20px auto 0px;
      display: flex;
      justify-content: center; }
    .log-register-container .log-register-form .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 16px;
      width: 16px;
      background-color: #fff;
      border: 1px solid #e3e3e3;
      border-radius: 50px; }
    .log-register-container .log-register-form .container-checkbox input:checked ~ .checkmark {
      background-color: #fff;
      border: 1px solid #FF5B5B; }
    .log-register-container .log-register-form .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .log-register-container .log-register-form .container-checkbox input:checked ~ .checkmark:after {
      display: block; }
    .log-register-container .log-register-form .container-checkbox .checkmark:after {
      left: 2px;
      top: 2px;
      width: 10px;
      height: 10px;
      background-color: #FF5B5B;
      border-radius: 50px; }

#addFavModal .modal-body {
  padding: 20px 50px;
  /*display:flex;
            flex-direction: column;*/ }
  #addFavModal .modal-body h3 {
    color: #000; }
  #addFavModal .modal-body p {
    color: #000;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 20px; }

.log-register-popup .modal-header {
  border: none; }
  .log-register-popup .modal-header h2 {
    text-align: center;
    color: #fff; }

.log-register-popup .log-register-buttons {
  margin-bottom: -1px;
  position: relative;
  z-index: 10; }
  .log-register-popup .log-register-buttons .inactive {
    color: #fff;
    background-color: #FF5E62;
    border: solid 1px #FF5E62; }

.log-register-popup .log-register-form {
  background-color: #fff; }

#RulesPopup .modal-dialog {
  border-radius: 0; }

#RulesPopup .modal-header {
  border-bottom: none; }
  #RulesPopup .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px; }

#RulesPopup .modal-content {
  font-size: 13px;
  padding: 15px;
  border-radius: 0; }
  #RulesPopup .modal-content ol, #RulesPopup .modal-content ul {
    padding: 10px; }
    #RulesPopup .modal-content ol li, #RulesPopup .modal-content ul li {
      margin-bottom: 10px;
      font-size: 13px; }

#RulesPopup h3 {
  margin-top: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #7f7f7f;
  font-weight: bold; }

#RulesPopup .static-content {
  text-align: justify; }

@media only screen and (max-width: 767px) {
  .log-register-container .log-register-buttons a {
    padding: 10px 6px; }
  .log-register-container .log-register-form {
    padding: 40px 10px; }
  #addFavModal {
    text-align: center; } }

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

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

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

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

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

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

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

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

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

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

/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
/*Lato font*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);*/
@font-face {
  font-family: 'Lato400';
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato400i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600';
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato600i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800';
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato800i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200';
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Lato200i';
  font-style: italic;
  src: url("../../../fonts/custom/Lato-Thin.ttf") format("truetype"); }

/*@font-face {
    font-family: 'Fontello';
    src:url(../../../fonts/custom/fontello.ttf);
}*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
  margin: 0; }

.navbar {
  min-height: 20px; }

.navbar-right {
  margin-right: 0; }

.container-fluid {
  padding: 0; }

.form-control {
  border-radius: 0px; }

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  .navbar-header {
    /*padding-left: 10px !important;*/ }
  .footer-sm-fixed {
    width: 100% !important;
    position: fixed;
    bottom: 0;
    z-index: 1049; }
    .footer-sm-fixed .copyright p {
      font-size: 0.7em !important; } }

@media only screen and (min-width: 769px) {
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; }
  .search-bar-container .container {
    padding: 0; }
    .search-bar-container .container div[class^="col-"] {
      padding: 0; } }

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .search-main-container .row .search-bar-content {
    padding-left: 0; }
  .search-main-container .advanced-search-bar {
    /*position:fixed;
            width:inherit;*/ }
  .primary-menu .container {
    padding: 0; }
    .primary-menu .container div[class^="col-"] {
      padding: 0; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /*.primary-menu{
        .container{
            padding:0;
            div[class^="col-"]{
                padding:0;
            }
        }
    }*/ }

.help-title h1 {
  color: #000;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
  margin-top: 50px; }

.help-title h2 {
  color: #000;
  text-align: center;
  font-weight: 300;
  font-size: 1em;
  margin-top: 0px; }

.thankyoupage {
  text-align: center;
  margin-bottom: 70px;
  margin-top: 50px; }
  .thankyoupage .h1 {
    font-weight: 800;
    margin-bottom: 10px; }
  .thankyoupage h2 {
    margin-bottom: 30px; }
  .thankyoupage a {
    border-radius: 50px;
    padding: 7px 50px;
    background-color: #000;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none; }

.callback-container [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle; }

.callback-container h3, .callback-container h4, .callback-container label, .callback-container a, .callback-container button {
  color: #000; }

.callback-container .box-style {
  text-align: center;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  height: auto; }

.callback-container .box-style2 {
  padding-right: 30px; }

.callback-container .fillform {
  padding: 70px; }
  .callback-container .fillform h3 {
    font-size: 1.2em;
    line-height: 30px; }
  .callback-container .fillform h4 {
    line-height: 30px;
    font-size: 1em;
    text-transform: none;
    margin-top: 17px; }

.callback-container .hotline {
  padding: 50px;
  margin-top: 30px; }
  .callback-container .hotline > div {
    display: flex;
    text-align: left;
    align-items: center; }
    .callback-container .hotline > div h3 {
      margin-left: 20px;
      margin-top: 0px; }
    .callback-container .hotline > div p {
      margin-left: 20px;
      color: #7B7B7B;
      text-transform: none;
      font-size: 0.8em; }
  .callback-container .hotline a {
    display: block;
    text-align: center;
    border-radius: 50px;
    border: solid 1px #000;
    padding: 10px;
    margin-top: 25px;
    text-decoration: none; }

.callback-container .callback-form {
  padding: 30px 50px;
  text-align: left; }
  .callback-container .callback-form h5 {
    color: #000; }
  .callback-container .callback-form label {
    font-size: 0.7em;
    margin-left: 10px;
    font-weight: 400;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-top: 20px; }
  .callback-container .callback-form input {
    border-radius: 50px;
    border: solid 1px #000;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555; }
  .callback-container .callback-form textarea {
    border-radius: 10px;
    border: solid 1px #000;
    display: block;
    width: 100%;
    height: 90px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555; }
  .callback-container .callback-form .button-red {
    color: #FF5E62;
    margin-top: 10px; }
    .callback-container .callback-form .button-red:hover {
      color: #fff; }
  .callback-container .callback-form span {
    color: #FF5E62; }
  .callback-container .callback-form .needed {
    display: flex;
    justify-content: space-between;
    margin-top: 30px; }
    .callback-container .callback-form .needed p {
      font-size: 0.7em;
      margin-left: 10px;
      font-weight: 400; }

.help-container {
  margin-top: 0px;
  margin-bottom: 80px; }
  .help-container .number-div {
    display: none; }
  .help-container .StandardQA > h3 {
    text-align: center;
    font-size: 1.3em;
    color: #000; }
  .help-container .StandardQA > p {
    text-align: center;
    color: #000;
    font-size: 0.9em;
    text-transform: none;
    margin-top: 30px;
    margin-bottom: 30px; }
  .help-container .container-ApprovedAndNot {
    margin-top: 50px;
    margin-bottom: 50px; }
  .help-container .ApprovedAndNot {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    border: 1px solid #7FC2C8;
    box-sizing: border-box;
    border-radius: 92px;
    margin-bottom: 10px; }
    .help-container .ApprovedAndNot > h3 {
      margin: auto 0;
      margin-left: 30px;
      color: #000;
      font-size: 0.9em; }
    .help-container .ApprovedAndNot > p {
      padding: 10px 0px;
      min-width: 250px;
      text-align: center;
      background: #7FC2C8;
      border-radius: 100px;
      margin: auto 0;
      color: #fff;
      font-size: 0.9em; }
    .help-container .ApprovedAndNot .subtext-zab {
      background: #FF5E62; }
    .help-container .ApprovedAndNot .subtext-ver {
      background: #FF5E62; }
  .help-container .container-TwoColumn {
    display: flex;
    margin-bottom: 50px; }
    .help-container .container-TwoColumn .TwoColumn {
      margin-left: 80px;
      margin-right: 80px; }
      .help-container .container-TwoColumn .TwoColumn > h3 {
        color: #000;
        text-align: center;
        font-weight: 300;
        font-size: 0.9em;
        padding: 20px 10px;
        border: solid 2px #000;
        border-radius: 50px;
        font-weight: 500; }
    .help-container .container-TwoColumn .container-TwoColumnOptions {
      margin-top: 50px; }
    .help-container .container-TwoColumn .TwoColumnOptions {
      margin-top: 35px;
      border: solid 1px #DCDCDC;
      padding: 45px;
      position: relative;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      border-radius: 10px; }
      .help-container .container-TwoColumn .TwoColumnOptions::before {
        content: "";
        border-style: solid;
        border-width: 10px 15px 10px 0;
        border-color: transparent #FF5E62 transparent transparent;
        position: absolute;
        left: 50%;
        transform: rotate(270deg);
        top: -28px; }
      .help-container .container-TwoColumn .TwoColumnOptions > h3 {
        text-align: center;
        color: #000;
        font-size: 0.9em;
        font-weight: 500;
        margin-top: 0px; }
      .help-container .container-TwoColumn .TwoColumnOptions > p {
        text-align: center;
        color: #000;
        font-size: 0.9em;
        text-transform: none; }
      .help-container .container-TwoColumn .TwoColumnOptions .number-div {
        position: absolute;
        top: -14px;
        left: -14px;
        background-color: #FF5E62;
        box-shadow: 0px 3.42857px 5.14286px rgba(0, 0, 0, 0.15);
        height: 48px;
        width: 48px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .help-container .container-TwoColumn .TwoColumnOptions .number-div > p {
          color: #fff;
          font-weight: 600;
          font-size: 1.2em; }

.Prices .box {
  display: flex;
  margin-bottom: 60px; }
  .Prices .box > div {
    width: 100%;
    position: relative;
    margin-right: 32px; }
  .Prices .box > div:last-of-type {
    margin-right: 0px; }

.Prices p {
  font-size: 1em;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 50px;
  text-wrap: none; }

.Prices a {
  font-size: 1em;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 50px;
  text-wrap: none;
  text-decoration: none; }

.Prices .name {
  border: solid 2px;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 30px;
  position: relative; }
  .Prices .name .best-offer-a10 {
    background: #7FC2C8; }
  .Prices .name .best-offer-a20 {
    background: #FF9566; }
  .Prices .name > span {
    display: block;
    position: absolute;
    top: -19px;
    width: 100%;
    font-size: 0.7em; }
    .Prices .name > span .best-offer-a10:before {
      content: "Najczęściej wybierane"; }
    .Prices .name > span .best-offer-a20:before {
      content: "Najlepsza cena"; }
    .Prices .name > span > span {
      margin-left: 20px;
      margin-right: 20px;
      padding: 2px 12px;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
      color: #fff; }

.Prices .desc {
  border-radius: 50px;
  box-shadow: 0 0 3px #ccc;
  border: solid 1px #fff;
  display: flex;
  margin-bottom: 20px;
  padding: 10px 0; }
  .Prices .desc p {
    font-size: 0.8em;
    padding-top: 7px;
    margin-bottom: 0px;
    padding-left: 12px; }
    .Prices .desc p span {
      font-size: 0.6em; }

.Prices .desc-packamount-other div {
  padding: 0;
  display: flex; }

.Prices .desc-packamount-100 {
  padding: 8px 0;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0px auto 20px;
  position: relative;
  box-sizing: border-box;
  color: #FFF;
  background: #fff;
  background-clip: padding-box;
  /* !importanté */
  border: solid 3px transparent;
  /* !importanté */
  border-radius: 50px; }
  .Prices .desc-packamount-100:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    /* !importanté */
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to top, #FF9566, #FF5E62); }
  .Prices .desc-packamount-100 div {
    background: #fff;
    border-radius: 50px;
    color: white; }
  .Prices .desc-packamount-100 i {
    background: -webkit-linear-gradient(#FF9566, #FF5E62);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .Prices .desc-packamount-100 svg {
    background: -webkit-linear-gradient(#FF9566, #FF5E62);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.Prices .desc:last-of-type {
  margin-bottom: 110px; }

.Prices .buynow {
  position: absolute;
  bottom: 0px;
  text-align: center;
  padding: 14px 0;
  margin-bottom: 30px;
  display: block;
  width: 100%;
  background: linear-gradient(0.25turn, #FF9566, #FF5E62);
  color: #fff;
  cursor: pointer; }

.Prices .buyblack {
  background: #000; }

.Prices .buycolor-a5 {
  background: #7FD1EB; }

.Prices .buycolor-a10 {
  background: #7FC2C8; }

.Prices .buycolor-a20 {
  background: #FF9966; }

.Prices .buycolor-a30 {
  background: #FF5E62; }

.Prices .buycolor {
  border-color: #000; }

.Prices .namecolor-a5 {
  border-color: #7FD1EB; }

.Prices .namecolor-a10 {
  border-color: #7FC2C8; }

.Prices .namecolor-a20 {
  border-color: #FF9966; }

.Prices .namecolor-a30 {
  border-color: #FF5E62; }

.Prices svg {
  /*position: absolute;*/
  font-size: 2em;
  top: 10px;
  margin-left: 12px;
  color: #000; }

.contact-helpbottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5vw 10px 5vw; }
  .contact-helpbottom h5 {
    text-decoration: underline;
    color: #FF5E62;
    font-weight: 600;
    font-size: 1.2em; }
  .contact-helpbottom p {
    font-size: 0.7em;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px; }
  .contact-helpbottom a {
    padding: 8px 20px;
    font-weight: 500;
    border-width: 2px; }
    .contact-helpbottom a i {
      margin-left: 20px; }
    .contact-helpbottom a svg {
      margin-left: 20px; }

.contact-page .contact-items > div {
  display: flex;
  justify-content: space-between; }

.contact-page .company-res {
  padding-bottom: 40px !important; }

.contact-page .contact-bottom {
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  padding-bottom: 80px;
  margin-top: 70px; }
  .contact-page .contact-bottom:first-of-type {
    margin-left: 0px; }
  .contact-page .contact-bottom:last-of-type {
    margin-right: 0px; }
  .contact-page .contact-bottom h3 {
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    color: #000000;
    margin-top: 30px; }
  .contact-page .contact-bottom img {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .contact-page .contact-bottom p {
    text-align: center;
    color: #7B7B7B;
    text-transform: none;
    font-size: 0.8em;
    padding-left: 10px;
    padding-right: 10px; }
  .contact-page .contact-bottom a {
    position: absolute;
    bottom: 0px;
    text-decoration: none;
    border: solid 2px #000000;
    border-radius: 50px;
    padding: 15px 0px;
    color: #000000;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: 500; }
    .contact-page .contact-bottom a:hover {
      color: #fff;
      background-color: #000000; }

.contact-page .search-bar {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px; }
  .contact-page .search-bar input {
    font-weight: 500;
    box-shadow: 0px 0px 10px 0px #DCDCDC;
    border: none;
    border-radius: 25px;
    padding: 11px 50px;
    color: #000;
    width: 100%;
    text-transform: uppercase;
    color: #666666; }
  .contact-page .search-bar .collapsed {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 10px 0px #DCDCDC; }
  .contact-page .search-bar > div {
    padding: 0px 15px;
    position: relative; }
    .contact-page .search-bar > div .search-result-container {
      z-index: 1;
      display: none;
      position: absolute;
      box-shadow: 0px 0px 10px 0px #DCDCDC;
      width: 100%;
      background-color: #fff;
      margin-left: -15px;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px; }
      .contact-page .search-bar > div .search-result-container ul {
        list-style: none;
        text-align: left;
        margin-top: 10px; }
        .contact-page .search-bar > div .search-result-container ul li {
          line-height: 30px;
          color: #666666; }
          .contact-page .search-bar > div .search-result-container ul li a {
            color: #666666; }

.contact-page .help-items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .contact-page .help-items .help-bottom {
    display: block;
    margin-top: 40px;
    box-shadow: 0px 0px 10px 0px #DCDCDC;
    text-align: center;
    border-radius: 20px;
    padding: 40px 50px;
    min-width: 330px;
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    /*&:first-of-type{
                margin-left: 0px;
            }
            &:last-of-type{
                margin-right: 0px;
            }*/ }
    .contact-page .help-items .help-bottom:hover {
      box-shadow: 0px 0px 10px 0px #BBBBBB; }
    .contact-page .help-items .help-bottom p {
      margin-top: 40px; }
    .contact-page .help-items .help-bottom .img {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100px; }

.contact-helpbottom2 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 50px 10px 100px; }
  .contact-helpbottom2 > div {
    text-align: center; }
    .contact-helpbottom2 > div h5 {
      text-decoration: underline;
      color: #FF5E62;
      font-weight: 600;
      font-size: 1.4em; }
    .contact-helpbottom2 > div p {
      font-size: 0.9em;
      text-transform: none;
      font-weight: 500;
      margin-bottom: 10px; }
  .contact-helpbottom2 a {
    padding: 8px 40px;
    font-weight: 500;
    border-width: 2px; }
    .contact-helpbottom2 a i {
      margin-left: 20px; }
    .contact-helpbottom2 a svg {
      margin-left: 20px; }

.about-us-container .main-title h2 {
  color: #000000; }

.about-us-container .main-title p {
  line-height: 30px;
  padding: 20px 30px;
  text-transform: none; }

.about-us-container .about-us > div {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 0px; }
  .about-us-container .about-us > div > a {
    text-decoration: none;
    display: block;
    height: 50px; }
    .about-us-container .about-us > div > a:last-of-type {
      margin-top: 400px;
      border: solid 1px #000000;
      color: #000000;
      font-size: 0.8em;
      border-radius: 50px;
      padding: 10px 0px;
      display: inline-block;
      height: auto;
      width: 150px; }

.about-us-container .company {
  margin: 50px 0px 150px;
  padding: 0px 100px; }
  .about-us-container .company > div {
    display: flex;
    justify-content: space-around;
    padding: 50px 70px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    text-align: center; }
    .about-us-container .company > div .image-container {
      display: flex;
      align-items: center;
      justify-content: center; }
    .about-us-container .company > div h4 {
      color: #000000;
      font-size: 1.2em; }

@media (max-width: 767px) {
  .about-us > div > a:last-of-type {
    margin-top: 140px; } }

@media only screen and (max-width: 991px) {
  .contact-items > div {
    display: flex;
    flex-direction: column; }
  .contact-page .contact-bottom {
    margin-left: 0px;
    margin-right: 0px; }
  .contact-helpbottom {
    flex-direction: column; }
  .contact-helpbottom2 {
    flex-direction: column; }
  .about-us-container .company {
    padding: 0px 20px; }
    .about-us-container .company > div {
      flex-direction: column; }
  .help-container .container-TwoColumn {
    flex-direction: column; }
    .help-container .container-TwoColumn .TwoColumn {
      margin-left: 20px;
      margin-right: 20px; } }

@media only screen and (max-width: 1199px) {
  .Prices > div {
    flex-direction: column; } }

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

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

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

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

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

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

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

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

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

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

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

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