﻿/*@mixin nextBtn() {
    @include Light(#ffffff,28,28);
    position: relative;
    float: right;
    background-color: #4a3e4c;
    text-align: center;
    min-width: 230px;
    border: none;
    padding: 13px 46px;

    img {
        position: absolute;
        right: 46px;
        top: 18px;
    }

    &:hover, &:active, &:focus {
        color: #ffffff;
        text-decoration: underline;
    }

    @include Media(xs) {
        float: left;
        margin-top: 10px;
        margin-right: 17px;
    }
}*/
body .animate-item {
  opacity: 0; }
  @media (max-width: 575px) {
    body .animate-item {
      opacity: 1; } }
  @media (min-width: 576px) {
    body .animate-item.animate-scale {
      -webkit-animation: scale 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -moz-animation: scale 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -o-animation: scale 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -ms-animation: scale 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      animation: scale 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      opacity: 1; } }
  body .animate-item.animate-flying-left {
    -webkit-animation: flyinLeft 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinLeft 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinLeft 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinLeft 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinLeft 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    opacity: 1; }
  body .animate-item.animate-flying-right {
    -webkit-animation: flyinRight 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinRight 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinRight 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinRight 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinRight 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    opacity: 1; }
  body .animate-item.animate-flying-top {
    -webkit-animation: flyinTop 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinTop 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinTop 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinTop 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinTop 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    opacity: 1; }
  body .animate-item.animate-flying-bottom {
    -webkit-animation: flyinBottom 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinBottom 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinBottom 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinBottom 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinBottom 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    opacity: 1; }
  @media (min-width: 576px) {
    body .animate-item.centered.animate-scale {
      -webkit-animation: scaleCentered 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -moz-animation: scaleCentered 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -o-animation: scaleCentered 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      -ms-animation: scaleCentered 1s cubic-bezier(0.62, -0.36, 0.4, 1.28);
      animation: scaleCentered 1s cubic-bezier(0.62, -0.36, 0.4, 1.28); } }
  body .animate-item.centered.animate-flying-left {
    -webkit-animation: flyinLeftCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinLeftCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinLeftCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinLeftCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinLeftCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09); }
  body .animate-item.centered.animate-flying-right {
    -webkit-animation: flyinRightCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinRightCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinRightCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinRightCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinRightCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09); }
  body .animate-item.centered.animate-flying-top {
    -webkit-animation: flyinTopCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinTopCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinTopCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinTopCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinTopCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09); }
  body .animate-item.centered.animate-flying-bottom {
    -webkit-animation: flyinBottomCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -moz-animation: flyinBottomCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -o-animation: flyinBottomCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    -ms-animation: flyinBottomCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09);
    animation: flyinBottomCentered 0.5s cubic-bezier(0.3, 0.07, 0.64, 1.09); }

@-webkit-keyframes scale {
  from {
    opacity: 0;
    -webkit-transform: scale(1.4); }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }

@-moz-keyframes scale {
  from {
    opacity: 0;
    -moz-transform: scale(1.4); }
  to {
    -moz-transform: scale(1);
    opacity: 1; } }

@-o-keyframes scale {
  from {
    opacity: 0;
    -o-transform: scale(1.4); }
  to {
    -o-transform: scale(1);
    opacity: 1; } }

@-ms-keyframes scale {
  from {
    opacity: 0;
    -ms-transform: scale(1.4); }
  to {
    -ms-transform: scale(1);
    opacity: 1; } }

@keyframes scale {
  from {
    opacity: 0;
    transform: scale(1.4); }
  to {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes flyinRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

@-moz-keyframes flyinRight {
  from {
    opacity: 0;
    -moz-transform: translateX(100%); }
  to {
    -moz-transform: translateX(0%);
    opacity: 1; } }

@-o-keyframes flyinRight {
  from {
    opacity: 0;
    -o-transform: translateX(100%); }
  to {
    -o-transform: translateX(0%);
    opacity: 1; } }

@-ms-keyframes flyinRight {
  from {
    opacity: 0;
    -ms-transform: translateX(100%); }
  to {
    -ms-transform: translateX(0%);
    opacity: 1; } }

@keyframes flyinRight {
  from {
    opacity: 0;
    transform: translateX(100%); }
  to {
    transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes flyinLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0%);
    opacity: 1; } }

@-moz-keyframes flyinLeft {
  from {
    opacity: 0;
    -moz-transform: translateX(-100%); }
  to {
    -moz-transform: translateX(0%);
    opacity: 1; } }

@-o-keyframes flyinLeft {
  from {
    opacity: 0;
    -o-transform: translateX(-100%); }
  to {
    -o-transform: translateX(0%);
    opacity: 1; } }

@-ms-keyframes flyinLeft {
  from {
    opacity: 0;
    -ms-transform: translateX(-100%); }
  to {
    -ms-transform: translateX(0%);
    opacity: 1; } }

@keyframes flyinLeft {
  from {
    opacity: 0;
    transform: translateX(-100%); }
  to {
    transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes flyinTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0%);
    opacity: 1; } }

@-moz-keyframes flyinTop {
  from {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  to {
    -moz-transform: translateY(0%);
    opacity: 1; } }

@-o-keyframes flyinTop {
  from {
    opacity: 0;
    -o-transform: translateY(-100%); }
  to {
    -o-transform: translateY(0%);
    opacity: 1; } }

@-ms-keyframes flyinTop {
  from {
    opacity: 0;
    -ms-transform: translateY(-100%); }
  to {
    -ms-transform: translateY(0%);
    opacity: 1; } }

@keyframes flyinTop {
  from {
    opacity: 0;
    transform: translateY(-100%); }
  to {
    transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes flyinBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0%);
    opacity: 1; } }

