@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css2?family=Lora:ital@1&family=Montserrat:wght@300;400;500;600;700;900&family=Open+Sans&family=Poppins:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap); */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-stroke: 2.75
}
.contact_info .media {
    display: flex;
    flex-direction: column;
    align-items: center; /* centra todo */
    text-align: center;  /* centra el texto */
    gap: 15px;
}
.contact_info p {
    cursor: default;
}

.contact_info a {
    cursor: pointer;
}
.btn:hover{
    color: #000 !important;
}
.send_btn:hover{
    color: #000 !important;
}
.theme_btn:hover{
    color: #000 !important;
}
.wspp-submit,
.wspp-submit i {
    color: #fff !important;
}
.wspp-submit:hover,
.wspp-submit:hover i {
    color: #000 !important;
}
.about_img-2 img{
    border-radius: 10px 160px !important;
}
.icon-bar{
    background-color: #000 !important;
}
.footer-menu .menu {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 32px;
    text-align: right;
}

.footer-menu .menu:hover {
    color: #ADA68A
}
.footer-content {
  align-items: center;

}

/* Logo */
.logo-col {
  text-align: left;
}

/* Redes */
.social-col ul {
  display: flex;
  justify-content: center;
  gap: 15px;
  list-style: none;
  padding: 0;
}

/* Menú */
.menu-col ul {
  list-style: none;
  text-align: right;
  padding: 0;
}

.menu-col li {
  margin-bottom: 5px;
}

/* Footer bottom */
.footer-bottom {
  margin-top: 20px;
  text-align: center;
}
.f-spinner {
    height: 36px;
    height: var(--f-spinner-height);
    margin: auto;
    padding: 0;
    width: 36px;
    width: var(--f-spinner-width)
}

.f-spinner svg {
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.f-spinner svg * {
    stroke-width: 2.75;
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: rgba(0, 0, 0, .1);
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: rgba(17, 24, 28, .8);
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes f-spinner-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    -webkit-animation: f-throwOutUp .175s ease-out both;
    animation: f-throwOutUp .175s ease-out both;
    -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: f-throwOutDown .175s ease-out both;
    animation: f-throwOutDown .175s ease-out both;
    -webkit-animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0)
    }
}

@keyframes f-throwOutUp {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -150px, 0);
        transform: translate3d(0, -150px, 0);
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px)*-1), 0)
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0)
    }
}

@keyframes f-throwOutDown {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 150px, 0);
        transform: translate3d(0, 150px, 0);
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0)
    }
}

.f-zoomInUp {
    -webkit-animation: f-zoomInUp .2s ease .1s both;
    animation: f-zoomInUp .2s ease .1s both;
    -webkit-animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp;
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: f-zoomOutDown .2s ease both;
    animation: f-zoomOutDown .2s ease both;
    -webkit-animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
}

@keyframes f-zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0)
    }
}

@keyframes f-zoomOutDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.975) translate3d(0, 16px, 0);
        transform: scale(.975) translate3d(0, 16px, 0)
    }
}

