@font-face {

     font-display: swap;

 }



 @charset "UTF-8";

 .swiper-slide,

 .swiper-wrapper {

     height: 100%;

     position: relative;

     transition-property: transform;

     width: 100%

 }



 .swiper-container-android .swiper-slide,

 .swiper-pagination,

 .swiper-wrapper {

     transform: translate3d(0, 0, 0)

 }



 .nice-select,

 .slick-slider {

     -webkit-tap-highlight-color: transparent

 }



 .pretty input[disabled],

 .pretty.p-locked input {

     cursor: not-allowed;

     display: none

 }



 @font-face {

     font-family: swiper-icons;

     src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");

     font-weight: 400;

     font-style: normal

 }



 :root {

     --swiper-theme-color: #007aff;

     --swiper-navigation-size: 44px

 }



 .swiper-container {

     margin-left: auto;

     margin-right: auto;

     position: relative;

     overflow: hidden;

     list-style: none;

     padding: 0;

     z-index: 1

 }



 .swiper-container-vertical>.swiper-wrapper {

     flex-direction: column

 }



 .swiper-wrapper {

     z-index: 1;

     display: flex;

     box-sizing: content-box

 }



 .swiper-container-multirow>.swiper-wrapper {

     flex-wrap: wrap

 }



 .swiper-container-multirow-column>.swiper-wrapper {

     flex-wrap: wrap;

     flex-direction: column

 }



 .swiper-container-free-mode>.swiper-wrapper {

     transition-timing-function: ease-out;

     margin: 0 auto

 }



 .swiper-slide {

     flex-shrink: 0

 }



 .slick-loading .slick-slide,

 .slick-loading .slick-track,

 .swiper-slide-invisible-blank {

     visibility: hidden

 }



 .swiper-container-autoheight,

 .swiper-container-autoheight .swiper-slide {

     height: auto

 }



 .swiper-container-autoheight .swiper-wrapper {

     align-items: flex-start;

     transition-property: transform, height

 }



 .swiper-container-3d {

     perspective: 1200px

 }



 .swiper-container-3d .swiper-cube-shadow,

 .swiper-container-3d .swiper-slide,

 .swiper-container-3d .swiper-slide-shadow-bottom,

 .swiper-container-3d .swiper-slide-shadow-left,

 .swiper-container-3d .swiper-slide-shadow-right,

 .swiper-container-3d .swiper-slide-shadow-top,

 .swiper-container-3d .swiper-wrapper {

     transform-style: preserve-3d

 }



 .swiper-container-3d .swiper-slide-shadow-bottom,

 .swiper-container-3d .swiper-slide-shadow-left,

 .swiper-container-3d .swiper-slide-shadow-right,

 .swiper-container-3d .swiper-slide-shadow-top {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     pointer-events: none;

     z-index: 10

 }



 .swiper-container-3d .swiper-slide-shadow-left {

     background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

 }



 .swiper-container-3d .swiper-slide-shadow-right {

     background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

 }



 .swiper-container-3d .swiper-slide-shadow-top {

     background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

 }



 .swiper-container-3d .swiper-slide-shadow-bottom {

     background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

 }



 .swiper-container-css-mode>.swiper-wrapper {

     overflow: auto;

     scrollbar-width: none;

     -ms-overflow-style: none

 }



 .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {

     display: none

 }



 .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {

     scroll-snap-align: start start

 }



 .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {

     scroll-snap-type: x mandatory

 }



 .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {

     scroll-snap-type: y mandatory

 }



 .swiper-button-next,

 .swiper-button-prev {

     position: absolute;

     top: 50%;

     width: calc(var(--swiper-navigation-size)/ 44 * 27);

     height: var(--swiper-navigation-size);

     margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);

     z-index: 10;

     cursor: pointer;

     display: flex;

     align-items: center;

     justify-content: center;

     color: var(--swiper-navigation-color, var(--swiper-theme-color))

 }



 .swiper-button-next.swiper-button-disabled,

 .swiper-button-prev.swiper-button-disabled {

     opacity: .35;

     cursor: auto;

     pointer-events: none

 }



 .swiper-button-next:after,

 .swiper-button-prev:after {

     font-family: swiper-icons;

     font-size: var(--swiper-navigation-size);

     text-transform: none !important;

     letter-spacing: 0;

     text-transform: none;

     font-variant: initial

 }



 .swiper-button-prev,

 .swiper-container-rtl .swiper-button-next {

     left: 10px;

     right: auto

 }



 .swiper-button-prev:after,

 .swiper-container-rtl .swiper-button-next:after {

     content: "prev"

 }



 .swiper-button-next,

 .swiper-container-rtl .swiper-button-prev {

     right: 10px;

     left: auto

 }



 .swiper-button-next:after,

 .swiper-container-rtl .swiper-button-prev:after {

     content: "next"

 }



 .swiper-button-next.swiper-button-white,

 .swiper-button-prev.swiper-button-white {

     --swiper-navigation-color: #ffffff

 }



 .swiper-button-next.swiper-button-black,

 .swiper-button-prev.swiper-button-black {

     --swiper-navigation-color: #000000

 }



 .no-csspointerevents .nice-select .list,

 .pretty .state.p-is-hover,

 .pretty .state.p-is-indeterminate,

 .pretty input:not([type=checkbox]):not([type=radio]),

 .pretty.p-has-hover input:hover~.state:not(.p-is-hover),

 .slick-slide.slick-loading img,

 .slicknav_menu,

 .slicknav_menu .slicknav_icon,

 .slicknav_nav .slicknav_item .dropdown-toggle::after,

 .slicknav_nav .slicknav_item a i,

 .swiper-button-lock,

 .swiper-pagination-lock,

 .swiper-scrollbar-lock {

     display: none

 }



 .swiper-pagination {

     position: absolute;

     text-align: center;

     transition: opacity .3s;

     z-index: 10

 }



 .modal-video-close,

 .pretty.p-switch input:checked~.state label:before,

 .pretty.p-switch.p-fill input:checked~.state label:before,

 .slick-next.slick-disabled:before,

 .slick-prev.slick-disabled:before,

 .swiper-pagination.swiper-pagination-hidden {

     opacity: 0

 }



 .swiper-container-horizontal>.swiper-pagination-bullets,

 .swiper-pagination-custom,

 .swiper-pagination-fraction {

     bottom: 10px;

     left: 0;

     width: 100%

 }



 .swiper-pagination-bullets-dynamic {

     overflow: hidden;

     font-size: 0

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     transform: scale(.33);

     position: relative

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

     transform: scale(1)

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

     transform: scale(.66)

 }



 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,

 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

     transform: scale(.33)

 }



 .swiper-pagination-bullet {

     width: 8px;

     height: 8px;

     display: inline-block;

     border-radius: 100%;

     background: #000;

     opacity: .2

 }



 button.swiper-pagination-bullet {

     border: none;

     margin: 0;

     padding: 0;

     box-shadow: none;

     -webkit-appearance: none;

     -moz-appearance: none;

     appearance: none

 }



 .slick-center-mode .image:hover,

 .swiper-pagination-clickable .swiper-pagination-bullet {

     cursor: pointer

 }



 .swiper-pagination-bullet-active {

     opacity: 1;

     background: var(--swiper-pagination-color, var(--swiper-theme-color))

 }



 .swiper-container-vertical>.swiper-pagination-bullets {

     right: 10px;

     top: 50%;

     transform: translate3d(0, -50%, 0)

 }



 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

     margin: 6px 0;

     display: block

 }



 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

     top: 50%;

     transform: translateY(-50%);

     width: 8px

 }



 .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     display: inline-block;

     transition: transform .2s, top .2s

 }



 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

     margin: 0 4px

 }



 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

     left: 50%;

     transform: translateX(-50%);

     white-space: nowrap

 }



 .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     transition: transform .2s, left .2s

 }



 .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

     transition: transform .2s, right .2s

 }



 .swiper-pagination-progressbar {

     background: rgba(0, 0, 0, .25);

     position: absolute

 }



 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

     background: var(--swiper-pagination-color, var(--swiper-theme-color));

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     transform: scale(0);

     transform-origin: left top

 }



 .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

     transform-origin: right top

 }



 .swiper-container-horizontal>.swiper-pagination-progressbar,

 .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

     width: 100%;

     height: 4px;

     left: 0;

     top: 0

 }



 .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

 .swiper-container-vertical>.swiper-pagination-progressbar {

     width: 4px;

     height: 100%;

     left: 0;

     top: 0

 }



 .swiper-pagination-white {

     --swiper-pagination-color: #ffffff

 }



 .swiper-pagination-black {

     --swiper-pagination-color: #000000

 }



 .swiper-scrollbar {

     border-radius: 10px;

     position: relative;

     -ms-touch-action: none;

     background: rgba(0, 0, 0, .1)

 }



 .swiper-container-horizontal>.swiper-scrollbar {

     position: absolute;

     left: 1%;

     bottom: 3px;

     z-index: 50;

     height: 5px;

     width: 98%

 }



 .swiper-container-vertical>.swiper-scrollbar {

     position: absolute;

     right: 3px;

     top: 1%;

     z-index: 50;

     width: 5px;

     height: 98%

 }



 .swiper-scrollbar-drag {

     height: 100%;

     width: 100%;

     position: relative;

     background: rgba(0, 0, 0, .5);

     border-radius: 10px;

     left: 0;

     top: 0

 }



 .swiper-scrollbar-cursor-drag,

 .swiper-slide-zoomed {

     cursor: move

 }



 .swiper-zoom-container {

     width: 100%;

     height: 100%;

     display: flex;

     justify-content: center;

     align-items: center;

     text-align: center

 }



 .swiper-zoom-container>canvas,

 .swiper-zoom-container>img,

 .swiper-zoom-container>svg {

     max-width: 100%;

     max-height: 100%;

     object-fit: contain

 }



 .swiper-lazy-preloader {

     width: 42px;

     height: 42px;

     position: absolute;

     left: 50%;

     top: 50%;

     margin-left: -21px;

     margin-top: -21px;

     z-index: 10;

     transform-origin: 50%;

     animation: 1s linear infinite swiper-preloader-spin;

     box-sizing: border-box;

     border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

     border-radius: 50%;

     border-top-color: transparent

 }



 .slick-list,

 .slick-slider,

 .slick-track {

     position: relative;

     display: block

 }



 .swiper-lazy-preloader-white {

     --swiper-preloader-color: #fff

 }



 .swiper-lazy-preloader-black {

     --swiper-preloader-color: #000

 }



 @keyframes swiper-preloader-spin {

     100% {

         transform: rotate(360deg)

     }

 }



 .swiper-container .swiper-notification {

     position: absolute;

     left: 0;

     top: 0;

     pointer-events: none;

     opacity: 0;

     z-index: -1000

 }



 .swiper-container-fade.swiper-container-free-mode .swiper-slide {

     transition-timing-function: ease-out

 }



 .swiper-container-fade .swiper-slide {

     pointer-events: none;

     transition-property: opacity

 }



 .slick-slide.dragging img,

 .swiper-container-cube .swiper-slide .swiper-slide,

 .swiper-container-fade .swiper-slide .swiper-slide,

 .swiper-container-flip .swiper-slide .swiper-slide {

     pointer-events: none

 }



 .swiper-container-cube .swiper-slide-active,

 .swiper-container-cube .swiper-slide-active .swiper-slide-active,

 .swiper-container-fade .swiper-slide-active,

 .swiper-container-fade .swiper-slide-active .swiper-slide-active,

 .swiper-container-flip .swiper-slide-active,

 .swiper-container-flip .swiper-slide-active .swiper-slide-active {

     pointer-events: auto

 }



 .swiper-container-cube,

 .swiper-container-flip {

     overflow: visible

 }



 .swiper-container-cube .swiper-slide {

     pointer-events: none;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     z-index: 1;

     visibility: hidden;

     transform-origin: 0 0;

     width: 100%;

     height: 100%

 }



 .nice-select.open .list,

 .swiper-container-cube .swiper-slide-active,

 .swiper-container-cube .swiper-slide-next,

 .swiper-container-cube .swiper-slide-next+.swiper-slide,

 .swiper-container-cube .swiper-slide-prev {

     pointer-events: auto;

     pointer-events: auto

 }



 .swiper-container-cube.swiper-container-rtl .swiper-slide {

     transform-origin: 100% 0

 }



 .swiper-container-cube .swiper-slide-active,

 .swiper-container-cube .swiper-slide-next,

 .swiper-container-cube .swiper-slide-next+.swiper-slide,

 .swiper-container-cube .swiper-slide-prev {

     visibility: visible



 }



 .swiper-container-cube .swiper-slide-shadow-bottom,

 .swiper-container-cube .swiper-slide-shadow-left,

 .swiper-container-cube .swiper-slide-shadow-right,

 .swiper-container-cube .swiper-slide-shadow-top,

 .swiper-container-flip .swiper-slide-shadow-bottom,

 .swiper-container-flip .swiper-slide-shadow-left,

 .swiper-container-flip .swiper-slide-shadow-right,

 .swiper-container-flip .swiper-slide-shadow-top {

     z-index: 0;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden

 }



 .swiper-container-cube .swiper-cube-shadow {

     position: absolute;

     left: 0;

     bottom: 0;

     width: 100%;

     height: 100%;

     background: #000;

     opacity: .6;

     -webkit-filter: blur(50px);

     filter: blur(50px);

     z-index: 0

 }



 .swiper-container-flip .swiper-slide {

     pointer-events: none;

     -webkit-backface-visibility: hidden;

     backface-visibility: hidden;

     z-index: 1

 }



 /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */



 .animated {

     -webkit-animation-duration: 1s;

     animation-duration: 1s;

     -webkit-animation-fill-mode: both;

     animation-fill-mode: both

 }



 .animated.infinite {

     -webkit-animation-iteration-count: infinite;

     animation-iteration-count: infinite

 }



 @-webkit-keyframes bounce {

     20%,

     53%,

     80%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

         transform: translate3d(0, 0, 0)

     }

     40%,

     43% {

         -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

         transform: translate3d(0, -30px, 0)

     }

     70% {

         -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

         transform: translate3d(0, -15px, 0)

     }

     90% {

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

         transform: translate3d(0, -4px, 0)

     }

 }



 @keyframes bounce {

     20%,

     53%,

     80%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

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

         transform: translate3d(0, 0, 0)

     }

     40%,

     43% {

         -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

         transform: translate3d(0, -30px, 0)

     }

     70% {

         -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

         animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

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

         transform: translate3d(0, -15px, 0)

     }

     90% {

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

         transform: translate3d(0, -4px, 0)

     }

 }



 .bounce {

     -webkit-animation-name: bounce;

     animation-name: bounce;

     -webkit-transform-origin: center bottom;

     transform-origin: center bottom

 }



 @-webkit-keyframes flash {

     50%,

     from,

     to {

         opacity: 1

     }

     25%,

     75% {

         opacity: 0

     }

 }



 @keyframes flash {

     50%,

     from,

     to {

         opacity: 1

     }

     25%,

     75% {

         opacity: 0

     }

 }



 .flash {

     -webkit-animation-name: flash;

     animation-name: flash

 }



 @-webkit-keyframes pulse {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     50% {

         -webkit-transform: scale3d(1.05, 1.05, 1.05);

         transform: scale3d(1.05, 1.05, 1.05)

     }

     0% {

         box-shadow: 0 0 0 0 #bdc3c7

     }

     100% {

         box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)

     }

 }



 @keyframes pulse {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     50% {

         -webkit-transform: scale3d(1.05, 1.05, 1.05);

         transform: scale3d(1.05, 1.05, 1.05)

     }

     0% {

         box-shadow: 0 0 0 0 #bdc3c7

     }

     100% {

         box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0)

     }

 }



 .pulse {

     -webkit-animation-name: pulse;

     animation-name: pulse

 }



 @-webkit-keyframes rubberBand {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     30% {

         -webkit-transform: scale3d(1.25, .75, 1);

         transform: scale3d(1.25, .75, 1)

     }

     40% {

         -webkit-transform: scale3d(.75, 1.25, 1);

         transform: scale3d(.75, 1.25, 1)

     }

     50% {

         -webkit-transform: scale3d(1.15, .85, 1);

         transform: scale3d(1.15, .85, 1)

     }

     65% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1)

     }

     75% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1)

     }

 }



 @keyframes rubberBand {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     30% {

         -webkit-transform: scale3d(1.25, .75, 1);

         transform: scale3d(1.25, .75, 1)

     }

     40% {

         -webkit-transform: scale3d(.75, 1.25, 1);

         transform: scale3d(.75, 1.25, 1)

     }

     50% {

         -webkit-transform: scale3d(1.15, .85, 1);

         transform: scale3d(1.15, .85, 1)

     }

     65% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1)

     }

     75% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1)

     }

 }



 .rubberBand {

     -webkit-animation-name: rubberBand;

     animation-name: rubberBand

 }



 @-webkit-keyframes shake {

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     10%,

     30%,

     50%,

     70%,

     90% {

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

         transform: translate3d(-10px, 0, 0)

     }

     20%,

     40%,

     60%,

     80% {

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

         transform: translate3d(10px, 0, 0)

     }

 }



 @keyframes shake {

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     10%,

     30%,

     50%,

     70%,

     90% {

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

         transform: translate3d(-10px, 0, 0)

     }

     20%,

     40%,

     60%,

     80% {

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

         transform: translate3d(10px, 0, 0)

     }

 }



 .shake {

     -webkit-animation-name: shake;

     animation-name: shake

 }



 @-webkit-keyframes headShake {

     0%,

     50% {

         -webkit-transform: translateX(0);

         transform: translateX(0)

     }

     6.5% {

         -webkit-transform: translateX(-6px) rotateY(-9deg);

         transform: translateX(-6px) rotateY(-9deg)

     }

     18.5% {

         -webkit-transform: translateX(5px) rotateY(7deg);

         transform: translateX(5px) rotateY(7deg)

     }

     31.5% {

         -webkit-transform: translateX(-3px) rotateY(-5deg);

         transform: translateX(-3px) rotateY(-5deg)

     }

     43.5% {

         -webkit-transform: translateX(2px) rotateY(3deg);

         transform: translateX(2px) rotateY(3deg)

     }

 }



 @keyframes headShake {

     0%,

     50% {

         -webkit-transform: translateX(0);

         transform: translateX(0)

     }

     6.5% {

         -webkit-transform: translateX(-6px) rotateY(-9deg);

         transform: translateX(-6px) rotateY(-9deg)

     }

     18.5% {

         -webkit-transform: translateX(5px) rotateY(7deg);

         transform: translateX(5px) rotateY(7deg)

     }

     31.5% {

         -webkit-transform: translateX(-3px) rotateY(-5deg);

         transform: translateX(-3px) rotateY(-5deg)

     }

     43.5% {

         -webkit-transform: translateX(2px) rotateY(3deg);

         transform: translateX(2px) rotateY(3deg)

     }

 }



 .headShake {

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

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

     -webkit-animation-name: headShake;

     animation-name: headShake

 }



 @-webkit-keyframes swing {

     20% {

         -webkit-transform: rotate3d(0, 0, 1, 15deg);

         transform: rotate3d(0, 0, 1, 15deg)

     }

     40% {

         -webkit-transform: rotate3d(0, 0, 1, -10deg);

         transform: rotate3d(0, 0, 1, -10deg)

     }

     60% {

         -webkit-transform: rotate3d(0, 0, 1, 5deg);

         transform: rotate3d(0, 0, 1, 5deg)

     }

     80% {

         -webkit-transform: rotate3d(0, 0, 1, -5deg);

         transform: rotate3d(0, 0, 1, -5deg)

     }

     to {

         -webkit-transform: rotate3d(0, 0, 1, 0deg);

         transform: rotate3d(0, 0, 1, 0deg)

     }

 }



 @keyframes swing {

     20% {

         -webkit-transform: rotate3d(0, 0, 1, 15deg);

         transform: rotate3d(0, 0, 1, 15deg)

     }

     40% {

         -webkit-transform: rotate3d(0, 0, 1, -10deg);

         transform: rotate3d(0, 0, 1, -10deg)

     }

     60% {

         -webkit-transform: rotate3d(0, 0, 1, 5deg);

         transform: rotate3d(0, 0, 1, 5deg)

     }

     80% {

         -webkit-transform: rotate3d(0, 0, 1, -5deg);

         transform: rotate3d(0, 0, 1, -5deg)

     }

     to {

         -webkit-transform: rotate3d(0, 0, 1, 0deg);

         transform: rotate3d(0, 0, 1, 0deg)

     }

 }



 .swing {

     -webkit-transform-origin: top center;

     transform-origin: top center;

     -webkit-animation-name: swing;

     animation-name: swing

 }



 @-webkit-keyframes tada {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     10%,

     20% {

         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

     }

     30%,

     50%,

     70%,

     90% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

     }

     40%,

     60%,

     80% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

     }

 }



 @keyframes tada {

     from,

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     10%,

     20% {

         -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

     }

     30%,

     50%,

     70%,

     90% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

     }

     40%,

     60%,

     80% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

         transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

     }

 }



 .tada {

     -webkit-animation-name: tada;

     animation-name: tada

 }



 @-webkit-keyframes wobble {

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     15% {

         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

     }

     30% {

         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

     }

     45% {

         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

     }

     60% {

         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

     }

     75% {

         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

     }

 }



 @keyframes wobble {

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     15% {

         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

     }

     30% {

         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

     }

     45% {

         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

     }

     60% {

         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

     }

     75% {

         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

     }

 }



 .wobble {

     -webkit-animation-name: wobble;

     animation-name: wobble

 }



 @-webkit-keyframes jello {

     11.1%,

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     22.2% {

         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

         transform: skewX(-12.5deg) skewY(-12.5deg)

     }

     33.3% {

         -webkit-transform: skewX(6.25deg) skewY(6.25deg);

         transform: skewX(6.25deg) skewY(6.25deg)

     }

     44.4% {

         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

         transform: skewX(-3.125deg) skewY(-3.125deg)

     }

     55.5% {

         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

         transform: skewX(1.5625deg) skewY(1.5625deg)

     }

     66.6% {

         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

         transform: skewX(-.78125deg) skewY(-.78125deg)

     }

     77.7% {

         -webkit-transform: skewX(.390625deg) skewY(.390625deg);

         transform: skewX(.390625deg) skewY(.390625deg)

     }

     88.8% {

         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

         transform: skewX(-.1953125deg) skewY(-.1953125deg)

     }

 }



 @keyframes jello {

     11.1%,

     from,

     to {

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

         transform: translate3d(0, 0, 0)

     }

     22.2% {

         -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

         transform: skewX(-12.5deg) skewY(-12.5deg)

     }

     33.3% {

         -webkit-transform: skewX(6.25deg) skewY(6.25deg);

         transform: skewX(6.25deg) skewY(6.25deg)

     }

     44.4% {

         -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

         transform: skewX(-3.125deg) skewY(-3.125deg)

     }

     55.5% {

         -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

         transform: skewX(1.5625deg) skewY(1.5625deg)

     }

     66.6% {

         -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

         transform: skewX(-.78125deg) skewY(-.78125deg)

     }

     77.7% {

         -webkit-transform: skewX(.390625deg) skewY(.390625deg);

         transform: skewX(.390625deg) skewY(.390625deg)

     }

     88.8% {

         -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

         transform: skewX(-.1953125deg) skewY(-.1953125deg)

     }

 }



 .jello {

     -webkit-animation-name: jello;

     animation-name: jello;

     -webkit-transform-origin: center;

     transform-origin: center

 }



 @-webkit-keyframes bounceIn {

     20%,

     40%,

     60%,

     80%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     20% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1)

     }

     40% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(1.03, 1.03, 1.03);

         transform: scale3d(1.03, 1.03, 1.03)

     }

     80% {

         -webkit-transform: scale3d(.97, .97, .97);

         transform: scale3d(.97, .97, .97)

     }

     to {

         opacity: 1;

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

 }



 @keyframes bounceIn {

     20%,

     40%,

     60%,

     80%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     20% {

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1)

     }

     40% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(1.03, 1.03, 1.03);

         transform: scale3d(1.03, 1.03, 1.03)

     }

     80% {

         -webkit-transform: scale3d(.97, .97, .97);

         transform: scale3d(.97, .97, .97)

     }

     to {

         opacity: 1;

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

 }



 .bounceIn {

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

     -webkit-animation-name: bounceIn;

     animation-name: bounceIn

 }



 .bounceOut,

 .flipOutX {

     -webkit-animation-duration: .75s;

     animation-duration: .75s

 }



 @-webkit-keyframes bounceInDown {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

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

         transform: translate3d(0, -3000px, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(0, 25px, 0)

     }

     75% {

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

         transform: translate3d(0, -10px, 0)

     }

     90% {

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

         transform: translate3d(0, 5px, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes bounceInDown {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

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

         transform: translate3d(0, -3000px, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(0, 25px, 0)

     }

     75% {

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

         transform: translate3d(0, -10px, 0)

     }

     90% {

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

         transform: translate3d(0, 5px, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .bounceInDown {

     -webkit-animation-name: bounceInDown;

     animation-name: bounceInDown

 }



 @-webkit-keyframes bounceInLeft {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

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

         transform: translate3d(-3000px, 0, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(25px, 0, 0)

     }

     75% {

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

         transform: translate3d(-10px, 0, 0)

     }

     90% {

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

         transform: translate3d(5px, 0, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes bounceInLeft {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     0% {

         opacity: 0;

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

         transform: translate3d(-3000px, 0, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(25px, 0, 0)

     }

     75% {

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

         transform: translate3d(-10px, 0, 0)

     }

     90% {

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

         transform: translate3d(5px, 0, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .bounceInLeft {

     -webkit-animation-name: bounceInLeft;

     animation-name: bounceInLeft

 }



 @-webkit-keyframes bounceInRight {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     from {

         opacity: 0;

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

         transform: translate3d(3000px, 0, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(-25px, 0, 0)

     }

     75% {

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

         transform: translate3d(10px, 0, 0)

     }

     90% {

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

         transform: translate3d(-5px, 0, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes bounceInRight {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     from {

         opacity: 0;

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

         transform: translate3d(3000px, 0, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(-25px, 0, 0)

     }

     75% {

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

         transform: translate3d(10px, 0, 0)

     }

     90% {

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

         transform: translate3d(-5px, 0, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .bounceInRight {

     -webkit-animation-name: bounceInRight;

     animation-name: bounceInRight

 }



 @-webkit-keyframes bounceInUp {

     60%,

     75%,



     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     from {

         opacity: 0;

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

         transform: translate3d(0, 3000px, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(0, -20px, 0)

     }

     75% {

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

         transform: translate3d(0, 10px, 0)

     }

     90% {

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

         transform: translate3d(0, -5px, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes bounceInUp {

     60%,

     75%,

     90%,

     from,

     to {

         -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

         animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)

     }

     from {

         opacity: 0;

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

         transform: translate3d(0, 3000px, 0)

     }

     60% {

         opacity: 1;

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

         transform: translate3d(0, -20px, 0)

     }

     75% {

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

         transform: translate3d(0, 10px, 0)

     }

     90% {

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

         transform: translate3d(0, -5px, 0)

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .bounceInUp {

     -webkit-animation-name: bounceInUp;

     animation-name: bounceInUp

 }



 @-webkit-keyframes bounceOut {

     20% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9)

     }

     50%,

     55% {

         opacity: 1;

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

 }



 @keyframes bounceOut {

     20% {

         -webkit-transform: scale3d(.9, .9, .9);

         transform: scale3d(.9, .9, .9)

     }

     50%,

     55% {

         opacity: 1;

         -webkit-transform: scale3d(1.1, 1.1, 1.1);

         transform: scale3d(1.1, 1.1, 1.1)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

 }



 .bounceOut {

     -webkit-animation-name: bounceOut;

     animation-name: bounceOut

 }



 @-webkit-keyframes bounceOutDown {

     20% {

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

         transform: translate3d(0, 10px, 0)

     }

     40%,

     45% {

         opacity: 1;

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

         transform: translate3d(0, -20px, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

 }



 @keyframes bounceOutDown {

     20% {

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

         transform: translate3d(0, 10px, 0)

     }

     40%,

     45% {

         opacity: 1;

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

         transform: translate3d(0, -20px, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

 }



 .bounceOutDown {

     -webkit-animation-name: bounceOutDown;

     animation-name: bounceOutDown

 }



 @-webkit-keyframes bounceOutLeft {

     20% {

         opacity: 1;

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

         transform: translate3d(20px, 0, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

 }



 @keyframes bounceOutLeft {

     20% {

         opacity: 1;

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

         transform: translate3d(20px, 0, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

 }



 .bounceOutLeft {

     -webkit-animation-name: bounceOutLeft;

     animation-name: bounceOutLeft

 }



 @-webkit-keyframes bounceOutRight {

     20% {

         opacity: 1;

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

         transform: translate3d(-20px, 0, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

 }



 @keyframes bounceOutRight {

     20% {

         opacity: 1;

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

         transform: translate3d(-20px, 0, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

 }



 .bounceOutRight {

     -webkit-animation-name: bounceOutRight;

     animation-name: bounceOutRight

 }



 @-webkit-keyframes bounceOutUp {

     20% {

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

         transform: translate3d(0, -10px, 0)

     }

     40%,

     45% {

         opacity: 1;

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

         transform: translate3d(0, 20px, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

 }



 @keyframes bounceOutUp {

     20% {

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

         transform: translate3d(0, -10px, 0)

     }

     40%,

     45% {

         opacity: 1;

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

         transform: translate3d(0, 20px, 0)

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

 }



 .bounceOutUp {

     -webkit-animation-name: bounceOutUp;

     animation-name: bounceOutUp

 }



 @-webkit-keyframes fadeIn {

     from {

         opacity: 0

     }

     to {

         opacity: 1

     }

 }



 @keyframes fadeIn {

     from {

         opacity: 0

     }

     to {

         opacity: 1

     }

 }



 .fadeIn {

     -webkit-animation-name: fadeIn;

     animation-name: fadeIn

 }



 @-webkit-keyframes fadeInDown {

     from {

         opacity: 0;

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

         transform: translate3d(0, -100%, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInDown {

     from {

         opacity: 0;

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

         transform: translate3d(0, -100%, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInDown {

     -webkit-animation-name: fadeInDown;

     animation-name: fadeInDown

 }



 @-webkit-keyframes fadeInDownBig {

     from {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInDownBig {

     from {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInDownBig {

     -webkit-animation-name: fadeInDownBig;

     animation-name: fadeInDownBig

 }



 @-webkit-keyframes fadeInLeft {

     from {

         opacity: 0;

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

         transform: translate3d(-100%, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInLeft {

     from {

         opacity: 0;

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

         transform: translate3d(-100%, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInLeft {

     -webkit-animation-name: fadeInLeft;

     animation-name: fadeInLeft

 }



 @-webkit-keyframes fadeInLeftBig {

     from {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInLeftBig {

     from {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInLeftBig {

     -webkit-animation-name: fadeInLeftBig;

     animation-name: fadeInLeftBig

 }



 @-webkit-keyframes fadeInRight {

     from {

         opacity: 0;

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

         transform: translate3d(100%, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInRight {

     from {

         opacity: 0;

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

         transform: translate3d(100%, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInRight {

     -webkit-animation-name: fadeInRight;

     animation-name: fadeInRight

 }



 @-webkit-keyframes fadeInRightBig {

     from {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInRightBig {

     from {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInRightBig {

     -webkit-animation-name: fadeInRightBig;

     animation-name: fadeInRightBig

 }



 @-webkit-keyframes fadeInUp {

     from {

         opacity: 0;

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

         transform: translate3d(0, 100%, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInUp {

     from {

         opacity: 0;

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

         transform: translate3d(0, 100%, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInUp {

     -webkit-animation-name: fadeInUp;

     animation-name: fadeInUp

 }



 @-webkit-keyframes fadeInUpBig {

     from {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes fadeInUpBig {

     from {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .fadeInUpBig {

     -webkit-animation-name: fadeInUpBig;

     animation-name: fadeInUpBig

 }



 @-webkit-keyframes fadeOut {

     from {

         opacity: 1

     }

     to {

         opacity: 0

     }

 }



 @keyframes fadeOut {

     from {

         opacity: 1

     }

     to {

         opacity: 0

     }

 }



 .fadeOut {

     -webkit-animation-name: fadeOut;

     animation-name: fadeOut

 }



 @-webkit-keyframes fadeOutDown {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 100%, 0)

     }

 }



 @keyframes fadeOutDown {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 100%, 0)

     }

 }



 .fadeOutDown {

     -webkit-animation-name: fadeOutDown;

     animation-name: fadeOutDown

 }



 @-webkit-keyframes fadeOutDownBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

 }



 @keyframes fadeOutDownBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, 2000px, 0)

     }

 }



 .fadeOutDownBig {

     -webkit-animation-name: fadeOutDownBig;

     animation-name: fadeOutDownBig

 }



 @-webkit-keyframes fadeOutLeft {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(-100%, 0, 0)

     }

 }



 @keyframes fadeOutLeft {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(-100%, 0, 0)

     }

 }



 .fadeOutLeft {

     -webkit-animation-name: fadeOutLeft;

     animation-name: fadeOutLeft

 }



 @-webkit-keyframes fadeOutLeftBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

 }



 @keyframes fadeOutLeftBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(-2000px, 0, 0)

     }

 }



 .fadeOutLeftBig {

     -webkit-animation-name: fadeOutLeftBig;

     animation-name: fadeOutLeftBig

 }



 @-webkit-keyframes fadeOutRight {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(100%, 0, 0)

     }

 }



 @keyframes fadeOutRight {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(100%, 0, 0)

     }

 }



 .fadeOutRight {

     -webkit-animation-name: fadeOutRight;

     animation-name: fadeOutRight

 }



 @-webkit-keyframes fadeOutRightBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

 }



 @keyframes fadeOutRightBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(2000px, 0, 0)

     }

 }



 .fadeOutRightBig {

     -webkit-animation-name: fadeOutRightBig;

     animation-name: fadeOutRightBig

 }



 @-webkit-keyframes fadeOutUp {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -100%, 0)

     }

 }



 @keyframes fadeOutUp {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -100%, 0)

     }

 }



 .fadeOutUp {

     -webkit-animation-name: fadeOutUp;

     animation-name: fadeOutUp

 }



 @-webkit-keyframes fadeOutUpBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

 }



 @keyframes fadeOutUpBig {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

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

         transform: translate3d(0, -2000px, 0)

     }

 }



 .fadeOutUpBig {

     -webkit-animation-name: fadeOutUpBig;

     animation-name: fadeOutUpBig

 }



 @-webkit-keyframes flip {

     from {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

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

         animation-timing-function: ease-out

     }

     40% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

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

         animation-timing-function: ease-out

     }

     50% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

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

         animation-timing-function: ease-in

     }

     80% {

         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

         transform: perspective(400px) scale3d(.95, .95, .95);

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

         animation-timing-function: ease-in

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

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

         animation-timing-function: ease-in

     }

 }



 @keyframes flip {

     from {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

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

         animation-timing-function: ease-out

     }

     40% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

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

         animation-timing-function: ease-out

     }

     50% {

         -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

         transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

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

         animation-timing-function: ease-in

     }

     80% {

         -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

         transform: perspective(400px) scale3d(.95, .95, .95);

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

         animation-timing-function: ease-in

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px);

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

         animation-timing-function: ease-in

     }

 }



 .animated.flip {

     -webkit-backface-visibility: visible;

     backface-visibility: visible;

     -webkit-animation-name: flip;

     animation-name: flip

 }



 @-webkit-keyframes flipInX {

     from {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

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

         animation-timing-function: ease-in;

         opacity: 0

     }

     40% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

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

         animation-timing-function: ease-in

     }

     60% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         opacity: 1

     }

     80% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

 }



 @keyframes flipInX {

     from {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

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

         animation-timing-function: ease-in;

         opacity: 0

     }

     40% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

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

         animation-timing-function: ease-in

     }

     60% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

         opacity: 1

     }

     80% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

 }



 .flipInX {

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

     -webkit-animation-name: flipInX;

     animation-name: flipInX

 }



 .flipInY,

 .flipOutX {

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important

 }



 @-webkit-keyframes flipInY {

     from {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

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

         animation-timing-function: ease-in;

         opacity: 0

     }

     40% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

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

         animation-timing-function: ease-in

     }

     60% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         opacity: 1

     }

     80% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

 }



 @keyframes flipInY {

     from {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

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

         animation-timing-function: ease-in;

         opacity: 0

     }

     40% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

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

         animation-timing-function: ease-in

     }

     60% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

         opacity: 1

     }

     80% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

     }

     to {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)



     }

 }



 .flipInY {

     -webkit-animation-name: flipInY;

     animation-name: flipInY

 }



 @-webkit-keyframes flipOutX {

     from {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

     30% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         opacity: 1

     }

     to {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         opacity: 0

     }

 }



 @keyframes flipOutX {

     from {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

     30% {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

         opacity: 1

     }

     to {

         -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

         opacity: 0

     }

 }



 .flipOutX {

     -webkit-animation-name: flipOutX;

     animation-name: flipOutX

 }



 @-webkit-keyframes flipOutY {

     from {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

     30% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         opacity: 1

     }

     to {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         opacity: 0

     }

 }



 @keyframes flipOutY {

     from {

         -webkit-transform: perspective(400px);

         transform: perspective(400px)

     }

     30% {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

         opacity: 1

     }

     to {

         -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

         opacity: 0

     }

 }



 .flipOutY {

     -webkit-animation-duration: .75s;

     animation-duration: .75s;

     -webkit-backface-visibility: visible !important;

     backface-visibility: visible !important;

     -webkit-animation-name: flipOutY;

     animation-name: flipOutY

 }



 @-webkit-keyframes lightSpeedIn {

     from {

         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

         transform: translate3d(100%, 0, 0) skewX(-30deg);

         opacity: 0

     }

     60% {

         -webkit-transform: skewX(20deg);

         transform: skewX(20deg);

         opacity: 1

     }

     80% {

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

         transform: skewX(-5deg);

         opacity: 1

     }

     to {

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes lightSpeedIn {

     from {

         -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

         transform: translate3d(100%, 0, 0) skewX(-30deg);

         opacity: 0

     }

     60% {

         -webkit-transform: skewX(20deg);

         transform: skewX(20deg);

         opacity: 1

     }

     80% {

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

         transform: skewX(-5deg);

         opacity: 1

     }

     to {

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .lightSpeedIn {

     -webkit-animation-name: lightSpeedIn;

     animation-name: lightSpeedIn;

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

     animation-timing-function: ease-out

 }



 @-webkit-keyframes lightSpeedOut {

     from {

         opacity: 1

     }

     to {

         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

         transform: translate3d(100%, 0, 0) skewX(30deg);

         opacity: 0

     }

 }



 @keyframes lightSpeedOut {

     from {

         opacity: 1

     }

     to {

         -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

         transform: translate3d(100%, 0, 0) skewX(30deg);

         opacity: 0

     }

 }



 .lightSpeedOut {

     -webkit-animation-name: lightSpeedOut;

     animation-name: lightSpeedOut;

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

     animation-timing-function: ease-in

 }



 @-webkit-keyframes rotateIn {

     from {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, -200deg);

         transform: rotate3d(0, 0, 1, -200deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: center;

         transform-origin: center;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes rotateIn {

     from {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, -200deg);

         transform: rotate3d(0, 0, 1, -200deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: center;

         transform-origin: center;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .rotateIn {

     -webkit-animation-name: rotateIn;

     animation-name: rotateIn

 }



 @-webkit-keyframes rotateInDownLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes rotateInDownLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .rotateInDownLeft {

     -webkit-animation-name: rotateInDownLeft;

     animation-name: rotateInDownLeft

 }



 @-webkit-keyframes rotateInDownRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes rotateInDownRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .rotateInDownRight {

     -webkit-animation-name: rotateInDownRight;

     animation-name: rotateInDownRight

 }



 @-webkit-keyframes rotateInUpLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes rotateInUpLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .rotateInUpLeft {

     -webkit-animation-name: rotateInUpLeft;

     animation-name: rotateInUpLeft

 }



 @-webkit-keyframes rotateInUpRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -90deg);

         transform: rotate3d(0, 0, 1, -90deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 @keyframes rotateInUpRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -90deg);

         transform: rotate3d(0, 0, 1, -90deg);

         opacity: 0

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

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

         transform: translate3d(0, 0, 0);

         opacity: 1

     }

 }



 .rotateInUpRight {

     -webkit-animation-name: rotateInUpRight;

     animation-name: rotateInUpRight

 }



 @-webkit-keyframes rotateOut {

     from {

         -webkit-transform-origin: center;

         transform-origin: center;

         opacity: 1

     }

     to {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, 200deg);

         transform: rotate3d(0, 0, 1, 200deg);

         opacity: 0

     }

 }



 @keyframes rotateOut {

     from {

         -webkit-transform-origin: center;

         transform-origin: center;

         opacity: 1

     }

     to {

         -webkit-transform-origin: center;

         transform-origin: center;

         -webkit-transform: rotate3d(0, 0, 1, 200deg);

         transform: rotate3d(0, 0, 1, 200deg);

         opacity: 0

     }

 }



 .rotateOut {

     -webkit-animation-name: rotateOut;

     animation-name: rotateOut

 }



 @-webkit-keyframes rotateOutDownLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

 }



 @keyframes rotateOutDownLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, 45deg);

         transform: rotate3d(0, 0, 1, 45deg);

         opacity: 0

     }

 }



 .rotateOutDownLeft {

     -webkit-animation-name: rotateOutDownLeft;

     animation-name: rotateOutDownLeft

 }



 @-webkit-keyframes rotateOutDownRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

 }



 @keyframes rotateOutDownRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

 }



 .rotateOutDownRight {

     -webkit-animation-name: rotateOutDownRight;

     animation-name: rotateOutDownRight

 }



 @-webkit-keyframes rotateOutUpLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

 }



 @keyframes rotateOutUpLeft {

     from {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: left bottom;

         transform-origin: left bottom;

         -webkit-transform: rotate3d(0, 0, 1, -45deg);

         transform: rotate3d(0, 0, 1, -45deg);

         opacity: 0

     }

 }



 .rotateOutUpLeft {

     -webkit-animation-name: rotateOutUpLeft;

     animation-name: rotateOutUpLeft

 }



 @-webkit-keyframes rotateOutUpRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 90deg);

         transform: rotate3d(0, 0, 1, 90deg);

         opacity: 0

     }

 }



 @keyframes rotateOutUpRight {

     from {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         opacity: 1

     }

     to {

         -webkit-transform-origin: right bottom;

         transform-origin: right bottom;

         -webkit-transform: rotate3d(0, 0, 1, 90deg);

         transform: rotate3d(0, 0, 1, 90deg);

         opacity: 0

     }

 }



 .rotateOutUpRight {

     -webkit-animation-name: rotateOutUpRight;

     animation-name: rotateOutUpRight

 }



 @-webkit-keyframes hinge {

     0% {

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

         animation-timing-function: ease-in-out

     }

     20%,

     60% {

         -webkit-transform: rotate3d(0, 0, 1, 80deg);

         transform: rotate3d(0, 0, 1, 80deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

         animation-timing-function: ease-in-out

     }

     40%,

     80% {

         -webkit-transform: rotate3d(0, 0, 1, 60deg);

         transform: rotate3d(0, 0, 1, 60deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

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

         opacity: 1

     }

     to {

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

         transform: translate3d(0, 700px, 0);

         opacity: 0

     }

 }



 @keyframes hinge {

     0% {

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

         animation-timing-function: ease-in-out

     }

     20%,

     60% {

         -webkit-transform: rotate3d(0, 0, 1, 80deg);

         transform: rotate3d(0, 0, 1, 80deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

         animation-timing-function: ease-in-out

     }

     40%,

     80% {

         -webkit-transform: rotate3d(0, 0, 1, 60deg);

         transform: rotate3d(0, 0, 1, 60deg);

         -webkit-transform-origin: top left;

         transform-origin: top left;

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

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

         opacity: 1

     }

     to {

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

         transform: translate3d(0, 700px, 0);

         opacity: 0

     }

 }



 .hinge {

     -webkit-animation-duration: 2s;

     animation-duration: 2s;

     -webkit-animation-name: hinge;

     animation-name: hinge

 }



 @-webkit-keyframes jackInTheBox {

     from {

         opacity: 0;

         -webkit-transform: scale(.1) rotate(30deg);

         transform: scale(.1) rotate(30deg);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom

     }

     50% {

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

         transform: rotate(-10deg)

     }

     70% {

         -webkit-transform: rotate(3deg);

         transform: rotate(3deg)

     }

     to {

         opacity: 1;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

 }



 @keyframes jackInTheBox {

     from {

         opacity: 0;

         -webkit-transform: scale(.1) rotate(30deg);

         transform: scale(.1) rotate(30deg);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom

     }

     50% {

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

         transform: rotate(-10deg)

     }

     70% {

         -webkit-transform: rotate(3deg);

         transform: rotate(3deg)

     }

     to {

         opacity: 1;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

 }



 .jackInTheBox {

     -webkit-animation-name: jackInTheBox;

     animation-name: jackInTheBox

 }



 @-webkit-keyframes rollIn {

     from {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes rollIn {

     from {

         opacity: 0;

         -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

         transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

     }

     to {

         opacity: 1;

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

         transform: translate3d(0, 0, 0)

     }

 }



 .rollIn {

     -webkit-animation-name: rollIn;

     animation-name: rollIn

 }



 @-webkit-keyframes rollOut {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

     }

 }



 @keyframes rollOut {

     from {

         opacity: 1

     }

     to {

         opacity: 0;

         -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

         transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

     }

 }



 .rollOut {

     -webkit-animation-name: rollOut;

     animation-name: rollOut

 }



 @-webkit-keyframes zoomIn {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     50% {

         opacity: 1

     }

 }



 @keyframes zoomIn {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     50% {

         opacity: 1

     }

 }



 .zoomIn {

     -webkit-animation-name: zoomIn;

     animation-name: zoomIn

 }



 @-webkit-keyframes zoomInDown {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomInDown {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .zoomInDown {

     -webkit-animation-name: zoomInDown;

     animation-name: zoomInDown

 }



 @-webkit-keyframes zoomInLeft {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomInLeft {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .zoomInLeft {

     -webkit-animation-name: zoomInLeft;

     animation-name: zoomInLeft

 }



 @-webkit-keyframes zoomInRight {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomInRight {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .zoomInRight {

     -webkit-animation-name: zoomInRight;

     animation-name: zoomInRight

 }



 @-webkit-keyframes zoomInUp {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomInUp {

     from {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     60% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .zoomInUp {

     -webkit-animation-name: zoomInUp;

     animation-name: zoomInUp

 }



 @-webkit-keyframes zoomOut {

     from {

         opacity: 1

     }

     50% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     to {

         opacity: 0

     }

 }



 @keyframes zoomOut {

     from {

         opacity: 1

     }

     50% {

         opacity: 0;

         -webkit-transform: scale3d(.3, .3, .3);

         transform: scale3d(.3, .3, .3)

     }

     to {

         opacity: 0

     }

 }



 .zoomOut {

     -webkit-animation-name: zoomOut;

     animation-name: zoomOut

 }



 @-webkit-keyframes zoomOutDown {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomOutDown {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .zoomOutDown {

     -webkit-animation-name: zoomOutDown;

     animation-name: zoomOutDown

 }



 @-webkit-keyframes zoomOutLeft {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

     }

     to {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

         transform: scale(.1) translate3d(-2000px, 0, 0);

         -webkit-transform-origin: left center;

         transform-origin: left center

     }

 }



 @keyframes zoomOutLeft {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

     }

     to {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

         transform: scale(.1) translate3d(-2000px, 0, 0);

         -webkit-transform-origin: left center;

         transform-origin: left center

     }

 }



 .zoomOutLeft {

     -webkit-animation-name: zoomOutLeft;

     animation-name: zoomOutLeft

 }



 @-webkit-keyframes zoomOutRight {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

     }

     to {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

         transform: scale(.1) translate3d(2000px, 0, 0);

         -webkit-transform-origin: right center;

         transform-origin: right center

     }

 }



 @keyframes zoomOutRight {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

         transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

     }

     to {

         opacity: 0;

         -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

         transform: scale(.1) translate3d(2000px, 0, 0);

         -webkit-transform-origin: right center;

         transform-origin: right center

     }

 }



 .zoomOutRight {

     -webkit-animation-name: zoomOutRight;

     animation-name: zoomOutRight

 }



 @-webkit-keyframes zoomOutUp {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 @keyframes zoomOutUp {

     40% {

         opacity: 1;

         -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

         -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

         animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)

     }

     to {

         opacity: 0;

         -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

         -webkit-transform-origin: center bottom;

         transform-origin: center bottom;

         -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

         animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)

     }

 }



 .modal-video,

 .modal-video-movie-wrap {

     animation-timing-function: ease-out;

     animation-duration: .3s

 }



 .zoomOutUp {

     -webkit-animation-name: zoomOutUp;

     animation-name: zoomOutUp

 }



 @-webkit-keyframes slideInDown {

     from {

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

         transform: translate3d(0, -100%, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes slideInDown {

     from {

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

         transform: translate3d(0, -100%, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .slideInDown {

     -webkit-animation-name: slideInDown;

     animation-name: slideInDown

 }



 @-webkit-keyframes slideInLeft {

     from {

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

         transform: translate3d(-100%, 0, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes slideInLeft {

     from {

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

         transform: translate3d(-100%, 0, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .slideInLeft {

     -webkit-animation-name: slideInLeft;

     animation-name: slideInLeft

 }



 @-webkit-keyframes slideInRight {

     from {

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

         transform: translate3d(100%, 0, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes slideInRight {

     from {

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

         transform: translate3d(100%, 0, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .slideInRight {

     -webkit-animation-name: slideInRight;

     animation-name: slideInRight

 }



 @-webkit-keyframes slideInUp {

     from {

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

         transform: translate3d(0, 100%, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 @keyframes slideInUp {

     from {

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

         transform: translate3d(0, 100%, 0);

         visibility: visible

     }

     to {

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

         transform: translate3d(0, 0, 0)

     }

 }



 .slideInUp {

     -webkit-animation-name: slideInUp;

     animation-name: slideInUp

 }



 @-webkit-keyframes slideOutDown {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(0, 100%, 0)

     }

 }



 @keyframes slideOutDown {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(0, 100%, 0)

     }

 }



 .slideOutDown {

     -webkit-animation-name: slideOutDown;

     animation-name: slideOutDown

 }



 @-webkit-keyframes slideOutLeft {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(-100%, 0, 0)

     }

 }



 @keyframes slideOutLeft {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(-100%, 0, 0)

     }

 }



 .slideOutLeft {

     -webkit-animation-name: slideOutLeft;

     animation-name: slideOutLeft

 }



 @-webkit-keyframes slideOutRight {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(100%, 0, 0)

     }

 }



 @keyframes slideOutRight {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(100%, 0, 0)

     }

 }



 .slideOutRight {

     -webkit-animation-name: slideOutRight;

     animation-name: slideOutRight

 }



 @-webkit-keyframes slideOutUp {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(0, -100%, 0)

     }

 }



 @keyframes slideOutUp {

     from {

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

         transform: translate3d(0, 0, 0)

     }

     to {

         visibility: hidden;

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

         transform: translate3d(0, -100%, 0)

     }

 }



 .slideOutUp {

     -webkit-animation-name: slideOutUp;

     animation-name: slideOutUp

 }



 .slick-slider {

     -moz-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

 }



 .nice-select,

 .nice-select .list,

 .pretty * {

     box-sizing: border-box

 }



 .slick-list {

     overflow: hidden;

     margin: 0;

     padding: 0

 }



 .slick-dots li button:focus,

 .slick-dots li button:hover,

 .slick-list:focus {

     outline: 0

 }



 .slick-list.dragging {

     cursor: pointer;

     cursor: hand

 }



 .slick-slider .slick-list,

 .slick-slider .slick-track {

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

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

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

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

     transform: translate3d(0, 0, 0)

 }



 .slick-track {

     top: 0;

     left: 0

 }



 .slick-slide {

     display: none;

     float: left;

     height: 100%;

     min-height: 1px

 }



 .nice-select.right,

 [dir=rtl] .slick-slide {

     float: right

 }



 .no-csspointerevents .nice-select.open .list,

 .pretty.p-has-hover input:hover~.state.p-is-hover,

 .pretty.p-has-hover input:hover~.state.p-is-hover .icon,

 .slick-initialized .slick-slide,

 .slicknav_nav .slicknav_row,

 .slicknav_nav a {

     display: block

 }



 .slick-vertical .slick-slide {

     display: block;

     height: auto;

     border: 1px solid transparent

 }



 .slick-next,

 .slick-prev {

     font-size: 0;

     position: absolute;

     top: 50%;

     display: block;

     width: 40px;

     height: 40px;

     margin-top: -20px;

     padding: 0;

     cursor: pointer;

     color: transparent;

     border: none;

     outline: 0;

     background: #2eb135;

     line-height: 40px;

     z-index: 1;

     transition: .3s ease-in-out

 }



 .slick-next:focus,

 .slick-next:hover,

 .slick-prev:focus,

 .slick-prev:hover {

     opacity: .9;

     outline: 0

 }



 .lb-nav a.lb-next:hover,

 .lb-nav a.lb-prev:hover,

 .pretty.p-icon input:checked~.state .icon,

 .pretty.p-image input:checked~.state img,

 .pretty.p-svg input:checked~.state .svg,

 .slick-dots li button:focus:before,

 .slick-dots li button:hover:before,

 .slick-next:focus:before,

 .slick-next:hover:before,

 .slick-prev:focus:before,

 .slick-prev:hover:before {

     opacity: 1

 }



 .slick-next:before,

 .slick-prev:before {

     font-family: fontawesome;

     font-size: 21px;

     line-height: 2;

     opacity: 1;

     color: #fff;

     -webkit-font-smoothing: antialiased;

     -moz-osx-font-smoothing: grayscale

 }



 .slick-next:hover:before,

 .slick-prev:hover:before,

 .slicknav_nav .slicknav_arrow .fa-angle-up,

 .slicknav_nav .submenu.slicknav_open a.dropdown-toggle {

     color: #fff

 }



 .slider-section .slick-next,

 .slider-section .slick-prev {

     left: 44%;

     background: #fff;

     height: 50px;

     width: 50px;

     top: 15%;

     padding: 5px 5px 5px 0;

     box-shadow: 0 0 10px #ccc;

     z-index: 1

 }



 .slider-section .slick-next {

     right: 44%;

     left: inherit;

     padding: 5px 0 5px 5px

 }



 .slider-section .slick-next:before,

 .slider-section .slick-prev:before {

     font-size: 36px

 }



 .slick-prev {

     left: -30px

 }



 [dir=rtl] .slick-prev {

     right: 15px;

     left: auto

 }



 .slick-prev:before,

 [dir=rtl] .slick-next:before {

     content: "\f104"

 }



 .slick-next:before,

 [dir=rtl] .slick-prev:before {

     content: "\f105"

 }



 .slick-next {

     right: -30px

 }



 [dir=rtl] .slick-next {

     right: auto;

     left: 15px

 }



 .bootstrap-select .dropdown-menu li,

 .slick-slider,

 .slicknav_menu .slicknav_no-text {

     margin: 0

 }



 .slick-dots {

     position: absolute;

     bottom: -50px;

     display: block;

     width: 100%;

     padding: 0;

     list-style: none;

     text-align: center

 }



 .slick-dots li,

 .slicknav_btn,

 .slicknav_nav .slicknav_item {

     position: relative;

     cursor: pointer

 }



 .slick-dots li {

     display: inline-block;

     width: 16px;

     height: 16px;

     margin: 0;

     padding: 0

 }



 .slick-dots li button {

     font-size: 0;

     line-height: 0;

     display: block;

     width: 16px;

     height: 16px;

     padding: 5px;

     cursor: pointer;

     color: transparent;

     border: 0;

     outline: 0;

     background: 0 0

 }



 .slick-dots li button:before {

     position: absolute;

     top: 0;

     left: 0;

     width: 10px;

     height: 10px;

     content: "";

     opacity: 1;

     border-radius: 50%;

     background: #ccc;

     border: 1px solid #ccc

 }



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

     opacity: 1;

     background: #0b223d;

     border: 1px solid #fff

 }



 .slick-slide img {

     display: block;

     width: 100%

 }



 .slick-slide img.slick-loading {

     border: 0

 }



 .variable-width .slick-slide p {

     height: 100px;

     color: #fff;

     margin: 5px;

     line-height: 100px

 }



 .variable-width .image {

     height: 100%

 }



 .variable-width .image img {

     display: block;

     height: 100%;

     width: 100%

 }



 .slick-center-mode .slick-center .image,

 .slick-center-mode .slick-center h3 {

     -moz-transform: scale(1.08);

     -ms-transform: scale(1.08);

     -o-transform: scale(1.08);

     -webkit-transform: scale(1.08);

     color: #e67e22;

     opacity: 1;

     transform: scale(1.08)

 }



 .slick-center h3 {

     opacity: .8;

     transition: .3s

 }



 .slick-center-mode .image {

     opacity: .3;

     transition: .3s;

     padding: 10px

 }



 .slick-content {

     margin: auto;

     padding: 20px;

     width: 600px

 }



 .buttons::after,

 .slick-content:after {

     clear: both;

     content: "";

     display: table

 }



 .slick-center-mode img {

     border: 2px solid #fff;

     display: block;

     width: 100%

 }



 .slick-slide .image {

     padding: 0

 }



 .slicknav_btn {

     display: block;

     vertical-align: middle;

     float: right;

     line-height: 1.125em;

     margin: 0;

     text-decoration: none;

     background-color: transparent;

     padding: 0;

     top: 0;

     right: 0;

     -webkit-transition: .3s ease-in-out;

     -moz-transition: .3s ease-in-out;

     -ms-transition: .3s ease-in-out;

     -o-transition: .3s ease-in-out;

     transition: .3s ease-in-out

 }



 .slicknav_menu .slicknav_menutxt {

     display: block;

     line-height: 1.188em;

     float: left;

     color: #dff2f2;

     font-weight: 400;

     font-size: 14px

 }



 .slicknav_menu .slicknav_icon {

     float: left;

     margin: .188em 0 0 .438em

 }



 .slicknav_menu .slicknav_icon-bar {

     display: block;

     width: 1.125em;

     height: .125em;

     -webkit-border-radius: 1px;

     -moz-border-radius: 1px;

     border-radius: 1px;

     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);

     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);

     box-shadow: 0 1px 0 rgba(0, 0, 0, .25);

     background-color: #f5f5f5

 }



 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {

     margin-top: .188em

 }



 .slicknav_menu:after,

 .slicknav_nav {

     clear: both

 }



 .slicknav_nav li,

 .slicknav_nav ul {

     display: block;

     margin: 0

 }



 .slicknav_nav .slicknav_arrow {

     margin: 0 0 0 .4em

 }



 .slicknav_nav .slicknav_item a,

 .slicknav_nav .slicknav_parent-link a {

     display: inline;

     padding: 15px;

     margin: 0

 }



 .slicknav_menu:after,

 .slicknav_menu:before {

     content: " ";

     display: table

 }



 .slicknav_menu {

     font-size: 16px;

     background: 0 0;

     padding: 0;

     margin-top: 0

 }



 .slicknav_btn.slicknav_open:before {

     font-family: FontAwesome;

     content: "\f00d"

 }



 .slicknav_btn.slicknav_collapsed:before {

     font-family: FontAwesome;

     content: "\f0c9"

 }



 .slicknav_btn.slicknav_collapsed,

 .slicknav_btn.slicknav_collapsed:before,

 .slicknav_btn.slicknav_open,

 .slicknav_btn.slicknav_open:before {

     text-decoration: none;

     border: none

 }



 .slicknav_btn.slicknav_collapsed:before,

 .slicknav_btn.slicknav_open:before {

     font-size: 21px;

     color: #444

 }



 .slicknav_menutxt {

     line-height: 22px

 }



 .lb-loader,

 .lightbox {

     line-height: 0;

     text-align: center

 }



 .slicknav_nav,

 .slicknav_nav ul {

     list-style: none;

     overflow: hidden

 }



 .slicknav_nav ul {

     padding: 0;

     margin: 0;

     width: 100%;

     border-radius: 0;

     position: inherit;

     top: inherit;

     left: inherit;

     border: none;

     float: inherit;

     background-color: transparent;

     border-bottom: 1px solid #e2e2e2

 }



 .slicknav_nav ul li {

     border-bottom: 0

 }



 .dropdown-menu>li>a {

     padding: 10px 15px;

     font-size: 14px;

     border-bottom: 1px solid #e2e2e2;

     text-transform: capitalize

 }



 .dropdown-menu>li>a span {

     color: #444;

     font-size: 14px

 }



 .dropdown-menu>li:last-child>a,

 .lightbox a img {

     border: none

 }



 .dropdown-menu>.active>a,

 .dropdown-menu>.active>a:focus,

 .dropdown-menu>.active>a:hover,

 .dropdown-menu>li>a:focus,

 .dropdown-menu>li>a:hover {

     background: 0 0;

     outline: 0

 }



 .slicknav_nav .slicknav_row {

     padding: 0;

     margin: 0

 }



 .slicknav_nav a {

     padding: 15px;

     margin: 0;

     text-decoration: none;

     color: #414141 !important;

     border-bottom: 1px solid #e2e2e2;

     display: block;

     -o-transition: .3s;

     -webkit-transition: .3s;

     -moz-transition: .3s;

     transition: .3s;

     font-weight: 400;

     text-transform: uppercase;

     font-size: 15px;

     text-align: center

 }



 .slicknav_nav li:last-child a {

     border-bottom: none

 }



 .slicknav_nav .slicknav_item a {

     border-bottom: none;

     display: block

 }



 .slicknav_nav {

     color: #b6b3c4;

     font-size: .875em;

     position: absolute;

     top: 127px;

     left: 0;

     right: 0;

     background: #fff;

     overflow-y: scroll;

     width: 100%;

     margin: 0 auto;

     padding: 12px 0

 }



 .slicknav_nav ul li {

     padding-left: 0;

     background: #fff

 }



 .slicknav_nav ul li li {

     padding-left: 0

 }



 .slicknav_nav ul li ul a {

     padding: 10px

 }



 .slicknav_nav .slicknav_row:hover {

     -webkit-border-radius: 0;

     -moz-border-radius: 0;

     border-radius: 0;

     background: 0 0;

     color: #fff

 }



 .slicknav_nav a:hover {

     -webkit-border-radius: 0;

     -moz-border-radius: 0;

     border-radius: 0;

     background: 0 0;

     color: #567b38 !important

 }



 .slicknav_nav .slicknav_txtnode {

     margin-left: 15px

 }



 .slicknav_nav .slicknav_arrow {

     font-size: 14px;

     position: absolute;

     top: 0;

     right: 0;

     bottom: 0;

     color: #181d38;

     width: 100%;

     display: flex;

     align-items: center;

     justify-content: center;

     border-left: 1px solid rgba(255, 255, 255, .05)

 }



 .slicknav_nav .slicknav_arrow i.fa {

     position: absolute;

     right: 15px

 }



 .slicknav_nav .submenu.slicknav_open {

     background: #567b38

 }



 .slicknav_nav .slicknav_arrow:hover {

     background: rgba(255, 255, 255, .05)

 }



 @media (min-width:1024px) {

     div#slicknav-mobile {

         display: none

     }

 }



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

     #responsive-menu,

     .slicknav_nav a.mt_cart,

     .slicknav_nav a.mt_search {

         display: none

     }

     .slicknav_menu {

         display: block

     }

 }



 @media (max-width:991px) {

     div#slicknav-mobile {

         display: block

     }

     .slicknav_nav {

         top: 75px

     }

 }



 @media (max-width:767px) {

     nav.navbar.navbar-default.navbar-fixed-top.with-slicknav {

         background: rgba(0, 0, 0, .5)

     }

     .slicknav_nav {

         top: 83px

     }

 }



 @media (max-width:479px) {

     .slicknav_btn.slicknav_collapsed:before,

     .slicknav_btn.slicknav_open:before {

         color: #444

     }

     .slicknav_nav {

         top: 90px !important

     }

 }



 .lightboxOverlay {

     position: absolute;

     top: 0;

     left: 0;

     z-index: 9999;

     background-color: #000;

     opacity: .8;

     display: none

 }



 .lightbox {

     position: absolute;

     left: 0;

     width: 100%;

     z-index: 10000;

     font-weight: 400;

     outline: 0

 }



 .lightbox .lb-image {

     display: block;

     height: auto;

     max-width: inherit;

     max-height: none;

     border-radius: 3px;

     border: 4px solid #fff

 }



 .lb-outerContainer {

     position: relative;

     width: 250px;

     height: 250px;

     margin: 0 auto;

     border-radius: 4px;

     background-color: #fff

 }



 .lb-loader,

 .lb-nav {

     position: absolute;

     left: 0

 }



 .lb-dataContainer:after,

 .lb-outerContainer:after {

     content: "";

     display: table;

     clear: both

 }



 .lb-loader {

     top: 43%;

     height: 25%;

     width: 100%

 }



 .lb-cancel {

     display: block;

     width: 32px;

     height: 32px;

     margin: 0 auto;

     background: url(../images/loading.html) no-repeat

 }



 .lb-nav {

     top: 0;

     height: 100%;

     width: 100%;

     z-index: 10

 }



 .lb-container>.nav {

     left: 0

 }



 .lb-nav a {

     outline: 0;

     background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")

 }



 .lb-next,

 .lb-prev {

     height: 100%;

     cursor: pointer;

     display: block

 }



 .lb-nav a.lb-prev {

     width: 34%;

     left: 0;

     float: left;

     background: url(../images/prev.png) left 48% no-repeat;

     opacity: 0;

     -webkit-transition: opacity .6s;

     -moz-transition: opacity .6s;

     -o-transition: opacity .6s;

     transition: opacity .6s

 }



 .lb-nav a.lb-next {

     width: 64%;

     right: 0;

     float: right;

     background: url(../images/next.png) right 48% no-repeat;

     opacity: 0;

     -webkit-transition: opacity .6s;

     -moz-transition: opacity .6s;

     -o-transition: opacity .6s;

     transition: opacity .6s

 }



 .lb-dataContainer {

     margin: 0 auto;

     padding-top: 5px;

     width: 100%;

     border-bottom-left-radius: 4px;

     border-bottom-right-radius: 4px

 }



 .lb-data {

     padding: 0 4px;

     color: #ccc

 }



 .lb-data .lb-details {

     width: 100%;

     float: left;

     text-align: left;

     line-height: 1.1em

 }



 .lb-data .lb-caption {

     font-size: 13px;

     font-weight: 700;

     line-height: 1em

 }



 .lb-data .lb-caption a {

     color: #4ae

 }



 .lb-data .lb-number {

     display: block;

     clear: left;

     padding-bottom: 1em;

     font-size: 12px;

     color: #999;

     float: right

 }



 .lb-data .lb-close {

     display: block;

     float: right;

     width: 30px;

     height: 30px;

     background: url(../images/close.png) top right no-repeat;

     text-align: right;

     outline: 0;

     opacity: .7;

     -webkit-transition: opacity .2s;

     -moz-transition: opacity .2s;

     -o-transition: opacity .2s;

     transition: opacity .2s

 }



 .lb-data .lb-close:hover {

     cursor: pointer;

     opacity: 1

 }



 @keyframes modal-video {

     from {

         opacity: 0

     }

     to {

         opacity: 1

     }

 }



 @keyframes modal-video-inner {

     from {

         transform: translate(0, 100px)

     }

     to {

         transform: translate(0, 0)

     }

 }



 .modal-video {

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     background-color: rgba(0, 0, 0, .5);

     z-index: 1000000;

     cursor: pointer;

     opacity: 1;

     animation-name: modal-video;

     -webkit-transition: opacity .3s ease-out;

     -moz-transition: opacity .3s ease-out;

     -ms-transition: opacity .3s ease-out;

     -o-transition: opacity .3s ease-out;

     transition: opacity .3s ease-out

 }



 .modal-video-close .modal-video-movie-wrap {

     -webkit-transform: translate(0, 100px);

     -moz-transform: translate(0, 100px);

     -ms-transform: translate(0, 100px);

     -o-transform: translate(0, 100px);

     transform: translate(0, 100px)

 }



 .modal-video-body {

     max-width: 940px;

     width: 100%;

     height: 100%;

     margin: 0 auto;

     display: table

 }



 .modal-video-inner {

     display: table-cell;

     vertical-align: middle;

     width: 100%;

     height: 100%

 }



 .modal-video-movie-wrap {

     width: 100%;

     height: 0;

     position: relative;

     padding-bottom: 56.25%;

     background-color: #333;

     animation-name: modal-video-inner;

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

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

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

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

     transform: translate(0, 0);

     -webkit-transition: -webkit-transform .3s ease-out;

     -moz-transition: -moz-transform .3s ease-out;

     -ms-transition: -ms-transform .3s ease-out;

     -o-transition: -o-transform .3s ease-out;

     transition: transform .3s ease-out

 }



 .modal-video-movie-wrap iframe {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%

 }



 .modal-video-close-btn {

     position: absolute;

     z-index: 2;

     top: -35px;

     right: -35px;

     display: inline-block;

     width: 35px;

     height: 35px;

     overflow: hidden;

     border: none;

     background: 0 0

 }



 .nice-select,

 .pretty,

 .pretty.p-switch .state {

     position: relative

 }



 .modal-video-close-btn:before {

     transform: rotate(45deg)

 }



 .modal-video-close-btn:after {

     transform: rotate(-45deg)

 }



 .modal-video-close-btn:after,

 .modal-video-close-btn:before {

     content: "";

     position: absolute;

     height: 2px;

     width: 100%;

     top: 50%;

     left: 0;

     background: #fff;

     border-radius: 5px;

     margin-top: -6px

 }



 .nice-select {

     float: left;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     user-select: none;

     clear: both;

     cursor: pointer;

     border: 1px solid #f1f1f1;

     display: block;

     font-size: 15px;

     outline: 0;

     padding: 10px 20px;

     font-weight: 300;

     height: 50px;

     color: #777;

     text-align: left !important;

     -webkit-transition: .2s ease-in-out;

     transition: .2s ease-in-out;

     -webkit-user-select: none;

     -moz-user-select: none;

     -ms-user-select: none;

     user-select: none;

     white-space: nowrap;

     width: 100%;

     border-radius: 0;

     background: #fff;

     line-height: 1.5

 }



 .nice-select:hover {

     border-color: #dbdbdb

 }



 .nice-select.open,

 .nice-select:active,

 .nice-select:focus {

     border-color: #eee

 }



 .nice-select:after {

     border-bottom: 2px solid #999;

     border-right: 2px solid #999;

     content: "";

     display: block;

     height: 5px;

     margin-top: -4px;

     pointer-events: none;

     position: absolute;

     right: 12px;

     top: 50%;

     -webkit-transform-origin: 66% 66%;

     -ms-transform-origin: 66% 66%;

     transform-origin: 66% 66%;

     -webkit-transform: rotate(45deg);

     -ms-transform: rotate(45deg);

     transform: rotate(45deg);

     -webkit-transition: .15s ease-in-out;

     transition: .15s ease-in-out;

     width: 5px

 }



 .nice-select.open:after {

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

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

     transform: rotate(-135deg)

 }



 .nice-select.open .list {

     opacity: 1;

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

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

     transform: scale(1) translateY(0);

     width: 100%;

     background: #fff

 }



 .nice-select.disabled {

     border-color: #ededed;

     color: #999;

     pointer-events: none

 }



 .nice-select.disabled:after {

     border-color: #ccc

 }



 .nice-select.wide {

     width: 100%

 }



 .nice-select.wide .list {

     left: 0 !important;

     right: 0 !important

 }



 .nice-select.right .list {

     left: auto;

     right: 0

 }



 .nice-select.small {

     font-size: 12px;

     height: 36px;

     line-height: 34px

 }



 .nice-select.small:after {

     height: 4px;

     width: 4px

 }



 .nice-select.small .option {

     line-height: 34px;

     min-height: 34px

 }



 .nice-select .list {

     background-color: #fff;

     border-radius: 0;

     box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);

     margin-top: 0;

     opacity: 0;

     overflow: hidden;

     padding: 0;

     pointer-events: none;

     position: absolute;

     top: 100%;

     left: 0;

     -webkit-transform-origin: 50% 0;

     -ms-transform-origin: 50% 0;

     transform-origin: 50% 0;

     -webkit-transform: scale(.75) translateY(-21px);

     -ms-transform: scale(.75) translateY(-21px);

     transform: scale(.75) translateY(-21px);

     -webkit-transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;

     transition: .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;

     z-index: 9

 }



 .nice-select .list:hover .option:not(:hover) {

     background-color: transparent !important

 }



 .nice-select .option {

     cursor: pointer;

     font-weight: 400;

     list-style: none;

     min-height: 40px;

     outline: 0;

     padding: 10px 20px;

     text-align: left;

     margin-bottom: 0;

     -webkit-transition: .2s;

     transition: .2s;

     color: #444;

     font-size: 14px;

     display: block

 }



 .nice-select .option.focus,

 .nice-select .option.selected.focus,

 .nice-select .option:hover {

     background-color: #f6f6f6

 }



 .nice-select .option.disabled {

     background-color: transparent;

     color: #999;

     cursor: default

 }



 .pretty * {

     vertical-align: top

 }



 .pretty {

     display: inline-block;

     margin-right: 1em

 }



 .pretty input {

     position: absolute;

     left: 0;

     top: 0;

     min-width: 1em;

     width: 100%;

     height: 100%;

     z-index: 2;

     opacity: 0;

     margin: 0;

     padding: 0;

     cursor: pointer

 }



 .pretty .state label {

     position: initial;

     display: inline-block;

     font-weight: 400;

     margin: 0;

     text-indent: 1.5em;

     min-width: calc(1em + 2px)

 }



 .pretty .state label:after,

 .pretty .state label:before {

     content: "";

     width: calc(1em + 2px);

     height: calc(1em + 2px);

     display: block;

     box-sizing: border-box;

     border-radius: 50%;

     border: 1px solid transparent;

     z-index: 0;

     position: absolute;

     left: 0;

     top: 0;

     background-color: transparent

 }



 .pretty .state label:before {

     border-color: #bdc3c7

 }



 @-webkit-keyframes zoom {

     0% {

         opacity: 0;

         -webkit-transform: scale(0);

         transform: scale(0)

     }

 }



 @keyframes zoom {

     0% {

         opacity: 0;

         -webkit-transform: scale(0);

         transform: scale(0)

     }

 }



 @-webkit-keyframes tada {

     0% {

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

         animation-timing-function: ease-in;

         opacity: 0;

         -webkit-transform: scale(7);

         transform: scale(7)

     }

     38% {

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

         animation-timing-function: ease-out;

         opacity: 1;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

     55% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.5);

         transform: scale(1.5)

     }

     100%,

     72%,

     89% {

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

         animation-timing-function: ease-out;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

     81% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.24);

         transform: scale(1.24)

     }

     95% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.04);

         transform: scale(1.04)

     }

 }



 @keyframes tada {

     0% {

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

         animation-timing-function: ease-in;

         opacity: 0;

         -webkit-transform: scale(7);

         transform: scale(7)

     }

     38% {

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

         animation-timing-function: ease-out;

         opacity: 1;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

     55% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.5);

         transform: scale(1.5)

     }

     100%,

     72%,

     89% {

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

         animation-timing-function: ease-out;

         -webkit-transform: scale(1);

         transform: scale(1)

     }

     81% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.24);

         transform: scale(1.24)

     }

     95% {

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

         animation-timing-function: ease-in;

         -webkit-transform: scale(1.04);

         transform: scale(1.04)

     }

 }



 @-webkit-keyframes jelly {

     0%,

     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     30% {

         -webkit-transform: scale3d(.75, 1.25, 1);

         transform: scale3d(.75, 1.25, 1)

     }

     40% {

         -webkit-transform: scale3d(1.25, .75, 1);

         transform: scale3d(1.25, .75, 1)

     }

     50% {

         -webkit-transform: scale3d(.85, 1.15, 1);

         transform: scale3d(.85, 1.15, 1)

     }

     65% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1)

     }

     75% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1)

     }

 }



 @keyframes jelly {

     0%,

     100% {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1)

     }

     30% {

         -webkit-transform: scale3d(.75, 1.25, 1);

         transform: scale3d(.75, 1.25, 1)

     }

     40% {

         -webkit-transform: scale3d(1.25, .75, 1);

         transform: scale3d(1.25, .75, 1)

     }

     50% {

         -webkit-transform: scale3d(.85, 1.15, 1);

         transform: scale3d(.85, 1.15, 1)

     }

     65% {

         -webkit-transform: scale3d(1.05, .95, 1);

         transform: scale3d(1.05, .95, 1)

     }

     75% {

         -webkit-transform: scale3d(.95, 1.05, 1);

         transform: scale3d(.95, 1.05, 1)

     }

 }



 @-webkit-keyframes rotate {

     0% {

         opacity: 0;

         -webkit-transform: translateZ(-200px) rotate(-45deg);

         transform: translateZ(-200px) rotate(-45deg)

     }

     100% {

         opacity: 1;

         -webkit-transform: translateZ(0) rotate(0);

         transform: translateZ(0) rotate(0)

     }

 }



 @keyframes rotate {

     0% {

         opacity: 0;

         -webkit-transform: translateZ(-200px) rotate(-45deg);

         transform: translateZ(-200px) rotate(-45deg)

     }

     100% {

         opacity: 1;

         -webkit-transform: translateZ(0) rotate(0);

         transform: translateZ(0) rotate(0)

     }

 }



 .pretty.p-default.p-fill .state label:after {

     -webkit-transform: scale(1);

     -ms-transform: scale(1);

     transform: scale(1)

 }



 .pretty.p-default .state label:after {

     -webkit-transform: scale(.6);

     -ms-transform: scale(.6);

     transform: scale(.6)

 }



 .pretty input:checked~.state.p-warning label:after,

 .pretty.p-default input:checked~.state label:after,

 .pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after,

 .pretty.p-switch.p-fill input:checked~.state.p-warning:before,

 .pretty.p-toggle .state.p-warning label:after {

     background-color: #4db7fe !important

 }



 .pretty.p-default.p-thick .state label:after,

 .pretty.p-default.p-thick .state label:before {

     border-width: calc(1em / 7)

 }



 .pretty.p-default.p-thick .state label:after {

     -webkit-transform: scale(.4) !important;

     -ms-transform: scale(.4) !important;

     transform: scale(.4) !important

 }



 .pretty.p-icon .state .icon,

 .pretty.p-svg .state .svg {

     position: absolute;

     font-size: 1em;

     width: calc(1em + 2px);

     height: calc(1em + 2px);

     left: 0;

     z-index: 1;

     text-align: center;

     line-height: normal;

     top: calc((0% - (100% - 1em)) - 8%);

     border: 1px solid transparent;

     opacity: 0

 }



 .pretty.p-icon .state .icon:before,

 .pretty.p-svg .state svg {

     margin: 0;

     width: 100%;

     height: 100%;

     text-align: center;

     display: -webkit-box;

     display: -ms-flexbox;

     display: flex;

     -webkit-box-flex: 1;

     -ms-flex: 1;

     flex: 1;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     line-height: 1

 }



 .pretty.p-icon input:checked~.state label:before,

 .pretty.p-switch input:checked~.state:before {

     border-color: #5a656b

 }



 .pretty.p-image .state img {

     opacity: 0;

     position: absolute;

     width: calc(1em + 2px);

     height: calc(1em + 2px);

     top: 0;

     top: calc((0% - (100% - 1em)) - 8%);

     left: 0;

     z-index: 0;

     text-align: center;

     line-height: normal;

     -webkit-transform: scale(.8);

     -ms-transform: scale(.8);

     transform: scale(.8)

 }



 .pretty.p-switch input {

     min-width: 2em

 }



 .pretty.p-switch .state:before {

     content: "";

     border: 1px solid #bdc3c7;

     border-radius: 60px;

     width: 2em;

     box-sizing: unset;

     height: calc(1em + 2px);

     position: absolute;

     top: 0;

     top: calc((0% - (100% - 1em)) - 16%);

     z-index: 0;

     transition: .5s

 }



 .pretty.p-switch .state label {

     text-indent: 2.5em

 }



 .pretty.p-switch .state label:after,

 .pretty.p-switch .state label:before {

     transition: .5s;

     border-radius: 100%;

     left: 0;

     border-color: transparent;

     -webkit-transform: scale(.8);

     -ms-transform: scale(.8);

     transform: scale(.8)

 }



 .pretty.p-switch .state label:after {

     background-color: #bdc3c7 !important

 }



 .pretty.p-switch input:checked~.state label:after {

     background-color: #5a656b !important;

     left: 1em

 }



 .pretty.p-switch.p-fill input:checked~.state:before,

 .pretty.p-switch.p-slim input:checked~.state:before {

     border-color: #5a656b;

     background-color: #5a656b !important

 }



 .pretty.p-switch.p-fill input:checked~.state label:after {

     background-color: #fff !important;

     left: 1em

 }



 .pretty.p-switch.p-slim .state:before {

     height: .1em;

     background: #bdc3c7 !important;

     top: calc(50% - .1em)

 }



 .pretty.p-has-focus input:focus~.state label:before {

     box-shadow: 0 0 3px 0 #bdc3c7

 }



 .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate) {

     display: none

 }



 .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate {

     display: block

 }



 .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon {

     display: block;

     opacity: 1

 }



 .pretty.p-toggle .state.p-on,

 .pretty.p-toggle input:checked~.state.p-off {

     opacity: 0;

     display: none

 }



 .pretty.p-toggle .state .icon,

 .pretty.p-toggle .state .svg,

 .pretty.p-toggle .state img,

 .pretty.p-toggle .state.p-off,

 .pretty.p-toggle input:checked~.state.p-on {

     opacity: 1;

     display: inherit

 }



 .pretty.p-toggle .state.p-off .icon {

     color: #bdc3c7

 }



 .pretty.p-plain input:checked~.state label:before,

 .pretty.p-plain.p-toggle .state label:before {

     content: none

 }



 .pretty.p-plain.p-plain .icon {

     -webkit-transform: scale(1.1);

     -ms-transform: scale(1.1);

     transform: scale(1.1)

 }



 .pretty.p-round .state label:after,

 .pretty.p-round .state label:before {

     border-radius: 100%

 }



 .pretty.p-round.p-icon .state .icon {

     border-radius: 100%;

     overflow: hidden

 }



 .pretty.p-round.p-icon .state .icon:before {

     -webkit-transform: scale(.8);

     -ms-transform: scale(.8);

     transform: scale(.8)

 }



 .pretty.p-curve .state label:after,

 .pretty.p-curve .state label:before {

     border-radius: 20%

 }



 .pretty.p-smooth .icon,

 .pretty.p-smooth .svg,

 .pretty.p-smooth label:after,

 .pretty.p-smooth label:before {

     transition: .5s

 }



 .pretty.p-smooth input:checked+.state label:after {

     transition: .3s

 }



 .pretty.p-smooth input:checked+.state .icon,

 .pretty.p-smooth input:checked+.state .svg,

 .pretty.p-smooth input:checked+.state img,

 .pretty.p-smooth.p-default input:checked+.state label:after {

     -webkit-animation: .2s zoom;

     animation: .2s zoom

 }



 .pretty.p-smooth.p-plain input:checked+.state label:before {

     content: "";

     -webkit-transform: scale(0);

     -ms-transform: scale(0);

     transform: scale(0);

     transition: .5s

 }



 .pretty.p-tada:not(.p-default) input:checked+.state .icon,

 .pretty.p-tada:not(.p-default) input:checked+.state .svg,

 .pretty.p-tada:not(.p-default) input:checked+.state img,

 .pretty.p-tada:not(.p-default) input:checked+.state label:after,

 .pretty.p-tada:not(.p-default) input:checked+.state label:before {

     -webkit-animation: .7s cubic-bezier(.25, .46, .45, .94) alternate tada;

     animation: .7s cubic-bezier(.25, .46, .45, .94) alternate tada;

     opacity: 1

 }



 .pretty.p-jelly:not(.p-default) input:checked+.state .icon,

 .pretty.p-jelly:not(.p-default) input:checked+.state .svg,

 .pretty.p-jelly:not(.p-default) input:checked+.state img,

 .pretty.p-jelly:not(.p-default) input:checked+.state label:after,

 .pretty.p-jelly:not(.p-default) input:checked+.state label:before {

     -webkit-animation: .7s cubic-bezier(.25, .46, .45, .94) jelly;

     animation: .7s cubic-bezier(.25, .46, .45, .94) jelly;

     opacity: 1

 }



 .pretty.p-jelly:not(.p-default) input:checked+.state label:before,

 .pretty.p-rotate:not(.p-default) input:checked~.state label:before {

     border-color: transparent

 }



 .pretty.p-rotate:not(.p-default) input:checked~.state .icon,

 .pretty.p-rotate:not(.p-default) input:checked~.state .svg,

 .pretty.p-rotate:not(.p-default) input:checked~.state img,

 .pretty.p-rotate:not(.p-default) input:checked~.state label:after,

 .pretty.p-rotate:not(.p-default) input:checked~.state label:before {

     -webkit-animation: .7s cubic-bezier(.25, .46, .45, .94) rotate;

     animation: .7s cubic-bezier(.25, .46, .45, .94) rotate;

     opacity: 1

 }



 .pretty.p-pulse:not(.p-switch) input:checked~.state label:before {

     -webkit-animation: 1s pulse;

     animation: 1s pulse

 }



 .pretty input[disabled]~* {

     opacity: .5

 }



 .pretty input:checked~.state.p-primary label:after,

 .pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after,

 .pretty.p-switch.p-fill input:checked~.state.p-primary:before,

 .pretty.p-toggle .state.p-primary label:after {

     background-color: #428bca !important

 }



 .pretty input:checked~.state.p-danger .icon,

 .pretty input:checked~.state.p-danger .svg,

 .pretty input:checked~.state.p-info .icon,

 .pretty input:checked~.state.p-info .svg,

 .pretty input:checked~.state.p-primary .icon,

 .pretty input:checked~.state.p-primary .svg,

 .pretty input:checked~.state.p-success .icon,

 .pretty input:checked~.state.p-success .svg,

 .pretty input:checked~.state.p-warning .icon,

 .pretty input:checked~.state.p-warning .svg,

 .pretty.p-toggle .state.p-danger .icon,

 .pretty.p-toggle .state.p-danger .svg,

 .pretty.p-toggle .state.p-info .icon,

 .pretty.p-toggle .state.p-info .svg,

 .pretty.p-toggle .state.p-primary .icon,

 .pretty.p-toggle .state.p-primary .svg,

 .pretty.p-toggle .state.p-success .icon,

 .pretty.p-toggle .state.p-success .svg,

 .pretty.p-toggle .state.p-warning .icon,

 .pretty.p-toggle .state.p-warning .svg {

     color: #fff;

     stroke: #fff

 }



 .pretty input:checked~.state.p-primary-o label:before,

 .pretty.p-switch input:checked~.state.p-primary:before,

 .pretty.p-toggle .state.p-primary-o label:before {

     border-color: #428bca

 }



 .pretty input:checked~.state.p-danger-o label:after,

 .pretty input:checked~.state.p-info-o label:after,

 .pretty input:checked~.state.p-primary-o label:after,

 .pretty input:checked~.state.p-success-o label:after,

 .pretty input:checked~.state.p-warning-o label:after,

 .pretty.p-toggle .state.p-danger-o label:after,

 .pretty.p-toggle .state.p-info-o label:after,

 .pretty.p-toggle .state.p-primary-o label:after,

 .pretty.p-toggle .state.p-success-o label:after,

 .pretty.p-toggle .state.p-warning-o label:after {

     background-color: transparent

 }



 .pretty input:checked~.state.p-primary-o .icon,

 .pretty input:checked~.state.p-primary-o .svg,

 .pretty input:checked~.state.p-primary-o svg,

 .pretty.p-toggle .state.p-primary-o .icon,

 .pretty.p-toggle .state.p-primary-o .svg,

 .pretty.p-toggle .state.p-primary-o svg {

     color: #428bca;

     stroke: #428bca

 }



 .pretty.p-switch.p-slim input:checked~.state.p-primary:before {

     border-color: #245682;

     background-color: #245682 !important

 }



 .pretty input:checked~.state.p-info label:after,

 .pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after,

 .pretty.p-switch.p-fill input:checked~.state.p-info:before,

 .pretty.p-toggle .state.p-info label:after {

     background-color: #5bc0de !important

 }



 .pretty input:checked~.state.p-info-o label:before,

 .pretty.p-switch input:checked~.state.p-info:before,

 .pretty.p-toggle .state.p-info-o label:before {

     border-color: #5bc0de

 }



 .pretty input:checked~.state.p-info-o .icon,

 .pretty input:checked~.state.p-info-o .svg,

 .pretty input:checked~.state.p-info-o svg,

 .pretty.p-toggle .state.p-info-o .icon,

 .pretty.p-toggle .state.p-info-o .svg,

 .pretty.p-toggle .state.p-info-o svg {

     color: #5bc0de;

     stroke: #5bc0de

 }



 .pretty.p-switch.p-slim input:checked~.state.p-info:before {

     border-color: #2390b0;

     background-color: #2390b0 !important

 }



 .pretty input:checked~.state.p-success label:after,

 .pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after,

 .pretty.p-switch.p-fill input:checked~.state.p-success:before,

 .pretty.p-toggle .state.p-success label:after {

     background-color: #5cb85c !important

 }



 .pretty input:checked~.state.p-success-o label:before,

 .pretty.p-switch input:checked~.state.p-success:before,

 .pretty.p-toggle .state.p-success-o label:before {

     border-color: #5cb85c

 }



 .pretty input:checked~.state.p-success-o .icon,

 .pretty input:checked~.state.p-success-o .svg,

 .pretty input:checked~.state.p-success-o svg,

 .pretty.p-toggle .state.p-success-o .icon,

 .pretty.p-toggle .state.p-success-o .svg,

 .pretty.p-toggle .state.p-success-o svg {

     color: #5cb85c;

     stroke: #5cb85c

 }



 .pretty.p-switch.p-slim input:checked~.state.p-success:before {

     border-color: #357935;

     background-color: #357935 !important

 }



 .pretty input:checked~.state.p-warning-o label:before,

 .pretty.p-switch input:checked~.state.p-warning:before,

 .pretty.p-toggle .state.p-warning-o label:before {

     border-color: #4db7fe

 }



 .pretty input:checked~.state.p-warning-o .icon,

 .pretty input:checked~.state.p-warning-o .svg,

 .pretty input:checked~.state.p-warning-o svg,

 .pretty.p-toggle .state.p-warning-o .icon,

 .pretty.p-toggle .state.p-warning-o .svg,

 .pretty.p-toggle .state.p-warning-o svg {

     color: #4db7fe;

     stroke: #4db7fe

 }



 .pretty.p-switch.p-slim input:checked~.state.p-warning:before {

     border-color: #c77c11;

     background-color: #c77c11 !important

 }



 .pretty input:checked~.state.p-danger label:after,

 .pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after,

 .pretty.p-switch.p-fill input:checked~.state.p-danger:before,

 .pretty.p-toggle .state.p-danger label:after {

     background-color: #d9534f !important

 }



 .pretty input:checked~.state.p-danger-o label:before,

 .pretty.p-switch input:checked~.state.p-danger:before,

 .pretty.p-toggle .state.p-danger-o label:before {

     border-color: #d9534f

 }



 .pretty input:checked~.state.p-danger-o .icon,

 .pretty input:checked~.state.p-danger-o .svg,

 .pretty input:checked~.state.p-danger-o svg,

 .pretty.p-toggle .state.p-danger-o .icon,

 .pretty.p-toggle .state.p-danger-o .svg,

 .pretty.p-toggle .state.p-danger-o svg {

     color: #d9534f;

     stroke: #d9534f

 }



 .pretty.p-switch.p-slim input:checked~.state.p-danger:before {

     border-color: #a02622;

     background-color: #a02622 !important

 }



 .pretty.p-bigger .icon,

 .pretty.p-bigger .img,

 .pretty.p-bigger .svg,

 .pretty.p-bigger label:after,

 .pretty.p-bigger label:before {

     font-size: 1.2em !important;

     top: calc((0% - (100% - 1em)) - 35%) !important

 }



 .pretty.p-bigger label {

     text-indent: 1.7em

 }



 @media print {

     .pretty .state .icon,

     .pretty .state label:after,

     .pretty .state label:before,

     .pretty .state:before {

         color-adjust: exact;

         -webkit-print-color-adjust: exact;

         print-color-adjust: exact

     }

 }