@-moz-keyframes flyinBottom {
  from {
    opacity: 0;
    -moz-transform: translateY(100%); }
  to {
    -moz-transform: translateY(0%);
    opacity: 1; } }

@-o-keyframes flyinBottom {
  from {
    opacity: 0;
    -o-transform: translateY(100%); }
  to {
    -o-transform: translateY(0%);
    opacity: 1; } }

@-ms-keyframes flyinBottom {
  from {
    opacity: 0;
    -ms-transform: translateY(100%); }
  to {
    -ms-transform: translateY(0%);
    opacity: 1; } }

@keyframes flyinBottom {
  from {
    opacity: 0;
    transform: translateY(100%); }
  to {
    transform: translateY(0%);
    opacity: 1; } }

@-webkit-keyframes scaleCentered {
  from {
    opacity: 0;
    -webkit-transform: translateY(-50%) scale(1.4); }
  to {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1; } }

@-moz-keyframes scaleCentered {
  from {
    opacity: 0;
    -moz-transform: translateY(-50%) scale(1.4); }
  to {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1; } }

@-o-keyframes scaleCentered {
  from {
    opacity: 0;
    -o-transform: translateY(-50%) scale(1.4); }
  to {
    -o-transform: translateY(-50%) scale(1);
    opacity: 1; } }

@-ms-keyframes scaleCentered {
  from {
    opacity: 0;
    -ms-transform: translateY(-50%) scale(1.4); }
  to {
    -ms-transform: translateY(-50%) scale(1);
    opacity: 1; } }

@keyframes scaleCentered {
  from {
    opacity: 0;
    transform: translateY(-50%) scale(1.4); }
  to {
    transform: translateY(-50%) scale(1);
    opacity: 1; } }

@-webkit-keyframes flyinRightCentered {
  from {
    opacity: 0;
    -webkit-transform: translate(100%, -50%); }
  to {
    -webkit-transform: translate(0%, -50%);
    opacity: 1; } }

@-moz-keyframes flyinRightCentered {
  from {
    opacity: 0;
    -moz-transform: translate(100%, -50%); }
  to {
    -moz-transform: translate(0%, -50%);
    opacity: 1; } }

@-o-keyframes flyinRightCentered {
  from {
    opacity: 0;
    -o-transform: translate(100%, -50%); }
  to {
    -o-transform: translate(0%, -50%);
    opacity: 1; } }

@-ms-keyframes flyinRightCentered {
  from {
    opacity: 0;
    -ms-transform: translate(100%, -50%); }
  to {
    -ms-transform: translate(0%, -50%);
    opacity: 1; } }

@keyframes flyinRightCentered {
  from {
    opacity: 0;
    transform: translate(100%, -50%); }
  to {
    transform: translate(0%, -50%);
    opacity: 1; } }

@-webkit-keyframes flyinLeftCentered {
  from {
    opacity: 0;
    -webkit-transform: translate(-100%, -50%); }
  to {
    -webkit-transform: translate(0%, -50%);
    opacity: 1; } }

@-moz-keyframes flyinLeftCentered {
  from {
    opacity: 0;
    -moz-transform: translate(-100%, -50%); }
  to {
    -moz-transform: translate(0%, -50%);
    opacity: 1; } }

@-o-keyframes flyinLeftCentered {
  from {
    opacity: 0;
    -o-transform: translate(-100%, -50%); }
  to {
    -o-transform: translate(0%, -50%);
    opacity: 1; } }

@-ms-keyframes flyinLeftCentered {
  from {
    opacity: 0;
    -ms-transform: translate(-100%, -50%); }
  to {
    -ms-transform: translate(0%, -50%);
    opacity: 1; } }

@keyframes flyinLeftCentered {
  from {
    opacity: 0;
    transform: translate(-100%, -50%); }
  to {
    transform: translate(0%, -50%);
    opacity: 1; } }

@-webkit-keyframes flyinTopCentered {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(-50%);
    opacity: 1; } }

@-moz-keyframes flyinTopCentered {
  from {
    opacity: 0;
    -moz-transform: translateY(-100%); }
  to {
    -moz-transform: translateY(-50%);
    opacity: 1; } }

@-o-keyframes flyinTopCentered {
  from {
    opacity: 0;
    -o-transform: translateY(-100%); }
  to {
    -o-transform: translateY(-50%);
    opacity: 1; } }

@-ms-keyframes flyinTopCentered {
  from {
    opacity: 0;
    -ms-transform: translateY(-100%); }
  to {
    -ms-transform: translateY(-50%);
    opacity: 1; } }

@keyframes flyinTopCentered {
  from {
    opacity: 0;
    transform: translateY(-100%); }
  to {
    transform: translateY(-50%);
    opacity: 1; } }

@-webkit-keyframes flyinBottomCentered {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%); }
  to {
    -webkit-transform: translateY(-50%);
    opacity: 1; } }

@-moz-keyframes flyinBottomCentered {
  from {
    opacity: 0;
    -moz-transform: translateY(100%); }
  to {
    -moz-transform: translateY(-50%);
    opacity: 1; } }

@-o-keyframes flyinBottomCentered {
  from {
    opacity: 0;
    -o-transform: translateY(100%); }
  to {
    -o-transform: translateY(-50%);
    opacity: 1; } }

@-ms-keyframes flyinBottomCentered {
  from {
    opacity: 0;
    -ms-transform: translateY(100%); }
  to {
    -ms-transform: translateY(-50%);
    opacity: 1; } }

@keyframes flyinBottomCentered {
  from {
    opacity: 0;
    transform: translateY(100%); }
  to {
    transform: translateY(-50%);
    opacity: 1; } }