.f-fadeIn {
    -webkit-animation: f-fadeIn .2s ease 0s both;
    animation: f-fadeIn .2s ease 0s both;
    -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: f-fadeOut .2s ease 0s both;
    animation: f-fadeOut .2s ease 0s both;
    -webkit-animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    -webkit-animation: f-fadeFastIn .2s ease-out both;
    animation: f-fadeFastIn .2s ease-out both;
    -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    -webkit-animation: f-fadeFastOut .1s ease-out both;
    animation: f-fadeFastOut .1s ease-out both;
    -webkit-animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    -webkit-animation: f-fadeSlowIn .5s ease both;
    animation: f-fadeSlowIn .5s ease both;
    -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    -webkit-animation: f-fadeSlowOut .5s ease both;
    animation: f-fadeSlowOut .5s ease both;
    -webkit-animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: f-crossfadeIn .2s ease-out both;
    animation: f-crossfadeIn .2s ease-out both;
    -webkit-animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: f-crossfadeOut .1s linear .1s both;
    animation: f-crossfadeOut .1s linear .1s both;
    -webkit-animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    -webkit-animation: f-slideInNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideInNext .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    -webkit-animation: f-slideInPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideInPrev .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    -webkit-animation: f-slideOutNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideOutNext .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    -webkit-animation: f-slideOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-slideOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideOutNext {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutNext {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes f-slideOutPrev {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    -webkit-animation: f-classicInNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicInNext .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    -webkit-animation: f-classicInPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicInPrev .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    -webkit-animation: f-classicOutNext .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicOutNext .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    -webkit-animation: f-classicOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    animation: f-classicOutPrev .85s cubic-bezier(.16, 1, .3, 1);
    -webkit-animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@-webkit-keyframes f-classicInNext {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-classicInNext {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-classicInPrev {
    0% {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-classicOutNext {
    to {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }
}

@keyframes f-classicOutNext {
    to {
        opacity: 0;
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px)
    }
}

@-webkit-keyframes f-classicOutPrev {
    to {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }
}

@keyframes f-classicOutPrev {
    to {
        opacity: 0;
        -webkit-transform: translateX(75px);
        transform: translateX(75px)
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    align-items: center;
    background: #f8f8f8;
    background: var(--f-button-bg);
    border: 0;
    border: var(--f-button-border);
    border-radius: 0;
    border-radius: var(--f-button-border-radius);
    box-shadow: none;
    box-shadow: var(--f-button-shadow);
    box-sizing: initial;
    color: #374151;
    color: var(--f-button-color);
    cursor: pointer;
    display: flex;
    height: 40px;
    height: var(--f-button-height);
    justify-content: center;
    margin: 0;
    padding: 0;
    pointer-events: all;
    position: relative;
    transition: all .15s ease;
    transition: var(--f-button-transition);
    width: 40px;
    width: var(--f-button-width)
}

@media(hover:hover) {
    .f-button:hover:not([disabled]) {
        background-color: #e0e0e0;
        background-color: var(--f-button-hover-bg);
        color: var(--f-button-hover-color)
    }
}

.f-button:active:not([disabled]) {
    background-color: #d0d0d0;
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    box-shadow: inset 0 0 0 2px #374151;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
    outline: none
}

.f-button svg {
    fill: none;
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-filter: none;
    filter: none;
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    height: 20px;
    height: var(--f-button-svg-height);
    pointer-events: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    transition: opacity .15s ease;
    width: 20px;
    width: var(--f-button-svg-width)
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: .65;
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    left: var(--f-button-prev-pos);
    right: auto
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    overflow: visible;
    scroll-behavior: auto;
    width: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    margin-right: 0;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
    width: auto
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, .98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: hsla(0, 0%, 100%, .1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    bottom: 0;
    box-sizing: border-box;
    color: #f8f8f8;
    direction: ltr;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    outline: none;
    overflow: visible;
    overscroll-behavior-y: contain;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: 1050;
    z-index: var(--fancybox-zIndex, 1050)
}

.fancybox__container *,
.fancybox__container :after,
.fancybox__container :before {
    box-sizing: inherit
}

.fancybox__container::-webkit-backdrop {
    background-color: transparent
}

.fancybox__container::backdrop {
    background-color: transparent
}

.fancybox__backdrop {
    background: var(--fancybox-bg);
    bottom: 0;
    left: 0;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    position: fixed;
    right: 0;
    top: 0;
    will-change: opacity;
    z-index: -1
}

.fancybox__carousel {
    box-sizing: border-box;
    flex: 1 1;
    min-height: 0;
    overflow-x: clip;
    overflow-y: visible;
    position: relative;
    z-index: 10
}

.fancybox__viewport {
    height: 100%;
    width: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    height: 100%;
    margin: 0 auto
}

.fancybox__slide {
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 4px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-image,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:after,
.fancybox__slide:before {
    content: "";
    flex: 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    background: #fff;
    background: var(--fancybox-content-bg, #fff);
    border-radius: 0;
    color: #374151;
    color: var(--fancybox-content-color, #374151);
    cursor: default;
    display: flex;
    flex-direction: column;
    margin: 0;
    max-width: 100%;
    padding: 2rem;
    position: relative;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 1px;
    padding: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: none
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    height: auto;
    max-height: 100%;
    width: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    display: block;
    -webkit-filter: blur(0);
    filter: blur(0);
    height: 100%;
    margin: auto;
    min-height: 0;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox__caption {
    align-self: center;
    color: currentColor;
    color: var(--fancybox-color, currentColor);
    cursor: auto;
    flex-shrink: 0;
    line-height: 1.375;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    overflow-wrap: anywhere;
    padding: 14px 0 4px;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    opacity: .75;
    position: absolute;
    right: 0;
    top: -38px
}

.is-loading .fancybox__content>.f-button.is-close-btn,
.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    margin: 0;
    padding: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    padding: 24px;
    transition: all .25s ease;
    width: 100%
}

.is-compact .fancybox__footer {
    background: rgba(24, 24, 27, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 20
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, .6);
    --f-button-active-bg: rgba(0, 0, 0, .6);
    --f-button-hover-bg: rgba(0, 0, 0, .6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    right: 5px;
    top: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, .3);
    --f-button-active-bg: rgba(24, 24, 27, .5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    bottom: -30px;
    content: "";
    left: -20px;
    position: absolute;
    right: -20px;
    top: -30px;
    z-index: 1
}

.is-idle .fancybox__nav,
.is-idle.is-compact .fancybox__footer {
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none
}

.fancybox__slide>.f-spinner {
    cursor: pointer;
    left: 50%;
    margin: -18px 0 0 -18px;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height)*-.5));
    position: absolute;
    top: 50%;
    z-index: 30
}

.fancybox-protected {
    bottom: 0;
    right: 0
}

.fancybox-ghost,
.fancybox-protected {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    z-index: 40
}

.fancybox-ghost {
    height: 100%;
    min-height: 0;
    object-fit: contain;
    pointer-events: none;
    width: 100%
}

.fancybox-focus-guard {
    opacity: 0;
    outline: none;
    pointer-events: none;
    position: fixed
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) {
    -webkit-animation: f-fadeIn .25s ease .1s backwards;
    animation: f-fadeIn .25s ease .1s backwards;
    -webkit-animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: f-fadeIn .35s ease backwards;
    animation: f-fadeIn .35s ease backwards;
    -webkit-animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) {
    -webkit-animation: f-fadeOut .15s ease forwards;
    animation: f-fadeOut .15s ease forwards;
    -webkit-animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: f-fadeOut .35s ease forwards;
    animation: f-fadeOut .35s ease forwards;
    -webkit-animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    flex-shrink: 1;
    max-width: 100%;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    height: 90%;
    width: calc(100% - 120px)
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    height: 100%;
    width: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    height: 540px;
    max-height: 100%;
    max-width: 100%;
    width: 960px
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    background: rgba(24, 24, 27, .9);
    color: #fff;
    padding: 0
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    width: 100%
}

.fancybox-placeholder {
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    user-select: none
}

.f-thumbs .f-spinner {
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    border-radius: 2px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    height: auto;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    align-items: center;
    box-sizing: initial;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: var(--f-thumb-height);
    justify-content: center;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: var(--f-thumb-width)
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: max-content
}

.is-modern .f-thumbs__track:before {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    position: absolute;
    top: 0;
    width: 0;
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0))
}

.is-modern .f-thumbs__slide {
    pointer-events: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0)*-1px), 0, 0);
    transition: none;
    width: var(--f-thumb-clip-width)
}

.is-modern.is-resting .f-thumbs__slide {
    transition: -webkit-transform .33s ease;
    transition: transform .33s ease;
    transition: transform .33s ease, -webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: -webkit-clip-path .33s ease;
    transition: clip-path .33s ease;
    transition: clip-path .33s ease, -webkit-clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: var(--f-thumb-border-radius);
    cursor: pointer;
    height: 100%;
    margin: 0 -100%;
    opacity: var(--f-thumb-opacity);
    outline: none;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: relative;
    touch-action: manipulation;
    transition: opacity .2s ease;
    width: var(--f-thumb-width)
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    opacity: var(--f-thumb-selected-opacity);
    outline: none
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*(1 - var(--progress, 0))*0.5) round var(--f-thumb-border-radius, 0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    -webkit-animation: f-fadeIn .2s ease-out;
    animation: f-fadeIn .2s ease-out;
    border: 0 solid transparent;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    content: "";
    height: auto;
    z-index: 10
}

.f-thumbs__slide__img,
.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    border-radius: var(--f-thumb-border-radius);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.f-thumbs__slide__img {
    box-sizing: border-box;
    height: 100%;
    margin: 0;
    object-fit: cover;
    overflow: hidden;
    padding: var(--f-thumb-offset);
    pointer-events: none;
    width: 100%
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    position: relative;
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, hsla(0, 0%, 100%, .94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, .65);
    --f-button-hover-bg: rgba(70, 70, 73, .65);
    --f-button-active-bg: rgba(90, 90, 93, .65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    color: currentColor;
    color: var(--fancybox-color, currentColor);
    display: flex;
    flex-direction: row;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    justify-content: space-between;
    margin: 0;
    opacity: 1;
    opacity: var(--fancybox-opacity, 1);
    padding: 0;
    pointer-events: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.is-idle .fancybox__toolbar {
    -webkit-animation: f-fadeOut .15s ease-out both;
    animation: f-fadeOut .15s ease-out both;
    pointer-events: none
}

.fancybox__toolbar__column {
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-basis: 0;
    flex-grow: 1
}

.fancybox__toolbar__column.is-right {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end
}

.fancybox__infobar {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    line-height: 40px;
    line-height: var(--f-button-height);
    padding: 0 5px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: #f8f8f8;
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,
[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,
[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    background: #0091ff;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    height: 3px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    -webkit-user-select: none;
    user-select: none;
    z-index: 30
}

@font-face {
    font-family: ElegantIcons;
    font-style: normal;
    font-weight: 400;
    src: url(../media/ElegantIcons.78ba4ad1289e5a66ca11.eot);
    src: url(../media/ElegantIcons.78ba4ad1289e5a66ca11.eot?#iefix) format("embedded-opentype"), url(../media/ElegantIcons.941bf29b415d3a9b7099.woff) format("woff"), url(../media/ElegantIcons.4555dd9ce623f8fd6d72.ttf) format("truetype"), url(../media/ElegantIcons.a3709f859357b50798d9.svg#ElegantIcons) format("svg")
}

[data-icon]:before {
    font-family: ElegantIcons
}

.arrow-up-down,
.arrow_back,
.arrow_carrot-2down,
.arrow_carrot-2down_alt2,
.arrow_carrot-2dwnn_alt,
.arrow_carrot-2left,
.arrow_carrot-2left_alt,
.arrow_carrot-2left_alt2,
.arrow_carrot-2right,
.arrow_carrot-2right_alt,
.arrow_carrot-2right_alt2,
.arrow_carrot-2up,
.arrow_carrot-2up_alt,
.arrow_carrot-2up_alt2,
.arrow_carrot-down,
.arrow_carrot-down_alt,
.arrow_carrot-down_alt2,
.arrow_carrot-left,
.arrow_carrot-left_alt,
.arrow_carrot-left_alt2,
.arrow_carrot-right,
.arrow_carrot-right_alt,
.arrow_carrot-right_alt2,
.arrow_carrot-up,
.arrow_carrot-up_alt2,
.arrow_carrot_up_alt,
.arrow_condense,
.arrow_condense_alt,
.arrow_down,
.arrow_down_alt,
.arrow_expand,
.arrow_expand_alt,
.arrow_expand_alt2,
.arrow_expand_alt3,
.arrow_left,
.arrow_left-down,
.arrow_left-down_alt,
.arrow_left-right,
.arrow_left-right_alt,
.arrow_left-up,
.arrow_left-up_alt,
.arrow_left_alt,
.arrow_move,
.arrow_right,
.arrow_right-down,
.arrow_right-down_alt,
.arrow_right-up,
.arrow_right-up_alt,
.arrow_right_alt,
.arrow_triangle-down,
.arrow_triangle-down_alt,
.arrow_triangle-down_alt2,
.arrow_triangle-left,
.arrow_triangle-left_alt,
.arrow_triangle-left_alt2,
.arrow_triangle-right,
.arrow_triangle-right_alt,
.arrow_triangle-right_alt2,
.arrow_triangle-up,
.arrow_triangle-up_alt,
.arrow_triangle-up_alt2,
.arrow_up,
.arrow_up-down_alt,
.arrow_up_alt,
.icon_adjust-horiz,
.icon_adjust-vert,
.icon_archive,
.icon_archive_alt,
.icon_bag,
.icon_bag_alt,
.icon_balance,
.icon_blocked,
.icon_book,
.icon_book_alt,
.icon_box-checked,
.icon_box-empty,
.icon_box-selected,
.icon_briefcase,
.icon_briefcase_alt,
.icon_building,
.icon_building_alt,
.icon_calculator_alt,
.icon_calendar,
.icon_calulator,
.icon_camera,
.icon_camera_alt,
.icon_cart,
.icon_cart_alt,
.icon_chat,
.icon_chat_alt,
.icon_check,
.icon_check_alt,
.icon_check_alt2,
.icon_circle-empty,
.icon_circle-slelected,
.icon_clipboard,
.icon_clock,
.icon_clock_alt,
.icon_close,
.icon_close_alt,
.icon_close_alt2,
.icon_cloud,
.icon_cloud-download,
.icon_cloud-download_alt,
.icon_cloud-upload,
.icon_cloud-upload_alt,
.icon_cloud_alt,
.icon_cog,
.icon_cogs,
.icon_comment,
.icon_comment_alt,
.icon_compass,
.icon_compass_alt,
.icon_cone,
.icon_cone_alt,
.icon_contacts,
.icon_contacts_alt,
.icon_creditcard,
.icon_currency,
.icon_currency_alt,
.icon_cursor,
.icon_cursor_alt,
.icon_datareport,
.icon_datareport_alt,
.icon_desktop,
.icon_dislike,
.icon_dislike_alt,
.icon_document,
.icon_document_alt,
.icon_documents,
.icon_documents_alt,
.icon_download,
.icon_drawer,
.icon_drawer_alt,
.icon_drive,
.icon_drive_alt,
.icon_easel,
.icon_easel_alt,
.icon_error-circle,
.icon_error-circle_alt,
.icon_error-oct,
.icon_error-oct_alt,
.icon_error-triangle,
.icon_error-triangle_alt,
.icon_film,
.icon_floppy,
.icon_floppy_alt,
.icon_flowchart,
.icon_flowchart_alt,
.icon_folder,
.icon_folder-add,
.icon_folder-add_alt,
.icon_folder-alt,
.icon_folder-open,
.icon_folder-open_alt,
.icon_folder_download,
.icon_folder_upload,
.icon_genius,
.icon_gift,
.icon_gift_alt,
.icon_globe,
.icon_globe-2,
.icon_globe_alt,
.icon_grid-2x2,
.icon_grid-3x3,
.icon_group,
.icon_headphones,
.icon_heart,
.icon_heart_alt,
.icon_hourglass,
.icon_house,
.icon_house_alt,
.icon_id,
.icon_id-2,
.icon_id-2_alt,
.icon_id_alt,
.icon_image,
.icon_images,
.icon_info,
.icon_info_alt,
.icon_key,
.icon_key_alt,
.icon_laptop,
.icon_lifesaver,
.icon_lightbulb,
.icon_lightbulb_alt,
.icon_like,
.icon_like_alt,
.icon_link,
.icon_link_alt,
.icon_loading,
.icon_lock,
.icon_lock-open,
.icon_lock-open_alt,
.icon_lock_alt,
.icon_mail,
.icon_mail_alt,
.icon_map,
.icon_map_alt,
.icon_menu,
.icon_menu-circle_alt,
.icon_menu-circle_alt2,
.icon_menu-square_alt,
.icon_menu-square_alt2,
.icon_mic,
.icon_mic_alt,
.icon_minus-06,
.icon_minus-box,
.icon_minus_alt,
.icon_minus_alt2,
.icon_mobile,
.icon_mug,
.icon_mug_alt,
.icon_music,
.icon_ol,
.icon_paperclip,
.icon_pause,
.icon_pause_alt,
.icon_pause_alt2,
.icon_pencil,
.icon_pencil-edit,
.icon_pencil-edit_alt,
.icon_pencil_alt,
.icon_pens,
.icon_pens_alt,
.icon_percent,
.icon_percent_alt,
.icon_phone,
.icon_piechart,
.icon_pin,
.icon_pin_alt,
.icon_plus,
.icon_plus-box,
.icon_plus_alt,
.icon_plus_alt2,
.icon_printer,
.icon_printer-alt,
.icon_profile,
.icon_pushpin,
.icon_pushpin_alt,
.icon_puzzle,
.icon_puzzle_alt,
.icon_question,
.icon_question_alt,
.icon_question_alt2,
.icon_quotations,
.icon_quotations_alt,
.icon_quotations_alt2,
.icon_refresh,
.icon_ribbon,
.icon_ribbon_alt,
.icon_rook,
.icon_search,
.icon_search-2,
.icon_search_alt,
.icon_shield,
.icon_shield_alt,
.icon_star,
.icon_star-half,
.icon_star-half_alt,
.icon_star_alt,
.icon_stop,
.icon_stop_alt,
.icon_stop_alt2,
.icon_table,
.icon_tablet,
.icon_tag,
.icon_tag_alt,
.icon_tags,
.icon_tags_alt,
.icon_target,
.icon_tool,
.icon_toolbox,
.icon_toolbox_alt,
.icon_tools,
.icon_trash,
.icon_trash_alt,
.icon_ul,
.icon_upload,
.icon_vol-mute,
.icon_vol-mute_alt,
.icon_volume-high,
.icon_volume-high_alt,
.icon_volume-low,
.icon_volume-low_alt,
.icon_wallet,
.icon_wallet_alt,
.icon_zoom-in,
.icon_zoom-in_alt,
.icon_zoom-out,
.icon_zoom-out_alt,
.social_blogger,
.social_blogger_circle,
.social_blogger_square,
.social_delicious,
.social_delicious_circle,
.social_delicious_square,
.social_deviantart,
.social_deviantart_circle,
.social_deviantart_square,
.social_dribbble,
.social_dribbble_circle,
.social_dribbble_square,
.social_facebook,
.social_facebook_circle,
.social_facebook_square,
.social_flickr,
.social_flickr_circle,
.social_flickr_square,
.social_googledrive,
.social_googledrive_alt2,
.social_googledrive_square,
.social_googleplus,
.social_googleplus_circle,
.social_googleplus_square,
.social_instagram,
.social_instagram_circle,
.social_instagram_square,
.social_linkedin,
.social_linkedin_circle,
.social_linkedin_square,
.social_myspace,
.social_myspace_circle,
.social_myspace_square,
.social_picassa,
.social_picassa_circle,
.social_picassa_square,
.social_pinterest,
.social_pinterest_circle,
.social_pinterest_square,
.social_rss,
.social_rss_circle,
.social_rss_square,
.social_share,
.social_share_circle,
.social_share_square,
.social_skype,
.social_skype_circle,
.social_skype_square,
.social_spotify,
.social_spotify_circle,
.social_spotify_square,
.social_stumbleupon_circle,
.social_stumbleupon_square,
.social_tumbleupon,
.social_tumblr,
.social_tumblr_circle,
.social_tumblr_square,
.social_twitter,
.social_twitter_circle,
.social_twitter_square,
.social_vimeo,
.social_vimeo_circle,
.social_vimeo_square,
.social_wordpress,
.social_wordpress_circle,
.social_wordpress_square,
.social_youtube,
.social_youtube_circle,
.social_youtube_square {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    font-family: ElegantIcons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.arrow_up:before {
    content: "\21"
}

.arrow_down:before {
    content: "\22"
}

.arrow_left:before {
    content: "\23"
}

.arrow_right:before {
    content: "\24"
}

.arrow_left-up:before {
    content: "\25"
}

.arrow_right-up:before {
    content: "\26"
}

.arrow_right-down:before {
    content: "\27"
}

.arrow_left-down:before {
    content: "\28"
}

.arrow-up-down:before {
    content: "\29"
}

.arrow_up-down_alt:before {
    content: "\2a"
}

.arrow_left-right_alt:before {
    content: "\2b"
}

.arrow_left-right:before {
    content: "\2c"
}

.arrow_expand_alt2:before {
    content: "\2d"
}

.arrow_expand_alt:before {
    content: "\2e"
}

.arrow_condense:before {
    content: "\2f"
}

.arrow_expand:before {
    content: "\30"
}

.arrow_move:before {
    content: "\31"
}

.arrow_carrot-up:before {
    content: "\32"
}

.arrow_carrot-down:before {
    content: "\33"
}

.arrow_carrot-left:before {
    content: "\34"
}

.arrow_carrot-right:before {
    content: "\35"
}

.arrow_carrot-2up:before {
    content: "\36"
}

.arrow_carrot-2down:before {
    content: "\37"
}

.arrow_carrot-2left:before {
    content: "\38"
}

.arrow_carrot-2right:before {
    content: "\39"
}

.arrow_carrot-up_alt2:before {
    content: "\3a"
}

.arrow_carrot-down_alt2:before {
    content: "\3b"
}

.arrow_carrot-left_alt2:before {
    content: "\3c"
}

.arrow_carrot-right_alt2:before {
    content: "\3d"
}

.arrow_carrot-2up_alt2:before {
    content: "\3e"
}

.arrow_carrot-2down_alt2:before {
    content: "\3f"
}

.arrow_carrot-2left_alt2:before {
    content: "\40"
}

.arrow_carrot-2right_alt2:before {
    content: "\41"
}

.arrow_triangle-up:before {
    content: "\42"
}

.arrow_triangle-down:before {
    content: "\43"
}

.arrow_triangle-left:before {
    content: "\44"
}

.arrow_triangle-right:before {
    content: "\45"
}

.arrow_triangle-up_alt2:before {
    content: "\46"
}

.arrow_triangle-down_alt2:before {
    content: "\47"
}

.arrow_triangle-left_alt2:before {
    content: "\48"
}

.arrow_triangle-right_alt2:before {
    content: "\49"
}

.arrow_back:before {
    content: "\4a"
}

.icon_minus-06:before {
    content: "\4b"
}

.icon_plus:before {
    content: "\4c"
}

.icon_close:before {
    content: "\4d"
}

.icon_check:before {
    content: "\4e"
}

.icon_minus_alt2:before {
    content: "\4f"
}

.icon_plus_alt2:before {
    content: "\50"
}

.icon_close_alt2:before {
    content: "\51"
}

.icon_check_alt2:before {
    content: "\52"
}

.icon_zoom-out_alt:before {
    content: "\53"
}

.icon_zoom-in_alt:before {
    content: "\54"
}

.icon_search:before {
    content: "\55"
}

.icon_box-empty:before {
    content: "\56"
}

.icon_box-selected:before {
    content: "\57"
}

.icon_minus-box:before {
    content: "\58"
}

.icon_plus-box:before {
    content: "\59"
}

.icon_box-checked:before {
    content: "\5a"
}

.icon_circle-empty:before {
    content: "\5b"
}

.icon_circle-slelected:before {
    content: "\5c"
}

.icon_stop_alt2:before {
    content: "\5d"
}

.icon_stop:before {
    content: "\5e"
}

.icon_pause_alt2:before {
    content: "\5f"
}

.icon_pause:before {
    content: "\60"
}

.icon_menu:before {
    content: "\61"
}

.icon_menu-square_alt2:before {
    content: "\62"
}

.icon_menu-circle_alt2:before {
    content: "\63"
}

.icon_ul:before {
    content: "\64"
}

.icon_ol:before {
    content: "\65"
}

.icon_adjust-horiz:before {
    content: "\66"
}

.icon_adjust-vert:before {
    content: "\67"
}

.icon_document_alt:before {
    content: "\68"
}

.icon_documents_alt:before {
    content: "\69"
}

.icon_pencil:before {
    content: "\6a"
}

.icon_pencil-edit_alt:before {
    content: "\6b"
}

.icon_pencil-edit:before {
    content: "\6c"
}

.icon_folder-alt:before {
    content: "\6d"
}

.icon_folder-open_alt:before {
    content: "\6e"
}

.icon_folder-add_alt:before {
    content: "\6f"
}

.icon_info_alt:before {
    content: "\70"
}

.icon_error-oct_alt:before {
    content: "\71"
}

.icon_error-circle_alt:before {
    content: "\72"
}

.icon_error-triangle_alt:before {
    content: "\73"
}

.icon_question_alt2:before {
    content: "\74"
}

.icon_question:before {
    content: "\75"
}

.icon_comment_alt:before {
    content: "\76"
}

.icon_chat_alt:before {
    content: "\77"
}

.icon_vol-mute_alt:before {
    content: "\78"
}

.icon_volume-low_alt:before {
    content: "\79"
}

.icon_volume-high_alt:before {
    content: "\7a"
}

.icon_quotations:before {
    content: "\7b"
}

.icon_quotations_alt2:before {
    content: "\7c"
}

.icon_clock_alt:before {
    content: "\7d"
}

.icon_lock_alt:before {
    content: "\7e"
}

.icon_lock-open_alt:before {
    content: "\e000"
}

.icon_key_alt:before {
    content: "\e001"
}

.icon_cloud_alt:before {
    content: "\e002"
}

.icon_cloud-upload_alt:before {
    content: "\e003"
}

.icon_cloud-download_alt:before {
    content: "\e004"
}

.icon_image:before {
    content: "\e005"
}

.icon_images:before {
    content: "\e006"
}

.icon_lightbulb_alt:before {
    content: "\e007"
}

.icon_gift_alt:before {
    content: "\e008"
}

.icon_house_alt:before {
    content: "\e009"
}

.icon_genius:before {
    content: "\e00a"
}

.icon_mobile:before {
    content: "\e00b"
}

.icon_tablet:before {
    content: "\e00c"
}

.icon_laptop:before {
    content: "\e00d"
}

.icon_desktop:before {
    content: "\e00e"
}

.icon_camera_alt:before {
    content: "\e00f"
}

.icon_mail_alt:before {
    content: "\e010"
}

.icon_cone_alt:before {
    content: "\e011"
}

.icon_ribbon_alt:before {
    content: "\e012"
}

.icon_bag_alt:before {
    content: "\e013"
}

.icon_creditcard:before {
    content: "\e014"
}

.icon_cart_alt:before {
    content: "\e015"
}

.icon_paperclip:before {
    content: "\e016"
}

.icon_tag_alt:before {
    content: "\e017"
}

.icon_tags_alt:before {
    content: "\e018"
}

.icon_trash_alt:before {
    content: "\e019"
}

.icon_cursor_alt:before {
    content: "\e01a"
}

.icon_mic_alt:before {
    content: "\e01b"
}

.icon_compass_alt:before {
    content: "\e01c"
}

.icon_pin_alt:before {
    content: "\e01d"
}

.icon_pushpin_alt:before {
    content: "\e01e"
}

.icon_map_alt:before {
    content: "\e01f"
}

.icon_drawer_alt:before {
    content: "\e020"
}

.icon_toolbox_alt:before {
    content: "\e021"
}

.icon_book_alt:before {
    content: "\e022"
}

.icon_calendar:before {
    content: "\e023"
}

.icon_film:before {
    content: "\e024"
}

.icon_table:before {
    content: "\e025"
}

.icon_contacts_alt:before {
    content: "\e026"
}

.icon_headphones:before {
    content: "\e027"
}

.icon_lifesaver:before {
    content: "\e028"
}

.icon_piechart:before {
    content: "\e029"
}

.icon_refresh:before {
    content: "\e02a"
}

.icon_link_alt:before {
    content: "\e02b"
}

.icon_link:before {
    content: "\e02c"
}

.icon_loading:before {
    content: "\e02d"
}

.icon_blocked:before {
    content: "\e02e"
}

.icon_archive_alt:before {
    content: "\e02f"
}

.icon_heart_alt:before {
    content: "\e030"
}

.icon_star_alt:before {
    content: "\e031"
}

.icon_star-half_alt:before {
    content: "\e032"
}

.icon_star:before {
    content: "\e033"
}

.icon_star-half:before {
    content: "\e034"
}

.icon_tools:before {
    content: "\e035"
}

.icon_tool:before {
    content: "\e036"
}

.icon_cog:before {
    content: "\e037"
}

.icon_cogs:before {
    content: "\e038"
}

.arrow_up_alt:before {
    content: "\e039"
}

.arrow_down_alt:before {
    content: "\e03a"
}

.arrow_left_alt:before {
    content: "\e03b"
}

.arrow_right_alt:before {
    content: "\e03c"
}

.arrow_left-up_alt:before {
    content: "\e03d"
}

.arrow_right-up_alt:before {
    content: "\e03e"
}

.arrow_right-down_alt:before {
    content: "\e03f"
}

.arrow_left-down_alt:before {
    content: "\e040"
}

.arrow_condense_alt:before {
    content: "\e041"
}

.arrow_expand_alt3:before {
    content: "\e042"
}

.arrow_carrot_up_alt:before {
    content: "\e043"
}

.arrow_carrot-down_alt:before {
    content: "\e044"
}

.arrow_carrot-left_alt:before {
    content: "\e045"
}

.arrow_carrot-right_alt:before {
    content: "\e046"
}

.arrow_carrot-2up_alt:before {
    content: "\e047"
}

.arrow_carrot-2dwnn_alt:before {
    content: "\e048"
}

.arrow_carrot-2left_alt:before {
    content: "\e049"
}

.arrow_carrot-2right_alt:before {
    content: "\e04a"
}

.arrow_triangle-up_alt:before {
    content: "\e04b"
}

.arrow_triangle-down_alt:before {
    content: "\e04c"
}

.arrow_triangle-left_alt:before {
    content: "\e04d"
}

.arrow_triangle-right_alt:before {
    content: "\e04e"
}

.icon_minus_alt:before {
    content: "\e04f"
}

.icon_plus_alt:before {
    content: "\e050"
}

.icon_close_alt:before {
    content: "\e051"
}

.icon_check_alt:before {
    content: "\e052"
}

.icon_zoom-out:before {
    content: "\e053"
}

.icon_zoom-in:before {
    content: "\e054"
}

.icon_stop_alt:before {
    content: "\e055"
}

.icon_menu-square_alt:before {
    content: "\e056"
}

.icon_menu-circle_alt:before {
    content: "\e057"
}

.icon_document:before {
    content: "\e058"
}

.icon_documents:before {
    content: "\e059"
}

.icon_pencil_alt:before {
    content: "\e05a"
}

.icon_folder:before {
    content: "\e05b"
}

.icon_folder-open:before {
    content: "\e05c"
}

.icon_folder-add:before {
    content: "\e05d"
}

.icon_folder_upload:before {
    content: "\e05e"
}

.icon_folder_download:before {
    content: "\e05f"
}

.icon_info:before {
    content: "\e060"
}

.icon_error-circle:before {
    content: "\e061"
}

.icon_error-oct:before {
    content: "\e062"
}

.icon_error-triangle:before {
    content: "\e063"
}

.icon_question_alt:before {
    content: "\e064"
}

.icon_comment:before {
    content: "\e065"
}

.icon_chat:before {
    content: "\e066"
}

.icon_vol-mute:before {
    content: "\e067"
}

.icon_volume-low:before {
    content: "\e068"
}

.icon_volume-high:before {
    content: "\e069"
}

.icon_quotations_alt:before {
    content: "\e06a"
}

.icon_clock:before {
    content: "\e06b"
}

.icon_lock:before {
    content: "\e06c"
}

.icon_lock-open:before {
    content: "\e06d"
}

.icon_key:before {
    content: "\e06e"
}

.icon_cloud:before {
    content: "\e06f"
}

.icon_cloud-upload:before {
    content: "\e070"
}

.icon_cloud-download:before {
    content: "\e071"
}

.icon_lightbulb:before {
    content: "\e072"
}

.icon_gift:before {
    content: "\e073"
}

.icon_house:before {
    content: "\e074"
}

.icon_camera:before {
    content: "\e075"
}

.icon_mail:before {
    content: "\e076"
}

.icon_cone:before {
    content: "\e077"
}

.icon_ribbon:before {
    content: "\e078"
}

.icon_bag:before {
    content: "\e079"
}

.icon_cart:before {
    content: "\e07a"
}

.icon_tag:before {
    content: "\e07b"
}

.icon_tags:before {
    content: "\e07c"
}

.icon_trash:before {
    content: "\e07d"
}

.icon_cursor:before {
    content: "\e07e"
}

.icon_mic:before {
    content: "\e07f"
}

.icon_compass:before {
    content: "\e080"
}

.icon_pin:before {
    content: "\e081"
}

.icon_pushpin:before {
    content: "\e082"
}

.icon_map:before {
    content: "\e083"
}

.icon_drawer:before {
    content: "\e084"
}

.icon_toolbox:before {
    content: "\e085"
}

.icon_book:before {
    content: "\e086"
}

.icon_contacts:before {
    content: "\e087"
}

.icon_archive:before {
    content: "\e088"
}

.icon_heart:before {
    content: "\e089"
}

.icon_profile:before {
    content: "\e08a"
}

.icon_group:before {
    content: "\e08b"
}

.icon_grid-2x2:before {
    content: "\e08c"
}

.icon_grid-3x3:before {
    content: "\e08d"
}

.icon_music:before {
    content: "\e08e"
}

.icon_pause_alt:before {
    content: "\e08f"
}

.icon_phone:before {
    content: "\e090"
}

.icon_upload:before {
    content: "\e091"
}

.icon_download:before {
    content: "\e092"
}

.social_facebook:before {
    content: "\e093"
}

.social_twitter:before {
    content: "\e094"
}

.social_pinterest:before {
    content: "\e095"
}

.social_googleplus:before {
    content: "\e096"
}

.social_tumblr:before {
    content: "\e097"
}

.social_tumbleupon:before {
    content: "\e098"
}

.social_wordpress:before {
    content: "\e099"
}

.social_instagram:before {
    content: "\e09a"
}

.social_dribbble:before {
    content: "\e09b"
}

.social_vimeo:before {
    content: "\e09c"
}

.social_linkedin:before {
    content: "\e09d"
}

.social_rss:before {
    content: "\e09e"
}

.social_deviantart:before {
    content: "\e09f"
}

.social_share:before {
    content: "\e0a0"
}

.social_myspace:before {
    content: "\e0a1"
}

.social_skype:before {
    content: "\e0a2"
}

.social_youtube:before {
    content: "\e0a3"
}

.social_picassa:before {
    content: "\e0a4"
}

.social_googledrive:before {
    content: "\e0a5"
}

.social_flickr:before {
    content: "\e0a6"
}

.social_blogger:before {
    content: "\e0a7"
}

.social_spotify:before {
    content: "\e0a8"
}

.social_delicious:before {
    content: "\e0a9"
}

.social_facebook_circle:before {
    content: "\e0aa"
}

.social_twitter_circle:before {
    content: "\e0ab"
}

.social_pinterest_circle:before {
    content: "\e0ac"
}

.social_googleplus_circle:before {
    content: "\e0ad"
}

.social_tumblr_circle:before {
    content: "\e0ae"
}

.social_stumbleupon_circle:before {
    content: "\e0af"
}

.social_wordpress_circle:before {
    content: "\e0b0"
}

.social_instagram_circle:before {
    content: "\e0b1"
}

.social_dribbble_circle:before {
    content: "\e0b2"
}

.social_vimeo_circle:before {
    content: "\e0b3"
}

.social_linkedin_circle:before {
    content: "\e0b4"
}

.social_rss_circle:before {
    content: "\e0b5"
}

.social_deviantart_circle:before {
    content: "\e0b6"
}

.social_share_circle:before {
    content: "\e0b7"
}

.social_myspace_circle:before {
    content: "\e0b8"
}

.social_skype_circle:before {
    content: "\e0b9"
}

.social_youtube_circle:before {
    content: "\e0ba"
}

.social_picassa_circle:before {
    content: "\e0bb"
}

.social_googledrive_alt2:before {
    content: "\e0bc"
}

.social_flickr_circle:before {
    content: "\e0bd"
}

.social_blogger_circle:before {
    content: "\e0be"
}

.social_spotify_circle:before {
    content: "\e0bf"
}

.social_delicious_circle:before {
    content: "\e0c0"
}

.social_facebook_square:before {
    content: "\e0c1"
}

.social_twitter_square:before {
    content: "\e0c2"
}

.social_pinterest_square:before {
    content: "\e0c3"
}

.social_googleplus_square:before {
    content: "\e0c4"
}

.social_tumblr_square:before {
    content: "\e0c5"
}

.social_stumbleupon_square:before {
    content: "\e0c6"
}

.social_wordpress_square:before {
    content: "\e0c7"
}

.social_instagram_square:before {
    content: "\e0c8"
}

.social_dribbble_square:before {
    content: "\e0c9"
}

.social_vimeo_square:before {
    content: "\e0ca"
}

.social_linkedin_square:before {
    content: "\e0cb"
}

.social_rss_square:before {
    content: "\e0cc"
}

.social_deviantart_square:before {
    content: "\e0cd"
}

.social_share_square:before {
    content: "\e0ce"
}

.social_myspace_square:before {
    content: "\e0cf"
}

.social_skype_square:before {
    content: "\e0d0"
}

.social_youtube_square:before {
    content: "\e0d1"
}

.social_picassa_square:before {
    content: "\e0d2"
}

.social_googledrive_square:before {
    content: "\e0d3"
}

.social_flickr_square:before {
    content: "\e0d4"
}

.social_blogger_square:before {
    content: "\e0d5"
}

.social_spotify_square:before {
    content: "\e0d6"
}

.social_delicious_square:before {
    content: "\e0d7"
}

.icon_printer:before {
    content: "\e103"
}

.icon_calulator:before {
    content: "\e0ee"
}

.icon_building:before {
    content: "\e0ef"
}

.icon_floppy:before {
    content: "\e0e8"
}

.icon_drive:before {
    content: "\e0ea"
}

.icon_search-2:before {
    content: "\e101"
}

.icon_id:before {
    content: "\e107"
}

.icon_id-2:before {
    content: "\e108"
}

.icon_puzzle:before {
    content: "\e102"
}

.icon_like:before {
    content: "\e106"
}

.icon_dislike:before {
    content: "\e0eb"
}

.icon_mug:before {
    content: "\e105"
}

.icon_currency:before {
    content: "\e0ed"
}

.icon_wallet:before {
    content: "\e100"
}

.icon_pens:before {
    content: "\e104"
}

.icon_easel:before {
    content: "\e0e9"
}

.icon_flowchart:before {
    content: "\e109"
}

.icon_datareport:before {
    content: "\e0ec"
}

.icon_briefcase:before {
    content: "\e0fe"
}

.icon_shield:before {
    content: "\e0f6"
}

.icon_percent:before {
    content: "\e0fb"
}

.icon_globe:before {
    content: "\e0e2"
}

.icon_globe-2:before {
    content: "\e0e3"
}

.icon_target:before {
    content: "\e0f5"
}

.icon_hourglass:before {
    content: "\e0e1"
}

.icon_balance:before {
    content: "\e0ff"
}

.icon_rook:before {
    content: "\e0f8"
}

.icon_printer-alt:before {
    content: "\e0fa"
}

.icon_calculator_alt:before {
    content: "\e0e7"
}

.icon_building_alt:before {
    content: "\e0fd"
}

.icon_floppy_alt:before {
    content: "\e0e4"
}

.icon_drive_alt:before {
    content: "\e0e5"
}

.icon_search_alt:before {
    content: "\e0f7"
}

.icon_id_alt:before {
    content: "\e0e0"
}

.icon_id-2_alt:before {
    content: "\e0fc"
}

.icon_puzzle_alt:before {
    content: "\e0f9"
}

.icon_like_alt:before {
    content: "\e0dd"
}

.icon_dislike_alt:before {
    content: "\e0f1"
}

.icon_mug_alt:before {
    content: "\e0dc"
}

.icon_currency_alt:before {
    content: "\e0f3"
}

.icon_wallet_alt:before {
    content: "\e0d8"
}

.icon_pens_alt:before {
    content: "\e0db"
}

.icon_easel_alt:before {
    content: "\e0f0"
}

.icon_flowchart_alt:before {
    content: "\e0df"
}

.icon_datareport_alt:before {
    content: "\e0f2"
}

.icon_briefcase_alt:before {
    content: "\e0f4"
}

.icon_shield_alt:before {
    content: "\e0d9"
}

.icon_percent_alt:before {
    content: "\e0da"
}

.icon_globe_alt:before {
    content: "\e0de"
}

.icon_clipboard:before {
    content: "\e0e6"
}

.glyph {
    float: left;
    margin: .4em 1.5em .75em 0;
    padding: .75em;
    text-align: center;
    text-shadow: none;
    width: 6em
}

.glyph_big {
    color: #59c5dc;
    float: left;
    font-size: 128px;
    margin-right: 20px
}

.glyph div {
    padding-bottom: 10px
}

.glyph input {
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 0 1px #ccc;
    font-family: consolas, monospace;
    font-size: 12px;
    padding: .2em;
    text-align: center;
    width: 100%
}

.centered {
    margin-left: auto;
    margin-right: auto
}

.glyph .fs1 {
    font-size: 2em
}

@font-face {
    font-family: et-line;
    font-style: normal;
    font-weight: 400;
    src: url(../media/et-line.3f5eecf9f3326c4d6d81.eot);
    src: url(../media/et-line.3f5eecf9f3326c4d6d81.eot?#iefix) format("embedded-opentype"), url(../media/et-line.d59b23856f66f9876c47.woff) format("woff"), url(../media/et-line.cc7129c849c81d254698.ttf) format("truetype"), url(../media/et-line.613c7311d2d5a1dd7e49.svg#et-line) format("svg")
}

[data-icon]:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: attr(data-icon);
    display: inline-block;
    font-family: et-line;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-adjustments,
.icon-alarmclock,
.icon-anchor,
.icon-aperture,
.icon-attachment,
.icon-bargraph,
.icon-basket,
.icon-beaker,
.icon-bike,
.icon-book-open,
.icon-briefcase,
.icon-browser,
.icon-calendar,
.icon-camera,
.icon-caution,
.icon-chat,
.icon-circle-compass,
.icon-clipboard,
.icon-clock,
.icon-cloud,
.icon-compass,
.icon-desktop,
.icon-dial,
.icon-document,
.icon-documents,
.icon-download,
.icon-dribbble,
.icon-edit,
.icon-envelope,
.icon-expand,
.icon-facebook,
.icon-flag,
.icon-focus,
.icon-gears,
.icon-genius,
.icon-gift,
.icon-global,
.icon-globe,
.icon-googleplus,
.icon-grid,
.icon-happy,
.icon-hazardous,
.icon-heart,
.icon-hotairballoon,
.icon-hourglass,
.icon-key,
.icon-laptop,
.icon-layers,
.icon-lifesaver,
.icon-lightbulb,
.icon-linegraph,
.icon-linkedin,
.icon-lock,
.icon-magnifying-glass,
.icon-map,
.icon-map-pin,
.icon-megaphone,
.icon-mic,
.icon-mobile,
.icon-newspaper,
.icon-notebook,
.icon-paintbrush,
.icon-paperclip,
.icon-pencil,
.icon-phone,
.icon-picture,
.icon-pictures,
.icon-piechart,
.icon-presentation,
.icon-pricetags,
.icon-printer,
.icon-profile-female,
.icon-profile-male,
.icon-puzzle,
.icon-quote,
.icon-recycle,
.icon-refresh,
.icon-ribbon,
.icon-rss,
.icon-sad,
.icon-scissors,
.icon-scope,
.icon-search,
.icon-shield,
.icon-speedometer,
.icon-strategy,
.icon-streetsign,
.icon-tablet,
.icon-target,
.icon-telescope,
.icon-toolbox,
.icon-tools,
.icon-tools-2,
.icon-trophy,
.icon-tumblr,
.icon-twitter,
.icon-upload,
.icon-video,
.icon-wallet,
.icon-wine {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: et-line;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-mobile:before {
    content: "\e000"
}

.icon-laptop:before {
    content: "\e001"
}

.icon-desktop:before {
    content: "\e002"
}

.icon-tablet:before {
    content: "\e003"
}

.icon-phone:before {
    content: "\e004"
}

.icon-document:before {
    content: "\e005"
}

.icon-documents:before {
    content: "\e006"
}

.icon-search:before {
    content: "\e007"
}

.icon-clipboard:before {
    content: "\e008"
}

.icon-newspaper:before {
    content: "\e009"
}

.icon-notebook:before {
    content: "\e00a"
}

.icon-book-open:before {
    content: "\e00b"
}

.icon-browser:before {
    content: "\e00c"
}

.icon-calendar:before {
    content: "\e00d"
}

.icon-presentation:before {
    content: "\e00e"
}

.icon-picture:before {
    content: "\e00f"
}

.icon-pictures:before {
    content: "\e010"
}

.icon-video:before {
    content: "\e011"
}

.icon-camera:before {
    content: "\e012"
}

.icon-printer:before {
    content: "\e013"
}

.icon-toolbox:before {
    content: "\e014"
}

.icon-briefcase:before {
    content: "\e015"
}

.icon-wallet:before {
    content: "\e016"
}

.icon-gift:before {
    content: "\e017"
}

.icon-bargraph:before {
    content: "\e018"
}

.icon-grid:before {
    content: "\e019"
}

.icon-expand:before {
    content: "\e01a"
}

.icon-focus:before {
    content: "\e01b"
}

.icon-edit:before {
    content: "\e01c"
}

.icon-adjustments:before {
    content: "\e01d"
}

.icon-ribbon:before {
    content: "\e01e"
}

.icon-hourglass:before {
    content: "\e01f"
}

.icon-lock:before {
    content: "\e020"
}

.icon-megaphone:before {
    content: "\e021"
}

.icon-shield:before {
    content: "\e022"
}

.icon-trophy:before {
    content: "\e023"
}

.icon-flag:before {
    content: "\e024"
}

.icon-map:before {
    content: "\e025"
}

.icon-puzzle:before {
    content: "\e026"
}

.icon-basket:before {
    content: "\e027"
}

.icon-envelope:before {
    content: "\e028"
}

.icon-streetsign:before {
    content: "\e029"
}

.icon-telescope:before {
    content: "\e02a"
}

.icon-gears:before {
    content: "\e02b"
}

.icon-key:before {
    content: "\e02c"
}

.icon-paperclip:before {
    content: "\e02d"
}

.icon-attachment:before {
    content: "\e02e"
}

.icon-pricetags:before {
    content: "\e02f"
}

.icon-lightbulb:before {
    content: "\e030"
}

.icon-layers:before {
    content: "\e031"
}

.icon-pencil:before {
    content: "\e032"
}

.icon-tools:before {
    content: "\e033"
}

.icon-tools-2:before {
    content: "\e034"
}

.icon-scissors:before {
    content: "\e035"
}

.icon-paintbrush:before {
    content: "\e036"
}

.icon-magnifying-glass:before {
    content: "\e037"
}

.icon-circle-compass:before {
    content: "\e038"
}

.icon-linegraph:before {
    content: "\e039"
}

.icon-mic:before {
    content: "\e03a"
}

.icon-strategy:before {
    content: "\e03b"
}

.icon-beaker:before {
    content: "\e03c"
}

.icon-caution:before {
    content: "\e03d"
}

.icon-recycle:before {
    content: "\e03e"
}

.icon-anchor:before {
    content: "\e03f"
}

.icon-profile-male:before {
    content: "\e040"
}

.icon-profile-female:before {
    content: "\e041"
}

.icon-bike:before {
    content: "\e042"
}

.icon-wine:before {
    content: "\e043"
}

.icon-hotairballoon:before {
    content: "\e044"
}

.icon-globe:before {
    content: "\e045"
}

.icon-genius:before {
    content: "\e046"
}

.icon-map-pin:before {
    content: "\e047"
}

.icon-dial:before {
    content: "\e048"
}

.icon-chat:before {
    content: "\e049"
}

.icon-heart:before {
    content: "\e04a"
}

.icon-cloud:before {
    content: "\e04b"
}

.icon-upload:before {
    content: "\e04c"
}

.icon-download:before {
    content: "\e04d"
}

.icon-target:before {
    content: "\e04e"
}

.icon-hazardous:before {
    content: "\e04f"
}

.icon-piechart:before {
    content: "\e050"
}

.icon-speedometer:before {
    content: "\e051"
}

.icon-global:before {
    content: "\e052"
}

.icon-compass:before {
    content: "\e053"
}

.icon-lifesaver:before {
    content: "\e054"
}

.icon-clock:before {
    content: "\e055"
}

.icon-aperture:before {
    content: "\e056"
}

.icon-quote:before {
    content: "\e057"
}

.icon-scope:before {
    content: "\e058"
}

.icon-alarmclock:before {
    content: "\e059"
}

.icon-refresh:before {
    content: "\e05a"
}

.icon-happy:before {
    content: "\e05b"
}

.icon-sad:before {
    content: "\e05c"
}

.icon-facebook:before {
    content: "\e05d"
}

.icon-twitter:before {
    content: "\e05e"
}

.icon-googleplus:before {
    content: "\e05f"
}

.icon-rss:before {
    content: "\e060"
}

.icon-tumblr:before {
    content: "\e061"
}

.icon-linkedin:before {
    content: "\e062"
}

.icon-dribbble:before {
    content: "\e063"
}

@font-face {
    font-family: Flaticon;
    font-style: normal;
    font-weight: 400;
    src: url(../media/Flaticon.d6115f97f3ac538bf27b.woff2) format("woff2"), url(../media/Flaticon.61f3bf140711b88ca101.woff) format("woff")
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: Flaticon
    }
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px
}

.flaticon-phone:before {
    content: "\f100"
}

.flaticon-chat:before {
    content: "\f101"
}

.flaticon-pin:before {
    content: "\f102"
}

.flaticon-sound:before {
    content: "\f103"
}

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

Copyright (c) 2013 Daniel Eden

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

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

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

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

@-webkit-keyframes bounce {

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

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

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

@keyframes bounce {

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

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

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

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

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

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

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

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

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        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 rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }

    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

@-webkit-keyframes shake {

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

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

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

@keyframes shake {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

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

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

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

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

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

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

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

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

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

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

@-webkit-keyframes height {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        height: 50%;
        opacity: .1
    }
}

@keyframes height {
    0% {
        height: 0;
        opacity: 0;
        transition: all .6s linear
    }

    to {
        height: 50%;
        opacity: .3
    }
}

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

@-webkit-keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: .2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        opacity: .2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        opacity: .2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        opacity: .2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

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

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95)
    }

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

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

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

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

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(1turn) scale(.95)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

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

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

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

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

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

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

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

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

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

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

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

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

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

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

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

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

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

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

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(700px);
        transform: translateY(700px)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    20%,
    60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    40% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(700px);
        transform: translateY(700px)
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

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

@-webkit-keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px)
    }

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

@keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px)
    }

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

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

@-webkit-keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px)
    }

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

@keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px)
    }

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

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

@-webkit-keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px)
    }

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

@keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px)
    }

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

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

