/* http://meyerweb.com/eric/tools/css/reset/
       v2.0 | 20110126
       License: none (public domain)
    */

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        -webkit-text-size-adjust: 100%;
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

    /* HTML5 display-role reset for older browsers */

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

    body {
        line-height: 1;
    }

    ol,
    ul {
        list-style: none;
    }

    blockquote,
    q {
        quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

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

    @font-face {
        font-family: Lato-Black;
        src: url("../fonts/Lato-Black.eot");
        src: url("../fonts/Lato-Black?#iefix") format("embedded-opentype"), url("../fonts/Lato-Black.woff2") format("woff2"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: Lato-Bold;
        src: url("../fonts/Lato-Bold.eot");
        src: url("../fonts/Lato-Bold?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato-Bold.svg#Lato-Bold") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: Lato-Light;
        src: url("../fonts/Lato-Light.eot");
        src: url("../fonts/Lato-Light?#iefix") format("embedded-opentype"), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype"), url("../fonts/Lato-Light.svg#Lato-Light") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: Lato-Medium;
        src: url("../fonts/Lato-Medium.eot");
        src: url("../fonts/Lato-Medium?#iefix") format("embedded-opentype"), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff"), url("../fonts/Lato-Medium.ttf") format("truetype"), url("../fonts/Lato-Medium.svg#Lato-Medium") format("svg");
        font-weight: normal;
        font-style: normal;
    }

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

    @font-face {
        font-family: Lato-Thin;
        src: url("../fonts/Lato-Thin.eot");
        src: url("../fonts/Lato-Thin?#iefix") format("embedded-opentype"), url("../fonts/Lato-Thin.woff2") format("woff2"), url("../fonts/Lato-Thin.woff") format("woff"), url("../fonts/Lato-Thin.ttf") format("truetype"), url("../fonts/Lato-Thin.svg#Lato-Thin") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: Lato-Heavy;
        src: url("../fonts/Lato-Heavy.eot");
        src: url("../fonts/Lato-Heavy?#iefix") format("embedded-opentype"), url("../fonts/Lato-Heavy.woff2") format("woff2"), url("../fonts/Lato-Heavy.woff") format("woff"), url("../fonts/Lato-Heavy.ttf") format("truetype"), url("../fonts/Lato-Heavy.svg#Lato-Heavy") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: Lato-Semibold;
        src: url("../fonts/Lato-Semibold.eot");
        src: url("../fonts/Lato-Semibold?#iefix") format("embedded-opentype"), url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato-Semibold.svg#Lato-Semibold") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    ::-webkit-scrollbar {
        width: 12px;
        height: 12px;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    ::-webkit-scrollbar-track-piece {
        background: #b6c991;
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #78a81b;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #78a81b;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-text-size-adjust: 100%;
    }

    .fade {
        opacity: 0;
        -webkit-transition: opacity linear 0.25s;
        -moz-transition: opacity linear 0.25s;
        transition: opacity linear 0.25s;
    }

    .fade.in {
        opacity: 1;
    }

    body {
        background: #ffffff;
    }

    .wrapper {
        max-width: 1920px;
        min-width: 1200px;
        margin: auto;
        overflow: hidden;
    }

    .container {
        padding: 0 15px;
        width: 1200px;
        margin: auto;
    }

    .clearfix:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both;
        content: "";
        display: table;
    }

    .none {
        display: none!important;
    }

    input.error {
        border-color: red !important;
    }

    label.error {
        display: none!important;
    }

    /*!
    Animate.css - http://daneden.me/animate
    Licensed under the MIT license

    Copyright (c) 2013 Daniel Eden

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
    */

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

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

    .bounce {
        -webkit-animation-name: bounce;
        -moz-animation-name: bounce;
        animation-name: bounce;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .modal-open {
        overflow: hidden;
    }

    .modal {
        display: none;
        overflow: hidden;
        position: fixed;
        background: rgba(0, 0, 0, 0.91);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .modal-content {
        position: relative;
        background-color: #ffffff;
        border: 1px solid #999999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        outline: 0;
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background: rgba(0, 0, 0, 0.55);
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .modal-header .close {
        margin-top: -2px;
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll;
    }

    /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

    .fancybox-wrap,
    .fancybox-skin,
    .fancybox-outer,
    .fancybox-inner,
    .fancybox-image,
    .fancybox-wrap iframe,
    .fancybox-wrap object,
    .fancybox-nav,
    .fancybox-nav span,
    .fancybox-tmp {
        padding: 0;
        margin: 0;
        border: 0;
        outline: none;
        vertical-align: top;
    }

    .fancybox-wrap {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8020;
    }

    .fancybox-skin {
        position: relative;
        background: #f9f9f9;
        color: #444444;
        text-shadow: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .fancybox-opened {
        z-index: 8030;
    }

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

    .fancybox-outer,
    .fancybox-inner {
        position: relative;
    }

    .fancybox-inner {
        overflow: hidden;
    }

    .fancybox-type-iframe .fancybox-inner {
        -webkit-overflow-scrolling: touch;
    }

    .fancybox-error {
        color: #444444;
        margin: 0;
        padding: 15px;
        white-space: nowrap;
    }

    .fancybox-image,
    .fancybox-iframe {
        display: block;
        width: 100%;
        height: 100%;
    }

    .fancybox-image {
        max-width: 100%;
        max-height: 100%;
    }

    #fancybox-loading {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -22px;
        margin-left: -22px;
        background-image: url("../img/fancybox_loading.gif");
        background-position: 0 -108px;
        opacity: 0.8;
        cursor: pointer;
        z-index: 8060;
    }

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url("../img/fancybox_loading.gif") center center no-repeat;
    }

    .fancybox-close {
        position: absolute;
        cursor: pointer;
        z-index: 8040;
    }

    .fancybox-nav {
        position: absolute;
        top: 0;
        width: 40%;
        height: 100%;
        cursor: pointer;
        text-decoration: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        z-index: 8040;
    }

    .fancybox-prev {
        left: 0;
    }

    .fancybox-next {
        right: 0;
    }

    .fancybox-nav span {
        background: transparent;
        position: absolute;
        top: 50%;
        width: 64px;
        height: 64px;
        margin-top: -32px;
        cursor: pointer;
        z-index: 8040;
        visibility: hidden;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .fancybox-prev span {
        left: 0;
        border: 2px solid #91be39;
    }

    .fancybox-prev span:after {
        background: url("../img/sprite_slider-arrows.png") no-repeat -5px -5px;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin-left: -7px;
        width: 14px;
        height: 11px;
        margin-top: -6px;
    }

    .fancybox-next span {
        border: 2px solid #91be39;
        right: 0;
    }

    .fancybox-next span:after {
        background: url("../img/sprite_slider-arrows.png") no-repeat -29px -5px;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin-left: -7px;
        width: 14px;
        height: 11px;
        margin-top: -6px;
    }

    .fancybox-nav:hover span {
        visibility: visible;
    }

    .fancybox-tmp {
        position: absolute;
        top: -99999px;
        left: -99999px;
        visibility: hidden;
        max-width: 99999px;
        max-height: 99999px;
        overflow: visible !important;
    }

    /* Overlay helper */

    .fancybox-lock {
        overflow: hidden !important;
        width: auto;
    }

    .fancybox-lock body {
        overflow: hidden !important;
    }

    .fancybox-lock-test {
        overflow-y: hidden !important;
    }

    .fancybox-overlay {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        display: none;
        z-index: 8010;
        background: rgba(0, 0, 0, 0.8);
    }

    .fancybox-overlay-fixed {
        position: fixed;
        bottom: 0;
        right: 0;
    }

    .fancybox-lock .fancybox-overlay {
        /*overflow: auto;*/
        /*overflow-y: scroll;*/
    }

    /* Title helper */

    .fancybox-title {
        visibility: hidden;
        position: relative;
        text-shadow: none;
        z-index: 8050;
    }

    .fancybox-opened .fancybox-title {
        visibility: visible;
    }

    .fancybox-title-float-wrap {
        position: absolute;
        bottom: 0;
        right: 50%;
        margin-bottom: -35px;
        z-index: 8050;
        text-align: center;
    }

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222222;
        color: #ffffff;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

    .fancybox-title-outside-wrap {
        position: relative;
        margin-top: 10px;
        color: #ffffff;
    }

    .fancybox-title-inside-wrap {
        padding-top: 10px;
    }

    .fancybox-title-over-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #ffffff;
        padding: 10px;
        background: #000000;
        background: rgba(0, 0, 0, 0.8);
    }

    /*Retina graphics!*/

    .fancybox-close {

        background-image: url("../img/icon_close.png");
        position: absolute;
        top: -36px;
        right: 0px;
        width: 17px;
        height: 18px;
        cursor: pointer;
        z-index: 8040;
    }

    /* Slider */

    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir="rtl"] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    /* Slider */

    .slick-loading .slick-list {
        background: #ffffff url("../img/ajax-loader.gif") center center no-repeat;
    }

    /* Arrows */

    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        z-index: 100;
        position: absolute;
        top: 50%;
        display: block;
        width: 64px;
        height: 64px;
        margin-top: -32px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        border: 2px solid #91be39;
    }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        border: 2px solid #c8de9c;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-prev {
        left: -25px;
    }

    .slick-prev:after {
        background: url("../img/sprite_slider-arrows.png") no-repeat -5px -5px;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin-left: -7px;
        width: 14px;
        height: 11px;
        margin-top: -6px;
    }

    .slick-next {
        right: -25px;
    }

    .slick-next:after {
        background: url("../img/sprite_slider-arrows.png") no-repeat -29px -5px;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin-left: -7px;
        width: 14px;
        height: 11px;
        margin-top: -6px;
    }

    /* Dots */

    .slick-dots {
        position: absolute;
        bottom: -45px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none;
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1;
    }

    .slick-dots li button:before {
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: "";
        text-align: center;
        opacity: 0.25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slick-dots li.slick-active button:before {
        opacity: 0.75;
        color: black;
    }

    .modal {
        background: rgba(0, 0, 0, 0.8);
    }

    .popup {
        padding: 5px;
        width: 600px;
        min-height: 505px;
        left: 50%;
        top: 50%;
        margin-left: -300px;
        margin-top: -323px;
        background: #ffffff;
        text-align: center;
        position: absolute;
    }

    .popup__title {
        margin-top: 64px;
        text-transform: uppercase;
        color: #000000;
        font: 40px/40px Lato-Black, sans-serif;
    }

    .popup__descr {
        font: 24px Lato-Light, sans-serif;
        color: #000000;
    }

    .popup form {
        margin-top: 22px;
    }

    .popup form input {
        padding: 0 48px 0 28px;
        margin-bottom: 10px;
        background: #ffffff;
        font: 18px Lato-Light, sans-serif;
        color: #888888;
        height: 57px;
        border: 1px solid #eeeeee;
        width: 402px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .popup form input[type="submit"] {
        padding: 0;
        cursor: pointer;
        background: #91be39;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 244px;
        height: 76px;
        color: #ffffff;
        font: 21px/78px Lato-Bold, sans-serif;
        border: 0;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
    }

    .popup form i {
        position: relative;
        display: inline-block;
    }

    .popup form i:after {
        content: "*";
        position: absolute;
        color: #91be39;
        top: -10px;
        right: 30px;
    }

    .popup__lock {
        display: inline-block;
        background: url("../img/icon_lock.png") no-repeat 0 0;
        height: 15px;
        width: 13px;
        position: relative;
        top: 3px;
    }

    .popup__confi {
        margin-top: 10px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .popup__confi-info {
        padding: 11px 18px 12px 20px;
        border-right: 1px solid #eeeeee;
        color: #bbbbbb;
        font: 14px Lato-Light, sans-serif;
        display: inline-block;
    }

    .popup__close {
        display: block;
        background: url("../img/icon_close.png") no-repeat 0 0;
        height: 18px;
        width: 18px;
        position: absolute;
        margin-left: -9px;
        left: 50%;
        bottom: -50px;
        cursor: pointer;
    }

    .promo {
        background: #ffffff;
        min-height: 760px;
        position: relative;
    }

    .promo__slider {
        min-width: 1200px;
        position: relative;
        height: 757px;
        width: 100%;
    }

    .promo__slider .slick-dots {
        position: absolute;
        bottom: auto;
        left: 39px;
        display: block;
        top: 50%;
        margin-top: -45px;
        width: 20px;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .promo__slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: 0 5px 17px;
        padding: 0;
        cursor: pointer;
    }

    .promo__slider .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
    }

    .promo__slider .slick-dots li button:hover,
    .promo__slider .slick-dots li button:focus {
        outline: none;
    }

    .promo__slider .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 9px;
        height: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #c5dc99;
        opacity: 1;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .promo__slider .slick-dots li.slick-active button:before {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 7px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 7px;
        background: #91be39;
        opacity: 1;
        color: black;
        border: 0;
    }

    .promo__slide {
        position: relative;
        height: 757px;
        overflow: hidden;
    }

    .promo__slide-bg {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .promo__slide-overlay {
        background: -webkit-gradient(linear, left top, right top, color-stop(42%, #fafafa), to(rgba(250, 250, 250, 0)));
        background: -webkit-linear-gradient(left, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        background: -moz-linear-gradient(left, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        background: linear-gradient(to right, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

    .promo__slide-overlay .container {
        padding-top: 185px;
    }

    .promo__slide-content {
        width: 800px;
    }

    .promo__slide-content h1 {
        margin-left: -15px;
        text-transform: uppercase;
        color: #000000;
        font: 125px/125px Lato-Thin, sans-serif;
    }

    .promo__slide-content h2 {
        margin-left: -2px;
        text-transform: uppercase;
        color: #000000;
        font: 40px Lato-Semibold, sans-serif;
    }

    .promo__slide-content h4 {
        color: #000000;
        position: relative;
        font: 24px Lato-Light, sans-serif;
        margin-top: 29px;
        letter-spacing: 0.07em;
        padding-left: 70px;
    }

    .promo__slide-content h4:before {
        height: 1px;
        width: 52px;
        background: #91be39;
        position: absolute;
        top: 50%;
        content: "";
        left: -20px;
    }

    .promo__slide-info {
        margin-top: 83px;
        width: 613px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .promo__slide-btn {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 76px;
        width: 233px;
        background: #91be39;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
        text-align: center;
        text-decoration: none;
    }

    .promo__slide-btn span {
        display: inline-block;
        padding: 0 27px 0 14px;
        color: #ffffff;
        font: 21px/79px Lato-Bold, sans-serif;
        position: relative;
    }

    .promo__slide-btn span:after {
        width: 13px;
        height: 6px;
        content: "";
        top: 38px;
        right: 0;
        position: absolute;
        background: url("../img/icon_white-arrow-small.png") no-repeat 0 0;
    }

    .promo__slide-descr {
        width: 302px;
        border-right: 1px solid #91be39;
        color: #777777;
        font: 17px/26px Lato-Regular, sans-serif;
    }

    .header {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 110px;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        min-width: 1200px;
        position: absolute;
    }

    .header__logo {
        margin-left: 25px;
        margin-top: 25px;
    }

    .header__descr {
        position: absolute;
        top: 0;
        padding-top: 39px;
        left: 50%;
        height: 110px;
        width: 540px;
        text-align: center;
        margin-left: -278px;
        color: #777777;
        font: 16px/20px Lato-Regular, sans-serif;
    }

    .header__callback {
        text-align: right;
        margin-right: 48px;
        margin-top: 30px;
    }

    .header__phone {
        font: 24px/20px Lato-Regular, sans-serif;
        margin-bottom: 9px;
        color: #ffffff;
        text-decoration: none;
    }

    .header__btn {
        font: 18px/20px Lato-Bold, sans-serif;
        color: #ffffff;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }

    .header__btn:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 28px;
        background: #ffffff;
        top: 50%;
        left: -47px;
    }

    .hot {
        background: #ffffff;
    }

    .hot .container {
        position: relative;
        padding-top: 78px;
        padding-bottom: 10px;
        z-index: 1;
    }

    .hot__title {
        padding: 0 28px 8px;
        font: 36px/46px Lato-Bold, sans-serif;
        color: #000000;
        width: 585px;
        border-left: 1px solid #91be39;
    }

    .hot__slider {
        position: static;
        width: 100%;
        margin-top: 60px;
        height: 370px;
        margin-bottom: 0;
    }

    .hot__slide {
        height: 100%;
    }

    .hot__slide-image {
        height: 300px;
        width: 600px;
        position: relative;
    }

    .hot__slide-btn {
        font: 16px/60px Lato-Bold, sans-serif;
        text-decoration: none;
        position: absolute;
        z-index: 3;
        left: 50%;
        background: #91be39;
        text-align: center;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        bottom: -28px;
        height: 56px;
        width: 200px;
        margin-left: -115px;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
    }

    .hot__slide-list {
        padding-top: 16px;
        height: 100%;
        width: 500px;
        margin-left: 48px;
    }

    .hot__slide-list h3 {
        color: #444444;
        font: 24px/26px Lato-Bold, sans-serif;
        margin-bottom: 10px;
    }

    .hot__slide-list li {
        padding-left: 21px;
        color: #444444;
        font: 17px/34px Lato-Light, sans-serif;
        position: relative;
    }

    .hot__slide-list li:before {
        background: #91be39;
        height: 5px;
        width: 5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        content: "";
        top: 14px;
        left: 2px;
    }

    .hot__slider .hot__slide {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 370px;
    }

    .hot__slider .slick-prev {
        top: 127px;
        left: auto;
        right: 99px;
    }

    .hot__slider .slick-next {
        top: 127px;
        right: 14px;
    }

    .about {
        background: #ffffff;
    }

    .about .container {
        position: relative;
        padding-top: 20px;
        padding-bottom: 70px;
        z-index: 0;
    }

    .about__bg-left {
        position: absolute;
        left: -380px;
        top: -186px;
    }

    .about__bg-right {
        position: absolute;
        top: 19px;
        left: 484px;
    }

    .about__content {
        padding-left: 26px;
        margin-top: 49px;
        width: 457px;
        text-align: justify;
        color: #666666;
        border-left: 2px solid #91be3a;
        font: 17px/30px Lato-Regular, sans-serif;
    }

    .about__content .name {
        display: inline;
        font: 24px/30px Lato-Bold, sans-serif;
    }

    .about__content .green {
        display: inline;
        color: #91be39;
    }

    .with-us {
        background: #ffffff;
    }

    .with-us .container {
        padding-top: 70px;
        padding-bottom: 73px;
    }

    .with-us__title {
        color: #000000;
        font: 36px/46px Lato-Bold, sans-serif;
        border-left: 1px solid #91be39;
        padding: 0 28px 9px;
    }

    .with-us__list {
        padding: 0 22px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .with-us__item {
        width: 140px;
        margin: 0 10px;
    }

    .with-us__item-image {
        height: 96px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
    }

    .with-us__item-image img {
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
        opacity: 0.8;
    }

    .with-us__item-image:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }

    .with-us__item-text {
        font: 17px/24px Lato-Regular, sans-serif;
        color: #666666;
        text-align: center;
    }

    .with-us__item-text b {
        display: inline;
        font-family: Lato-Bold, sans-serif;
    }

    .product {
        border-top: 1px solid #eeeeee;
        background: #ffffff;
    }

    .product-title .container {
        padding-top: 83px;
        padding-bottom: 30px;
        text-align: center;
        position: relative;
    }

    .product-title__bg-picture {
        position: absolute;
        right: -391px;
        top: -100px;
    }

    .product-title h3 {
        font: 40px/50px Lato-Heavy, sans-serif;
        color: #000000;
    }

    .product-title h2 {
        font: 40px/50px Lato-Heavy, sans-serif;
        color: #7faa2b;
    }

    .product-outer .container {
        padding-top: 31px;
        padding-bottom: 27px;
    }

    .product-outer__title {
        position: relative;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
        font: 30px Lato-Thin, sans-serif;
    }

    .product-outer__title:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-outer__title:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-outer__list {
        margin-top: 31px;
        margin-left: -4px;
        margin-right: -4px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 210px;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product-outer__list li {
        width: 393px;
        padding: 0 5px;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .product-outer__list span {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        text-transform: uppercase;
        color: #ffffff;
        font: 15px/43px Lato-Semibold, sans-serif;
        letter-spacing: 0.075em;
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #78a81b), color-stop(75%, rgba(120, 168, 27, 0)));
        background: -webkit-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: -moz-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: linear-gradient(to right, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        padding: 0 20px;
    }

    .product-outer__image {
        width: 100%;
        height: 210px;
        display: block;
        position: relative;
    }

    .product-outer__image:hover .product-outer__image-hover {
        opacity: 1;
    }

    .product-outer__image-hover {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 16, 0, 0.8);
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .product-outer__consult {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 155px;
    }

    .product-outer__consult-text {
        margin-top: 5px;
        padding: 15px 33px 16px 0;
        position: relative;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

    .product-outer__consult-text:after {
        background: url("../img/big-grey-arrow.png") no-repeat 0 0;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 57px;
        height: 113px;
        margin-top: -57px;
        right: -65px;
    }
    .product-auto__consult-text h2,
    .product-inner__consult-text h2,
    .product-outer__consult-text h2 {
        color: #000000;
        font: 24px/26px Lato-Bold, sans-serif;
        text-transform: uppercase;
    }
    .product-auto__consult-text p,
    .product-inner__consult-text p,
    .product-outer__consult-text p {
        color: #444444;
        font: 18px Lato-Regular, sans-serif;
    }

    .product-auto__form input[type="tel"],
    .product-inner__form input[type="tel"],
    .product-outer__form input[type="tel"] {
        border: 1px solid #eeeeee;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 281px;
        height: 56px;
        color: #666666;
        font: 17px Lato-Light, sans-serif;
        padding: 1px 24px 0;
        display: inline-block;
    }
    .product-auto__form i,
    .product-inner__form i,
    .product-outer__form i {
        position: relative;
        display: inline-block;
    }
    .product-auto__form i:after,
    .product-inner__form i:after,
    .product-outer__form i:after {
        content: "*";
        position: absolute;
        color: #666666;
        top: -8px;
        right: 20px;
    }
    .product-auto__form input[type="submit"],
    .product-inner__form input[type="submit"],
    .product-outer__form input[type="submit"] {
        position: relative;
        top: -1px;
        cursor: pointer;
        background: #91be39;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-left: 16px;
        width: 200px;
        height: 56px;
        color: #ffffff;
        font: 16px Lato-Bold, sans-serif;
        border: 0;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
    }

    .product-inner .container {
        padding-top: 31px;
        padding-bottom: 27px;
        position: relative;
    }

    .product-inner__bg-picture {
        position: absolute;
        left: -380px;
        top: -95px;
    }

    .product-inner__title {
        position: relative;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
        font: 30px Lato-Thin, sans-serif;
    }

    .product-inner__title:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-inner__title:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-inner__list {
        margin-top: 31px;
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: 0;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 210px;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product-inner__list li {
        width: 393px;
        padding: 0 5px;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .product-inner__list span {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        text-transform: uppercase;
        color: #ffffff;
        font: 15px/43px Lato-Semibold, sans-serif;
        letter-spacing: 0.075em;
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #78a81b), color-stop(75%, rgba(120, 168, 27, 0)));
        background: -webkit-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: -moz-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: linear-gradient(to right, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        padding: 0 20px;
    }

    .product-inner__image {
        width: 100%;
        height: 210px;
        display: block;
        position: relative;
    }

    .product-inner__image:hover .product-inner__image-hover {
        opacity: 1;
    }

    .product-inner__image-hover {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 16, 0, 0.8);
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .product-inner__consult {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 155px;
    }

    .product-inner__consult-text {
        margin-top: 5px;
        padding: 15px 23px 16px 0;
        position: relative;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

    .product-inner__consult-text:after {
        background: url("../img/big-grey-arrow.png") no-repeat 0 0;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 57px;
        height: 113px;
        margin-top: -57px;
        right: -65px;
    }

    /*.product-inner__consult-text h2 {*/
        /*color: #000000;*/
        /*letter-spacing: 0.01em;*/
        /*font: 24px/26px Lato-Bold, sans-serif;*/
        /*text-transform: uppercase;*/
    /*}*/

    /*.product-inner__consult-text p {*/
        /*color: #444444;*/
        /*font: 18px Lato-Regular, sans-serif;*/
    /*}*/

    /*.product-inner__form input[type="tel"] {*/
        /*border: 1px solid #eeeeee;*/
        /*-webkit-border-radius: 3px;*/
        /*-moz-border-radius: 3px;*/
        /*border-radius: 3px;*/
        /*width: 281px;*/
        /*height: 56px;*/
        /*color: #666666;*/
        /*font: 17px Lato-Light, sans-serif;*/
        /*padding: 0 24px;*/
        /*display: inline-block;*/
    /*}*/
    /*.product-inner__form i {*/
        /*position: relative;*/
        /*display: inline-block;*/
    /*}*/

    /*.product-inner__form i:after {*/
        /*content: "*";*/
        /*position: absolute;*/
        /*color: #666666;*/
        /*top: -8px;*/
        /*right: 20px;*/
    /*}*/

    /*.product-inner__form input[type="submit"] {*/
        /*cursor: pointer;*/
        /*background: #91be39;*/
        /*-webkit-border-radius: 3px;*/
        /*-moz-border-radius: 3px;*/
        /*border-radius: 3px;*/
        /*margin-left: 16px;*/
        /*width: 200px;*/
        /*height: 56px;*/
        /*color: #ffffff;*/
        /*font: 16px Lato-Bold, sans-serif;*/
        /*border: 0;*/
        /*-webkit-box-shadow: 0 15px 45px 0 #c0d29c;*/
        /*-moz-box-shadow: 0 15px 45px 0 #c0d29c;*/
        /*box-shadow: 0 15px 45px 0 #c0d29c;*/
    /*}*/

    .product-auto .container {
        padding-top: 31px;
        padding-bottom: 52px;
        position: relative;
    }

    .product-auto__bg-picture {
        position: absolute;
        right: -398px;
        top: 104px;
    }

    .product-auto__title {
        position: relative;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        color: #666666;
        font: 30px Lato-Thin, sans-serif;
    }

    .product-auto__title:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-auto__title:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1px;
        height: 1px;
        width: 90px;
        background: #91be39;
    }

    .product-auto__list {
        margin-top: 31px;
        margin-left: -4px;
        margin-right: -4px;
        margin-bottom: 0;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 210px;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .product-auto__list li {
        width: 393px;
        padding: 0 5px;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .product-auto__list span {
        position: absolute;
        /*left: 5px;*/
        width: 100%;
        bottom: 0;
        text-transform: uppercase;
        color: #ffffff;
        font: 15px/43px Lato-Semibold, sans-serif;
        letter-spacing: 0.075em;
        display: block;
        background: -webkit-gradient(linear, left top, right top, color-stop(30%, #78a81b), color-stop(75%, rgba(120, 168, 27, 0)));
        background: -webkit-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: -moz-linear-gradient(left, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        background: linear-gradient(to right, #78a81b 30%, rgba(120, 168, 27, 0) 75%);
        padding: 0 20px;
    }

    .product-auto__image {
        width: 100%;
        height: 210px;
        display: block;
        position: relative;
    }

    .product-auto__image:hover .product-auto__image-hover {
        opacity: 1;
    }

    .product-auto__image-hover {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(11, 16, 0, 0.8);
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .product-auto__consult {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 155px;
    }

    .product-auto__consult-text {
        margin-top: 5px;
        padding: 15px 33px 16px 0;
        position: relative;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

    .product-auto__consult-text:after {
        background: url("../img/big-grey-arrow.png") no-repeat 0 0;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        width: 57px;
        height: 113px;
        margin-top: -57px;
        right: -65px;
    }

    /*.product-auto__consult-text h2 {*/
        /*color: #000000;*/
        /*font: 24px/26px Lato-Bold, sans-serif;*/
        /*text-transform: uppercase;*/
    /*}*/

    /*.product-auto__consult-text p {*/
        /*color: #444444;*/
        /*letter-spacing: 0.02em;*/
        /*font: 18px Lato-Regular, sans-serif;*/
    /*}*/

    /*.product-auto__form input[type="tel"] {*/
        /*border: 1px solid #eeeeee;*/
        /*-webkit-border-radius: 3px;*/
        /*-moz-border-radius: 3px;*/
        /*border-radius: 3px;*/
        /*width: 281px;*/
        /*height: 56px;*/
        /*color: #666666;*/
        /*font: 17px Lato-Light, sans-serif;*/
        /*padding: 0 24px;*/
        /*display: inline-block;*/
    /*}*/

    /*.product-auto__form i {*/
        /*position: relative;*/
        /*display: inline-block;*/
    /*}*/

    /*.product-auto__form i:after {*/
        /*content: "*";*/
        /*position: absolute;*/
        /*color: #666666;*/
        /*top: -8px;*/
        /*right: 20px;*/
    /*}*/

    /*.product-auto__form input[type="submit"] {*/
        /*cursor: pointer;*/
        /*background: #91be39;*/
        /*-webkit-border-radius: 3px;*/
        /*-moz-border-radius: 3px;*/
        /*border-radius: 3px;*/
        /*margin-left: 16px;*/
        /*width: 200px;*/
        /*height: 56px;*/
        /*color: #ffffff;*/
        /*font: 16px Lato-Bold, sans-serif;*/
        /*border: 0;*/
        /*-webkit-box-shadow: 0 15px 45px 0 #c0d29c;*/
        /*-moz-box-shadow: 0 15px 45px 0 #c0d29c;*/
        /*box-shadow: 0 15px 45px 0 #c0d29c;*/
    /*}*/

    .product-inner__list .slick-prev,
    .product-auto__list .slick-prev {
        left: -100px;
    }

    .product-inner__list .slick-next,
    .product-auto__list .slick-next {
        right: -100px;
    }

    .feature {
        background: #fcfcfc;
    }

    .feature .container {
        padding-top: 92px;
        position: relative;
        padding-bottom: 10px;
    }

    .feature__bg-picture {
        position: absolute;
        left: -375px;
        top: 222px;
    }

    .feature__title {
        padding: 0 30px 7px;
        color: #000000;
        font: 36px/47px Lato-Bold, sans-serif;
        border-left: 1px solid #91be39;
    }

    .feature__list {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 72px;
    }

    .feature__list li {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 505px;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 66px;
    }

    .feature__list-image {
        padding-left: 3px;
    }

    .feature__list-image:hover img {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    .feature__list-image img {
        -webkit-transition: all ease 0.8s;
        -moz-transition: all ease 0.8s;
        transition: all ease 0.8s;
    }

    .feature__list-text {
        width: 403px;
    }

    .feature__list-text h4 {
        color: #89b72f;
        font: 24px/24px Lato-Heavy, sans-serif;
        margin-bottom: 17px;
    }

    .feature__list-text p {
        color: #666666;
        font: 17px/24px Lato-Regular, sans-serif;
    }

    .document {
        border-top: 1px solid #eeeeee;
        background: #fcfcfc;
    }

    .document .container {
        padding-top: 91px;
        position: relative;
        padding-bottom: 48px;
    }

    .document .container:after {
        content: "";
        display: table;
        clear: both;
    }

    .document__bg-picture {
        position: absolute;
        right: -403px;
        top: -145px;
    }

    .document__title {
        float: left;
        color: #000000;
        font: 36px/46px Lato-Bold, sans-serif;
        width: 370px;
        padding: 0 30px 10px;
        border-left: 1px solid #91be39;
    }

    .document__slider {
        margin-top: 7px;
        float: right;
        width: 780px;
        height: 300px;
    }

    .document__slide {
        text-align: right;
    }

    .document__slide-doc {
        position: relative;
        display: inline-block;
        height: 297px;
        border: 4px solid #85b723;
    }

    .document__slide-doc:hover .document__slide-hover {
        opacity: 1;
    }

    .document__slide-hover {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 4px solid transparent;
        background: rgba(11, 16, 0, 0.8);
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        transition: all ease 0.4s;
    }

    .document .slick-slider {
        position: static;
    }

    .document .slick-slider .slick-prev {
        left: 16px;
        top: 364px;
    }

    .document .slick-slider .slick-next {
        left: 100px;
        top: 364px;
    }

    .gift {
        background: url("../img/bg_gift.jpg") no-repeat top center;
        -moz-background-size: cover;
        background-size: cover;
        min-height: 505px;
        position: relative;
        z-index: 1;
    }

    .gift .container {
        text-align: center;
        padding-top: 93px;
    }

    .gift h1 {
        text-transform: uppercase;
        color: #ffffff;
        letter-spacing: 0.015em;
        font: 55px/60px Lato-Light, sans-serif;
    }

    .gift h2 {
        margin-top: 4px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #ffffff;
        font: 40px/60px Lato-Medium, sans-serif;
    }

    .gift p {
        color: #ffffff;
        margin-top: 20px;
        font: 22px/32px Lato-Regular, sans-serif;
        letter-spacing: 0.025em;
    }

    .gift__btn {
        background: #ffffff;
        text-decoration: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 77px;
        width: 234px;
        -webkit-box-shadow: 0 15px 45px 0 #6d8145;
        -moz-box-shadow: 0 15px 45px 0 #6d8145;
        box-shadow: 0 15px 45px 0 #6d8145;
        margin: 30px auto 0;
        text-align: center;
    }

    .gift__btn span {
        display: inline-block;
        padding: 0 27px 0 14px;
        color: #739829;
        font: 21px/79px Lato-Bold, sans-serif;
        position: relative;
    }

    .gift__btn span:after {
        width: 13px;
        height: 6px;
        content: "";
        top: 38px;
        right: 0;
        position: absolute;
        background: url("../img/icon_green-arrow-small.png") no-repeat 0 0;
    }

    .cooperation {
        background: url("../img/bg_cooperation-list.png") no-repeat center bottom;
    }

    .cooperation .container {
        padding-top: 85px;
        min-height: 918px;
        position: relative;
    }

    .cooperation__bg-picture {
        position: absolute;
        top: -1px;
        right: -385px;
    }

    .cooperation__title {
        padding-left: 28px;
        padding-bottom: 7px;
        width: 475px;
        color: #000000;
        font: 36px/46px Lato-Bold, sans-serif;
        border-left: 1px solid #91be39;
    }

    .cooperation__list {
        width: 100%;
        position: absolute;
        z-index: 1;
        top: 120px;
        height: 850px;
    }

    .cooperation__item-1 {
        bottom: 50%;
        position: absolute;
        left: 0;
    }

    .cooperation__item-2 {
        position: absolute;
        bottom: 50%;
        left: 586px;
    }

    .cooperation__item-3 {
        position: absolute;
        top: 50%;
        margin-top: 2px;
        left: 0;
    }

    .cooperation__item-4 {
        position: absolute;
        top: 50%;
        margin-top: 2px;
        left: 586px;
    }

    .cooperation__item-text {
        position: absolute;
        padding: 20px 31px;
        width: 100%;
    }

    .cooperation__item-text .number {
        color: #91be39;
        font: 45px/58px Lato-Black, sans-serif;
    }

    .cooperation__item-text p {
        color: #ffffff;
        font: 20px/30px Lato-Regular, sans-serif;
    }

    .cooperation__item-text .small {
        color: #ffffff;
        display: inline;
        font: 16px/30px Lato-Regular, sans-serif;
    }

    .cooperation__item-text .phone {
        display: inline;
        text-decoration: none;
        color: #ffffff;
    }

    .cooperation__item-text .link {
        text-decoration: none;
        display: inline-block;
        border-bottom: 1px solid #91be39;
        color: #91be39;
        font: 20px/30px Lato-Regular, sans-serif;
    }

    .cooperation__item-text .link:hover {
        border: 0;
    }

    .cooperation__item-1 .cooperation__item-text,
    .cooperation__item-2 .cooperation__item-text {
        bottom: 0;
    }

    .cooperation__item-3 .cooperation__item-text,
    .cooperation__item-4 .cooperation__item-text {
        top: 0;
    }

    .offer {
        background: url("../img/bg_gift.jpg") no-repeat top center;
        -moz-background-size: cover;
        background-size: cover;
        min-height: 505px;
    }

    .offer .container {
        text-align: center;
        padding-top: 93px;
    }

    .offer h1 {
        text-transform: uppercase;
        color: #ffffff;
        letter-spacing: 0.015em;
        font: 55px/60px Lato-Light, sans-serif;
    }

    .offer h2 {
        margin-top: 4px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #ffffff;
        font: 40px/60px Lato-Medium, sans-serif;
    }

    .offer p {
        color: #ffffff;
        margin-top: 20px;
        font: 22px/32px Lato-Regular, sans-serif;
        letter-spacing: 0.025em;
    }

    .offer__btn {
        background: #ffffff;
        text-decoration: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 77px;
        width: 234px;
        -webkit-box-shadow: 0 15px 45px 0 #6d8145;
        -moz-box-shadow: 0 15px 45px 0 #6d8145;
        box-shadow: 0 15px 45px 0 #6d8145;
        margin: 30px auto 0;
        text-align: center;
    }

    .offer__btn span {
        display: inline-block;
        padding: 0 27px 0 14px;
        color: #739829;
        font: 21px/79px Lato-Bold, sans-serif;
        position: relative;
    }

    .offer__btn span:after {
        width: 13px;
        height: 6px;
        content: "";
        top: 38px;
        right: 0;
        position: absolute;
        background: url("../img/icon_green-arrow-small.png") no-repeat 0 0;
    }

    .map {
        position: relative;
    }

    .map iframe {
        position: absolute;
        top: 0;
        right: 0;
    }

    .contacts {
        position: relative;
        background: -webkit-gradient(linear, left top, right top, color-stop(32%, #fafafa), to(rgba(250, 250, 250, 0)));
        background: -webkit-linear-gradient(left, #fafafa 32%, rgba(250, 250, 250, 0) 100%);
        background: -moz-linear-gradient(left, #fafafa 32%, rgba(250, 250, 250, 0) 100%);
        background: linear-gradient(to right, #fafafa 32%, rgba(250, 250, 250, 0) 100%);
    }

    .contacts .container {
        min-height: 495px;
        padding-top: 1px;
    }

    .contacts__content {
        margin-top: 72px;
        padding-left: 39px;
        width: 400px;
        border-left: 1px solid #91be39;
    }

    .contacts__title {
        font: 36px/46px Lato-Bold, sans-serif;
        color: #000000;
    }

    .contacts__address {
        margin-top: 12px;
        color: #82ac2f;
        font: 20px/30px Lato-Regular, sans-serif;
    }

    .contacts__bilding {
        margin-bottom: 12px;
        color: #666666;
        font: 17px/30px Lato-Light, sans-serif;
    }

    .contacts__phone {
        text-decoration: none;
        display: inline-block;
        color: #000000;
        font: 24px/40px Lato-Light, sans-serif;
    }

    .contacts__email {
        display: inline-block;
        text-decoration: none;
        color: #000000;
        font: 22px/41px Lato-Thin, sans-serif;
    }

    .footer {
        width: 100%;
        height: 70px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#7d9e3b));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #7d9e3b 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #7d9e3b 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #7d9e3b 100%);
    }

    .footer .container {
        padding-top: 3px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
    }

    .footer__text {
        color: #ffffff;
        font: 20px Lato-Medium, sans-serif;
    }

    .footer__btn {
        text-decoration: none;
        color: #ffffff;
        margin-left: 10px;
        font: 20px Lato-Medium, sans-serif;
        display: inline-block;
        border-bottom: 1px solid #ffffff;
    }

    .footer__btn:hover {
        border: 0;
    }

    .thanks {
        position: relative;
        background: url("../img/bg_thanks.jpg") no-repeat top right;
        /*min-height: 957px;*/
        min-height: 100vh;
        background-size: cover;
    }
    .thanks__overlay {
        background: -webkit-gradient(linear, left top, right top, color-stop(42%, #fafafa), to(rgba(250, 250, 250, 0)));
        background: -webkit-linear-gradient(left, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        background: -moz-linear-gradient(left, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        background: linear-gradient(to right, #fafafa 42%, rgba(250, 250, 250, 0) 100%);
        position: relative;
        z-index: 2;
        width: 100%;
        /*min-height: 957px;*/
        min-height: 100vh;
    }

    .thanks__overlay .container {
        padding-top: 305px;
    }

    .thanks__overlay h1 {
        margin-left: -15px;
        text-transform: uppercase;
        color: #000000;
        font: 125px/125px Lato-Thin, sans-serif;
    }

    .thanks__overlay h4 {
        color: #000000;
        position: relative;
        font: 24px Lato-Light, sans-serif;
        margin-top: 16px;
        letter-spacing: 0.07em;
        padding-left: 95px;
    }

    .thanks__overlay h4:before {
        height: 1px;
        width: 52px;
        background: #91be39;
        position: absolute;
        top: 50%;
        content: "";
        left: 0;
    }

    .thanks__info {
        margin-top: 83px;
        width: 613px;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .thanks__btn {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 76px;
        width: 233px;
        background: #91be39;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
        text-align: center;
        text-decoration: none;
    }

    .thanks__btn span {
        display: inline-block;
        padding: 0 27px 0 14px;
        color: #ffffff;
        font: 21px/79px Lato-Bold, sans-serif;
        position: relative;
    }

    .thanks__btn span:after {
        width: 13px;
        height: 6px;
        content: "";
        top: 38px;
        right: 0;
        position: absolute;
        background: url("../img/icon_white-arrow-small.png") no-repeat 0 0;
    }

    .thanks__descr {
        width: 302px;
        border-right: 1px solid #91be39;
        color: #777777;
        font: 17px/26px Lato-Regular, sans-serif;
    }

    .posts-list {
        padding-top: 40px;
    }
    .btn-article {
        display: inline-block;
        font: 14px/40px Lato-Bold, sans-serif;
        text-decoration: none;
        background: #91be39;
        text-align: center;
        color: #ffffff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 40px;
        width: 160px;
        -webkit-box-shadow: 0 15px 45px 0 #c0d29c;
        -moz-box-shadow: 0 15px 45px 0 #c0d29c;
        box-shadow: 0 15px 45px 0 #c0d29c;
    }
    .header-inside {
        position: relative;
    }
    .header-inside .header__btn,
    .header-inside .header__phone {
        color: #777;
    }
    .header-inside .header__btn:before {
        background: #777;
    }
    .post {
        overflow: hidden;
        padding-bottom: 30px;
    }
    .post + .post {
        margin-top: 30px;
    }
    .post .feature__title {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
    .post .feature__title a {
        text-decoration: none;
        color: #000000;
        font: 26px/36px Lato-Bold, sans-serif;
    }
    .post .thumb {
        float: left;
        width: 150px;
    }
    .post .anons-text {
        float: left;
        width: calc(100% - 150px);
        padding-left: 30px;
    }
    .anons-content {
        color: #666666;
        font: 17px/24px Lato-Regular, sans-serif;
        margin-bottom: 20px;
    }
    .single-article {
        font: 17px/24px Lato-Regular, sans-serif;
        color: #666666;
    }
    .single-article p {
        margin-bottom: 20px;
    }
    .single-article h1 {
        font: 30px/40px Lato-Bold, sans-serif;
        margin-bottom: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .block-single {
        padding: 50px 0;
    }


    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        /*background-image: url("/fancybox_sprite@2x.png");*/
        /*-moz-background-size: 44px 152px;*/
        /*background-size: 44px 152px; *//*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url("../img/fancybox_loading.gif");
        -moz-background-size: 24px 24px;
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }

    }


    @media (min-width: 768px) {

        .modal-dialog {
            width: 600px;
            margin: 30px auto;
        }

        .modal-sm {
            width: 300px;
        }

    }

    @media (min-width: 992px) {

        .modal-lg {
            width: 900px;
        }

    }

    @media (max-width: 1400px) {

        .promo__slider .slick-dots {
            top: auto;
            bottom: 0;
            width: 71px;
            left: 50%;
            margin-left: -35px;
        }
    }
    @media (max-width: 1200px) {
        .wrapper {
             /*min-width: 1200px;*/
             min-width: 100%;
        }
        .container {
            width: 100%;
        }
        .header {
            /*width: 100%;*/
            min-width: 100%;
        }
        .header__descr {
            width: 41%;
            padding-left: 40px;
            position: relative;
            left: 15%;
        }
        .header__callback {
            margin-top: 45px;
        }
        .promo {
            height: auto;
            min-height: auto;
        }
        .promo__slider {
            min-width: 100%;
            /*height: 670px;*/
            height: 100%;

        }
        .promo__slider .slick-list{
            height: 100%;
            /*height: auto;*/

        }
        .promo__slide {
            /*height: 100%;*/
        }
        .promo__slider .slick-track {
            height: 100%;
        }
        .promo__slider .slick-slide img {
            height: 100%;
        }

        .hot__slider {
            margin-top: 40px;
        }
        .hot__slide-list {
            padding-top: 0;
            margin-left: 20px;
        }
        .hot__slide-list li {
            padding-left: 18px;
            font: 16px/28px Lato-Light, sans-serif;
        }
        .hot__slide-list li:before {
            top: 10px;
        }
        .hot__slider .slick-next,
        .hot__slider .slick-prev {
            top: 90px;
        }
        .product-outer__consult-text,
        .product-inner__consult-text,
        .product-auto__consult-text {
            padding-right: 0;
        }
        .product-outer__consult-text h2,
        .product-inner__consult-text h2,
        .product-auto__consult-text h2 {
            font: 20px/26px Lato-Bold, sans-serif;
        }
        .product-outer__consult-text p,
        .product-inner__consult-text p,
        .product-auto__consult-text p {
            font-size: 15px;
            letter-spacing: 0;
        }
        .product-outer__form  ,
        .product-inner__form ,
        .product-auto__form {
            width: 46%;
        }
        .product-outer__form input[type="tel"] ,
        .product-inner__form input[type="tel"],
        .product-auto__form input[type="tel"] {
            width: 47%;
            padding: 2px 15px 0;
            font-size: 15px;
        }

        .gift .container,
        .hot .container,
        .document .container,
        .offer .container,
        .feature .container {
            padding-top: 50px;
        }
        .feature__list {
            margin-top: 50px;
        }
        .feature__list li {
            margin-bottom: 40px;
            width: 48%;
        }
        .feature__list-image {
            padding-right: 10px;
        }
        .feature__list-text {
            width: 82%;
        }

        .document__title {
            width: 100%;
            margin-bottom: 20px;
        }

        .document .slick-slider .slick-next,
        .document .slick-slider .slick-prev {
            bottom: 50px;
            top: auto;
        }
        .document .slick-slider .slick-prev {
            left: 5%;
        }
        .document .slick-slider .slick-next {
            left: 12%;
        }

        .offer,
        .gift {
            min-height: 430px;
        }
        .cooperation .wow {
            width: 48%;
        }
        .cooperation .wow img {
            width: 100%;
        }

        .cooperation__item-1 {

        }
        .cooperation__item-2 {
            left: 48%;
            margin-left: 2px;
        }
        .cooperation__item-3 {}
        .cooperation__item-4 {
            left: 48%;
            margin-left: 2px;
            overflow: hidden;
        }
        .cooperation__item-4.wow  img {
            width: 110%;
            margin-bottom: -1px;
        }
        .cooperation__item-text p {
            font: 16px/22px Lato-Regular, sans-serif;
        }

        .thanks__overlay h1 {
            padding-left: 10px;
        }

        .popup {
            top: 30px;
            margin-top: 0;
            margin-bottom: 60px;
        }
    }

    @media (max-width: 992px) {
        .header__logo {
            width: 200px;
            margin: 15px;
        }
        .header__logo img {
            width: 100%;
        }
        .header__callback {
            margin-right: 15px;
        }
        .promo {
            /*height: auto;*/
            /*min-height: auto;*/
        }
        .promo__slider {
            height: auto;
        }
        .promo__slide {
            /*height: auto;*/
            height: 610px;
        }
        .promo__slide-overlay .container {
            padding-top: 17vw;
        }

        .promo__slide-content {
            width: 100%;
        }
        .promo__slide-content h1 {
            margin-left: 0;
            font: 12vw/16vw Lato-Thin, sans-serif;
        }
        .promo__slide-content h2 {
            font-size: 4vw;
        }

        .thanks__overlay h4:before,
        .promo__slide-content h4:before {
            left: 0;
        }
        .promo__slide-info {
            margin-top: 50px;
        }
        .hot__slide-image {
            height: 310px;
            width: 100%;
        }
        .hot__slide-image img {
            width: 100%;
            height: auto;
        }
        .hot__slide-btn {
            bottom: 0;
        }
        .hot__slide-list {
            margin-right: 10px;
        }
        .hot__slide-list li {
            font: 15px/24px Lato-Light, sans-serif;
        }

        .about .container {
            padding-bottom: 30px;
        }
        .about__content {
            width: 50%;
        }
        .about__bg-right {
            top: auto;
            left: 48%;
            height: 80%;
            bottom: 33px;
        }
        .product-auto__consult,
        .product-inner__consult,
        .product-outer__consult {
            display: block;
            min-height: 200px;
            padding-top: 20px;
        }
        .product-outer__consult-text, .product-inner__consult-text, .product-auto__consult-text {
            padding-right: 0;
            float: left;
            width: 60%;
            position: relative;
        }
        .product-outer__consult-text h2,
        .product-inner__consult-text h2,
        .product-auto__consult-text h2 {
            font-size: 2.1vw;

        }
        .product-outer__form, .product-inner__form, .product-auto__form {
            width: 100%;
            float: right;
            text-align: right;
            padding-top: 25px;
            position: relative;
        }


        .product-title .container {
            padding-bottom: 15px;
        }
        .contacts__title,
        .offer h2,
        .gift h2,
        .hot__title,
        .with-us__title,
        .product-title h2,
        .product-title h3 {
            font: 4.2vw/4.4vw Lato-Heavy, sans-serif;
            padding: 1vw 0;
            /*font: 32px/39px Lato-Heavy, sans-serif;*/
        }

        .hot__title,
        .with-us__title,
        .cooperation__title,
        .feature__title,
        .document__title  {
            font: 4.2vw/4.4vw Lato-Heavy, sans-serif;
            padding: 5px 0 5px 5px;
        }



        .product-auto__title,
        .product-inner__title,
        .product-outer__title {
            font-size: 5vw;
            padding: 0 10%;
        }
        .product-auto__title:after,
        .product-auto__title:before,
        .product-outer__title:after,
        .product-outer__title:before,
        .product-inner__title:before,
        .product-inner__title:after {
            width: 8%;
        }
        .offer .container,
        .gift .container {
            padding-top: 15px;
        }
        .offer, .gift {
            min-height: auto;
            padding: 30px 0;
        }
        .offer h1,
        .gift h1 {
            font-size: 6vw;
        }
        .gift p {
            font-size: 20px;
            line-height: 26px;
        }
        .offer__btn,
        .gift__btn {
            height: 57px;
            width: 200px;
        }
        .offer__btn span,
        .gift__btn span {
            line-height: 60px;
        }
        .gift__btn span:after,
        .offer__btn span:after {
            top: 26px;
        }
        .cooperation__list {
            top: 182px;
            height: 480px;
        }
        .cooperation .container {
            min-height: 715px;
            padding-top: 40px;
        }
        .cooperation__item-text {
            padding: 15px 10px;
        }
        .cooperation__item-text .number {
            font: 30px/28px Lato-Black, sans-serif;
        }
        .cooperation__item-text p {
            font: 14px/22px Lato-Regular, sans-serif;
        }
        .cooperation__item-text .link {
            font: 16px/16px Lato-Regular, sans-serif;
        }
        .document {
            height: 536px;
        }
        .document__slider {
            margin-top: 0px;
            float: left;
            width: 640px;
            height: 290px;
        }
        .document .slick-slider .slick-prev {
            left: auto;
            bottom: -40px;
            top: auto;
            right: 80px;
        }
        .document .slick-slider .slick-next {
            left: auto;
            bottom: -40px;
            top: auto;
            right: 12px;
        }
        .cooperation__bg-picture,
        .document__bg-picture,
        .feature__bg-picture,
        .product-auto__bg-picture,
        .product-inner__bg-picture,
        .product-title__bg-picture {
            display: none;
        }
        .cooperation {
            background: #fff;
        }
        .contacts__content {
            margin-top: 45px;
        }
        .thanks__overlay .container {
            padding-top: 185px;
        }

    }
    @media (max-width: 768px) {
        .about__bg-left,
        .header__descr {
            display: none;
        }
        .header__callback {
            color: #777;
        }
        .promo__slide-overlay .container {
            padding-top: 20vw;
        }
        .document__slider {
            width: 100%;
        }
        .promo__slide {
            /*height: auto;*/
            height: 83vw;
        }
        .popup form input[type="submit"],
        .thanks__btn,
        .offer__btn,
        .gift__btn,
        .product-auto__form input[type="submit"],
        .product-inner__form input[type="submit"],
        .product-outer__form input[type="submit"],
        .hot__slide-btn,
        .promo__slide-btn {
            width: 170px;
            height: 50px;
            font-size: 15px;
            line-height: 52px;
        }

        .thanks__btn span,
        .offer__btn span,
        .gift__btn span,
        .hot__slide-btn span,
        .promo__slide-btn span {
            line-height: 54px;
            font-size: 16px;
        }
        .thanks__btn span:after,
        .gift__btn span:after,
        .offer__btn span:after,
        .hot__slide-btn span:after ,
        .promo__slide-btn span:after {
            top: 23px;
            right: 5px;
        }

        .promo__slide-descr {
            width: 60%;
            text-shadow: 1px 1px 1px #fff;
        }
        .promo__slide-info {
            width: auto;
        }
        .product-title .container {
            padding-top: 30px;
        }
        .product-outer__form input[type="tel"],
        .product-inner__form input[type="tel"],
        .product-auto__form input[type="tel"] {
            height: 50px;
            position: relative;
            top: -3px;
        }
        .product-outer__form i:after,
        .product-inner__form i:after,
        .product-auto__form i:after {
            top: -10px;
            right: 25px;
        }

        .feature__list-text h4 {
            font: 20px/14px Lato-Heavy, sans-serif;
            margin-bottom: 5px;
        }
        .with-us__list {
            display: block;
            padding: 0;
            text-align: center;
        }
        .with-us__item {
            display: inline-block;
        }
        .cooperation__item-text .link,
        .cooperation__item-text .small {
            font-size: 14px;
        }
        .cooperation__list {
            top: 0;
            height: auto;
            position: relative;
            padding-bottom: 15px;
        }
        .cooperation .cooperation__item-4,
        .cooperation .cooperation__item-3,
        .cooperation .cooperation__item-2,
        .cooperation .cooperation__item-1 {
            width: 75%;
            margin: 0 auto 15px;
            float: none;
            right: auto;
            left: auto;
            top: auto;
            bottom: auto;
            position: relative;
            display: block;
        }
        .cooperation .cooperation__item-1 {
            margin-top: -70px;
        }



        .thanks__overlay {
            padding-bottom: 20px;
            background: linear-gradient(to right, #fafafa 9%, rgba(250, 250, 250, 0) 100%);
        }
        .thanks__overlay .container {
            padding-top: 120px;
        }
        .thanks__overlay h1 {
            /*font-size: 60px;*/
            font-size: 7vw;
            line-height: 7vw;
            margin: 4vw 0;
        }
        .popup__descr,
        .thanks__overlay h4 {
            font-size: 20px;
        }
        .thanks__overlay h4 {
            margin-top: 0;
        }
        .thanks__info {
            margin-top: 50px;
            width: 100%;
        }


    }


    @media screen and (max-width: 680px) {
        .document {
            height: auto;
            padding: 0 0 32px;
        }

        .document__slider {
            height: auto;
        }
        .document__slide-doc {
            width: 90%;
            height: auto;
        }
        .document__slide-doc img {
            width: 100%;
            height: auto;
        }
        .document__slide-doc .document__slide-hover img {
            width: 45px;
        }
        .document .slick-slider .slick-next,
        .document .slick-slider .slick-prev {
            bottom: -23px;
        }

        .popup {
            width: 90%;
            min-height: 435px;
            left: 5%;
            margin: 0 0 20px;
            top: 40px;
        }
        .popup form input {
            padding: 0 25px 0 15px;
            height: 50px;
            width: 80%;
        }
        .popup form i:after {
            top: -8px;
            right: 20px;
        }
        .popup__close {
            left: auto;
            bottom: auto;
            top: -30px;
            right: -1px;
        }
        .thanks__overlay .container {
            padding-top: 92px;
        }

    }

    @media screen and (max-width: 550px) {

        .promo__slide-overlay .container {
            padding-top: 26vw;
        }
        .header__callback {
            margin-top: 20px;
        }
        .header__logo {
            margin: 15px 0 0 7px;
            width: 120px;
        }
        .header__phone {
            font: 17px/20px Lato-Regular, sans-serif;
        }
        .header__btn {
            font: 14px/15px Lato-Bold, sans-serif;
        }
        .header__btn:before {
            width: 21px;
            top: 62%;
            left: -27px;
        }
        .promo__slide-overlay {
            background: linear-gradient(to right, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
        }
        .promo__slide-content h1 {
            font: 40px/46px Lato-Thin, sans-serif;
        }
        .promo__slide-content h2 {
            font-size: 18px;

        }
        .promo__slide-content h4 {
            margin-top: 15px;
            padding-left: 40px;
        }
        .promo__slide-content h4:before {
            width: 35px;
        }
        .promo__slide {
            height: 490px;
        }
        .promo__slide-info {
            width: 100%;
            display: block;
            position: relative;
            margin-top: 10px;
        }
        .promo__slide-btn {
            position: relative;
            top: 109px;
            bottom: 3px;
            display: block;
            /* left: 21%; */
            float: right;
            margin: 0 auto;
        }
        .promo__slide-descr {
            width: 100%;
            display: block;
            top: -40px;
            position: relative;
            float: left;
            font-size: 16px;
            line-height: 22px;
            text-align: center;
        }

        .hot .container {

            padding: 0;
        }
        .hot__title {

        }
        .hot__slider .slick-next,
        .hot__slider .slick-prev {
            top: 79px;
            width: 40px;
            height: 40px;
        }
        .hot__slider .slick-prev {
            right: 70px;
        }
        .hot__slide {
            display: block !important;
            height: auto !important;
        }
        .hot__slide-list {
            width: 94%;
            position: relative;
            margin: 12px auto 0;
            display: inline-block;
            padding-left: 15px;
        }
        .hot__slide-list li {
            font: 14px/18px Lato-Light, sans-serif;
        }
        .hot__slider {
            height: auto;
            /*height: 480px;*/
        }
        .hot__slide-image {
            margin-bottom: 10px;
        }
        .hot__slider .slick-prev {
            right: 60px;
        }
        .hot__slider .slick-next {
            right: 10px;
        }
        .slick-prev:before,
        .slick-next:before {
            height: 40px;
            width: 40px;
        }
        .slick-prev:after,
        .slick-next:after {
            margin: 0;
            top: 17px;
            left: 16px;
        }
        .hot__slide-image {
            height: auto;
            width: 100%;
            display: inline-block;
            position: relative;
        }
        .hot__slide-image img {
            width: 100%;
            height: auto;
        }
        .hot__slide-btn {
            bottom: -15px;
            margin: 0 auto;
            position: relative;
            left: auto;
            right: 16px;
            float: right;
        }

        .about {
            margin: 25px 0 10px;
        }
        .about .container {
            padding: 0;
        }
        .about__content {
            width: 95%;
            padding: 15px;
            margin: 0 0 0 12px;
            font-size: 16px;
            line-height: 20px;
        }
        .about__bg-right {
            top:0;
            display: none;
            left: auto;
            right: 0;
            height: 100%;
            bottom: 0;
            width: auto;
            opacity: 0.25;
        }

        .with-us .container {
            padding: 30px 0;
        }
        .with-us__item {
            width: 136px;
        }
        .product-auto .container,
        .product-inner .container,
        .product-outer .container {
            padding: 25px 0 35px;
        }
        .product-auto__list,
        .product-outer__list,
        .product-inner__list {
            width: 100%;
            margin: 20px 0 0;
            padding: 0;
            display: inline-block;
            position: relative;
        }
        .product-auto__image,
        .product-inner__image,
        .product-outer__image {
            height: auto;
        }
        .product-auto__list  a > img,
        .product-outer__list  a > img,
        .product-inner__list  a > img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        .product-auto__image-hover .slick-slide img,
        .product-inner__image-hover .slick-slide img,
        .product-outer__image-hover .slick-slide img {
            width: 45px;
        }


        .product-auto__consult,
        .product-inner__consult,
        .product-outer__consult {
            min-height: 240px ;
        }
        .product-outer__consult-text,
        .product-inner__consult-text,
        .product-auto__consult-text {
            width: 80%;
            padding-left: 10px;
        }
        .product-outer__consult-text h2,
        .product-inner__consult-text h2,
        .product-auto__consult-text h2 {
            font-size: 3.1vw;
        }
        .product-outer__form input[type="tel"],
        .product-inner__form input[type="tel"],
        .product-auto__form input[type="tel"] {
            width: 75%;
            margin-bottom: 12px;
            right: 10px;

        }
        .product-outer__form  input[type="submit"],
        .product-inner__form  input[type="submit"],
        .product-auto__form  input[type="submit"] {
            right: 10px;
            position: relative;
            /*height: 45px;*/
            /*width: 100px;*/
            /*font-size: 15px;*/
            /*padding-top: 5px;*/
        }

        .document .slick-slider .slick-prev {
            right: 60px;
        }

        .feature__list li {
            width: 100%;
            margin-bottom: 25px;
        }
        .feature__list-text h4 {
            /*font: 18px/16px Lato-Heavy, sans-serif;*/
            /*margin-bottom: 4px;*/
        }
        .feature__list-text p {
            font: 14px/20px Lato-Regular, sans-serif;
        }
        .offer h1, .gift h1 {
            font-size: 9vw;
            line-height: 10vw;
        }
        .gift p,
        .offer p {
            font-size: 18px;
            line-height: 24px;
        }
        .contacts__content {
            padding-left: 8px;
            width: 100%;
            margin-top: 85px;
        }
        .contacts__title {
            font: 6.2vw/7.4vw Lato-Heavy, sans-serif;
        }
        /*.contacts__address,*/
        .offer h2,
        .gift h2,
        .product-title h2,
        .product-title h3 {
            font: 6.2vw/7.4vw Lato-Heavy, sans-serif;
            padding: 1vw 0;
        }
        .hot__title,
        .with-us__title,
        .cooperation__title,
        .feature__title,
        .document__title {
            font: 20px/24px Lato-Heavy, sans-serif;
            padding: 5px 0 5px 5px;
            margin-left: 10px;
            margin-top: 15px;
            width: 100%;
        }
        .cooperation .cooperation__item-4,
        .cooperation .cooperation__item-3,
        .cooperation .cooperation__item-2,
        .cooperation .cooperation__item-1 {
            width: 95%;
        }
        .cooperation__item-text .link,
        .cooperation__item-text .small {
            font-size: 13px;
        }
        .cooperation__item-text .phone {
            display: block;
            line-height: 13px;
            font-size: 13px;
            padding: 0;
            margin: 0;
        }
        .cooperation__item-text .number {
            font: 26px/14px Lato-Black, sans-serif;
        }
        .cooperation__item-text .phone + br {
            display: none;
        }

        .contacts__bilding {
            font: 4.7vw/7.4vw Lato-Heavy, sans-serif;
            padding: 1vw 0;
        }
        .contacts__address {
            margin-top: 0;
        }
        .contacts__phone {
            font-size: 22px;
            line-height: 34px;
        }
        .footer {
            background: #7d9e3b;
        }
        .footer__text {
            width: 45%;
            font: 16px Lato-Medium, sans-serif;
            text-align: left;
        }
        .footer__btn {
            font: 16px Lato-Medium, sans-serif;
        }

        .thanks__overlay .container {
            padding-top: 100px;
        }
        .thanks__overlay h1 {
            font-size: 50px;
            line-height: 60px;
            padding-left: 10px;
        }
        .thanks__overlay h4 {
            line-height: 22px;
            padding-left: 50px;
            text-shadow: 1px 1px 1px #fff;
        }
        .thanks__overlay h4:before {
            width: 40px;
        }

        .popup__title {
            font-size: 28px;
            line-height: 30px;
        }
        .popup form input {
            padding: 0 25px 0 15px;
            height: 40px;
            width: 90%;
            font-size: 15px;
        }

    }

    @media screen and (max-width: 460px) {
        /*.document {*/
            /*height: auto;*/
            /*padding: 0 0 32px;*/
        /*}*/

        /*.document__slider {*/
            /*height: auto;*/
        /*}*/
        /*.document__slide-doc {*/
            /*width: 90%;*/
            /*height: auto;*/
        /*}*/
        /*.document__slide-doc img {*/
            /*width: 100%;*/
            /*height: auto;*/
        /*}*/
        /*.document__slide-doc .document__slide-hover img {*/
            /*width: 45px;*/
        /*}*/
        .document__slide {
            text-align: center;
        }
        .document .slick-slider .slick-next,
        .document .slick-slider .slick-prev {
            bottom: -33px;
        }

        .popup__confi {
            display: block;
            text-align: center;
            padding: 0;
            width: 100%;
            position: relative;
        }
        .popup form input[type="submit"] {
            width: 90%;
            display: block;
            float: none;
            margin: 0 auto 20px;
        }
    }

    @-webkit-keyframes bounce {

    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    }

    @-moz-keyframes bounce {

    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    }

    @keyframes bounce {

    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    }

    @-webkit-keyframes flash {

    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }

    }

    @-moz-keyframes flash {

    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }

    }

    @keyframes flash {

    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }

    }

    @-webkit-keyframes pulse {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    }

    @-moz-keyframes pulse {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    }

    @keyframes pulse {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    }

    @-webkit-keyframes shake {

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

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

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

    }

    @-moz-keyframes shake {

    0%,100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

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

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

    }

    @keyframes shake {

    0%,100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

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

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

    }

    @-webkit-keyframes swing {

    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    }

    @-moz-keyframes swing {

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    }

    @keyframes swing {

    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    }

    @-webkit-keyframes tada {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    }

    @-moz-keyframes tada {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    }

    @keyframes tada {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -moz-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -moz-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -moz-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -moz-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }

    }

    @-webkit-keyframes wobble {

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

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

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

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

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

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

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

    }

    @-moz-keyframes wobble {

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

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

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

    }

    @keyframes wobble {

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

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -moz-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -moz-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -moz-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -moz-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -moz-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

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

    }

    @-webkit-keyframes bounceIn {

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

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    }

    @-moz-keyframes bounceIn {

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

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    }

    @keyframes bounceIn {

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

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    }

    @-webkit-keyframes bounceInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes bounceInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes bounceInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes bounceInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

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

    }

    @-moz-keyframes bounceInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        transform: translateX(-10px);
    }

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

    }

    @keyframes bounceInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        transform: translateX(-10px);
    }

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

    }

    @-webkit-keyframes bounceInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

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

    }

    @-moz-keyframes bounceInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px);
    }

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

    }

    @keyframes bounceInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        transform: translateX(10px);
    }

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

    }

    @-webkit-keyframes bounceInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes bounceInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes bounceInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes bounceOut {

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    }

    @-moz-keyframes bounceOut {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
    }

    }

    @keyframes bounceOut {

    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
    }

    }

    @-webkit-keyframes bounceOutDown {

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @-moz-keyframes bounceOutDown {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @keyframes bounceOutDown {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @-webkit-keyframes bounceOutLeft {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-moz-keyframes bounceOutLeft {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @keyframes bounceOutLeft {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-webkit-keyframes bounceOutRight {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-moz-keyframes bounceOutRight {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @keyframes bounceOutRight {

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

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-webkit-keyframes bounceOutUp {

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-moz-keyframes bounceOutUp {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @keyframes bounceOutUp {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-webkit-keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    }

    @-moz-keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    }

    @keyframes fadeIn {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    }

    @-webkit-keyframes fadeInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes fadeInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes fadeInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes fadeInDownBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes fadeInDownBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes fadeInDownBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes fadeInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-moz-keyframes fadeInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @keyframes fadeInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-webkit-keyframes fadeInLeftBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-moz-keyframes fadeInLeftBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @keyframes fadeInLeftBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-webkit-keyframes fadeInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-moz-keyframes fadeInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @keyframes fadeInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-webkit-keyframes fadeInRightBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-moz-keyframes fadeInRightBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @keyframes fadeInRightBig {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    }

    @-webkit-keyframes fadeInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes fadeInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes fadeInUp {

    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes fadeInUpBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes fadeInUpBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes fadeInUpBig {

    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes fadeOut {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

    }

    @-moz-keyframes fadeOut {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

    }

    @keyframes fadeOut {

    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

    }

    @-webkit-keyframes fadeOutDown {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    }

    @-moz-keyframes fadeOutDown {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    }

    @keyframes fadeOutDown {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    }

    @-webkit-keyframes fadeOutDownBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @-moz-keyframes fadeOutDownBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @keyframes fadeOutDownBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -moz-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    }

    @-webkit-keyframes fadeOutLeft {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    }

    @-moz-keyframes fadeOutLeft {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    }

    @keyframes fadeOutLeft {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    }

    @-webkit-keyframes fadeOutLeftBig {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-moz-keyframes fadeOutLeftBig {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @keyframes fadeOutLeftBig {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-webkit-keyframes fadeOutRight {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    }

    @-moz-keyframes fadeOutRight {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    }

    @keyframes fadeOutRight {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        transform: translateX(20px);
    }

    }

    @-webkit-keyframes fadeOutRightBig {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-moz-keyframes fadeOutRightBig {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @keyframes fadeOutRightBig {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-webkit-keyframes fadeOutUp {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    }

    @-moz-keyframes fadeOutUp {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    }

    @keyframes fadeOutUp {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    }

    @-webkit-keyframes fadeOutUpBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-moz-keyframes fadeOutUpBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @keyframes fadeOutUpBig {

    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-webkit-keyframes flip {

    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    }

    @-moz-keyframes flip {

    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    }

    @keyframes flip {

    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    }

    @-webkit-keyframes flipInX {

    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    }

    @-moz-keyframes flipInX {

    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    }

    @keyframes flipInX {

    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -moz-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    }

    @-webkit-keyframes flipInY {

    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    }

    @-moz-keyframes flipInY {

    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    }

    @keyframes flipInY {

    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -moz-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    }

    @-webkit-keyframes flipOutX {

    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes flipOutX {

    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    }

    @keyframes flipOutX {

    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -moz-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes flipOutY {

    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes flipOutY {

    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    }

    @keyframes flipOutY {

    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -moz-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes lightSpeedIn {

    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    }

    @-moz-keyframes lightSpeedIn {

    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    }

    @keyframes lightSpeedIn {

    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -moz-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -moz-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    }

    @-webkit-keyframes lightSpeedOut {

    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    }

    @-moz-keyframes lightSpeedOut {

    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    }

    @keyframes lightSpeedOut {

    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -moz-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -moz-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes rotateIn {

    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-moz-keyframes rotateIn {

    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @keyframes rotateIn {

    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-webkit-keyframes rotateInDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-moz-keyframes rotateInDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @keyframes rotateInDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-webkit-keyframes rotateInDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-moz-keyframes rotateInDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @keyframes rotateInDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-webkit-keyframes rotateInUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-moz-keyframes rotateInUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @keyframes rotateInUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-webkit-keyframes rotateInUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-moz-keyframes rotateInUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @keyframes rotateInUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    }

    @-webkit-keyframes rotateOut {

    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }

    }

    @-moz-keyframes rotateOut {

    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }

    }

    @keyframes rotateOut {

    0% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes rotateOutDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes rotateOutDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @keyframes rotateOutDownLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes rotateOutDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes rotateOutDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @keyframes rotateOutDownRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes rotateOutUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes rotateOutUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @keyframes rotateOutUpLeft {

    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes rotateOutUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @-moz-keyframes rotateOutUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @keyframes rotateOutUpRight {

    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    }

    @-webkit-keyframes slideInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-moz-keyframes slideInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @keyframes slideInDown {

    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    }

    @-webkit-keyframes slideInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

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

    }

    @-moz-keyframes slideInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

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

    }

    @keyframes slideInLeft {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

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

    }

    @-webkit-keyframes slideInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

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

    }

    @-moz-keyframes slideInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

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

    }

    @keyframes slideInRight {

    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

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

    }

    @-webkit-keyframes slideOutLeft {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-moz-keyframes slideOutLeft {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @keyframes slideOutLeft {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -moz-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    }

    @-webkit-keyframes slideOutRight {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-moz-keyframes slideOutRight {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @keyframes slideOutRight {

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -moz-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    }

    @-webkit-keyframes slideOutUp {

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-moz-keyframes slideOutUp {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @keyframes slideOutUp {

    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    }

    @-webkit-keyframes hinge {

    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }

    }

    @-moz-keyframes hinge {

    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }

    }

    @keyframes hinge {

    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -moz-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -moz-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }

    }

    @-webkit-keyframes rollIn {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    }

    @-moz-keyframes rollIn {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    }

    @keyframes rollIn {

    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -moz-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    }

    @-webkit-keyframes rollOut {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }

    }

    @-moz-keyframes rollOut {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }

    }

    @keyframes rollOut {

    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -moz-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -moz-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }

    }