@-webkit-keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px)
    }

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

@keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px)
    }

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

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

@-webkit-keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px)
    }

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

@keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px)
    }

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

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

@-webkit-keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px)
    }

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

@keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px)
    }

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

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

@-webkit-keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px)
    }

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

@keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px)
    }

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

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

@-webkit-keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(-200px);
        transform: translateX(0) translateY(-200px)
    }

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

@keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0) translateY(-200px);
        transform: translateX(0) translateY(-200px)
    }

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

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

@-webkit-keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px)
    }

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

@keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(500px) translateY(-150px);
        transform: translateX(200px) translateY(-150px)
    }

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

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

@-webkit-keyframes slideInnew {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10px, -80px);
        transform: translateY(-50px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes slideInnew {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10px, -80px);
        transform: translate(-10px, -80px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes slideInnew3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(80px, -80px);
        transform: translate(80px, -80px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes slideInnew3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(80px, -80px);
        transform: translate(80px, -80px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

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

@-webkit-keyframes slideInnew2 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(-10px, 80px);
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(-10px, 80px)
    }

    to {
        -webkit-transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(0);
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(0)
    }
}

@keyframes slideInnew2 {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(-10px, 80px);
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(-10px, 80px)
    }

    to {
        -webkit-transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(0);
        transform: matrix(.97029, .34192, -.84486, .9425, 0, 0) translate(0)
    }
}

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

@-webkit-keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px)
    }

    to {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px)
    }
}

@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px)
    }

    to {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px)
    }
}

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

@-webkit-keyframes fadeInUp3 {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

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

@keyframes fadeInUp3 {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

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

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

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

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.slick-loading .slick-list {
    background: #fff url(data:image/gif;base64,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) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(../media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(../media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"), url(../media/slick.295183786cd8a1389865.woff) format("woff"), url(../media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"), url(../media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

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

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

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

.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

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

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative
}

.slick-dots li,
.slick-dots li button {
    cursor: pointer;
    height: 20px;
    width: 20px
}

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

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

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

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

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.col-md-offset-right-1 {
    margin-right: 8.33333333%
}

.list_style {
    list-style: none;
    margin: 0;
    padding: 0
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    box-shadow: none;
    outline: none
}

.row.m0 {
    margin: 0;
    padding: 0
}

body {
    color: #797979;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 26px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
}

.mt_40 {
    margin-top: 40px
}

.mt_70 {
    margin-top: 70px
}

.mt_80 {
    margin-top: 80px
}

.mb_60 {
    margin-bottom: 60px
}

.mb_80 {
    margin-bottom: 80px
}

.t_color {
    color: #000000
}

@media (max-width:767px) {
    .container {
        max-width: 100%
    }
}

.row_reverse {
    flex-direction: row-reverse
}

.bottom_line {
    background: #bcbcbc;
    display: inline-block;
    height: 2px;
    margin: 25px auto 0;
    width: 80px
}

.title_h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px
}

.title_p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.theme_btn {
    border: 2px solid #040c2c;
    border-radius: 3px;
    color: #040c2c;
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 20px;
    font-weight: 500;
    min-width: 140px;
    padding: 10px 36px;
    position: relative;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .3s linear;
    z-index: 1
}

.theme_btn:before {
    background: #040c2c;
    border-radius: 1px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition: all .3s linear;
    z-index: -1
}

.theme_btn:hover {
    color: #fff
}

.theme_btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.navbar {
    -webkit-backface-visibilite: hidden;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 1001
}

@media (min-width:1300px) {
    .navbar .custome_container {
        max-width: 1440px
    }
}

.navbar .logo_h {
    margin-right: 0
}

.navbar .logo_h img {
    max-width: 100%;
    transition: all .3s linear
}

.navbar .logo_h img+img {
    display: none
}

.navbar .navbar-nav .nav-item {
    margin-left: 35px
}

.navbar .navbar-nav .nav-item .nav-link {
    color: #20201E;
    cursor: pointer;
    font: 600 14px/30px "Raleway", sans-serif;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: all .2s linear
}

.navbar .navbar-nav .nav-item .nav-link:before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 1.3px;
    left: auto;
    opacity: .71;
    position: absolute;
    right: 0;
    transition: all .3s ease-in-out;
    width: 0;
    z-index: 1
}

.navbar .navbar-nav .nav-item .nav-link.active:before,
.navbar .navbar-nav .nav-item .nav-link:hover:before {
    left: 0;
    width: 100%
}

.navbar .navbar-nav.nav-right .nav-item {
    margin-left: 0
}

.navbar .login {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 3px;
    color: #494949;
    display: inline-block;
    display: inline-flex;
    font: 600 14px/30px "Raleway", sans-serif;
    margin-top: 0;
    overflow: hidden;
    padding: 5px 34px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s linear;
    z-index: 1
}

.navbar .login:before {
    background: #fff;
    border-radius: 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out;
    z-index: -1
}

.navbar .login:hover {
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .12);
    color: #040c2c
}

.navbar .login:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.navbar_fixed .navbar {
    background: #fff;
    box-shadow: 0 2px 35px 0 rgba(0, 0, 0, .1);
    top: 0
}

.navbar_fixed .logo_h img {
    display: none
}

.navbar_fixed .logo_h img+img {
    display: inline-block;
    transition: all .3s linear
}

.navbar_fixed .navbar .navbar-nav .nav-item .nav-link {
    color: #040c2c
}

.navbar_fixed .navbar-nav .nav-item .nav-link:before {
    background: #040c2c
}

.navbar_fixed .login {
    border-color: #040c2c;
    color: #040c2c
}

.navbar_fixed .login:before {
    background: #040c2c
}

.navbar_fixed .login:hover {
    color: #fff
}

.navbar-toggler {
    border: 0;
    border-radius: 0;
    cursor: pointer;
    height: 80px;
    padding: 0
}

.navbar-toggler:focus {
    box-shadow: none
}

.navbar-toggler span {
    background-image: -ms-linear-gradient(0deg, #ed3d82 0, #f66264 75%, #fe8645 100%);
    display: block;
    height: 2px;
    margin: auto auto 5px;
    transition: all .4s linear;
    width: 30px
}

.navbar-toggler[aria-expanded=true] span:first-child {
    position: relative;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.navbar-toggler[aria-expanded=true] span:nth-child(2) {
    opacity: 0
}

.navbar-toggler[aria-expanded=true] span:nth-child(3) {
    bottom: 8px;
    position: relative;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg)
}

.navbar-toggler:focus {
    outline: none
}

.dark_menu .navbar-nav .nav-item .nav-link {
    color: #040c2c
}

.dark_menu .login,
.dark_menu .navbar .navbar-nav .nav-item .nav-link:hover:before,
.dark_menu .navbar-nav .nav-item .nav-link.active:before {
    background: #040c2c
}

.dark_menu .login {
    color: #fff
}

.dark_menu .logo_h img {
    display: none
}

.dark_menu .logo_h img+img {
    display: block
}

.banner_area,
.banner_area_two {
    align-items: center;
    display: flex;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 1
}

.react-parallax-bgimage {
    height: 120% !important;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0) !important;
    transform: translate3d(-50%, 0, 0) !important;
    width: 100%;
    z-index: -1
}

.react-parallax-content {
    width: 100%
}

.banner_area:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOUU5QTkyNTc4NkIxMUUzQTdFMTk3QzA0QTY5QkU5QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOUU5QTkyNjc4NkIxMUUzQTdFMTk3QzA0QTY5QkU5QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFENThBNjc2Nzg2QjExRTNBN0UxOTdDMDRBNjlCRTlBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5RTlBOTI0Nzg2QjExRTNBN0UxOTdDMDRBNjlCRTlBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VaW8EAAAABdJREFUeNpiZmBgWAjEP5hBBBAzAAQYABe5AphQ/HQeAAAAAElFTkSuQmCC) no-repeat scroll center 0/cover;
    content: "";
    height: 100%;
    z-index: 0
}

.banner_area:before,
.particle {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section {
    background: #fff;
    position: relative;
    z-index: 2
}

.banner_content {
    color: #797979;
    position: relative
}

.banner_content h5 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 32px
}

.banner_content h2 {
    font-size: 55px;
    font-weight: 700;
    margin: 10px 0;
    color: #000;
}

.banner_content h4 {
    font-size: 22px;
    letter-spacing: 0;
    padding: 10px 0 30px
}

.banner_content h4 span {
    font-weight: 700
}

.banner_content .social_icon li {
    display: inline-block;
    margin: 0 3px
}

.banner_content .social_icon li a {
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 42px;
    line-height: 43px;
    text-align: center;
    transition: all .3s linear;
    width: 42px
}

.banner_content .social_icon li a:hover {
    background: #fff;
    color: #040c2c
}

.banner_area_two .banner_content {
    color: #040c2c;
    position: relative;
    z-index: 3
}

.banner_area_two .banner_content h2 {
    font-size: 75px
}

.banner_area_two .banner_content h3 {
    font-size: 24px;
    margin-bottom: 2px;
    padding-top: 20px
}

.banner_area_two .banner_content .social_icon li a {
    background: #040c2c
}

.banner_area_two .banner_content .social_icon li a:hover {
    box-shadow: 0 2px 35px 0 rgba(4, 12, 44, .5);
    color: #fff;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.banner_area_two .one_img {
    left: -150px;
    opacity: .6;
    position: absolute;
    top: -15px
}

.banner_area_two .one_img img {
    -webkit-animation: spins 1.5s linear infinite;
    animation: spins 1.5s linear infinite
}

@-webkit-keyframes spins {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spins {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.about_area {
    background: #fff;
    overflow: hidden;
    padding-top: 80px;
    z-index: 3
}

.about_content {
    padding-bottom: 20px;
    padding-right: 88px
}

.about_content2 {
    padding-bottom: 20px;
    padding-right: 0px;
    padding-left: 88px;
}

.about_content h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 45px
}

.about_content h6 {
    color: #999;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 30px
}

.about_content p {
    padding-bottom: 30px
}

.about_content .theme_btn.active {
    color: #fff
}

.about_content .theme_btn.active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about_content .theme_btn+.theme_btn {
    margin-left: 15px
}

.about_content .theme_btn.active:hover {
    color: #040c2c
}

.about_content .theme_btn.active:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.about_img-2 img {
    border-radius: 10px 160px !important;
}

.work_area {
    background: #fafafa;
    padding: 0px 0 90px;
}

.work_item {
    background: #fff;
    border: 1px solid #f3f1f1;
    cursor: pointer;
    margin-bottom: 30px;
    padding: 40px 25px 30px;
    text-align: center;
    transition: all .4s linear
}

.work_item i {
    border: 1px solid #8a8a8a;
    border-radius: 50%;
    color: #8a8a8a;
    display: inline-block;
    font-size: 32px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    transition: all .3s linear 0s;
    width: 80px
}

.work_item h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 5px;
    transition: color .3s linear
}

.work_item:hover {
    box-shadow: 0 5px 35px 0 rgba(148, 146, 245, .15)
}

.about_area_two {
    background: #fff;
    padding: 120px 0;
    position: relative;
    z-index: 2
}

.n_section_title {
    margin-bottom: 60px
}

.n_section_title .top_border {
    background: #ccc;
    display: block;
    height: 40px;
    margin: 0 auto;
    width: 1px
}

.n_section_title h6 {
    color: #ADA68A;
    font-size: 14px;
    margin: 30px 0 10px
}

.n_section_title h2 {
    color: #232323;
    font: 300 32px/40px "Raleway", sans-serif;
}

.n_section_title h2 span {
    font-weight: 500
}

.about_item {
    padding-left: 55px;
    position: relative
}

.about_item i {
    font-size: 26px;
    left: 0;
    position: absolute;
    top: 5px
}

.about_item h3 {
    color: #040c2c;
    font: 600 14px/24px "Raleway", sans-serif;
    text-transform: uppercase
}

.about_item p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0
}

.promo_section .padding {
    padding: 0
}

.promo_section .promo_box_one {
    background: #000;
    padding: 0 60px
}

.promo_section .promo_box_one .content {
    position: relative
}

.promo_section .promo_box_one .content i {
    color: #fff;
    color: #ADA68A;
    font-size: 80px;
    left: -18px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.promo_section .promo_box_one .content p {
    color: #fff;
    font: 600 28px/36px "Raleway", sans-serif;
    margin-bottom: 0;
    padding-top: 80px
}

.promo_section .promo_video {
    position: relative;
    text-align: center;
    z-index: 1
}

.promo_section .promo_video:before {
    background: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.promo_section .promo_video img {
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.promo_section .promo_video .video_btn {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-weight: 600;
    left: 50%;
    line-height: normal;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.promo_section .promo_video .video_btn i {
    padding-right: 10px
}

.promo_section .promo_skill {
    background: #f7f7f7;
    padding: 40px 60px
}

.promo_section .promo_skill h3 {
    color: #040c2c;
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 25px
}

.promo_section .promo_skill .progress_bar_info {
    width: 100%
}

.promo_section .promo_skill .progress_bar_info .progress {
    background: #d0dae3;
    box-shadow: none;
    height: 8px;
    margin-bottom: 20px;
    overflow: visible;
    position: relative
}

.promo_section .promo_skill .progress_bar_info .progress .progress-bar {
    background: #f24259;
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 2s;
    width: 10%
}

.promo_section .promo_skill .progress_bar_info .progress .count-tip {
    color: #797979;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: -46px
}

.portfolio_area {
    padding: 110px 0 90px
}

.portfolio_menu {
    margin-bottom: 50px
}

.portfolio_menu li {
    background-color: initial;
    border: 1px solid #ededed;
    border-radius: 2px;
    color: #494949;
    cursor: pointer;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 38px;
    margin-right: 18px;
    padding: 0 25px;
    text-transform: capitalize;
    transition: background .5s ease-in-out, color .2s linear
}

.portfolio_menu li.active,
.portfolio_menu li:hover {
    background: #040c2c;
    color: #fff
}

.grid-item {
    margin-bottom: 30px
}

.portfolio {
    position: relative
}

.portfolio img {
    max-width: 100%
}

.portfolio .item-img-overlay {
    background: hsla(0, 0%, 100%, .95);
    bottom: 8px;
    cursor: pointer;
    left: 8px;
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .5s;
    z-index: 2
}

.portfolio .item-img-overlay .overlay-info {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.portfolio .item-img-overlay .overlay-info h6 {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    transition: all .5s
}

.portfolio .item-img-overlay .overlay-info .icons a {
    background: #111;
    border: 1px solid #111;
    border-radius: 50%;
    color: #eee;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 43px;
    margin: 0 5px;
    transition: all .2s linear;
    width: 45px
}

.portfolio .item-img-overlay .overlay-info .icons a:hover {
    background: #fff;
    color: #040c2c
}

.portfolio:hover .item-img-overlay {
    opacity: 1
}

.portfolio:hover .item-img-overlay,
.portfolio:hover .overlay-info h6 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.project_count_area {
    background: #fafafa;
    padding: 120px 0
}

.project_count_area .counter_item i {
    font-size: 35px;
    margin-bottom: 25px
}

.project_count_area .counter_item .t_color {
    font: 600 35px/40px "Raleway", sans-serif;
}

.project_count_area .counter_item p {
    font-size: 16px;
    margin-bottom: 0
}

.p_count_two {
    background: #fff;
    padding: 80px 0
}

.p_count_two .counter_item i {
    color: #ADA68A
}

.bg_two {
    background: #fafafa
}

.testimonial_area {
    padding: 120px 0;
    position: relative;
    z-index: 1
}

.testimonial_area:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.testimonial_area .testimonial_slider {
    padding: 0 100px;
    text-align: center
}

.testimonial_area .testimonial_slider .item {
    color: #fff
}

.testimonial_area .testimonial_slider .item .author_img {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 50%;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    width: 80px
}

.testimonial_area .testimonial_slider .item .author_img img {
    max-width: 100%;
    width: auto
}

.testimonial_area .testimonial_slider .item h6 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0 0
}

.testimonial_area .testimonial_slider .item span {
    font: 400 13px "Raleway", sans-serif;
    opacity: .6
}

.testimonial_area .testimonial_slider .item p {
    margin-bottom: 0;
    margin-top: 15px
}

.testimonial_area .testimonial_slider .slick-dots {
    left: 0;
    position: relative
}

.testimonial_area .testimonial_slider .slick-dots li {
    margin: 0
}

.testimonial_area .testimonial_slider .slick-dots li button {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0;
    opacity: .5;
    transition: all .3s linear;
    width: 10px
}

.testimonial_area .testimonial_slider .slick-dots li button:before {
    display: none
}

.testimonial_area .testimonial_slider .slick-dots .slick-active button {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.team_area {
    padding: 120px 0
}

.team_area .team_item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-width: 100%;
    transition: .3s
}

.team_area .team_item .content {
    padding-top: 25px;
    text-align: center
}

.team_area .team_item .content h5 {
    color: #040c2c;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0
}

.team_area .team_item .content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px
}

.team_area .team_item .content .social-links {
    border-top: 1px solid #dee2e6;
    padding-top: 5px
}

.team_area .team_item .content .social-links li {
    display: inline-block
}

.team_area .team_item .content .social-links li a {
    color: #939393;
    font-size: 14px;
    padding: 0 3px
}

.team_area .team_item .content .social-links li a:hover {
    color: #ADA68A
}

.team_area .team_item:hover img {
    -webkit-filter: none;
    filter: none
}

.clients_logo_area {
    padding: 120px 0
}

.clients_slider {
    text-align: center
}

.clients_slider .item a {
    display: block;
    text-align: center
}

.clients_slider .item img {
    display: inline-block;
    max-height: 100px;
    opacity: .7;
    transition: all .3s linear;
    width: auto
}

.clients_slider .item:hover img {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.blog_area {
    background: #fafafa;
    padding: 120px 0
}

.blog_post {
    cursor: pointer;
    transition: all .3s linear
}

.blog_post .blog_img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    position: relative
}

.blog_post .blog_img .post_date {
    align-items: center;
    background: hsla(0, 0%, 100%, .95);
    border-radius: 3px;
    color: #494949;
    display: flex;
    font: 700 18px "Raleway", sans-serif;
    height: 60px;
    line-height: 21px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    transition: all .4s linear;
    width: 55px
}

.blog_post .post_content {
    background: #fff;
    border: 1px solid #ebebeb;
    border-top: 0;
    padding: 25px
}

.blog_post .post_content .blog-meta span {
    color: #494949;
    display: inline-block;
    font: 500 15px/15px "Raleway", sans-serif;
    padding-right: 5px
}

.blog_post .post_content .blog-meta span i {
    padding-right: 5px
}

.blog_post .post_content .blog-meta span a {
    color: #494949
}

.blog_post .post_content .blog-meta span+span {
    border-left: 1px solid #494949;
    padding-left: 12px
}

.blog_post .post_content h2 {
    color: #494949;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 0 8px;
    transition: all .2s linear
}

.blog_post .post_content h2:hover {
    color: #040c2c
}

.blog_post .post_content .read_btn {
    color: #797979;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    font-weight: 600;
    transition: color .3s linear
}

.blog_post .post_content .read_btn i {
    display: inline-block;
    padding-left: 3px;
    transition: all .2s linear;
    vertical-align: middle
}

.blog_post .post_content .read_btn:hover {
    color: #040c2c
}

.blog_post .post_content .read_btn:hover i {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.blog_post:hover {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07)
}

.blog_post:hover .post_date {
    background: #040c2c;
    color: #fff
}

.contact-area {
    padding: 120px 0
}

.contact-area h4 {
    color: #040c2c;
    font: 700 35px/40px "Raleway", sans-serif;
    padding-bottom: 24px;
    text-transform: capitalize
}

.contact-area .input_form form .form-control {
    border: 1px solid #ededed;
    border-radius: 0;
    box-shadow: none;
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
    min-height: 44px;
    padding-left: 20px;
    text-transform: capitalize
}

.contact-area .input_form form .form-control.placeholder {
    color: #797979
}

.contact-area .input_form form .form-control:-moz-placeholder,
.contact-area .input_form form .form-control::-moz-placeholder {
    color: #797979
}

.contact-area .input_form form .form-control::-webkit-input-placeholder {
    color: #797979
}

.contact-area .input_form form .form-control.error {
    margin-bottom: 0
}

.contact-area .input_form form .form-control.error+.error {
    background: none;
    border: 0;
    color: #494949;
    display: block;
    font: 400 10px/30px "Raleway", sans-serif;
    margin-bottom: 0
}

.contact-area .input_form form textarea.form-control {
    height: 142px;
    padding-top: 12px;
    resize: none
}

.contact-area .input_form form .send_btn {
    background: transparent;
    border-radius: 4px;
    box-shadow: none;
    color: #040c2c;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 38px 14px 42px
}

.contact-area .input_form form .send_btn:hover {
    color: #fff
}

.contact-area .input_form #error,
.contact-area .input_form #success {
    background: rgba(0, 0, 0, .5);
    bottom: -15px;
    display: block;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: -15px
}

.contact-area .input_form #error p,
.contact-area .input_form #success p {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contact-area .input_form #success {
    color: #7cfc00
}

.contact-area .input_form #error {
    color: #ff4500
}

.contact-area .contact_info {
    padding-left: 50px
}

.contact-area .contact_info ul {
    display: block;
}

.contact-area .contact_info ul .item {
    cursor: pointer;
    display: block
}

.contact-area .contact_info ul .item .media i {
    color: #494949;
    font-size: 18px;
    line-height: 28px;
    padding-right: 10px;
    text-align: center
}

.contact-area .contact_info ul .item .media .media-body {
    vertical-align: middle
}

.contact-area .contact_info ul .item .media .media-body a {
    color: #797979;
    font: 400 16px/28px "Raleway", sans-serif;
}

.contact-area .contact_info ul .item+.item {
    padding-top: 15px
}

.contact_map {
    height: 500px;
    position: relative
}

.footer-area {
    background: #20201E;
    padding: 60px 0;
    position: relative
}

.footer-content {
    text-align: center
}

.footer-content .logo {
    display: inline-block;
    margin-bottom: 30px
}

.footer-content .logo img {
    max-width: 100%
}

.footer-content ul li {
    display: inline-block;
    padding: 0 5px
}

.footer-content ul li a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: all .3s linear;
    width: 35px
}

.footer-content ul li a:hover {
    background: #000;
    color: #494949
}

.footer-content h6 {
    color: #999;
    font: 400 14px/20px Lora, serif;
    padding-top: 15px
}

.footer-content h6 a {
    color: #fff
}

.footer-content p {
    color: #fff;
    font: 400 10px/18px "Raleway", sans-serif;
    letter-spacing: 3px;
    margin-bottom: 0;
    text-transform: uppercase
}

.bg_color {
    background: #fafafa
}

.work_area_two {
    padding: 110px 0 90px
}

.bg_w,
.work_area_two {
    background: #fff
}

.banner_shap:before {
    display: none
}

.banner_shap {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 40% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 40% 100%, 0 80%)
}

.banner_shap_two:before {
    background: url(../media/bottom.da195e5dffa629989f4b.png) no-repeat scroll bottom;
    bottom: -1px;
    height: 246px;
    top: auto
}
.theme_btn{
    background-color: #ADA68A;
}
.theme_btn a{
    color: #FFFFFF !important;
}
/* hover acá */
.red_color .banner_content .social_icon li a,
.red_color .portfolio .item-img-overlay .overlay-info .icons a:hover {
    background: hsla(0, 0%, 100%, .09)
}

.red_color .banner_content .social_icon li a:hover,
.red_color .blog_post:hover .post_date,
.red_color .portfolio_menu li.active,
.red_color .portfolio_menu li:hover {
    background: #FFFFFF;
    color: #000
}

.red_color .about_content .theme_btn.active:hover,
.red_color .navbar_fixed .login,
.red_color .theme_btn,
.red_color .work_item:hover i {
    border-color: #ADA68A;
    color: #FFFFFF
}

.red_color .bottom_line,
.red_color .navbar_fixed .login:before,
.red_color .theme_btn:before,
.red_color .work_item:hover i {
    background: #ffffff;
    color:#000;
}

.red_color .contact-area .input_form form .send_btn:hover,
.red_color .navbar_fixed .login:hover,
.red_color .theme_btn:hover,
.red_color .work_item:hover i {
    color: #000000
}

.red_color .blog_post .post_content .read_btn:hover,
.red_color .blog_post .post_content h2:hover,
.red_color .contact-area .input_form form .send_btn,
.red_color .portfolio .item-img-overlay .overlay-info .icons a:hover,
.red_color .project_count_area .counter_item i,
.red_color .work_item h2:hover {
    color: #ADA68A
}

.red_color .portfolio .item-img-overlay .overlay-info .icons a {
    background: #ADA68A;
    border-color: #ADA68A
}

.navbar_fixed .login,
.red_color .theme_btn {
    border-width: 1px
}

.red_color .project_count_area .counter_item .t_color,
.red_color .project_count_area .counter_item i {
    font-size: 55px
}

.red_color .project_count_area .counter_item .t_color {
    padding: 10px 0 15px
}

.red_color .navbar .navbar-nav .nav-item .nav-link:before {
    display: none
}

.red_color .navbar .navbar-nav .nav-item .nav-link.active,
.red_color .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #ADA68A
}

.red_color .contact-area .input_form form .form-control:focus {
    border-color: #ADA68A
}

.frelencer_banner_area {
    align-items: center;
    display: flex;
    height: 950px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.s_shap {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 85%;
    z-index: -1
}

.frelencer_content {
    margin-right: -55px
}

.frelencer_content h2 {
    font-family: "Raleway", sans-serif;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -1.01px;
    line-height: 70px;
    margin-bottom: 0;
    padding-bottom: 30px
}

.frelencer_content h2 span {
    color: #0db3c7;
    font-weight: 900
}

.frelencer_content h4 span {
    background: rgba(13, 179, 199, .12);
    color: #0db3c7;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 6px;
    padding: 15px 30px;
    text-transform: uppercase
}

.frelencer_content .theme_btn {
    color: #fff;
    display: inline-flex;
    margin-top: 40px
}

.frelencer_content .theme_btn:before {
    display: none
}

.frelencer_content .theme_btn:hover {
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .12)
}

.frelencer_content .theme_btn.active {
    background: #0db3c7;
    border-color: #0db3c7
}

.frelencer_img {
    position: relative
}

.frelencer_img .css-o7vmxb {
    position: absolute;
    z-index: 1
}

.media {
    display: flex;
    flex-wrap: wrap
}

.text-right {
    text-align: end
}

.f_img_eight,
.f_img_five,
.f_img_four,
.f_img_nine,
.f_img_one,
.f_img_seven,
.f_img_six,
.f_img_three,
.f_img_two {
    position: absolute;
    z-index: -1
}

.f_img_one {
    left: 100px;
    top: 220px;
    z-index: 1
}

.f_img_two {
    left: 115px;
    top: 135px
}

.f_img_three {
    right: 94px;
    top: 272px
}

.f_img_four {
    right: -35px;
    top: -17px;
    z-index: 0
}

.f_img_five {
    left: 198px;
    top: 37px;
    z-index: -1
}

.f_img_five img {
    -webkit-animation: fadeInUp3 1.5s .2s infinite alternate both;
    animation: fadeInUp3 1.5s .2s infinite alternate both
}

.f_img_six img {
    animation: fadeInUp3 1.9s .3s infinite alternate-reverse both
}

.f_img_seven img {
    -webkit-animation: fadeInUp3 2.1s .2s infinite alternate both;
    animation: fadeInUp3 2.1s .2s infinite alternate both
}

.f_img_eight img {
    animation: fadeInUp3 3s .5s infinite alternate-reverse both
}

.f_img_nine img {
    animation: fadeInUp3 2.6s .4s infinite alternate-reverse both
}

.f_img_six {
    left: 292px;
    top: 0;
    z-index: 1
}

.f_img_seven {
    right: 108px;
    top: 90px;
    z-index: 0
}

.f_img_eight {
    right: 20px;
    top: 180px
}

.f_img_nine {
    right: -5px;
    top: 64px
}

.section_title_two h6 {
    color: #0db3c7;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.section_title_two h2 {
    color: #040c2c;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -2px;
    text-transform: capitalize
}

.section_title_two {
    margin-bottom: 30px
}

.service_area_two {
    padding: 120px 0
}

.service_content .section_title_two {
    margin-bottom: 0
}

.service_content p {
    padding-top: 20px
}

.blog_area_two .post_content p,
.clients_content_two p,
.service_content p,
.skill_content_two p,
.testimonial_slider_info p {
    color: #677294
}

.service_content .nav-tabs {
    border: 0;
    padding-right: 80px;
    padding-top: 0
}

.service_content .nav-tabs li {
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%
}

.service_content .nav-tabs li a {
    background: transparent;
    border: 0;
    color: #040c2c;
    font-weight: 600;
    padding: 0;
    transition: color .2s linear
}

.service_content .nav-tabs li a.active,
.service_content .nav-tabs li a:hover {
    background: transparent;
    color: #0db3c7
}

.service_content .nav-tabs li a img {
    margin-right: 30px
}

.service_img {
    text-align: left
}

.service_img img {
    width: 500px
}

.s_item {
    border-right: 1px solid rgba(57, 57, 64, .1)
}

.s_item:nth-child(n+3) {
    border-top: 1px solid rgba(57, 57, 64, .1)
}

.s_item:nth-child(2n+2) {
    border-right: none
}

.skill_area_two {
    padding: 120px 0
}

.skill_content_two .section_title_two {
    margin-bottom: 15px
}

.skill_content_two p {
    margin-bottom: 40px
}

.skill_content_two .counter_item {
    padding: 20px 0
}

.skill_content_two .counter_item h3 {
    font-size: 50px;
    font-weight: 700
}

.skill_content_two .counter_item p {
    color: #677294;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-bottom: 0
}

.portfolio_slider_area {
    padding: 120px 0
}

.portfolio_slider_area .section_title_two {
    margin-bottom: 50px
}

.portfolio_slider .p_item {
    padding: 15px
}

.portfolio_slider .p_item .portfolio_content h4 {
    color: #040c2c;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 26px;
    transition: color .2s linear
}

.portfolio_slider .p_item .portfolio_content h4:hover {
    color: #0db3c7
}

.portfolio_slider .p_item .portfolio_content a {
    color: #999;
    font-size: 14px
}

.portfolio_slider .p_item .portfolio_content img {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .06);
    max-width: 100%
}

.portfolio_slider .slick-dots,
.testimonial_slider_info .slick-dots {
    bottom: 0;
    margin-top: 30px;
    position: relative
}

.portfolio_slider .slick-dots li,
.testimonial_slider_info .slick-dots li {
    height: auto;
    margin: 0;
    width: auto
}

.portfolio_slider .slick-dots li+li,
.testimonial_slider_info .slick-dots li+li {
    margin-left: 8px
}

.portfolio_slider .slick-dots li button:hover,
.portfolio_slider .slick-dots li.slick-active button,
.testimonial_slider_info .slick-dots li button:hover,
.testimonial_slider_info .slick-dots li.slick-active button {
    background-color: #0db3c7;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.portfolio_slider .slick-dots li button,
.testimonial_slider_info .slick-dots li button {
    background: #999;
    border-radius: 50%;
    height: 8px;
    opacity: .3;
    padding: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    transition: all .3s linear;
    width: 8px
}

.portfolio_slider .slick-dots li button:before,
.testimonial_slider_info .slick-dots li button:before {
    display: none
}

.testimonial_area_two {
    padding: 120px 0
}

.testimonial_slider_info {
    padding-left: 70px
}

.testimonial_slider_info .section_title_two {
    margin-bottom: 30px
}

.testimonial_slider_info .item:focus {
    outline: none
}

.testimonial_slider_info .author_img {
    border: 2px solid rgba(228, 235, 247, .4);
    border-radius: 50%;
    height: 60px;
    margin-right: 30px;
    overflow: hidden;
    width: 60px
}

.testimonial_slider_info .author_img img {
    max-width: 100%;
    width: auto
}

.testimonial_slider_info .media {
    align-items: center;
    padding-top: 15px
}

.testimonial_slider_info .media-body h6 {
    color: #040c2c;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0;
    text-transform: capitalize
}

.testimonial_slider_info .media-body span {
    color: #677294;
    font-size: 13px;
    line-height: 12px
}

.testimonial_slider_info .slick-dots {
    text-align: left
}

.clients_logo_area_two {
    overflow: hidden;
    padding: 120px 0;
    position: relative;
    z-index: 1
}

.clients_intrigration {
    height: 100%;
    position: relative
}

.clients_intrigration,
.clients_intrigration .c_items {
    align-items: center;
    display: flex;
    justify-content: center
}

.clients_intrigration .c_items {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 30px 60px 0 rgba(0, 11, 40, .1);
    height: 80px;
    position: absolute;
    width: 80px
}

.clients_intrigration .c_items:first-child {
    left: 30px;
    top: 75px
}

.clients_intrigration .c_items:nth-child(2) {
    left: 50%;
    margin-left: -40px;
    top: 0
}

.clients_intrigration .c_items:nth-child(3) {
    right: 30px;
    top: 75px
}

.clients_intrigration .c_items:nth-child(5) {
    bottom: 75px;
    left: 30px
}

.clients_intrigration .c_items:nth-child(6) {
    bottom: 0;
    left: 50%;
    margin-left: -40px
}

.clients_intrigration .c_items:nth-child(7) {
    bottom: 75px;
    right: 30px
}

.clients_intrigration .middle {
    height: 110px;
    position: relative;
    width: 110px
}

.clients_content_two .clients_item h2 {
    color: #0db3c7;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: .5
}

.clients_content_two .clients_item h6 {
    color: #040c2c;
    font-size: 16px;
    font-weight: 600
}

.clients_content_two p {
    margin-bottom: 20px
}

.clients_content_two .clients_item {
    display: inline-block;
    margin-top: 20px;
    padding: 0 30px 0 0;
    text-align: center
}

.c_round {
    background: #0db3c7;
    border-radius: 50%;
    bottom: -200px;
    height: 500px;
    opacity: .03;
    position: absolute;
    right: -150px;
    width: 500px
}

.fact_img {
    margin-right: -60px
}

.blog_area_two {
    padding: 120px 0
}

.blog_area_two .blog_post .post_content {
    border: 0;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: -40px;
    padding: 30px 40px;
    position: relative;
    transition: all .2s linear
}

.blog_area_two .blog_post:hover {
    box-shadow: none
}

.blog_area_two .section_title_two {
    margin-bottom: 70px
}

.blog_area_two .blog_post:hover .post_content {
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07)
}

.blog_area_two .blog_post .post_content .read_btn:hover,
.blog_area_two .blog_post .post_content h2:hover {
    color: #0db3c7
}

.home_bubble .bubble {
    border-radius: 50%;
    position: absolute
}

.home_bubble .bubble.b_four,
.home_bubble .bubble.b_one {
    height: 10px;
    width: 10px
}

.home_bubble .bubble.b_five,
.home_bubble .bubble.b_two {
    height: 30px;
    width: 30px
}

.home_bubble .bubble.b_six,
.home_bubble .bubble.b_three {
    height: 14px;
    width: 14px
}

.home_bubble .bubble.b_one {
    -webkit-animation: spin2 2s infinite alternate;
    animation: spin2 2s infinite alternate;
    background: #00c99c;
    left: 85px;
    top: 25%
}

.home_bubble .bubble.b_one,
.home_bubble .bubble.b_two {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home_bubble .bubble.b_two {
    -webkit-animation: spin1 2s infinite alternate;
    animation: spin1 2s infinite alternate;
    background: #fca249;
    left: 155px;
    top: 40%
}

.home_bubble .bubble.b_three {
    -webkit-animation: spin1 1s infinite alternate;
    animation: spin1 1s infinite alternate;
    background: #7d95fa;
    left: 255px;
    top: 85%
}

.home_bubble .bubble.b_four {
    -webkit-animation: spin1 2s infinite alternate;
    animation: spin1 2s infinite alternate;
    background: #d27dfa;
    left: 205px;
    top: 100px
}

.home_bubble .bubble.b_five {
    -webkit-animation: spin1 3s infinite alternate;
    animation: spin1 3s infinite alternate;
    background: #ff9398;
    left: 355px;
    top: 250px
}

.home_bubble .bubble.b_six {
    -webkit-animation: spin2 2s infinite alternate;
    animation: spin2 2s infinite alternate;
    background: #f1d53b;
    left: 55px;
    top: 75%
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translateX(-10px) scale(.9);
        transform: translateX(-10px) scale(.9)
    }

    to {
        -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
        transform: translateX(30px) scale(1.3) translateY(10px)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: translateX(-10px) scale(.9);
        transform: translateX(-10px) scale(.9)
    }

    to {
        -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
        transform: translateX(30px) scale(1.3) translateY(10px)
    }
}

@-webkit-keyframes spin1 {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes spin1 {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

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

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

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

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

.menu_two .nav {
    margin-left: auto !important;
    margin-right: 0 !important
}

.menu_two .navbar-right {
    display: none !important
}

.body_wrapper {
    overflow: hidden
}

.contact-area .section_title_two {
    margin-bottom: 70px
}

.get_item {
    align-items: center
}

.get_item i {
    margin-right: 20px
}

.get_item i:before {
    color: rgba(13, 179, 209, .5);
    font-size: 50px
}

.get_item .media-body h6 {
    color: #677294;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

.get_item .media-body a,
.get_item .media-body p {
    color: #040c2c;
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 600
}

.get_item+.get_item {
    margin-top: 25px
}

.contact-area-two {
    padding: 120px 0
}

.contact-area-two .input_form form .form-control:focus {
    border-color: #0db3c7
}

.contact-area-two .input_form form .theme_btn {
    background: #0db3c7;
    border-color: #0db3c7;
    color: #fff
}

.contact-area-two .theme_btn:before {
    background: #0db3c7;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.contact-area-two .input_form form .theme_btn:hover {
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, .12)
}

.footer-area-two {
    background: #0db3c7;
    padding: 20px 0
}

.footer-area-two .footer-content {
    align-items: center;
    text-align: inherit
}

.footer-area-two .footer-content h6 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    padding-top: 0
}

.error_area {
    height: 100vh
}

.error_text {
    margin-top: -20px;
    position: relative;
    z-index: 1
}

.error_text:before {
    bottom: 13px;
    z-index: -1
}

.error_text:after,
.error_text:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.error_text:after {
    bottom: -7px;
    z-index: -3
}

.error_text h1 {
    color: #6896ea;
    font-size: 250px;
    font-weight: 700;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
    top: -30px;
    z-index: -1
}

.error_text h3 {
    color: #4b5fa4;
    font-family: "Raleway", sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: .8px;
    text-transform: uppercase
}

.error_text p {
    color: #4b5fa4;
    line-height: 24px
}

.back_btn {
    color: #4b5fa4;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 5px
}

.back_btn:hover {
    color: #6896ea
}

.error_text img {
    height: 150%;
    left: 8px;
    position: absolute;
    top: -95px;
    width: 100%;
    z-index: -1
}

@-webkit-keyframes pop-char-out {

    0%,
    40%,
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        opacity: .3;
        -webkit-transform: translate(.05em, -.1em);
        transform: translate(.05em, -.1em)
    }
}

@keyframes pop-char-out {

    0%,
    40%,
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        opacity: .3;
        -webkit-transform: translate(.05em, -.1em);
        transform: translate(.05em, -.1em)
    }
}

.scroll_page .header_area_one {
    left: 0;
    padding: 50px 25px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

@media (max-width:1400px) {
    .scroll_page .header_area_one {
        padding: 20px 10px
    }
}

@media (max-width:767px) {
    .scroll_page .header_area_one {
        padding: 20px 0
    }
}

.scroll_page .header_area_one .menu_right {
    display: flex;
    justify-content: flex-end
}

.scroll_page .header_area_one .menu_right .burger_menu {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    height: 25px;
    letter-spacing: 1.3px;
    overflow: hidden
}

.scroll_page .header_area_one .menu_right .burger_menu .text {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
    transition: all .6s linear, color .1s
}

.scroll_page .header_area_one .menu_right .burger_menu .text:before {
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 1.5px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .4s linear
}

.scroll_page .header_area_one .menu_right .burger_menu .text:after {
    content: attr(data-text);
    left: 0;
    position: relative;
    text-transform: uppercase;
    top: 1.5px;
    transition: all .4s linear
}

.scroll_page .header_area_one .menu_right .burger_menu:hover .text:before {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.scroll_page .header_area_one .menu_right .burger_menu:hover .text:after {
    top: 20px
}

#nav-icon2 {
    height: 20px;
    position: relative;
    width: 30px
}

#nav-icon2 span {
    background: #fff;
    display: block;
    height: 3px;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    width: 50%
}

#nav-icon2 span:nth-child(2n) {
    border-radius: 0 9px 9px 0;
    left: 50%
}

#nav-icon2 span:nth-child(odd) {
    border-radius: 9px 0 0 9px;
    left: 0
}

#nav-icon2 span:first-child,
#nav-icon2 span:nth-child(2) {
    top: 2px
}

#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
    top: 11px
}

#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
    top: 20px
}

#nav-icon2.open span:first-child,
#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-icon2.open span:first-child {
    left: 0;
    top: 4px
}

#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 4px);
    top: 4px
}

#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0
}

#nav-icon2.open span:nth-child(5) {
    left: 0;
    top: 14px
}

#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 14px
}
@media (max-width:991px) {
    .item {
        padding-bottom: 40px;
    }
}
@media (max-width:576px) {
    .banner_area{
        background-image: url(../media/fondo-mobile.png) !important;
        background-size: cover !important;
        background-position: center !important;
    }
    .img-redondeado-mobile{
        border-radius: 10px 80px !important;
    }
    /* .react-parallax-bgimage{
        background-image: url(../media/banner-footer-mobile.jpg);
    } */
    .about_content h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .about_area{
        padding-top: 20px;
    }
    .about_content p{
        padding: 0px;
    }
    .about_img{
        padding-bottom: 40px;
    }
    .about_content{
        padding: 0px !important;
    }
    .contact-area h4{
        font-size: 27px;
        line-height: 40px;
    }
    .logo-col{
        text-align: center;
    }
    .footer-menu .menu{
        text-align: center;
    }
    .social-col ul{
        padding: 20px 0px;
    }
}

@media (max-width:991px) {
    .section .slider_container {
        padding: 100px 0
    }

    .section .slider_content {
        margin-bottom: 50px
    }
}

.section .slider_content .see_btn,
.section .slider_content h2,
.section .slider_content h6,
.section .slider_content p {
    color: #fff;
    font-family: "Raleway", sans-serif;
    opacity: 0;
    transition: all .2s linear
}

.section .slider_content h6 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .56px
}

.section .slider_content h6 .br {
    background: #fff;
    display: inline-block;
    height: 2px;
    margin-right: 15px;
    vertical-align: middle;
    width: 40px
}

.section .slider_content h2 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 28px
}

@media (max-width:1199px) {
    .section .slider_content h2 {
        font-size: 60px
    }
}

@media (max-width:600px) {
    .section .slider_content h2 {
        font-size: 42px
    }
}

.section .slider_content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 42px;
    padding-right: 80px
}

@media (max-width:600px) {
    .section .slider_content p {
        padding-right: 0
    }
}

.section .slider_content .see_btn {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    transition: all .2s linear;
    z-index: 1
}

.section .slider_content .see_btn .arrow {
    align-items: center;
    display: inline-flex;
    height: 16px;
    margin-left: 10px;
    position: relative;
    top: -4px;
    transition: all .1s linear;
    width: auto
}

.section .slider_content .see_btn .arrow:after,
.section .slider_content .see_btn .arrow:before {
    background: #fff;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    width: 2px
}

.section .slider_content .see_btn .arrow:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.section .slider_content .see_btn .arrow:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.section .slider_content .see_btn .arrow .line {
    background: #fff;
    display: inline-block;
    height: 2px;
    position: relative;
    transition: width .3s linear;
    vertical-align: top;
    width: 0
}

.section .slider_content .see_btn:hover .arrow {
    margin-left: 5px
}

.section .slider_content .see_btn:hover .arrow .line {
    width: 25px
}

.section .slider_content.slider_content_two h2 {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: .12px;
    margin-bottom: 0
}

@media (max-width:1199px) {
    .section .slider_content.slider_content_two h2 {
        font-size: 45px
    }
}

.section .slider_content.slider_content_two .bold {
    font-weight: 700;
    margin-bottom: 28px
}

.section .slider_content.slider_content_three h2 {
    font-size: 55px;
    font-weight: 600
}

@media (max-width:1199px) {
    .section .slider_content.slider_content_three h2 {
        font-size: 45px
    }
}

.section .slider_image_inner {
    border-radius: 5px;
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, .2);
    margin-right: -70px;
    overflow: hidden;
    position: relative
}

@media (max-width:1199px) {
    .section .slider_image_inner {
        display: inline-block;
        margin-right: 0
    }
}

.section .slider_image_inner:after,
.section .slider_image_inner:before {
    background: #f78234;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 25%;
    z-index: 0
}

.section .slider_image_inner:before {
    top: 0;
    transition: all .8s ease-in-out .1s
}

.section .slider_image_inner:after {
    left: 25%;
    top: 0;
    transition: all .9s ease-in-out .3s
}

.section .slider_image_inner span:after,
.section .slider_image_inner span:before {
    background: #f78234;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 25%;
    z-index: 0
}

.section .slider_image_inner span:before {
    left: 50%;
    top: 0;
    transition: all .94s ease-in-out .4s
}

.section .slider_image_inner span:after {
    left: 75%;
    top: 0;
    transition: all .99s ease-in-out .5s
}

.section .slider_image_inner img {
    max-width: 100%
}

.section.active .slider_content h6 {
    opacity: 1
}

.section.active .slider_content h6 div>div {
    -webkit-animation: pop-char-out 1s cubic-bezier(.5, 0, .5, 1) both;
    animation: pop-char-out 1s cubic-bezier(.5, 0, .5, 1) both
}

.section.active .slider_content h6 div>div:first-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.section.active .slider_content h6 div>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.section.active .slider_content h6 div>div:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.section.active .slider_content h6 div>div:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.section.active .slider_content h6 div>div:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.section.active .slider_content h6 div>div:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.section.active .slider_content h6 div>div:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.section.active .slider_content h6 div>div:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.section.active .slider_content h6 div>div:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.section.active .slider_content h6 div>div:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.section.active .slider_content h6 div>div:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.section.active .slider_content h6 div>div:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.section.active .slider_content h6 div>div:nth-child(13) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.section.active .slider_content h6 div>div:nth-child(14) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.section.active .slider_content h6 div>div:nth-child(15) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.section.active .slider_content h6 div>div:nth-child(16) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.section.active .slider_content h6 div>div:nth-child(17) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.section.active .slider_content h6 div>div:nth-child(18) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.section.active .slider_content h6 div>div:nth-child(19) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.section.active .slider_content h6 div>div:nth-child(20) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.section.active .slider_content h6 div>div:nth-child(21) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.section.active .slider_content h6 div>div:nth-child(22) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.section.active .slider_content h6 div>div:nth-child(23) {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

.section.active .slider_content h6 div>div:nth-child(24) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.section.active .slider_content h6 div>div:nth-child(25) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.section.active .slider_content h6 div>div:nth-child(26) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.section.active .slider_content h6 div>div:nth-child(27) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.section.active .slider_content h6 div>div:nth-child(28) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.section.active .slider_content h6 div>div:nth-child(29) {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

.section.active .slider_content h6 div>div:nth-child(30) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.section.active .slider_content h6 div>div:nth-child(31) {
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s
}

.section.active .slider_content h6 div>div:nth-child(32) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.section.active .slider_content h6 div>div:nth-child(33) {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s
}

.section.active .slider_content h6 div>div:nth-child(34) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.section.active .slider_content h6 div>div:nth-child(35) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.section.active .slider_content h6 div>div:nth-child(36) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.section.active .slider_content h6 div>div:nth-child(37) {
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.section.active .slider_content h6 div>div:nth-child(38) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.section.active .slider_content h6 div>div:nth-child(39) {
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s
}

.section.active .slider_content h6 div>div:nth-child(40) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.section.active .slider_content h6 div>div:nth-child(41) {
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s
}

.section.active .slider_content h6 div>div:nth-child(42) {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s
}

.section.active .slider_content h6 div>div:nth-child(43) {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s
}

.section.active .slider_content h6 div>div:nth-child(44) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.section.active .slider_content h6 div>div:nth-child(45) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.section.active .slider_content h6 div>div:nth-child(46) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.section.active .slider_content h6 div>div:nth-child(47) {
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s
}

.section.active .slider_content h6 div>div:nth-child(48) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.section.active .slider_content h6 div>div:nth-child(49) {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

.section.active .slider_content h6 div>div:nth-child(50) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.section.active .slider_content h6 div>div:nth-child(51) {
    -webkit-animation-delay: 5.1s;
    animation-delay: 5.1s
}

.section.active .slider_content h6 div>div:nth-child(52) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.section.active .slider_content h6 div>div:nth-child(53) {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s
}

.section.active .slider_content h6 div>div:nth-child(54) {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.section.active .slider_content h6 div>div:nth-child(55) {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.section.active .slider_content h6 div>div:nth-child(56) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

.section.active .slider_content h6 div>div:nth-child(57) {
    -webkit-animation-delay: 5.7s;
    animation-delay: 5.7s
}

.section.active .slider_content h6 div>div:nth-child(58) {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.section.active .slider_content h6 div>div:nth-child(59) {
    -webkit-animation-delay: 5.9s;
    animation-delay: 5.9s
}

.section.active .slider_content h6 div>div:nth-child(60) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.section.active .slider_content h6 div>div:nth-child(61) {
    -webkit-animation-delay: 6.1s;
    animation-delay: 6.1s
}

.section.active .slider_content h6 div>div:nth-child(62) {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

.section.active .slider_content h6 div>div:nth-child(63) {
    -webkit-animation-delay: 6.3s;
    animation-delay: 6.3s
}

.section.active .slider_content h6 div>div:nth-child(64) {
    -webkit-animation-delay: 6.4s;
    animation-delay: 6.4s
}

.section.active .slider_content h6 div>div:nth-child(65) {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s
}

.section.active .slider_content h6 div>div:nth-child(66) {
    -webkit-animation-delay: 6.6s;
    animation-delay: 6.6s
}

.section.active .slider_content h6 div>div:nth-child(67) {
    -webkit-animation-delay: 6.7s;
    animation-delay: 6.7s
}

.section.active .slider_content h6 div>div:nth-child(68) {
    -webkit-animation-delay: 6.8s;
    animation-delay: 6.8s
}

.section.active .slider_content h6 div>div:nth-child(69) {
    -webkit-animation-delay: 6.9s;
    animation-delay: 6.9s
}

.section.active .slider_content h6 div>div:nth-child(70) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.section.active .slider_content h6 div>div:nth-child(71) {
    -webkit-animation-delay: 7.1s;
    animation-delay: 7.1s
}

.section.active .slider_content h6 div>div:nth-child(72) {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s
}

.section.active .slider_content h6 div>div:nth-child(73) {
    -webkit-animation-delay: 7.3s;
    animation-delay: 7.3s
}

.section.active .slider_content h6 div>div:nth-child(74) {
    -webkit-animation-delay: 7.4s;
    animation-delay: 7.4s
}

.section.active .slider_content h6 div>div:nth-child(75) {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s
}

.section.active .slider_content h6 div>div:nth-child(76) {
    -webkit-animation-delay: 7.6s;
    animation-delay: 7.6s
}

.section.active .slider_content h6 div>div:nth-child(77) {
    -webkit-animation-delay: 7.7s;
    animation-delay: 7.7s
}

.section.active .slider_content h6 div>div:nth-child(78) {
    -webkit-animation-delay: 7.8s;
    animation-delay: 7.8s
}

.section.active .slider_content h6 div>div:nth-child(79) {
    -webkit-animation-delay: 7.9s;
    animation-delay: 7.9s
}

.section.active .slider_content h6 div>div:nth-child(80) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.section.active .slider_content h6 div>div:nth-child(81) {
    -webkit-animation-delay: 8.1s;
    animation-delay: 8.1s
}

.section.active .slider_content h6 div>div:nth-child(82) {
    -webkit-animation-delay: 8.2s;
    animation-delay: 8.2s
}

.section.active .slider_content h6 div>div:nth-child(83) {
    -webkit-animation-delay: 8.3s;
    animation-delay: 8.3s
}

.section.active .slider_content h6 div>div:nth-child(84) {
    -webkit-animation-delay: 8.4s;
    animation-delay: 8.4s
}

.section.active .slider_content h6 div>div:nth-child(85) {
    -webkit-animation-delay: 8.5s;
    animation-delay: 8.5s
}

.section.active .slider_content h6 div>div:nth-child(86) {
    -webkit-animation-delay: 8.6s;
    animation-delay: 8.6s
}

.section.active .slider_content h6 div>div:nth-child(87) {
    -webkit-animation-delay: 8.7s;
    animation-delay: 8.7s
}

.section.active .slider_content h6 div>div:nth-child(88) {
    -webkit-animation-delay: 8.8s;
    animation-delay: 8.8s
}

.section.active .slider_content h6 div>div:nth-child(89) {
    -webkit-animation-delay: 8.9s;
    animation-delay: 8.9s
}

.section.active .slider_content h6 div>div:nth-child(90) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.section.active .slider_content h6 div>div:nth-child(91) {
    -webkit-animation-delay: 9.1s;
    animation-delay: 9.1s
}

.section.active .slider_content h6 div>div:nth-child(92) {
    -webkit-animation-delay: 9.2s;
    animation-delay: 9.2s
}

.section.active .slider_content h6 div>div:nth-child(93) {
    -webkit-animation-delay: 9.3s;
    animation-delay: 9.3s
}

.section.active .slider_content h6 div>div:nth-child(94) {
    -webkit-animation-delay: 9.4s;
    animation-delay: 9.4s
}

.section.active .slider_content h6 div>div:nth-child(95) {
    -webkit-animation-delay: 9.5s;
    animation-delay: 9.5s
}

.section.active .slider_content h6 div>div:nth-child(96) {
    -webkit-animation-delay: 9.6s;
    animation-delay: 9.6s
}

.section.active .slider_content h6 div>div:nth-child(97) {
    -webkit-animation-delay: 9.7s;
    animation-delay: 9.7s
}

.section.active .slider_content h6 div>div:nth-child(98) {
    -webkit-animation-delay: 9.8s;
    animation-delay: 9.8s
}

.section.active .slider_content h6 div>div:nth-child(99) {
    -webkit-animation-delay: 9.9s;
    animation-delay: 9.9s
}

.section.active .slider_content h6 div>div:nth-child(100) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}

.section.active .slider_content h2 {
    opacity: 1
}

.section.active .slider_content h2 div>div {
    -webkit-animation: fadeInUp 1s cubic-bezier(.5, 0, .5, 1) both;
    animation: fadeInUp 1s cubic-bezier(.5, 0, .5, 1) both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.section.active .slider_content h2 div>div:first-child {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.section.active .slider_content h2 div>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.section.active .slider_content h2 div>div:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.section.active .slider_content h2 div>div:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.section.active .slider_content h2 div>div:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.section.active .slider_content h2 div>div:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.section.active .slider_content h2 div>div:nth-child(7) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.section.active .slider_content h2 div>div:nth-child(8) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.section.active .slider_content h2 div>div:nth-child(9) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.section.active .slider_content h2 div>div:nth-child(10) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.section.active .slider_content h2 div>div:nth-child(11) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.section.active .slider_content h2 div>div:nth-child(12) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.section.active .slider_content h2 div>div:nth-child(13) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.section.active .slider_content h2 div>div:nth-child(14) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.section.active .slider_content h2 div>div:nth-child(15) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.section.active .slider_content h2 div>div:nth-child(16) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.section.active .slider_content h2 div>div:nth-child(17) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.section.active .slider_content h2 div>div:nth-child(18) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.section.active .slider_content h2 div>div:nth-child(19) {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.section.active .slider_content h2 div>div:nth-child(20) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.section.active .slider_content h2 div>div:nth-child(21) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.section.active .slider_content h2 div>div:nth-child(22) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.section.active .slider_content h2 div>div:nth-child(23) {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

.section.active .slider_content h2 div>div:nth-child(24) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.section.active .slider_content h2 div>div:nth-child(25) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.section.active .slider_content h2 div>div:nth-child(26) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.section.active .slider_content h2 div>div:nth-child(27) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.section.active .slider_content h2 div>div:nth-child(28) {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.section.active .slider_content h2 div>div:nth-child(29) {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

.section.active .slider_content h2 div>div:nth-child(30) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.section.active .slider_content h2 div>div:nth-child(31) {
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s
}

.section.active .slider_content h2 div>div:nth-child(32) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.section.active .slider_content h2 div>div:nth-child(33) {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s
}

.section.active .slider_content h2 div>div:nth-child(34) {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.section.active .slider_content h2 div>div:nth-child(35) {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.section.active .slider_content h2 div>div:nth-child(36) {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.section.active .slider_content h2 div>div:nth-child(37) {
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.section.active .slider_content h2 div>div:nth-child(38) {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.section.active .slider_content h2 div>div:nth-child(39) {
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s
}

.section.active .slider_content h2 div>div:nth-child(40) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.section.active .slider_content h2 div>div:nth-child(41) {
    -webkit-animation-delay: 4.1s;
    animation-delay: 4.1s
}

.section.active .slider_content h2 div>div:nth-child(42) {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s
}

.section.active .slider_content h2 div>div:nth-child(43) {
    -webkit-animation-delay: 4.3s;
    animation-delay: 4.3s
}

.section.active .slider_content h2 div>div:nth-child(44) {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.section.active .slider_content h2 div>div:nth-child(45) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s
}

.section.active .slider_content h2 div>div:nth-child(46) {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.section.active .slider_content h2 div>div:nth-child(47) {
    -webkit-animation-delay: 4.7s;
    animation-delay: 4.7s
}

.section.active .slider_content h2 div>div:nth-child(48) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.section.active .slider_content h2 div>div:nth-child(49) {
    -webkit-animation-delay: 4.9s;
    animation-delay: 4.9s
}

.section.active .slider_content h2 div>div:nth-child(50) {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.section.active .slider_content h2 div>div:nth-child(51) {
    -webkit-animation-delay: 5.1s;
    animation-delay: 5.1s
}

.section.active .slider_content h2 div>div:nth-child(52) {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.section.active .slider_content h2 div>div:nth-child(53) {
    -webkit-animation-delay: 5.3s;
    animation-delay: 5.3s
}

.section.active .slider_content h2 div>div:nth-child(54) {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.section.active .slider_content h2 div>div:nth-child(55) {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s
}

.section.active .slider_content h2 div>div:nth-child(56) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

.section.active .slider_content h2 div>div:nth-child(57) {
    -webkit-animation-delay: 5.7s;
    animation-delay: 5.7s
}

.section.active .slider_content h2 div>div:nth-child(58) {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.section.active .slider_content h2 div>div:nth-child(59) {
    -webkit-animation-delay: 5.9s;
    animation-delay: 5.9s
}

.section.active .slider_content h2 div>div:nth-child(60) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.section.active .slider_content h2 div>div:nth-child(61) {
    -webkit-animation-delay: 6.1s;
    animation-delay: 6.1s
}

.section.active .slider_content h2 div>div:nth-child(62) {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

.section.active .slider_content h2 div>div:nth-child(63) {
    -webkit-animation-delay: 6.3s;
    animation-delay: 6.3s
}

.section.active .slider_content h2 div>div:nth-child(64) {
    -webkit-animation-delay: 6.4s;
    animation-delay: 6.4s
}

.section.active .slider_content h2 div>div:nth-child(65) {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s
}

.section.active .slider_content h2 div>div:nth-child(66) {
    -webkit-animation-delay: 6.6s;
    animation-delay: 6.6s
}

.section.active .slider_content h2 div>div:nth-child(67) {
    -webkit-animation-delay: 6.7s;
    animation-delay: 6.7s
}

.section.active .slider_content h2 div>div:nth-child(68) {
    -webkit-animation-delay: 6.8s;
    animation-delay: 6.8s
}

.section.active .slider_content h2 div>div:nth-child(69) {
    -webkit-animation-delay: 6.9s;
    animation-delay: 6.9s
}

.section.active .slider_content h2 div>div:nth-child(70) {
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.section.active .slider_content h2 div>div:nth-child(71) {
    -webkit-animation-delay: 7.1s;
    animation-delay: 7.1s
}

.section.active .slider_content h2 div>div:nth-child(72) {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s
}

.section.active .slider_content h2 div>div:nth-child(73) {
    -webkit-animation-delay: 7.3s;
    animation-delay: 7.3s
}

.section.active .slider_content h2 div>div:nth-child(74) {
    -webkit-animation-delay: 7.4s;
    animation-delay: 7.4s
}

.section.active .slider_content h2 div>div:nth-child(75) {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s
}

.section.active .slider_content h2 div>div:nth-child(76) {
    -webkit-animation-delay: 7.6s;
    animation-delay: 7.6s
}

.section.active .slider_content h2 div>div:nth-child(77) {
    -webkit-animation-delay: 7.7s;
    animation-delay: 7.7s
}

.section.active .slider_content h2 div>div:nth-child(78) {
    -webkit-animation-delay: 7.8s;
    animation-delay: 7.8s
}

.section.active .slider_content h2 div>div:nth-child(79) {
    -webkit-animation-delay: 7.9s;
    animation-delay: 7.9s
}

.section.active .slider_content h2 div>div:nth-child(80) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.section.active .slider_content .see_btn,
.section.active .slider_content p {
    -webkit-animation: fadeInUp 1.8s cubic-bezier(.5, 0, .5, 1) both;
    animation: fadeInUp 1.8s cubic-bezier(.5, 0, .5, 1) both
}

.section.active .slider_image_inner {
    -webkit-animation: fadeInRight 1.2s cubic-bezier(.5, 0, .5, 1) both;
    animation: fadeInRight 1.2s cubic-bezier(.5, 0, .5, 1) both
}

.section.active .slider_image_inner span:after,
.section.active .slider_image_inner span:before,
.section.active .slider_image_inner:after,
.section.active .slider_image_inner:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.section.contact-area {
    padding: 0
}

.section.contact-area h4 {
    color: #fff
}

@media (max-width:991px) {
    .section.contact-area .contact_info ul {
        padding-right: 0
    }
}

.section.contact-area .contact_info ul .item .media .media-body a,
.section.contact-area .contact_info ul .item .media i {
    color: #fff
}

.section.contact-area .input_form form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 2px solid hsla(0, 0%, 100%, .5);
    color: #fff;
    padding-left: 0
}

.section.contact-area .input_form form .form-control::-webkit-input-placeholder {
    color: #fff
}

.section.contact-area .input_form form .form-control::placeholder {
    color: #fff
}

.section.contact-area .input_form form .send_btn {
    border-color: #fff;
    color: #fff;
    font-family: Poppins, sans-serif
}

.section.contact-area .input_form form .send_btn:hover {
    border-color: #040c2c
}

@media (max-width:576px) {
    .memphis {
        display: none
    }
}

.memphis li {
    position: absolute
}

@media (max-width:767px) {
    .memphis li {
        height: 100%;
        width: 100%
    }
}

@media (max-width:991px) {
    .memphis li img {
        max-width: 100%
    }
}

.memphis li:first-child,
.memphis li:nth-child(2) {
    left: 0;
    top: 0
}

.memphis li:nth-child(3) {
    bottom: 0;
    right: 0
}

.memphis li:nth-child(4) {
    right: 0;
    top: 0
}

.memphis li:nth-child(5) {
    left: 40px;
    top: 140px
}

.memphis li:nth-child(6) {
    bottom: 60px;
    left: 46%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.memphis li:nth-child(7) {
    bottom: 0;
    right: 70px
}

.memphis li:nth-child(8) {
    bottom: 60px;
    right: 90px
}

.memphis li:nth-child(9) {
    right: 250px;
    top: 260px
}

.memphis li:nth-child(10),
.memphis li:nth-child(11),
.memphis li:nth-child(12),
.memphis li:nth-child(13) {
    background: #fff;
    border-radius: 50%;
    display: block;
    height: 7px;
    opacity: .2;
    width: 7px
}

.memphis li:nth-child(10) {
    right: 185px;
    top: 260px
}

.memphis li:nth-child(11) {
    right: 330px;
    top: 200px
}

.memphis li:nth-child(12) {
    right: 35%;
    top: 190px
}

.memphis li:nth-child(13) {
    right: 46%;
    top: 210px
}

.memphis li:nth-child(14) {
    background-image: linear-gradient(0deg, #f78232 5%, #f77648 51%, #f66961 90%);
    border-radius: 50%;
    box-shadow: 0 19px 29px 0 rgba(0, 0, 0, .13);
    height: 66px;
    right: 380px;
    top: 90px;
    width: 66px
}

@media (max-width:1199px) {
    #fp-nav.fp-left {
        left: -7px
    }
}

@media (max-width:767px) {
    #fp-nav.fp-left {
        display: none
    }
}

#fp-nav ul {
    list-style: none
}

#fp-nav ul li {
    height: auto !important;
    width: auto !important
}

#fp-nav ul li a {
    display: block
}

#fp-nav ul li a span {
    background: hsla(0, 54%, 93%, .3) !important;
    left: 35%;
    transition: all .2s linear
}

#fp-nav ul li a span.fp-sr-only {
    background: transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: auto;
    left: 30px;
    margin-left: 0 !important;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    transition: left .3s linear, opacity .2s;
    width: auto
}

#fp-nav ul li a.active span,
#fp-nav ul li a:hover span {
    background: hsla(0, 0%, 100%, .8) !important
}

#fp-nav ul li a.active span.fp-sr-only,
#fp-nav ul li a:hover span.fp-sr-only {
    background: transparent !important;
    height: auto;
    left: 35px;
    opacity: 1;
    transition: left .3s linear, opacity .6s;
    width: auto
}

.offcanvas_menu {
    background: #fff;
    left: 100%;
    left: auto;
    max-height: 100vh;
    min-height: 100vh;
    overflow-y: scroll;
    padding: 80px 55px 55px;
    position: fixed;
    right: -100%;
    top: 0;
    transition: all .6s linear;
    width: 450px;
    z-index: 1000
}

@media (max-width:576px) {
    .offcanvas_menu {
        padding: 40px 20px;
        width: 280px
    }
}

.offcanvas_menu.open {
    left: auto;
    right: 0
}

.offcanvas_menu.open .menu_title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.offcanvas_menu .closer_icon {
    color: #3a3a45;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 40px;
    top: 20px
}

@media (max-width:576px) {
    .offcanvas_menu .closer_icon {
        right: 10px
    }
}

.offcanvas_menu .menu_title {
    margin-bottom: 50px;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    transition: opacity 1s ease .8s, color .6s ease, -webkit-transform 1s ease .8s;
    transition: transform 1s ease .8s, opacity 1s ease .8s, color .6s ease;
    transition: transform 1s ease .8s, opacity 1s ease .8s, color .6s ease, -webkit-transform 1s ease .8s
}

.offcanvas_menu .menu_title h2 {
    color: #3a3a45;
    font-size: 20px;
    font-weight: 600
}

.offcanvas_menu .menu_title p {
    font-size: 15px;
    line-height: 25px
}

.offcanvas_menu .nav,
.offcanvas_menu .nav li {
    display: block
}

.offcanvas_menu .nav li a {
    color: #3a3a45;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0
}

.offcanvas_menu .nav li+li {
    margin-top: 10px
}

.offcanvas_menu .copy_right_menu {
    font-size: 15px;
    line-height: 22px;
    margin-top: 80px;
    text-align: center
}

.offcanvas_menu .copy_right_menu a {
    color: #797979
}

.t_color {
    white-space: pre-line
}

.developer_banner_area.frelencer_banner_area {
    height: auto;
    padding-top: 170px;
    position: relative
}

.developer_banner_area.frelencer_banner_area .d_shap {
    left: 0;
    position: absolute;
    top: 0
}

.developer_banner_area.frelencer_banner_area .overlay_color {
    background-color: #e5effd;
    height: 100%;
    opacity: .53;
    position: absolute;
    right: 0;
    top: 0;
    width: 570px;
    z-index: -1
}

@media (max-width:1199px) {
    .developer_banner_area.frelencer_banner_area .overlay_color {
        width: 470px
    }
}

.developer_content.frelencer_content {
    padding-top: 70px;
    position: relative;
    z-index: 1
}

@media (max-width:1199px) {
    .developer_content.frelencer_content {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .developer_content.frelencer_content {
        padding-top: 0
    }
}

.developer_content.frelencer_content .d_dot {
    left: -80px;
    position: absolute;
    top: 0;
    z-index: -1
}

.developer_content.frelencer_content h4 span {
    background: #64f4ac;
    border-radius: 4px;
    color: #051441;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    margin-bottom: 25px
}

@media (max-width:576px) {
    .developer_content.frelencer_content h4 span {
        padding: 7px 15px
    }
}

.developer_content.frelencer_content h2 {
    color: #051441;
    font-family: "Raleway", sans-serif;
    font-size: 58px;
    font-weight: 600;
    line-height: 1.3
}

@media (max-width:1199px) {
    .developer_content.frelencer_content h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .developer_content.frelencer_content h2 {
        font-size: 38px
    }
}

.developer_content.frelencer_content p {
    color: #545454;
    font-family: "Raleway", sans-serif;
    font-size: 16px
}

@media (max-width:767px) {
    .developer_content.frelencer_content p {
        white-space: inherit
    }
}

.developer_content.frelencer_content .chat_btn {
    color: #64f4ac;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    position: relative;
    text-transform: uppercase
}

.developer_content.frelencer_content .chat_btn:before {
    background: #64f4ac;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.developer_img {
    margin-right: -90px;
    margin-top: 60px;
    text-align: right
}

.developer_img .css-o7vmxb {
    position: absolute;
    z-index: 1
}

@media (max-width:1440px) {
    .developer_img {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .developer_img {
        margin-right: 0;
        text-align: center
    }
}

.developer_img .f_img_one {
    left: 160px;
    top: 150px;
    z-index: -1
}

@media (max-width:1440px) {
    .developer_img .f_img_one {
        left: 67px
    }
}

@media (max-width:600px) {
    .developer_img .f_img_one {
        left: 15px
    }
}

.developer_img .f_img_eight {
    left: -13px;
    top: 279px
}

@media (max-width:1440px) {
    .developer_img .f_img_eight {
        left: -23px
    }
}

@media (max-width:576px) {
    .developer_img .f_img_eight {
        display: block;
        left: -40px;
        top: 140px
    }
}

.developer_img .f_img_four {
    position: relative;
    right: 0;
    top: 0
}

@media (max-width:576px) {
    .developer_img .f_img_four {
        max-width: 100%
    }
}

.developer_img .f_img_five {
    left: 99px;
    top: 70px
}

@media (max-width:1440px) {
    .developer_img .f_img_five {
        left: 45px
    }
}

@media (max-width:576px) {
    .developer_img .f_img_five {
        left: 0
    }
}

.developer_img .f_img_six {
    left: auto;
    right: -109px;
    top: 0;
    z-index: -1
}

@media (max-width:1440px) {
    .developer_img .f_img_six {
        right: -25px
    }
}

.developer_img .f_img_seven {
    right: -200px;
    top: 180px;
    z-index: 0
}

@media (max-width:1440px) {
    .developer_img .f_img_seven {
        right: -73px
    }
}

@media (max-width:767px) {
    .developer_img .f_img_seven {
        display: block;
        right: 0
    }
}

.developer_img .f_img_two {
    left: 80px;
    top: 50px;
    z-index: -1
}

@media (max-width:576px) {
    .developer_img .f_img_two {
        display: none
    }
}

.developer_skill {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 13px 237px 0 rgba(0, 0, 0, .04);
    display: flex;
    flex-wrap: wrap;
    left: -150px;
    margin-top: 120px;
    padding: 20px 0;
    position: relative
}

@media (max-width:1440px) {
    .developer_skill {
        left: -30px
    }
}

@media (max-width:1199px) {
    .developer_skill {
        left: 0;
        margin-top: 70px
    }
}

@media (max-width:991px) {
    .developer_skill {
        margin-bottom: 40px
    }
}

.developer_skill .item {
    color: #545454;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 38px;
    text-transform: uppercase
}

@media (max-width:1199px) {
    .developer_skill .item {
        width: 100%
    }
}

@media (max-width:991px) {
    .developer_skill .item {
        padding: 0 24px;
        width: 100%
    }
}

@media (max-width:767px) {
    .developer_skill .item {
        width: 50%
    }
}

@media (max-width:600px) {
    .developer_skill .item {
        width: 100%
    }
}

.developer_skill .item p {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.developer_skill .item span {
    color: #051441;
    font-size: 56px;
    margin-right: 15px
}

.dev_about_area {
    padding: 120px 0
}

.dev_skill_item .item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 50px 150px 0 rgba(4, 73, 89, .05);
    cursor: pointer;
    font-family: "Raleway", sans-serif;
    padding: 30px 60px;
    position: relative;
    transition: all .2s
}

@media (max-width:1199px) {
    .dev_skill_item .item {
        padding: 30px 60px 30px 30px
    }
}

.dev_skill_item .item h3 {
    color: #051441;
    font-family: "Raleway", sans-serif;
    font-size: 28px;
    font-weight: 600;
    transition: color .2s linear
}

.dev_skill_item .item p {
    color: #545454;
    font-size: 18px
}

.dev_skill_item .item .icon {
    color: #64f4ac;
    font-size: 30px;
    position: absolute;
    right: 40px;
    top: 40px
}

.dev_skill_item .item a {
    color: #051441;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 15px;
    position: relative;
    text-transform: uppercase
}

.dev_skill_item .item a:before {
    background: #051441;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .2s linear;
    width: 0
}

.dev_skill_item .item a:hover:before {
    width: 100%
}

.dev_skill_item .item+.item {
    margin-top: 10px
}

.dev_skill_item .item:hover {
    box-shadow: 0 4px 60px 0 rgba(4, 73, 89, .05), 0 12px 100px 0 rgba(4, 73, 89, .06)
}

.dev_skill_item .item:hover h3 {
    color: #64f4ac
}

.dev_about_content {
    padding-left: 100px
}

@media (max-width:1199px) {
    .dev_about_content {
        padding-left: 30px
    }
}

@media (max-width:991px) {
    .dev_about_content {
        margin-bottom: 30px;
        padding-left: 0
    }
}

.dev_about_content h2,
.dev_about_content h5,
.dev_about_content h6,
.dev_about_content p {
    font-family: Poppins, sans-serif
}

.dev_about_content h6 {
    color: #545454;
    font-size: 18px;
    margin-bottom: 20px
}

.dev_about_content h2 {
    color: #051441;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
    white-space: pre-line
}

.dev_about_content h5 {
    color: #051441;
    font-size: 22px;
    font-style: italic;
    line-height: 1.6;
    margin-bottom: 20px
}

.dev_about_content p {
    color: #545454;
    line-height: 32px
}

.dev_clients_logo_area {
    padding-top: 50px
}

@media (max-width:991px) {
    .dev_clients_logo_area {
        padding-top: 0
    }
}

.dev_clients_logo_area .clients_intrigration {
    flex-wrap: wrap
}

@media (max-width:991px) {
    .dev_clients_logo_area .clients_intrigration {
        height: auto;
        width: 100%
    }
}

.dev_clients_logo_area .clients_intrigration .c_items {
    bottom: auto !important;
    box-shadow: none;
    height: 85px;
    left: 0 !important;
    margin: 5px 5px 20px !important;
    position: relative;
    right: 0 !important;
    top: auto !important;
    width: 19%
}

@media (max-width:576px) {
    .dev_clients_logo_area .clients_intrigration .c_items {
        margin-bottom: 10px;
        width: 29%
    }
}

.dev_tittle h2,
.dev_tittle p {
    font-family: Poppins, sans-serif
}

.dev_tittle h2 {
    color: #051441;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0
}

.dev_tittle p {
    color: #545454;
    font-size: 16px
}

.dev_btn {
    color: #64f4ac;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase
}

.dev_btn:before {
    background: #64f4ac;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .4s linear;
    width: 100%
}

.dev_btn:hover {
    color: #64f4ac
}

.dev_btn:hover:before {
    left: auto;
    right: 0;
    width: 0
}

.dev_work_area {
    padding: 140px 0 120px
}

@media (min-width:1440px) {
    .dev_work_area .custome_container {
        max-width: 1440px
    }
}

.dev_work_area .dev_tittle {
    margin-bottom: 80px;
    padding-left: 150px
}

@media (max-width:1199px) {
    .dev_work_area .dev_tittle {
        padding-left: 0
    }
}

.dev_work_area .row {
    margin-bottom: -80px;
    margin-left: -40px;
    margin-right: -40px
}

@media (max-width:1199px) {
    .dev_work_area .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width:991px) {
    .dev_work_area .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

.dev_work_area .row .grid-item {
    margin-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:1199px) {
    .dev_work_area .row .grid-item {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width:991px) {
    .dev_work_area .row .grid-item {
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px
    }
}

.dev_work_area .work_item {
    border: 0;
    border-radius: 10px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.dev_work_area .work_item:before {
    background-image: linear-gradient(-10deg, transparent, rgba(0, 0, 0, .4));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.dev_work_area .work_item img {
    max-width: 100%;
    position: relative;
    transition: all .3s linear;
    z-index: 0
}

.dev_work_area .work_item .content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 40px;
    position: absolute;
    top: 0;
    width: 100%
}

.dev_work_area .work_item .content h3 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 32px;
    margin-bottom: 0
}

.dev_work_area .work_item .content .category a {
    background: #fff;
    border-radius: 3px;
    color: #545454;
    font-size: 14px;
    font-weight: 600;
    margin: 0 3px;
    padding: 5px 8px
}

.dev_work_area .work_item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.dev_work_area .dev_btn {
    float: right;
    margin-right: 150px;
    margin-top: 120px
}

@media (max-width:767px) {
    .dev_work_area .dev_btn {
        float: left;
        margin-right: 0;
        margin-top: 50px
    }
}

.mb_70 {
    margin-bottom: 70px
}

.testimonial_area_three {
    background: #f8f8f8 !important;
    position: relative
}

.testimonial_area_three .shape {
    position: absolute;
    z-index: -1
}

.testimonial_area_three .shape.one {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonial_area_three .shape.two {
    top: -20px
}

.testimonial_area_three:before {
    display: none
}

.testimonial_area_three .testimonial_slider {
    padding-left: 0 !important
}

@media (max-width:767px) {
    .testimonial_area_three .testimonial_slider {
        padding-right: 0 !important
    }
}

.testimonial_area_three .testimonial_slider .slick-list {
    padding-top: 50px
}

.testimonial_area_three .testimonial_slider .item {
    background: rgba(229, 239, 253, .5);
    border-radius: 10px;
    color: #545454 !important;
    font-family: "Raleway", sans-serif;
    padding: 20px 120px 50px 50px;
    position: relative;
    text-align: left
}

@media (max-width:576px) {
    .testimonial_area_three .testimonial_slider .item {
        padding: 20px 10px 50px 20px
    }
}

.testimonial_area_three .testimonial_slider .item:before {
    color: #fff;
    content: "\7b";
    font-family: eleganticons;
    font-size: 150px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 40px
}

.testimonial_area_three .testimonial_slider .item .author_img {
    border: 0;
    margin-top: -80px
}

.testimonial_area_three .testimonial_slider .item h6 {
    color: #051441 !important;
    font-family: Poppins, sans-serif !important;
    line-height: 1;
    margin-bottom: 0 !important;
    text-transform: capitalize
}

.testimonial_area_three .slick-dots {
    bottom: 0;
    margin-top: 20px
}

.testimonial_area_three .slick-dots li button {
    background: #e5effd !important
}

.testimonial_area_three .slick-dots li.slick-active button {
    background: #64f4ac !important
}

.sec_pad {
    padding: 120px 0;
    position: relative;
    z-index: 1
}

.exprience_area .shape {
    position: absolute;
    z-index: -1
}

.exprience_area .shape.one {
    left: 50%;
    top: 130px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.exprience_area .shape.two {
    right: -5px;
    top: 0
}

.exprience_area .shape.three {
    left: 40px;
    top: 50px
}

.exprience_area .shape.four {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.exprience_inner {
    margin-bottom: -30px
}

.exprience_inner .exprience_item {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 50px 150px 0 rgba(4, 73, 89, .05);
    cursor: pointer;
    font-family: "Raleway", sans-serif;
    margin-bottom: 30px;
    padding: 20px;
    transition: all .3s linear
}

@media (max-width:576px) {
    .exprience_inner .exprience_item {
        display: block
    }
}

.exprience_inner .exprience_item .media-left {
    margin-right: 20px
}

.exprience_inner .exprience_item .media-left img {
    transition: all .3s linear
}

.exprience_inner .exprience_item h4 {
    color: #051441;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    transition: color .2s linear
}

.exprience_inner .exprience_item span {
    color: #545454;
    font-size: 14px;
    line-height: 1;
    opacity: .6
}

.exprience_inner .exprience_item p {
    color: #545454;
    margin-bottom: 0;
    margin-top: 8px
}

.exprience_inner .exprience_item:hover {
    box-shadow: 0 40px 60px 0 rgba(4, 73, 89, .03), 0 12px 100px 0 rgba(4, 73, 89, .05)
}

.exprience_inner .exprience_item:hover h4 {
    color: #64f4ac
}

.exprience_inner .exprience_item:hover .media-left img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.bg_color_two {
    background: #f8f8f8
}

.awards_area .shape {
    position: absolute;
    top: 0;
    z-index: -1
}

.awards_area {
    overflow: hidden
}

.awards_area [class*=" col-"]:first-child .icon:before {
    background: #e0f7ef;
    border-radius: 62% 38% 61% 39%/46% 57% 43% 54%
}

.awards_area [class*=" col-"]:nth-child(2) .icon:before {
    background: rgba(6, 36, 249, .6);
    border-radius: 39% 81% 50% 59%/46% 57% 43% 54%
}

.awards_area [class*=" col-"]:nth-child(3) .icon:before {
    background: #dde9fa;
    border-radius: 19% 99% 32% 88%/52% 65% 100% 81%
}

.awards_item {
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-family: "Raleway", sans-serif;
    padding: 40px;
    transition: all .3s linear
}

@media (max-width:991px) {
    .awards_item {
        margin-bottom: 30px
    }
}

.awards_item .icon {
    align-items: center;
    display: flex;
    height: 125px;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    width: 135px;
    z-index: 1
}

.awards_item .icon:before {
    background: #e0f7ef;
    border-radius: 62% 38% 61% 39%/46% 57% 43% 54%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: all .2s ease;
    width: 100%;
    z-index: -1
}

.awards_item .icon img {
    transition: all .2s ease
}

.awards_item h4 {
    color: #051441;
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 32px;
    margin-bottom: 15px
}

.awards_item p {
    color: #545454
}

.awards_item .dev_btn {
    color: #64f4ac;
    font-size: 14px;
    line-height: 1.3
}

.awards_item .dev_btn:before {
    background: #64f4ac
}

.awards_item:hover {
    border-radius: 0 100px 0 0
}

.awards_item:hover .icon:before {
    border-radius: 30% 50% 50% 50%/60% 50% 20% 54% !important
}

.awards_item:hover .icon img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.d_blog_area_two .blog_post .blog_img .post_date {
    font-family: Poppins, sans-serif
}

.d_blog_area_two .blog_post .post_content {
    color: #545454;
    font-family: Poppins, sans-serif
}

.d_blog_area_two .blog_post .post_content h2 {
    color: #051441;
    font-family: Poppins, sans-serif
}

.d_blog_area_two .blog_post .post_content h2:hover {
    color: #64f4ac
}

.d_blog_area_two .blog_post .post_content .blog-meta span a {
    color: #545454
}

.d_blog_area_two .blog_post .post_content .read_btn {
    color: #64f4ac;
    font-family: Poppins, sans-serif
}

.d_blog_area_two .blog_post .post_content .read_btn:before {
    background: #64f4ac
}

.d_blog_area_two .blog_post .post_content .read_btn:hover {
    color: #64f4ac
}

.dContact .section_title_two h2,
.dContact .section_title_two h6 {
    font-weight: 600
}

.dContact .section_title_two h2,
.dContact .section_title_two h6,
.dContact .section_title_two p {
    font-family: Poppins, sans-serif
}

.dContact .section_title_two h6 {
    color: #64f4ac
}

.dContact .section_title_two h2 {
    color: #051441
}

.dContact .section_title_two p {
    color: #545454
}

.dContact .get_item .media-body h6,
.dContact .get_item .media-body p,
.dContact .input_form form .theme_btn.send_btn {
    font-family: Poppins, sans-serif
}

.dContact .get_item .media-body h6 {
    color: #545454;
    font-weight: 600
}

.dContact .get_item i:before {
    color: #64f4ac
}

.dContact .input_form form .theme_btn.send_btn {
    background: #64f4ac;
    border-color: #64f4ac
}

.dContact .input_form form .theme_btn.send_btn:before,
.d_footer_area.footer-area-two {
    background: #64f4ac
}

.d_footer_area.footer-area-two .footer-content h6,
.d_footer_area.footer-area-two .footer-content p {
    font-family: Poppins, sans-serif
}

.creative_banner_two {
    padding: 180px 0 150px
}

.creative_banner h5 {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 22px
}

.creative_banner h5 span {
    color: #e2ff6e
}

.creative_banner h2 {
    color: #fff;
    font-size: 120px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 80px;
    white-space: pre-line
}

.creative_banner h2,
.creative_btn {
    font-family: Titillium Web, sans-serif
}

.creative_btn {
    align-items: center;
    background: #e2ff6e;
    border-radius: 50%;
    color: #0c0c0c;
    display: flex;
    flex-direction: column-reverse;
    font-size: 30px;
    font-weight: 600;
    height: 208px;
    justify-content: center;
    text-align: center;
    transition: all .3s;
    width: 208px
}

.creative_btn img {
    display: block;
    margin-bottom: 14px;
    transition: all .3s
}

.creative_btn:hover {
    background: #fff;
    color: #0c0c0c
}

.creative_btn:hover img {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.about_content_two {
    padding-right: 50px
}

.about_content_two h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 84px;
    margin-bottom: 25px
}

.about_content_two h2,
.about_content_two p {
    color: #151515;
    font-family: Titillium Web, sans-serif
}

.about_content_two p {
    font-size: 18px;
    line-height: 28px;
    white-space: pre-line
}

.about_content_two .about_btn {
    border-color: #e2ff6e;
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px
}

.about_content_two .about_btn:before {
    background: #e2ff6e;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about_content_two .about_btn:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.about_content_two .about_btn:hover {
    border-color: #151515;
    color: #151515
}

.about_skill {
    align-items: center;
    background: #e2ff6e24;
    border-radius: 50%;
    display: flex;
    height: 628px;
    justify-content: center;
    padding: 0 80px;
    width: 628px
}

.about_skill .counter_item h3 {
    font-family: "Raleway", sans-serif;
    font-size: 80px;
    font-weight: 700
}

.about_skill .counter_item p {
    color: #616161;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

.service_area_two {
    padding-left: 80px;
    padding-right: 80px
}

.title_text_new {
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 55px;
    white-space: pre-line
}

.service_area_two .d-grid {
    grid-template-columns: repeat(4, 1fr)
}

.service_area_two .item {
    align-items: center;
    background: #fee;
    border-radius: 50%;
    display: flex;
    height: 478px;
    justify-content: center;
    margin-right: -40px;
    padding: 50px 40px;
    width: 478px
}

.service_area_two .item img {
    margin-bottom: 30px
}

.service_area_two .item h3 {
    color: #12141d;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px
}

.service_area_two .item p {
    color: #616161;
    font-size: 18px
}

.service_area_two .item:nth-child(2) {
    background: #ebf8f8
}

.service_area_two .item:nth-child(3) {
    background: #fbffeb
}

.service_area_two .item:nth-child(4) {
    background: #f3f5ff
}

.portfolio_area .col-md-6:nth-child(2) {
    margin-top: 120px
}

.new_portfolio_item {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.new_portfolio_item .portfolio_img img {
    max-width: 100%;
    transition: all .5s
}

.new_portfolio_item .portfolio_img {
    position: relative;
    z-index: 1
}

.new_portfolio_item .portfolio_img:before {
    background: #0c0c0c;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .5s;
    width: 100%;
    z-index: 1
}

.new_portfolio_item a {
    align-items: center;
    background: #e2ff6e;
    border-radius: 50%;
    color: #0c0c0c;
    display: flex;
    font-size: 38px;
    height: 80px;
    justify-content: center;
    transition: all .3s;
    width: 80px
}

.new_portfolio_item .portfolio_img a {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: all .5s;
    z-index: 2
}

.new_portfolio_item .portfolio_img a:hover {
    background: #fff
}

.portfolio_text {
    background: #fff;
    bottom: 0;
    left: 190px;
    padding: 30px;
    position: absolute;
    right: 0;
    z-index: 1
}

.portfolio_text h3 {
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 700
}

.portfolio_text p {
    color: #616161;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.portfolio_text a {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s
}

.new_portfolio_item:hover .portfolio_img img {
    -webkit-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg)
}

.new_portfolio_item:hover .portfolio_img:before {
    opacity: .6
}

.new_portfolio_item:hover .portfolio_img a {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.new_portfolio_item:hover .portfolio_text a {
    -webkit-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0)
}

.fancybox__container {
    z-index: 9999999
}

.p_new_area {
    padding: 130px 0;
    position: relative;
    z-index: 2
}

.p_new_area:before {
    background: url(../media/shap.d73c130d8e68dcf94b78.png) no-repeat scroll center 0/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.marquee_left {
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 2
}

.marquee_left .slide {
    display: inline-block;
    padding: 1rem 2rem;
    width: auto
}

.marquee_left .slide h3 {
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 0
}

.yellow {
    background: #e2ff6e
}

.black {
    background: #0c0c0c;
    direction: rtl;
    margin-top: 0;
    position: relative;
    z-index: 2
}

.rotate {
    margin-left: -10px;
    margin-top: -77px;
    -webkit-transform: rotate(-4.4deg);
    transform: rotate(-4.4deg);
    width: 106%;
    z-index: 3
}

.black.marquee_left .slide h3 {
    color: #fff
}

.process_item .text {
    align-items: center;
    background: #e2ff6e;
    border-radius: 50%;
    display: flex;
    height: 352px;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 352px;
    z-index: 1
}

.process_item .text:before {
    background: #0c0c0c;
    content: "";
    height: 119px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 170px;
    z-index: -1
}

.process_item img {
    margin-bottom: 20px
}

.process_item h3 {
    color: #0c0c0c;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 16px
}

.process_item h3,
.process_item p {
    font-family: Titillium Web, sans-serif
}

.process_item p {
    color: #60677e;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.round {
    background: #fff;
    border-radius: 50%;
    height: 300px;
    padding: 40px 20px;
    width: 300px
}

.process_area .col-lg-4 {
    counter-increment: css-counter 1
}

.process_item {
    display: inline-block;
    padding-bottom: 80px;
    position: relative
}

.process_item span {
    align-items: flex-end;
    background: #0c0c0c;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    bottom: 0;
    display: inline-flex;
    height: 140px;
    justify-content: center;
    left: 50%;
    padding-top: 20px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 170px
}

.process_area {
    padding: 120px 0
}

.process_item span:before {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg, #fff -81.88%, #0c0c0c 87.69%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #fff;
    content: counter(css-counter);
    font-family: "Raleway", sans-serif;
    font-size: 80px;
    font-weight: 700;
    line-height: 80px;
    text-align: center
}

.testimonial_area_four {
    background: #e2ff6e;
    padding: 120px 0;
    position: relative;
    z-index: 2
}

.testimonial_area_four .item {
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    max-width: 952px;
    padding: 40px 30px
}

.testimonial_area_four .slick-slide div {
    text-align: center
}

.testimonial_area_four .slick-slide .item .author_img {
    border-radius: 50%;
    height: 82px;
    margin-right: 15px;
    overflow: hidden;
    width: 82px
}
.author_img{
    border-radius: 50%;
    height: 100px;
    margin-right: 15px;
    overflow: hidden;
    width: 100px
}

.testimonial_area_four .slick-slide .item .author_img img {
    border-radius: 50%;
    max-width: 100%;
    object-fit: cover
}

.testimonial_area_four .slick-slide .item .content {
    flex: 1 1;
    text-align: left
}

.testimonial_area_four .slick-slide .item .author .author_name {
    text-align: left
}

.testimonial_area_four .slick-slide .item .author {
    align-items: center;
    padding-right: 40px
}

.testimonial_area_four .slick-slide .item .author .author_name h6 {
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0
}

.testimonial_area_four .slick-slide .item .author .author_name span {
    color: #444;
    font-size: 18px;
    line-height: 28px
}

.testimonial_area_four .slick-slide .item .content {
    border-left: 1px solid #eee;
    padding-bottom: 10px;
    padding-left: 80px;
    padding-top: 10px
}

.testimonial_area_four .slick-slide .item .content p {
    color: #444;
    font-family: "Raleway", sans-serif;
    font-size: 18px
}

.testimonial_area_four .slick-slide .item .content .ratting {
    margin-top: 30px;
    text-align: left
}

.testimonial_area_four .slick-slide .item .content .ratting i {
    color: #ffc107;
    font-size: 25px;
    margin-right: 10px
}

.testimonial_area_four .slick-dots {
    bottom: 0;
    margin-top: 12px;
    position: relative
}

.testimonial_area_four .slick-dots li {
    margin: 0 12px
}

.testimonial_area_four .slick-dots li button {
    background: #444;
    border-radius: 25px;
    height: 4px;
    opacity: .5;
    padding: 0;
    text-indent: -999999;
    width: 36px
}

.testimonial_area_four .slick-dots li button:before {
    display: none
}

.testimonial_area_four .slick-dots li.slick-active button {
    opacity: 1
}

.blog_area_three {
    background: #fff;
    padding: 120px 0
}

.blog_area_three .blog_post .blog_img .post_date {
    background: #e2ff6e;
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 0
}

.blog_area_three .blog_post .post_content {
    background: transparent;
    border: 0;
    box-shadow: none !important
}

.blog_area_three .blog_post:hover {
    box-shadow: none
}

.blog_area_three .blog_post .post_content .blog-meta span {
    color: #444;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 500
}

.blog_area_three .blog_post .post_content h2 {
    color: #0c0c0c;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 700
}

.blog_area_three .blog_post .post_content p {
    color: #444;
    font-size: 18px;
    line-height: 28px
}

.blog_area_three .blog_post .post_content .read_btn {
    color: #18171c;
    font-family: "Raleway", sans-serif;
    font-size: 18px
}

.blog_area_three .blog_post .post_content .read_btn:hover,
.blog_area_three .blog_post .post_content h2:hover {
    color: #e2ff6e
}

.text_footer_area {
    background: #060d1f;
    padding: 70px 0;
    position: relative;
    text-align: center;
    z-index: 2
}

.text_footer_area:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAECCAYAAAAfCsovAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwMzE0RTM5QTQ4OTExRUVBMUQwRDY4QjE1MDQzRUIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwMzE0RTNBQTQ4OTExRUVBMUQwRDY4QjE1MDQzRUIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDAzMTRFMzdBNDg5MTFFRUExRDBENjhCMTUwNDNFQjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDAzMTRFMzhBNDg5MTFFRUExRDBENjhCMTUwNDNFQjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4cH+QfAAAgkUlEQVR42uzdC3ObsLYGUClOz/3/P/ecJuZatmioC37ykMRaM0zaxomNALnD570Vu64LexdjnPzeaXw+Tl/S9pkemrc/387bMX8Ng68Mhjh/PdwYw680jqdjcTRc8BjzNwAAAMBtt+79AuXqui5dvP8Jlzzh4/rbefsdLrmCG6VlH0c28GkI7v4H4dhdUpY+CB6erHFk8hFgXg3h1ZiFkYk6jdm3SRoAAAAAAPYth4ZpO9x6WBD+wiQB8APyBPK/POmksPdX+PcTJ70PI/aQ7zxB/zZBAwAAAAAAWQp+b2Utqajsf7KF8vXHSCXw+gTAT56oJ2li+R1+qoHHqoD5WzeYlIctszsTNAAAAAAAkOSgsF9Ocky/nKRsoSKC4PUJgF87Sb9zENyHwGkyGrZ+dgL/uxbyn+D3NIZfhgcAAAAAAOgNWj9PFd0NC8yoUC60lKGtQAD8xkkaLm2Mk6+JCWrPfAIHAAAAAAB4VAp9U251K1/5lj3AfQLgmeWJZ/efYDABAwAAAAAAj+i6LoW//TaWr6SCPIVnDbg+hiqClyEAXukEBgAAAAAA4G85AJwKf/us5Tto/dwkbaGXIQAGAAAAAABgKyn8u9X6+bz2b4zxaKjgMQJgAAAAAAAAVpcrP4fbtRT6qv5tnLbQ8xMAAwAAAAAAsIVb6/52eVP5uzPDQFgY/BoBMAAAAAAAAFvoA+AxWj/DiwTAAAAAAAAAbOFW9e9XUP27e9ftoc8nh6rguwTAAAAAAAAArGqw/u9UBfC3UWLMWCh8dV7tngAYAAAAAACA1QzC38mw7lbIB9wmAAYAAAAAAGBN9yp/hb+8dmL54MDZhyEAAAAAAABgRbeqf1OAZ+1feIMAGAAAAAAAgFKo4IQ3CYABAAAAAABYU8qnDmG8CrgLQmB4+wIDAAAAAAAAoAECYAAAAAAAAIBGCIABAAAAAAAAGiEABgAAAAAAAGiEABgAAAAAAACgEQJgAAAAAAAAgEZ8GoL6dV0XjcJrYoydUQAAAAAAgFWle/PH0xbzNhTz94EXCYBrnh0FvwAAAAAAQJ2mQt6xUBh4ggC41lnxEv6WOAF2FY7j3+8sqoIBAAAAAGBJ6T78VMYhAIY3CYBrmg3LDX2vJ+Z+8q55nAXBAAAAAACwjOON732ES9bw2zDBawTAlagk/B2qvkf/sDpYGAwAAAAAAPNI99xPpkLg8715xVrwug9DUM986DUDAAAAAAAtyMFuv42RYcGLXDyFS59wOW01HychMAAAAAAAMOYYpttBH4IcC17iwilYhW2fp1S/HzmIF2YDAAAAAMB8Uvg7VgGc7sefA2D35uF5AuBCmdAAAAAAAIDGTQXASV9cpkALniQALlu0P2XxJgMAAAAAAPOIMaYA+PvGQ1KO9Wmk4DkC4AI11Pp5dD4P1gUGAAAAAAAuUgXwVxhfC1graHiBALhM0T4W/E7kTQYAAAAAAGYRY0wBcN8K+roddF9Udg6BjRY8xsVSkBQs7ixcFAIDAAAAAACpDfTxxve1goYnCIDLE+0vAAAAAACwF7kKOIXAv8O/VcBJyrNSG+jDaZNtwR0uksLmOPtdD1XAAAAAAAAwm1utoHtaQcMDXCQlzGj7a/08pu/jX92xcwYDAAAAAMB7UhXwaUsBcL/985CQA2D35uE2AXBBc1uoNARdYBwAAAAAAIB9+srbmJQhnNcDFgLDNAHwxvIEdR38CoErGgNvMgAAAAAAMI9BFfB3uF0JrLsqTBAAFzzHGYJ6eJMBAAAAAIBZ9esBX+urgHVVhQkC4DKOwdQEpRK4IkJgAAAAAAB4X1oPOFzaQB9vPOwzb8DIxcEGnggL+8d1e53nd77/AAAAAACwOykEPkkBcAqCP8K/RY3nv/d5Sw6NgaACeNO5K6jwbY4qYAAAAAAAmE0Kdb8Hfx7qc5ZbnVZhlwTAW8xWl5Dw2QBYO+hKxkAIDAAAAAAA74sxHk9bCoBvVff+Cjrewl8EwCsbhL8vzXVBECxcBQAAAACAffkdLq2gx5yrgLuuOyjQggsBcJ2EwAAAAAAAwF6kCuBj/qoVNNwhAF5zdnqt9fMUIXDhx9onjQAAAAAA4H0xxmEAPCW1gf5wbx4EwFuM95wTjxC4giDYaQ8AAAAAAO/JIfB/w6Ud9D/fDj9VwJ/uzbN3AuAVLFwNahIDAAAAAACal0PgW9XAhyD7AhfBWnNSWDaoLb4StvLxfYtPGgEAAAAAwGxS+Ps98b10Pz6FwJZpZNcEwAubed3fe7SELvs8AAAAAAAA3pCrgL/C7fWAf4XLmsCwSwLgBQ3C31Xnvr3P/cYAAAAAAADalUPgVAX8NfGQlH+lKuAPBVrskQC40bnPEAAAAAAAAA37zlu/LvBQykk+8iYzYXcEwAtZufXzGJXABZ4TPmkEAAAAAADvizEeT9tUAHx+SLi0gZaFsTtO+gUUEP4OJ7c9B47aQQMAAAAAQNtSG+jjyL/3GUFqA31QoMWeCICXIXgs73gAAAAAAADtSeHvrVbQaTsYJvZEADyztKB4gS9LIF3Q/vuUEQAAAAAAzCO1gg6X4Lf/ei2Fv6kVtGUa2Q0B8AJzTSg3bBUCF8J6wAAAAAAAMI8cAv8O4wFw7xBUArMTAuAdzoP2HwAAAAAAaMlVJfCYlInJCNgFAfBMckVnLeMpBAYAAAAAAFrzHX7WA752bgWtOyd7IACeQZ4saltnd+/rAhex/1pBAwAAAADAPGKMKfz9CtOtoNP9+P/ruu7TaNEyAfCbKg1/AQAAAAAAmhNj7NtAf089JG2Ks2iZAHim+aTy164SGAAAAAAAaEUKf/s1ga+rgVMmkPKxgxCYVgmA3zCo/m2BdYG3P5cAAAAAAIA35VbQU2sBJykf+xVkIzRKAPzmHNLY5KAa2GQPAAAAAAAtSOFvWg/4OPK9Pg/46LpOVkZznNTvERYy3zuRKmAAAAAAAJjFYC3gsTbQvXMraKNFawTAL0hBXf5ESAxtVo1qB73RGAiBAQAAAABgHjHGFADfagf9mTb35mmNAPj1cbueDLSDbvC9YYsnzR8w8GYDAAAAAADvSyFwagXd3XhMCoFVAtMMAfDrov20/wAAAAAAQLlSK+hcCdy3hP7nIeGSl8nMaIaT+Qm5MvMQboeCLQaGQmAAAAAAAKBmqQ30ceJ7Kfv5yMt/QvWcyA/KLXkfbYtsXeD2rH5MtYEGAAAAAIDZDNcCHmsHnTKzX+7N0wIB8ONeCQCFwAAAAAAAABtLraDDpQK4D4HHnFtBC4GpnQD4iblh5Z9rbRzsPwAAAAAAsJkcAk+1gh52gpWfUTUn8B153d9n2j+HiUmjqTky7DsIXW3/B+cfAAAAAADwphhjHwCnbawS+Ndp+4+RomYC4AfmgpnGqdV1gQXBKxAEAwAAAADAbFL4+xXGA+Dzvf+u6w6nTY5GlZy4980d8gnxAAAAAAAANhJj7NcCTqbWAz4EORqVcuJOyBWXaXyWCGytC2z/AQAAAACAjeT1gFMV8PfEQz5P20F3TmokAB4xw5q/D80toa3gUDvoFfZfK2gAAAAAAJjNsBJ4TLofLwSmOgLg2xe1C5pXzhsAAAAAAKBwuRX0cPvnIUEraCrkhN1+XFpsB60lNAAAAAAAULxBK+ibAXDXdQejRS0EwAOD9rprh5gthqZC4AXHQLsJAAAAAACYTWoDnQLgbuL7KU/7NEzUQgD8L8GasQQAAAAAAHYiVwGnbSoETnlaHBQSQtEEwFfXeNg2tFQJ3OY5BQAAAAAAlC2Fv6kV9FgAnO71p0zNesBUwUmabdT6eYp1ge3/Q+esTxoBAAAAAMD7chXwcbCNSW2gD+7NUzoBcMFzjSEAAAAAAABYRw6B03rAX1MPCZds7UMITMkEwIXPNfanuf33hgAAAAAAAOVK1b/fE9/r7/PL1yiaEzQU1/55ajJphRDU/gMAAAAAQJFSFXCuBE5VwGNBcLrH/ytoBU3BBMAVzTkN7o91gQEAAAAAgBKlAPh44/spY/sUAlMiAXBdTCIAAAAAAAALizGm8LcbbNc+gpyNQjkxK5xz7E9z+y/YBwAAAACA8qQW0L/DdAB8CJdW0PI2iuKEDJd+7mH6ExxFvuRgXeDmTkNXIgAAAAAAlCPnRykEPobpdtCHvEExBMB/X8RsfBjsPwAAAAAAUIqcH90KgM9FbtYCpiQC4MrnHftk/wEAAAAAgEV9521MvxawVtAUw4n4t5raQPdabJ+895bQD+1/+tSRynUAAAAAAFjWVRXwWCVwytt+pa8qgSmBALih+ccQAAAAAAAAzO9qPeDRh4RL7qYdNJsTAP+tu3HhVjH/tDaf7v39xCUJAAAAAADF+ArTraCTlLt9Gia2JgAeGLTTrbEV9J/daO2wBO2g441zFQAAAAAAWMGgFfRXGC8oTPfzD0EraDYmAB6/eGsP10wqDZ6ahgAAAAAAALY1aAU9lif1RV2HvMEmBMDjhMBl7o+W0AAAAAAAwNZS9e+tHCnlbwJgNiMAHjGoAu7L92sN3loMTfcagp7PyXRuav8MAAAAAADbyffpUxvo32E8CE75W2oDfThtsjhW56S7cfGetj4AThdvzcFja0GwamAAAAAAAGAzOUNKraBvVQN/BlkcG3DS3TdsBy10ZKtzMKj8BQAAAACAcgw6yo7dv0+ZUl8JLF9iVQLg+47hpxV0f8FWOxe1NreG9kN54S8AAAAAAJQrtYL+nvheHwIfhMCsSQB8xyB4G5bw1xw8Whe43nMQAAAAAAAoS7qH/x1+2kFfSxlGagUdhcCsRQD8gDsl/BRymBp90wAAAAAAAAo1yJC+w51W0MFSo6xEAPy4qYu22jkpqASu5Y0DAAAAAAAoVL6XP1UB3DuESyUwLE4A/NzF241cvLUHqdYFLvucAwAAAAAACpfv6acM6SuMB8F/1gLWCpqlCYCf011tzcxLDm2R5xoAAAAAAFCPvhK4//NQX8B2CHIZFiYAfkL69MZpO4bpdtAqge3PXG8QAAAAAABARVKGdNqm1gLupTbQB6PFkgTArzmG6T7u1gW2P3O8SQiBAQAAAACgTr/zNiZlcx9d1x20gmYpAuDX3WoD7YItS6zsvAIAAAAAAOrVrwc8lSWd1wMO8iQWIgB+QW4FfW8t4JqraVurBA4V7M/5XBqcWwAAAAAAQIUGGdKtZUVTAPyhCpglCIDfc6sV9PAirnaOam3OreANAQAAAAAAqFy+55/aQH9PPSRccrpPo8XcBMDvX7y3qoCHF3G1uxmsC7zWuQQAAAAAADQixtgXEqYQeCwHSFXA1gJmdgLgeTwS3rl4C5t3Czp3hL8AAAAAANCmW91k+yrgKARmTgLgN+XKzake7mMXcrW72uLhcwYDAAAAAABLyTnSV7idI6U20AejxVwEwPNdvI+sB3x+eKg3eGytHXQR+6T9MwAAAAAAtGsQAv+eeEjfCvpDJTBzEADP59H1gJuYqxzuec4Z4S8AAAAAAOxCX0g4lgv0xWpyO2bhRJpJCvLyYt4hPN4OWkvo/e6P4BcAAAAAAHYiZUin7Tv/dSoETq2gZXe8zUk0v0fXAx5e0NXOV6GtIHjV/VH9CwAAAAAAu5PaQH+P/PufKuCu6w5aQfOOT0Mwu27w9dGLMwYVoXs8RwAAAAAAgH257iY7zJL6NtBx8Dh4mgrgmeWqzu7q4n3oR2ve7dYO49L7pPoXAAAAAAD2Jy8nOsySrh3CpYBTBTAvEwAvc/Gmi/Y7PF/pWXNL5dbaQYel9kf4CwAAAAAA+5XXAv5vGG8F3fvsuk4nX17ixFnu4u2S8FwraAo8lGG+ls1VBb9zri8g9AYAAAAAgB+DHCmFwIeRh6QiTvfWeYkAeFnpwjxOXLg3r/vBz1c3Z1X82pfcp66WEHQQ/MYZf+cqb5amHAAAAAAAKtK3g54KgNP99XPHWffAeYYW0Au6Wg/4pV9R8+63eEhf/LlqJuXTG0m/uHys7XyYs2IZAAAAAACWlltB32oDne57/wryPJ7khFn+4u2rgI+v/opgXeDS9unV86BYKTxdIUBd/HxYaT8AAAAAAGAWOT/4CuNBcLrfnbK8j1zABQ9xsqyjL+FXnt/IfPzEY7uK9qmZ4FQIDAAAAABARfpK4LEsaRgCu/fNQwTAK7hqBf1qIFh7O+jdVgLXUP3b4vngjRAAAAAAgBrkVtB9MeGYlOd9GikeJQBe7+Lt7ly8D/2aYF3g0vYnPnDci5VD0uh8AAAAAACATfWtoMdyhf5evlbQPMRJsv7FG8L7bYGFwHUcay2/nQ8AAAAAAHDXVSHhVAh8yBvcJABe/+KdKxQUAtuftxTUIjkuuY9aQQMAAAAAUIMYYwqAb7WDTm2gP9335h4B8PrmaAX9Zy6oeR4LbQXBf+1PCvtLb/8cfhaOj62fD94MAQAAAACoRAqAf4fpHCnd7/6lFTS3ODlWloPBWyX8T/9Ko1qc4ls/b7z2LwAAAAAAMOIqRzpOPSxc1gN2n59RAuDtaAdd/2sfPa6lV/7mTwXFQo+DNysAAAAAAPhpBT2mXwv4IARmTFof0yDEba6NfFF+zv1rKz4Utb/2GsLfvu1zDcehW+h6b2bSM38DAAAA3LbVvV+AOeSCrv+E28sopnbRx9N8923E6KkA3vY/H3OuB9zEkNQ6Bw+OZ8lvFI+2ffa/YgAAAAAA2F7KHW5VAid9JbCW0PwhAN7enOsBJ7Wv7Vrja5/z+C09trGi42CdYgAAAAAAdisXnn2F28WEKevrW0ILgbmcO1qIbt8GJJfwj63L+vavrvzQ1PL6jxVV/8ZKj0O3wHVf/eRn/gYAAAC4TQtooAWD5R37dtCTDw2XiuEUGnctLYnIc1QAF3LthmVaQasGXv64dY2Hv6UcB9XAAAAAAADs0mBJ0RTs3lvrN1UCf562X13XHXIRIjvzaQjKuHAHlXzpD4KuwfCEsiuBW2v9XPpxiMGa2QAAAAAA7EzOklL42+dIY/f++78f8tfz/fScQXX97zGaOzhftBAtpw1I+iRGWLbSseaD3RX6moquAB58sic2dhy6ma79qidA8zcAAADAbVpAAy3qui4VePbr/t59eP76lf/8LQRunwrgsqTy/fjgBfvS/3dCvSFwvJqoNp1b+68VTJKx0eMwy7mc22P7xBMAAAAAADVJlcDH/DVlfbeKC6+rgj9zW9qxjUYIgAsyaAXdXV2Usz6Ni3gWFk8v4JJxLgMAAAAAsDc5n+gG64umbqB9wDuVLQ3XAhb+Nk4AXOBFmy/YJXuT1F4J3JVwnEoepNz6eQ/nkBAYAAAAAIBdGqwLfOz/KTzWZXbJ5UgpgAC4TEu3gg6hrJbKNb32Y+mD07c1bvw4zPo6tIIGAAAAAKBGg2rg3/0/hUu+NKwKZmcEwIVerLlq/xj+LsmnjIm0WDnI9MkdAAAAAADYkUF+McyY+oLD643GCYDL1vdd1w56+rWHoAXw2LisOTYlVQI7FwAAAAAA2LUY47mbadd1w46z6evSy0dSyjnwsz70ri+EYl/b6fj0F+UaL7Lmk6Fb4fd3JVcAD9b9jRse167286GmNtDmbwAAAIDbSr73C7CFwTKSw0yh70Zr0myECuDy/4PynS/GwwoXn3WBR+bC/ndWEAxOfVBgr9XAtZ7LAAAAAACwiD7ryNXBf/756iuVEwBXcjHmhu19i1sX4I3hCvOFfrUEv+HBiXnNFsnVtmNOH7ioqQoYAAAAAACedXUf3D3xxnwYgmouxO/Tl++VLsTaA+a5Xn/X98kvWQosc/vn0o5tLORciK+MqVkHAAAAAACokTWAQ13rQORgariFsGzQtqd1gbvh1xqqQPP58EpvfusCPz4/lLzus3cxAAAAgBusAQzAHmkBXd9/WM5r0l4Ff0vbVQhcS/vfqyrVZ/8nu8d20DFoYwEAAAAAADROAFypHFKeW0IPgkAfZ3tebev8Xvt447gLgQEAAAAAABojAG7AILwUbO3EVSvwt06fFc+dWMh5+tTrSGNd8QcEAAAAAACAnfkwBFAtFd8AAAAAAAD8RQAMdYqF/757zxUbHEMAAAAAAIDNCYCB3trBbNzhPgMAAAAAACxKAAx1WnJN2r2FwCW9DgAAAAAAgLcIgKFeQuA2XwcAAAAAAMDLBMBQoRhjt8bThPVC0WLXBV5prAEAAAAAAGYhAIZ6pWDyuMLzWBcYAAAAAACgEgJgqFSqTD1tKQDuwrLtoM9Pt+aulTTGzjQAAAAAAKAmAmCo31oh5S5DYAAAAAAAgJoIgKF+fQXwGqHpHtYFPo+n6l8AAAAAAKBGAmCoXA4q12gDvQfdYEwBAAAAAACqIwCGBgxC4PNf13jKNXdvg7EEAAAAAACo0qchgGYc89dD+AlNlwwz13iOLZ4LAAAAAACgWiqAoRGDytWWQ9Ilq4Gt+wsAAAAAAFRPAAzt2aIddO0toQW/AAAAAABAEwTA0JBUwXraUivo6xDYusAPjJ0zCAAAAAAAqJ01gClW13WzhXw7DPf6APgwHIawfKXrGs8x93MJfgEAAAAAgGYIgCnOIPiN8/3KbpXq1IKC5qnXIQQeGSfVvwAAAAAAQCsEwBQlB7Vzh7X97+tWev2bB4r986fk+2oM+j+vEQKvMubvPpfwFwAAAAAAaIk1gClCCk4XCn+H4gb7s7V+PeCxsdj7usCd8BcAAAAAAGiNAJiStBZIbj+gMfYBcL+1PubxibER/gIAAAAAAM0RAFOK2OhzlSAFnVOVwGuNh+MLAAAAAACwAgEwm9qwVfIqLZBLaAOdKl1zJfC98WhizB94rqlqaAAAAAAAgOoJgGFfbgWfu6mc1f4ZAAAAAABolQCYra1ZFVri86/pmLd749HSmP/zXMJfAAAAAACgZQJgNjFo/VxK+BpX2Ndtd/CnFfS9FshrHZfV1wV+oBU2AAAAAABA1QTAbClefS3l9bSupDVw4w73GQAAAAAAYDECYFY3qPwdhn8qgdfTVwE/MhatVAJ3Wj8DAAAAAAB7IABmVXfaPpfSErrpdYEHraCfCYKrHnPhLwAAAAAAsBcCYLYSDcHmnmmLHHewjwAAAAAAANUTALOaidbPY5quBC6kDXTIVcDnl/TEeNQ25t1gPwEAAAAAAJonAGbt8+2ZcK/5dYEL8Ggb6OFYRGMOAAAAAABQpk9DwNLerHjtf3brNr6zvo5+TLZemzY9/8lxsH/xifHoCh7zc+tna/8CAAAAAAB7owKYtajoLPXAXELSrqFjKvwFAAAAAAB2SwDMGuZoG1zSusAtOuatxPF45jmEvgAAAAAAwK5pAc1i3mz9PGWN1sOPvIYwx+soqRX05eV0/f49E7iv0ab7kec4ljCWAAAAAAAAWxIAs7QlKndLCIFLeh3z7VCMx67r+s4AXSiz+rabeO2CXwAAAAAAYPcEwCwiV7Yu2ba5qRA4jVcpAWYKgQfHsHiCXwAAAAAAgB8CYJayxpq9a7QefvR1NBdCClYBAAAAAADq82EImNug+ndP4kzjBgAAAAAAAC8TADOrFVo/jyklOBUCAwAAAAAAsCkBMHMbhr9rBsGlVB3vsfoZAAAAAACAQgiAmU0hrZ9jI+MIAAAAAAAATxMAM4ur8Pc6wNxjS+i39lkIDAAAAAAAwCsEwLxtEP5+hNuhp3WBnx9XAAAAAAAAeJgAmDk8U+1qXWAAAAAAAABYiACYObwScO6xGvhpqoABAAAAAAB4hgCYl6Vw8mrt32dZF/jBcXa2AQAAAAAA8AgBMO+Yo7WxdYEBAAAAAABgJgJg3jHX2rZCYAAAAAAAAJiBAJh3xcJ+T2nPVcPrAAAAAAAAoBECYEoyV0Vxac9Vw+sAAAAAAACgAQJg3tUZAgAAAAAAACiDAJh3LBX+7rUSGAAAAAAAAN4iAOZdS1YA721dYO2gAQAAAAAAeIsAmHd0YfkW0HsLgf95HTFGbbYBAAAAAAB4iACYl6VgMoeTSwfBuw2Bhb8AAAAAAAA8QwDMHI7565Lh6R7XBQYAAAAAAICnCIB526AKOAXBS4enu6kGVv0LAAAAAADAswTAzGWNVtC9PYTAwl8AAAAAAACeJgBmFoMq4D//tPRTrrl7Kw+n8BcAAAAAAICXfBoC5pJC4JO+DfRH+AlOlwo0l/79az9X14+jswkAAAAAAIBXqABmbmu2gm6O8BcAAAAAAIB3CICZVQowT9sx/7UPM2NYto3yHtYEBgAAAAAAgLsEwCwlhcDX1axLh8BrhbNLPFen+hcAAAAAAIB3CYBZylQr6KVD2iqrgYW/AAAAAAAAzEEAzCJyoDkVagqBAQAAAAAAYAECYBaTQ+DvMB4EWxf44lZQDgAAAAAAAE8RALOoQSXwceohSz59qGBdYO2fAQAAAAAAmIsAmDXcq3Lda0voTvgLAAAAAADAnATArOGRNsd7C4EFvwAAAAAAAMxOAMziUpVrrnRNbaDvVQK3tC5wvDcuzg4AAAAAAADmJABmTcdwPwReWixgHAS/AAAAAAAALEIAzGpyxWsffu6pEnhqLAAAAAAAAGBWAmC28GgV8NIh8FpB8F/PJfwFAAAAAABgKQJgVvVEFfCfH2lk15/ZZwAAAAAAAHiJAJjVXYXAD/3Iki8nLB8yd3m/j6p/AQAAAAAAWJIAmK2kIPT4xONrXxdY8AsAAAAAAMDiBMBsIlXCporYcAlGSwlHlwiBz/un8hcAAAAAAIA1CIDZWkntoNf4/QAAAAAAALAYATBb66uAn7FGO+i5fr/qXwAAAAAAAFYjAGZTORzt1wMuMQh+ldbPAAAAAAAArE4AzOYGIXBJ6wH/eXkv/lyJ+wIAAAAAAEDjBMAUIcb4SgXwnx9f+uW9sD+qfwEAAAAAAFjdpyGgFCkE7k7CT2vnZz6g0Ie0S4Wu935/t/DzAwAAAAAAwF0CYIqSqmZPUtjarwv8SnXvkiHsrd+t6hcAAAAAAIBNCYApTm4H/UcOhEt+vUJfAAAAAAAAihAvHXcBAAAAAAAAqN2HIQAAAAAAAABogwAYAAAAAAAAoBECYAAAAAAAAIBGCIABAAAAAAAAGiEABgAAAAAAAGiEABgAAAAAAACgEQJgAAAAAAAAgEYIgAEAAAAAAAAaIQAGAAAAAAAAaIQAGAAAAAAAAKAR/y/AALc2Q3PQ36KwAAAAAElFTkSuQmCC) no-repeat scroll center 0/cover;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.text_btn {
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    align-items: center;
    display: inline-flex;
    font-family: "Raleway", sans-serif;
    font-size: 160px;
    font-weight: 700
}

.text_btn span {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(50%, #fff), color-stop(50%, transparent));
    background-image: linear-gradient(270deg, #fff 0, #fff 50%, transparent 0);
    background-position: 0 0;
    background-size: 200%;
    color: inherit;
    display: inline-block;
    line-height: 1;
    transition: background-position .5s
}

.text_btn:hover span {
    background-position: -100% 0;
    color: #fff
}

.text_btn .creative_btn {
    margin-left: 25px
}

.footer-area-three {
    background: #060d1f;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1
}

.footer-area-three:before {
    background: url(../media/bottom.da195e5dffa629989f4b.png) no-repeat scroll bottom/cover;
    bottom: 0;
    content: "";
    height: 297px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.footer-area-three .footer_top {
    padding-bottom: 80px;
    padding-top: 80px
}

.footer-area-three .about_footer {
    padding-right: 150px
}

.footer-area-three .about_footer p {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    margin-top: 30px
}

.footer-area-three .about_footer ul li {
    display: inline-block;
    margin-right: 20px
}

.footer-area-three .about_footer ul li a {
    align-items: center;
    background: #616161;
    border-radius: 50%;
    color: #e2ff6e;
    cursor: pointer;
    display: flex;
    font-size: 22px;
    height: 46px;
    justify-content: center;
    text-align: center;
    transition: all .2s linear;
    width: 46px
}

.footer-area-three .about_footer ul li a:hover {
    background: #e2ff6e;
    color: #0c0c0c
}

.footer_bottom_three p {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0
}

.footer_bottom_three {
    border-top: 1px solid #60677e2b;
    padding: 20px 0
}

.footer_three_list li {
    margin-bottom: 6px
}

.footer_three_list li a {
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    padding-left: 20px;
    position: relative
}

.footer_three_list li a:before {
    background: #fff;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 5px
}

.footer_three_list li a:hover,
.red_color .new_menu.navbar .navbar-nav .nav-item .nav-link.active,
.red_color .new_menu.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #e2ff6e
}

.red_color .navbar_fixed .new_menu.navbar .login {
    background: #e2ff6e;
    border-color: #e2ff6e;
    color: #0c0c0c
}

.red_color .navbar_fixed .new_menu.navbar .login:before {
    background: #0c0c0c
}

.red_color .navbar_fixed .new_menu.navbar .login:hover {
    color: #fff
}

.creative_banner_two:before {
    background: #fff;
    bottom: -78px;
    content: "";
    height: 80px;
    position: absolute;
    right: -5px;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 100%
}

@media (max-width:1600px) {
    .service_area_two .item {
        height: 320px;
        padding: 40px 20px;
        width: 320px
    }

    .service_area_two .item p {
        font-size: 15px;
        line-height: 1.5
    }
}

@media (max-width:1400px) {
    .frelencer_banner_area {
        height: 700px
    }

    .home_bubble .bubble.b_two {
        top: 100px
    }

    .service_area_two .item img {
        margin-bottom: 20px;
        width: 60px
    }
}

@media (max-width:1199px) {
    .about_img {
        align-items: flex-end;
        display: flex;
        height: 100%
    }

    .about_img img {
        margin-left: 0;
        max-width: 100%
    }

    .blog_post .post_content .blog-meta span {
        font-size: 14px
    }

    .about_content {
        padding-right: 0
    }

    .promo_section .promo_box_one {
        padding: 0 15px
    }

    .promo_section .promo_skill {
        padding-left: 15px;
        padding-right: 15px
    }

    .banner_shap,
    .banner_shap_two {
        background-position: 72%
    }

    .frelencer_banner_area {
        height: 650px
    }

    .frelencer_content h4 span {
        font-size: 13px;
        letter-spacing: 4px
    }

    .frelencer_img {
        width: 450px
    }

    .f_img_four {
        right: 0
    }

    .frelencer_content h2 {
        line-height: 64px
    }

    .fact_img {
        margin-right: 0
    }

    .testimonial_slider_info {
        padding-left: 0
    }

    .error_text:after {
        background-size: contain;
        bottom: 20px
    }

    .service_area_two .d-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:991px) {
    .portfolio_text {
        left: 10px;
        padding: 18px 12px
    }

    .portfolio_text a {
        right: 10px
    }

    .title_text_new {
        font-size: 50px
    }

    .service_area_two {
        padding: 80px 0
    }

    .creative_banner h2 {
        font-size: 80px;
        line-height: 1.1
    }

    .about_img {
        text-align: center
    }

    .about_content .theme_btn+.theme_btn {
        margin-left: 6px
    }

    .contact-area .contact_info {
        padding-left: 0
    }

    .blog_post {
        margin-bottom: 50px
    }

    .blog_area .row {
        margin-bottom: -50px
    }

    .navbar {
        padding: 0 15px
    }

    .navbar .login {
        margin-left: auto;
        margin-right: 20px;
        margin-top: 0
    }

    .navbar-toggler span {
        background: #fff
    }

    .menu_two .navbar-toggler span {
        background: #0db3c7
    }

    .menu_two.navbar .login {
        display: none !important
    }

    .menu_two.navbar .navbar-nav .nav-item .nav-link:before,
    .navbar_fixed .menu_two .navbar-toggler span {
        background: #0db3c7
    }

    .dark_menu .navbar-toggler span,
    .navbar .navbar-nav .nav-item .nav-link:before,
    .navbar_fixed .navbar-toggler span {
        background: #040c2c
    }

    .red_color .navbar_fixed .navbar-toggler span {
        background: #ADA68A
    }

    .navbar .navbar-nav .nav-item {
        margin-left: 0
    }

    .navbar-nav {
        background: #fff;
        padding: 20px 20px 15px
    }

    .navbar .navbar-nav .nav-item .nav-link {
        color: #040c2c;
        display: inline-block
    }

    .about_area_two .about_item {
        margin-bottom: 30px
    }

    .about_area_two {
        padding-bottom: 90px
    }

    .promo_section .promo_box_one {
        padding: 80px 30px 100px
    }

    .promo_section .promo_video img {
        position: relative
    }

    .promo_section .promo_skill {
        padding: 90px 30px 80px
    }

    .team_item {
        margin-bottom: 40px
    }

    .team_area {
        padding-bottom: 60px
    }

    .banner_area_two .banner_content h2 {
        font-size: 58px
    }

    .navbar .navbar-nav .nav-item+.nav-item {
        margin-top: 5px
    }

    .frelencer_img {
        height: 504px;
        width: 532px
    }

    .frelencer_banner_area {
        height: auto;
        padding-top: 130px
    }

    .s_shap {
        display: none
    }

    .frelencer_img {
        margin-top: 30px
    }

    .service_img {
        padding-top: 40px;
        text-align: center
    }

    .testimonial_slider_info {
        margin-top: 50px
    }

    .frelencer_content {
        margin-right: 0
    }

    .clients_intrigration {
        height: 430px;
        margin-top: 60px;
        width: 450px
    }

    .get_info {
        margin-bottom: 50px
    }

    .blog_area_two .blog_post .post_content {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 20px;
        padding-right: 20px
    }

    .clients_logo_area_two .row {
        margin-bottom: -30px
    }

    .service_area_two .d-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .service_area_two {
        padding-left: 20px;
        padding-right: 20px
    }

    .service_area_two .d-grid {
        display: flex !important;
        flex-wrap: wrap
    }

    .text_btn {
        font-size: 80px
    }

    .footer-area-three .about_footer {
        padding-right: 0
    }
}

@media (max-width:767px) {
    .testimonial_area_four .slick-slide .item .content {
        padding-left: 20px
    }

    .project_count_area .row {
        margin-bottom: -30px
    }

    .project_count_area .counter_item {
        margin-bottom: 30px
    }

    .contact-area .contact_info {
        margin-bottom: 50px
    }

    .about_img img {
        margin-left: 0;
        max-width: 100%
    }

    .about_content {
        padding: 0 0 40px
    }

    .navbar-collapse {
        margin-left: -15px;
        margin-right: -15px
    }

    .navbar-right {
        display: none
    }

    .banner_content h5 {
        margin-bottom: 10px
    }

    .banner_content h4 {
        letter-spacing: 0;
        margin-bottom: 0
    }

    .banner_content {
        padding-top: 45px
    }

    .navbar-collapse {
        max-height: 275px;
        overflow-y: scroll
    }

    .banner_area_two .banner_content h2 {
        font-size: 53px
    }

    .navbar .logo_h img {
        max-width: 80%
    }

    .navbar .login {
        padding: 3px 27px
    }

    .navbar_fixed .navbar .navbar-toggler {
        height: 70px
    }

    .navbar-light .navbar-toggler {
        transition: all .3s ease-in-out
    }

    .footer-area-two .footer-content ul li {
        padding: 0 2px
    }

    .footer-content p {
        letter-spacing: 2px
    }
}

@media (max-width:667px) {
    .error_text:after {
        display: none
    }

    .error_text {
        margin-top: 0
    }

    .error_text h1 {
        line-height: 240px;
        padding-left: 0
    }

    .error_text img {
        top: -42px
    }

    .back_btn {
        margin-bottom: 40px
    }

    .text_btn .creative_btn {
        height: 110px;
        width: 110px
    }

    .text_btn .creative_btn img {
        margin-bottom: 0
    }

    .footer-area-three .footer_top {
        padding-bottom: 25px
    }

    .footer-area-three .about_footer {
        margin-bottom: 25px
    }

    .portfolio_area .col-md-6:nth-child(2) {
        margin-top: 0
    }

    .testimonial_area_four .slick-slide div.d-flex {
        display: block !important
    }

    .testimonial_area_four .slick-slide .item .content {
        border: 0;
        margin-top: 10px;
        padding-left: 0
    }

    .blog_area_three {
        padding-bottom: 40px;
        padding-top: 80px
    }

    .about_area_two {
        padding: 80px 0
    }
}

@media (max-width:576px) {
    .process_area .col-lg-4 {
        margin-bottom: 20px;
        text-align: center
    }

    .about_area_two .about_skill {
        border-radius: 0;
        height: auto;
        margin-top: 20px;
        padding-bottom: 20px;
        padding-top: 20px;
        width: auto
    }

    .portfolio_menu li {
        margin-bottom: 8px;
        margin-right: 0
    }

    .portfolio img {
        width: 100%
    }

    .testimonial_area .testimonial_slider {
        padding: 0
    }

    .title_p br {
        display: none
    }

    .title_h2 {
        font-size: 27px;
        line-height: 40px
    }

    .banner_content h2 {
        font-size: 38px
    }

    .about_content .theme_btn {
        display: block;
        margin-bottom: 8px;
        margin-left: 0
    }

    .about_content .theme_btn+.theme_btn {
        margin-left: 0
    }

    .portfolio_area,
    .work_area {
        padding: 80px 0 60px
    }

    .blog_area,
    .clients_logo_area,
    .contact-area,
    .project_count_area {
        padding: 90px 0
    }

    .frelencer_content h4 span {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 20px
    }

    .frelencer_content h2 {
        font-size: 31px;
        line-height: 45px
    }

    .service_img img {
        width: 390px
    }

    .s_item {
        border-left: 0
    }

    .s_item:nth-child(n+3) {
        border-top: 0
    }

    .f_img_eight,
    .f_img_nine,
    .f_img_seven {
        display: none
    }

    .f_img_two {
        left: 10px;
        top: 135px
    }

    .f_img_one {
        left: 0
    }

    .f_img_three {
        right: 205px
    }

    .f_img_five {
        left: 85px
    }

    .f_img_six {
        left: 192px
    }

    .section_title_two h2 {
        font-size: 30px
    }

    .blog_area_two .blog_post .post_content {
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 15px;
        padding-right: 15px
    }

    .clients_intrigration {
        width: 290px
    }

    .clients_intrigration .c_items:first-child,
    .clients_intrigration .c_items:nth-child(5) {
        left: 0
    }

    .clients_intrigration .c_items:nth-child(3),
    .clients_intrigration .c_items:nth-child(7) {
        right: 0
    }

    .footer-area-two .footer-content {
        text-align: center
    }

    .footer-area-two .text-right {
        padding-top: 15px;
        text-align: center !important
    }

    .error_text p br {
        display: none
    }

    .error_text h1 {
        font-size: 180px;
        line-height: 180px
    }

    .error_text:before {
        background-size: contain
    }

    .error_text img {
        top: 0
    }

    .get_item i:before {
        font-size: 35px;
        margin-left: 0
    }

    .get_item .media-body a,
    .get_item .media-body p {
        font-size: 25px
    }
}

@media (max-width:450px) {
    .navbar.navbar_fixed .login {
        display: none
    }

    .service_img img {
        width: 290px
    }

    .error_text h1 {
        font-size: 140px;
        line-height: 135px
    }

    .error_text img {
        top: 29px
    }
}