@import url("https://fonts.googleapis.com/css?family=Roboto:400,600,700|Roboto:400,400i&amp;display=swap");

/*
Template Name: Currencia - Dark Currency Exchanger HTML Template
Template URI: http: //brotherslab.thesoftking.com/html/currencia/
Author: brotherslab
Author URI: https: //themeforest.net/user/brotherslab
Description: Currencia - Dark Currency Exchanger HTML Template. Currencia is a Pixel-Perfect Powerful,
Mordern  Currency Exchanger HTML Template for all types of Currency Exchange Business.
Version: 1.0.0
Text Domain: 
*/
/*
Version: 1.0.0
Text Domain: 
*/
/*
///// CSS Index \\
01. Reset CSS Start
---------------------------
02. General CSS
---------------------------
03. Section Header CSS
---------------------------
04. Section Bg Change Effect CSS
---------------------------
05. About Section CSS
---------------------------
06. Overview-Section CSS
---------------------------
07. Sidebar CSS
---------------------------
08. Feature-Section CSS
---------------------------
09. How-Section CSS
---------------------------
10. Service Section CSS
---------------------------
11. Counter Section CSS
---------------------------
12. Client Section CSS
---------------------------
13. Sponsor Section CSS
---------------------------
14. Newslater Section CSS
---------------------------
15. Faq Section CSS
----Faq Section Two CSS
----Faq Section Three CSS
---------------------------
16. Nulla List CSS
---------------------------
17. Page Header CSS
---------------------------
18. Get Service CSS
---------------------------
19. Account Form CSS
---------------------------
20. Privacy  CSS
---------------------------
21. Contact Section CSS
---------------------------
22. Process Section CSS
---------------------------
23. Currency Rates CSS
---------------------------
24. Affiliate Programe CSS
---------------------------
25. Join Affiliate CSS
---------------------------
26. Error 404  CSS
---------------------------
27. Parallax Animation CSS
---------------------------
28. Blog Section CSS
---------------------------
29. Blog-Details CSS
---------------------------
30. inner ripple CSS
---------------------------
31. Team Section CSS
---------------------------

*/
/*! HTML5 Boilerplate v7.0.1 | MIT License | https://html5boilerplate.com/ */
/* main.css 1.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
       * Don't show links that are fragment identifiers,
       * or use the `javascript:` pseudo protocol
       */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
       * Printing Tables:
       * http://css-discuss.incutio.com/wiki/Printing_Tables
       */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #b3b4b4;
    line-height: 24px;
    overflow-x: hidden;
    font-family: "Roboto", sans-serif;
    background: #31383c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #ffffff;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #12cbc4;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
    margin-top: -9px;
}

h3 {
    font-size: 28px;
    margin-top: -6px;
}

h4 {
    font-size: 24px;
    margin-top: -6px;
}

h5 {
    font-size: 22px;
    margin-top: -5px;
}

h6 {
    font-size: 20px;
    margin-top: -5px;
}

p {
    margin-top: -10px;
}

p:last-child {
    margin-bottom: -9px !important;
}

@media (min-width: 576px) {
    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 60px;
        margin-top: -9px;
        line-height: 62px;
    }

    h3 {
        font-size: 36px;
        margin-top: -9px;
    }

    h4 {
        font-size: 30px;
        margin-top: -8px;
    }

    h5 {
        font-size: 24px;
        margin-top: -6px;
    }

    h6 {
        font-size: 22px;
        margin-top: -5px;
    }
}

a {
    display: inline-block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
    padding: 5px 0;
}

select,
input,
textarea,
button {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    outline: none;
}

textarea {
    height: 200px;
    resize: none;
    padding: 10px;
}

input,
button,
select {
    height: 50px;
    color: #b3b4b4;
}

label,
button,
select {
    cursor: pointer;
}

input {
    background: #f4f4f4;
    border: 1px solid transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
}

input:focus {
    border: 1px solid #f74a05;
}

input[type="submit"] {
    cursor: pointer;
    background-color: #0a3d62;
    color: #ffffff;
    font-weight: 700;
    padding: 0;
}

.bg_img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_fixed {
    background-attachment: fixed;
}

.category-list .category-item ul li a::after, .feature-item::after, .how-item::before, .client-item .client-content blockquote::after, .privacy-content .item .bullet-list li::before, .contact--item::before, .contact--item::after, .post-details.post-item .post-content .bullet-list li::before {
    position: absolute;
    content: '';
}

.custom-pagination, .footer-area, .social-icons, .header-wrapper .header-top-item .header-top-icon, .header-wrapper .header-top-right-item a, .header-bottom .header-bottom-area, .header-bottom .header-bottom-area .menu-area, .exchange-form, .exchange-form .form-group, .category-list .category-item > a, .blog-sidebar .widget.widget-post ul li a, .blog-sidebar .widget.widget-tags ul, .counter-wrapper, .counter-item .counter-header, .sponsor-item, .team-item .team-thumb .hover, .team-item .team-thumb .hover ul, .faq-wrapper-3,
.faq-wrapper-2, .faq-wrapper-3 .faq-item,
.faq-wrapper-2 .faq-item, .faq-wrapper-3 .faq-item .faq-number .thumb,
.faq-wrapper-2 .faq-item .faq-number .thumb, .account-form, .account-form .form-group.checkgroup, .terms-of-service-wrapper .item, .contact--item .contact-thumb, .process-tab .tab-menu, .process-tab .tab-menu li .thumb, .exchange-from-to-form, .confirmation-group, .affiliate-item, .affiliate-item .affiliate-thumb, .section-404, .post-item, .post-item .post-content .meta-post, .post-item .post-content .meta-post a, .post-details.post-item .post-content .bullet-list, .post-details.post-item .tags-area, .comment-area .comment-item, .comment-form, .custom-button:before {
    display: flex;
    flex-wrap: wrap;
}

.banner-overlay::before, .widget-banner::before, .bg-overlay::before, .faq-wrapper-3 .faq-item .faq-number .thumb::before,
.faq-wrapper-2 .faq-item .faq-number .thumb::before, .post-details.post-item .post-content blockquote::before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}

.padding-top {
    padding-top: 90px;
}

.padding-bottom {
    padding-bottom: 90px;
}

@media (min-width: 768px) {
    .padding-top {
        padding-top: 100px;
    }

    .padding-bottom {
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) {
    .padding-top {
        padding-top: 120px;
    }

    .padding-bottom {
        padding-bottom: 120px;
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #394247;
}

.preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 80px;
}

.preloader-inner img {
    max-width: 100%;
}

/*Section Header*/
.mb-30-none {
    margin-bottom: -30px !important;
}

.tab-item {
    display: none;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

.tab-item.active {
    display: block;
}

.tab-menu li {
    cursor: pointer;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb--20 {
    margin-bottom: -20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-50 {
    padding-bottom: 50px;
}

.c-thumb {
    overflow: hidden;
}

.c-thumb a {
    display: block;
}

.c-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

@media (min-width: 992px) {
    .mw-lg-100 {
        min-width: 100%;
    }
}

@media (min-width: 1200px) {
    .mw-xl-100 {
        min-width: 100%;
    }
}

.bg-title {
    background: #ffffff;
}

.bg-title * {
    color: #ffffff;
}

/*Section-Header Starts Here*/
.section-header {
    text-align: center;
    margin: 0 auto 50px;
}

.section-header .cate {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    margin-top: -5px;
    color: #2ecc71;
    margin-bottom: 15px;
}

.section-header .title {
    margin-bottom: 16px;
    text-transform: none;
}

.section-header .title span {
    color: #2ecc71;
}

.section-header p {
    max-width: 600px;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .section-header {
        margin-bottom: 60px;
    }

    .section-header .cate {
        margin-bottom: 20px;
    }

    .section-header .title {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .section-header {
        margin-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .section-header.left-style {
        text-align: left;
    }

    .section-header.left-style p {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .section-header.left-style {
        margin-bottom: 70px;
    }
}

.section-header.margin-olpo {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .section-header.margin-olpo {
        margin-bottom: 50px;
    }
}

.custom-pagination {
    margin: -8px;
    margin-top: 32px;
    justify-content: center;
}

@media (min-width: 576px) {
    .custom-pagination {
        margin-top: 62px;
    }
}

.custom-pagination li {
    padding: 8px;
}

.custom-pagination li a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #2ecc71;
    color: #ffffff;
}

.custom-pagination li a:hover {
    color: #2ecc71;
    border-color: #2ecc71;
}

.custom-pagination li a.active {
    color: #0c0026;
    border-color: #2ecc71;
    background: #2ecc71;
}

@media (max-width: 575px) {
    .custom-pagination li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

.section-bg {
    background: #394247;
}

.body-bg {
    background: #31383c;
}

.common-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -5px;
    margin-top: 15px;
    position: relative;
    z-index: 1;
    height: auto;
}

@media (min-width: 768px) {
    .common-pagination {
        margin-top: 25px;
    }
}

.common-pagination span {
    width: 12px;
    height: 12px;
    display: block;
    margin: 5px;
    background: #2ecc71;
    outline: none;
}

.overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
}

::selection {
    background: #2ecc71;
    text-shadow: none;
    color: #0c0026;
}

.footer-bottom {
    padding: 20px 0;
    text-align: center;
}

.footer-bottom p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.footer-bottom p a {
    color: #2ecc71;
}

.footer-area {
    justify-content: space-between;
    margin: 0 -15px -50px;
}

.footer-area .footer-widget {
    width: 25%;
    margin-bottom: 50px;
    padding: 0 15px;
    max-width: 260px;
}

.footer-area .footer-widget .title {
    font-weight: 600;
    margin-bottom: 20px;
}

.footer-area .footer-widget.widget-link {
    width: 24%;
}

.footer-area .footer-widget.widget-link ul {
    margin-bottom: -12px;
}

.footer-area .footer-widget.widget-link ul li {
    padding: 0;
}

.footer-area .footer-widget.widget-link ul li a {
    color: rgba(255, 255, 255, 0.8);
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    padding: 5px 0;
    display: inline-flex;
    align-items: center;
}

.footer-area .footer-widget.widget-link ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #2ecc71;
    margin-right: 5px;
    font-size: 16px;
}

.footer-area .footer-widget.widget-link ul li a:hover {
    color: #2ecc71;
    padding-left: 3px;
}

.footer-area .footer-widget.widget-about {
    max-width: 100%;
    width: 28%;
}

.footer-area .footer-widget.widget-about .footer-logo {
    max-width: 120px;
    margin-bottom: 42px;
}

.footer-area .footer-widget.widget-about .footer-logo a {
    display: block;
}

.footer-area .footer-widget.widget-about .footer-logo img {
    max-width: 100%;
}

.footer-area .footer-widget.widget-about p {
    margin-bottom: 26px;
}

@media (max-width: 991px) {
    .footer-area .footer-widget {
        width: 50% !important;
    }
}

@media (max-width: 575px) {
    .footer-area .footer-widget {
        width: 100% !important;
    }
}

.social-icons {
    margin: -5px;
}

.social-icons li {
    padding: 5px;
}

.social-icons li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    background: #12cbc4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.social-icons li a.facebook {
    background: #3b5998;
}

.social-icons li a.twitter {
    background: #55acee;
}

.social-icons li a.linkedin {
    background: #007bb5;
}

.social-icons li a.instagram {
    background: #e4405f;
}

.social-icons li a.tumblr {
    background: #34465d;
}

.social-icons li a.youtube {
    background: #cd201f;
}

.social-icons li a.google {
    background: #dd4b39;
}

.social-icons li a.pinterest {
    background: #007bb5;
}

.social-icons li a.behance {
    background: #1769ff;
}

header {
    word-break: break-all;
    z-index: 99;
}

.header-top {
    border-bottom: 1px solid #26262c;
    overflow: hidden;
    overflow: hidden;
    background: #31383c;
}

.header-top-area {
    overflow: hidden;
}

@media (max-width: 1199px) {
    .header-top-area {
        padding: 25px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background: #394247;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .header-top-area.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.header-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px;
}

@media (min-width: 1200px) {
    .header-wrapper {
        padding: 30px 0;
    }
}

.header-wrapper .header-top-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.header-wrapper .header-top-item .header-top-icon {
    width: 44px;
    font-size: 24px;
    color: #12cbc4;
    text-align: center;
    line-height: 44px;
    height: 44px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    align-items: center;
    justify-content: center;
}

.header-wrapper .header-top-item .header-top-icon img {
    max-width: 24px;
    max-height: 24px;
}

.header-wrapper .header-top-item .header-top-content {
    width: calc(100% - 44px);
    padding-left: 15px;
}

.header-wrapper .header-top-item .header-top-content .title {
    font-size: 18px;
    text-transform: none;
    font-weight: 600;
    margin-top: -5px;
}

.header-wrapper .header-top-item .header-top-content a,
.header-wrapper .header-top-item .header-top-content span {
    margin-bottom: -8px;
    display: block;
    color: #b3b4b4;
}

.header-wrapper .header-top-item::after {
    width: 0;
    height: 100%;
    border-right: 1px dotted #e5e5e5;
    content: "";
    position: absolute;
    top: 0;
    right: -35px;
}

@media (max-width: 1199px) {
    .header-wrapper .header-top-item::after {
        display: none;
    }
}

.header-wrapper .header-top-item:last-child::after {
    display: none;
}

.header-wrapper .header-top-right-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #35464f;
}

.header-wrapper .header-top-right-item a {
    /*    width: 64px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #ffffff;
        font-size: 24px;
        align-items: center;
        justify-content: center;*/
}

.header-wrapper .header-top-right-item a {
    width: 44px;
    font-size: 24px;
    color: #12cbc4;
    text-align: center;
    line-height: 44px;
    height: 44px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    align-items: center;
    justify-content: center;
}

.header-wrapper .header-top-right-item a img {
    max-width: 24px;
    max-height: 24px;
}

.header-wrapper .header-top-right-item span {
    padding: 0 10px;
    min-height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    border-left: 1px solid #31383c;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.header-wrapper .header-top-right-item span a {
    width: auto;
    font-size: 20px;
    color: white;
    border: none;
}

@media (max-width: 1199px) {
    .header-wrapper {
        justify-content: center;
    }

    .header-wrapper .header-top-item {
        width: 33.33%;
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .header-wrapper .header-top-item {
        width: 50%;
    }
}

@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
    .header-wrapper .header-top-item {
        width: 100%;
    }
}

.header-bottom {
    padding: 15px 0;
    position: relative;
    z-index: 99;
    background: #31383c;
}

@media (min-width: 992px) {
    .header-bottom {
        padding: 20px 0;
    }
}

.header-bottom .header-bottom-area {
    align-items: center;
    justify-content: space-between;
}

.header-bottom .header-bottom-area .logo {
    width: 250px;
}

.logo {
    text-align: center;
    word-break: keep-all;
    font-size: 200%;
    line-height: 100%;
    width: 300px;
    font-weight: bold;
}

.header-bottom .header-bottom-area .logo a img {
    max-width: 100%;
    max-height: 60px;
}

.header-bottom .header-bottom-area .menu-area {
    width: calc(100% - 300px);
    justify-content: flex-end;
    align-items: center;
}

@media (min-width: 992px) {
    .header-bottom .header-bottom-area .menu-area .menu {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .header-bottom .header-bottom-area .menu-area .menu li {
        padding: 5px;
        position: relative;
    }

    .header-bottom .header-bottom-area .menu-area .menu li a {
        font-size: 18px;
        color: #ffffff;
        padding: 8px;
        display: inline-flex;
        align-items: center;
        text-transform: none;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu {
        min-width: 220px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li {
        padding: 0;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li a {
        display: flex;
        justify-content: space-between;
        padding: 7px 15px;
        background-color: #31383c;
        color: #ffffff;
        font-size: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li:last-child a {
        border-bottom: 1px solid transparent;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li:hover > a {
        color: #0c0026;
        background: #2ecc71;
        padding-left: 20px;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li .sub-menu {
        top: -1px;
        left: 100%;
    }

    .header-bottom .header-bottom-area .menu-area .menu li:hover a {
        color: #2ecc71;
    }

    .header-bottom .header-bottom-area .menu-area .menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    .header-bottom .header-bottom-area .menu-area .menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        background: #31383c;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: top;
        z-index: 111;
    }

    .header-bottom .header-bottom-area .menu-area .menu.active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
    }

    .header-bottom .header-bottom-area .menu-area .menu > li:first-child > a {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-bottom .header-bottom-area .menu-area .menu li {
        padding: 0;
    }

    .header-bottom .header-bottom-area .menu-area .menu li a {
        font-weight: 500;
        padding: 7px 15px;
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: none;
        font-size: 16px;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu {
        padding-left: 20px;
        display: none;
    }

    .header-bottom .header-bottom-area .menu-area .menu li .sub-menu li a {
        font-size: 15px;
    }
}

/*Header Bar*/
.header-bar-area {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-bar {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 20px;
}

.header-bar span {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color: #2ecc71;
    left: 0;
}

.header-bar span:first-child {
    top: 0;
}

.header-bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header-bar span:last-child {
    bottom: 0;
}

.header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header-bar.active span:nth-child(2) {
    opacity: 0;
}

.header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

.search-bar a {
    color: #12cbc4;
    width: 50px;
    font-size: 20px;
}

@media (min-width: 992px) {
    .search-bar {
        margin-left: 20px;
    }

    .search-bar a {
        border-left: 1px solid #e5e5e5;
    }
}

.ellipsis-bar {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
}

@media (min-width: 992px) {
    .ellipsis-bar {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 375px) {
    .header-bottom .header-bottom-area .logo {
        width: 150px;
    }

    .header-bottom .header-bottom-area .menu-area {
        width: calc(100% - 150px);
    }

    .header-bar-area,
    .search-bar a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .ellipsis-bar {
        width: 20px;
        text-align: right;
        line-height: 30px;
        height: 30px;
    }

    .header-bar-area {
        width: 40px;
    }
}

.menu-item-has-children > a::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    font-weight: 600;
}

.header-bttom {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.header-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #26262c;
    background: #394247;
}

.banner-section {
    position: relative;
    padding: 50px 0;
}

@media (max-width: 767px) {
    .banner-section {
        padding: 50px 0;
    }
}

@media (max-width: 575px) {
    .banner-section {
        padding: 50px 0;
    }
}

.banner-overlay {
    position: relative;
    overflow: hidden;
}

.banner-overlay::before {
    width: 101%;
    height: 101%;
    background: rgba(0, 0, 0, 0.8);
}

.banner-overlay .container, .banner-overlay .container-fluid {
    position: relative;
    z-index: 1;
}

.banner-content {
    max-width: 800px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .banner-content {
        text-align: center;
    }
}

.banner-content .title {
    margin-bottom: 35px;
}

@media (min-width: 576px) and (max-width: 991px) {
    .banner-content .title {
        font-size: 50px;
        line-height: 54px;
    }
}

.banner-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
    max-width: 550px;
    margin-right: auto;
}

@media (min-width: 768px) {
    .banner-content p {
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    .banner-content p {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .banner-content .title {
        margin-bottom: 40px;
    }

    .banner-content p {
        margin-bottom: 40px;
    }
}

.exchange-form {
    text-align: left;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -20px;
}

.exchange-form .form-group {
    width: calc(calc(100% - 180px) / 2);
    margin-bottom: 20px;
    max-width: 400px;
}

.exchange-form .form-group label {
    width: 100%;
    color: #ffffff;
}

.exchange-form .form-group input {
    width: calc(100% - 100px);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 60px;
    padding: 0 25px;
    color: #ffffff;
    font-size: 20px;
    background: #31383c;
}

.exchange-form .form-group input::placeholder {
    color: #ffffff;
}

.exchange-form .form-group input:focus {
    border-color: #2ecc71;
}

.exchange-form .form-group input[type="submit"] {
    width: 100%;
    color: #0c0026;
    background: #2ecc71;
}

.exchange-form .form-group .select-bar {
    width: 100px;
    height: 60px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #35464f;
    border-color: #35464f;
}

.exchange-form .form-group .select-bar .current {
    line-height: 60px;
    display: block;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    font-family: "Roboto", sans-serif;
}

.exchange-form .form-group .select-bar::after {
    border-color: #ffffff;
}

.exchange-form .form-group .select-bar .list {
    border-radius: 0;
}

.exchange-form .form-group .select-bar .list .option {
    color: #0c0026;
}

.exchange-form .form-group.submit {
    width: 140px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .exchange-form .form-group.submit {
        width: 170px;
    }
}

@media (max-width: 767px) {
    .exchange-form .form-group {
        width: 100%;
    }
}

.exchange-form .form-group .select-bar .list {
    background: #35464f;
    border-radius: 0;
    color: #ffffff;
}

.exchange-form .form-group .select-bar .list .option {
    color: #ffffff;
}

.exchange-form .form-group .select-bar .list .option:hover, .exchange-form .form-group .select-bar .list .option.selected {
    color: #0c0026;
    background: #ffffff;
}

.list {
    max-height: 200px;
    width: 100%;
    overflow-y: scroll !important;
}

.list::-webkit-scrollbar-track {
    background-color: #222f3e;
}

.list::-webkit-scrollbar {
    width: 4px;
    background-color: #ffffff;
}

.list::-webkit-scrollbar-thumb {
    background-color: #ffffff;
}

/*Section Bg Change Effect Starts Here*/
.section-bg .affiliate-item .affiliate-content,
.section-bg .newslater-form button,
.section-bg .team-item .team-content,
.section-bg .client-item,
.section-bg .service-item,
.section-bg .faq-wrapper .faq-item,
.section-bg .faq-wrapper-3 .faq-item .faq-number .thumb,
.section-bg .faq-wrapper-2 .faq-item .faq-number .thumb,
.section-bg .contact-form .form-group input,
.section-bg .contact-form .form-group textarea,
.section-bg .contact--item .contact-item,
.section-bg .feature-item {
    background: #31383c;
}

.section-bg.get-service .exchange-form .form-group input {
    background: #31383c;
}

.section-bg.get-service .exchange-form .form-group input[type="submit"] {
    background: #2ecc71;
}

/*Sidebar CSS Starts Here*/
.category-list .category-item {
    padding: 0;
    background: #31383c;
    margin-bottom: 10px;
}

.category-list .category-item:last-child {
    margin-bottom: 0;
}

.category-list .category-item > a {
    justify-content: space-between;
    padding: 15px 20px;
    color: #ffffff;
    text-transform: none;
}

.category-list .category-item > a .amount::before {
    content: "(";
}

.category-list .category-item > a .amount::after {
    content: ")";
}

.category-list .category-item ul {
    padding: 10px 20px;
    display: none;
}

.category-list .category-item ul li a {
    position: relative;
    padding-left: 15px;
    color: #b3b4b4;
}

.category-list .category-item ul li a::after {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(18, 203, 196, 0.5);
    top: 12px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    left: 0;
}

.category-list .category-item ul li a:hover {
    color: #12cbc4;
}

.category-list .category-item ul li a:hover::after {
    background: #12cbc4;
}

.category-list .category-item.active ul {
    display: block;
}

.category-list .category-item.open .category-title {
    color: #ffffff;
    background: #222f3e;
}

aside {
    position: sticky;
    top: 130px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #394247;
    box-shadow: 0px 0px 7.8px 5.2px rgba(0, 0, 0, 0.03);
    padding: 40px 30px;
    margin-top: 70px;
}

@media screen and (max-width: 379px) {
    aside {
        padding: 40px 20px;
    }
}

@media (min-width: 992px) {
    aside {
        margin-top: 0;
    }
}

.widget {
    margin-bottom: 30px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-banner {
    text-align: center;
    padding: 35px 10px;
    background: #222f3e;
    position: relative;
}

.widget-banner * {
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.widget-banner::before {
    width: 80%;
    height: 80%;
    background: url(img/question.png) no-repeat center center;
    background-size: contain;
    opacity: .08;
}

.widget-banner .title {
    margin-bottom: 20px;
}

.widget-banner p {
    margin-bottom: 20px;
}

.widget-banner a {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .widget-banner a {
        font-size: 20px;
    }
}

.blog-sidebar {
    max-width: 350px;
    margin-right: auto;
    margin-left: auto;
    position: sticky;
    top: 80px;
    padding: 0;
    background: transparent;
}

@media (min-width: 992px) {
    .blog-sidebar {
        margin-left: auto;
        top: 120px;
    }
}

.blog-sidebar .widget {
    margin-bottom: 40px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .blog-sidebar .widget {
        margin-bottom: 60px;
    }
}

.blog-sidebar .widget.widget-search form .form-group {
    position: relative;
    overflow: hidden;
}

.blog-sidebar .widget.widget-search form .form-group input {
    border: 1px solid transparent;
    background: #222f3e;
    padding-left: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #ffffff;
}

.blog-sidebar .widget.widget-search form .form-group input::placeholder {
    color: #ffffff;
}

.blog-sidebar .widget.widget-search form .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    border: none;
    border-left: 1px solid #2ecc71;
    background: #2ecc71;
    font-weight: 600;
    color: #ffffff;
}

.blog-sidebar .widget .title {
    font-size: 20px;
    margin: 0;
    padding: 14px 30px;
    background: #222f3e;
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: none;
}

.blog-sidebar .widget .title i {
    margin-right: 10px;
    font-weight: 500;
}

.blog-sidebar .widget.widget-archive, .blog-sidebar .widget.widget-category {
    background-color: #394247;
}

.blog-sidebar .widget.widget-archive ul li, .blog-sidebar .widget.widget-category ul li {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-sidebar .widget.widget-archive ul li:last-child, .blog-sidebar .widget.widget-category ul li:last-child {
    border: none;
}

.blog-sidebar .widget.widget-archive ul li a, .blog-sidebar .widget.widget-category ul li a {
    padding: 15px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #ffffff;
    font-weight: 500;
    text-transform: none;
}

.blog-sidebar .widget.widget-archive ul li a:hover, .blog-sidebar .widget.widget-category ul li a:hover {
    color: #2ecc71;
}

.blog-sidebar .widget.widget-archive ul li a .amount::before, .blog-sidebar .widget.widget-category ul li a .amount::before {
    content: "(";
}

.blog-sidebar .widget.widget-archive ul li a .amount::after, .blog-sidebar .widget.widget-category ul li a .amount::after {
    content: ")";
}

.blog-sidebar .widget.widget-post {
    background-color: #394247;
}

.blog-sidebar .widget.widget-post ul li {
    padding: 20px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-sidebar .widget.widget-post ul li:last-child {
    border-bottom: none;
}

.blog-sidebar .widget.widget-post ul li a:hover .subtitle {
    color: #2ecc71;
}

.blog-sidebar .widget.widget-post ul li a .thumb {
    width: 80px;
}

.blog-sidebar .widget.widget-post ul li a .thumb img {
    width: 100%;
}

.blog-sidebar .widget.widget-post ul li a .content {
    width: calc(100% - 80px);
    padding-left: 20px;
}

.blog-sidebar .widget.widget-post ul li a .content .subtitle {
    font-size: 18px;
    line-height: 24px;
    margin-top: -5px;
    font-family: "Roboto", sans-serif;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.blog-sidebar .widget.widget-post ul li a .content span {
    font-size: 14px;
    font-style: italic;
    color: #b3b4b4;
}

@media screen and (max-width: 399px) {
    .blog-sidebar .widget.widget-post ul li {
        padding: 30px 15px;
    }

    .blog-sidebar .widget.widget-post ul li a .content .subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .blog-sidebar .widget.widget-post ul li a .content span {
        line-height: 20px;
        display: block;
        font-size: 12px;
        margin-top: 5px;
    }
}

.blog-sidebar .widget.widget-tags {
    background-color: #394247;
}

.blog-sidebar .widget.widget-tags ul {
    padding: 20px 30px 30px;
    margin: -5px;
}

.blog-sidebar .widget.widget-tags ul li {
    padding: 5px;
}

.blog-sidebar .widget.widget-tags ul li a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-weight: 500;
    padding: 6px 25px;
    color: #ffffff;
}

.blog-sidebar .widget.widget-tags ul li a:hover {
    color: #2ecc71;
    border-color: #2ecc71;
}

.blog-sidebar .widget:last-child {
    margin-bottom: 0;
}

/*Feature-Section Starts Here*/
.feature-item {
    text-align: center;
    background: #394247;
    padding: 40px 25px;
    margin-bottom: 30px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
}

.feature-item .feature-thumb {
    height: 40px;
    margin-bottom: 25px;
}

.feature-item .feature-thumb img {
    max-height: 100%;
}

.feature-item .feature-content .title {
    margin-bottom: 25px;
    text-transform: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.feature-item .feature-content p {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.feature-item.active, .feature-item:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.feature-item.active p, .feature-item:hover p {
    color: #ffffff;
}

.feature-item.active .feature-content .title, .feature-item:hover .feature-content .title {
    color: #2ecc71;
}

.feature-item.active::after, .feature-item:hover::after {
    opacity: 1;
    visibility: visible;
}

.feature-item::after {
    top: 100%;
    left: 0;
    background: #2ecc71;
    width: 100%;
    height: 5px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    z-index: -1;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    opacity: 0;
    visibility: hidden;
}

/*How-Section Starts Here*/
.how-item {
    text-align: center;
    -webkit-border-radius: 0 20px;
    -moz-border-radius: 0 20px;
    border-radius: 0 20px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: relative;
}

.how-item::before {
    width: 200px;
    height: 40px;
    background: url(img/right-arrow.png) no-repeat center center;
    background-size: contain;
    top: 15px;
    opacity: .5;
    left: calc(100%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.how-item .how-thumb {
    height: 100px;
    margin: 0 auto 20px;
}

.how-item .how-thumb img {
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {
    .how-item .how-thumb {
        height: 80px;
    }
}

.how-item .how-content .title {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    margin-bottom: -7px;
    font-weight: 600;
}

.how-item.active, .how-item:hover {
    -webkit-border-radius: 20px 0;
    -moz-border-radius: 20px 0;
    border-radius: 20px 0;
}

.how-item.active .serial, .how-item:hover .serial {
    background: #2ecc71;
}

.how-item.active .title, .how-item:hover .title {
    color: #2ecc71;
}

@media (min-width: 992px) {
    .how-item.three::before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .how-item.two::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .how-item::before {
        display: none;
    }
}

div[class*="col"]:last-child .how-item::before {
    display: none;
}

/*Service Section Starts Here*/
.service-slider {
    overflow: hidden;
}

.service-item {
    text-align: center;
    padding: 60px 20px;
    background: #394247;
    margin-bottom: 30px;
}

@media (max-width: 767px) and (min-width: 576px) {
    .service-item {
        max-width: 420px;
        margin: 0 auto 30px;
    }
}

.service-item .service-thumb {
    height: 70px;
}

.service-item .service-thumb img {
    max-height: 100%;
}

.service-item .service-content .title {
    margin-bottom: 25px;
    text-transform: none;
}

.service-item .service-content p {
    margin-bottom: 24px;
}

.service-details-content p {
    margin-bottom: 32px;
}

.service-details {
    overflow: hidden;
}

/*Counter Section Starts Here*/
.counter-wrapper {
    justify-content: center;
    margin: -20px;
}

.counter-item {
    width: 25%;
    text-align: center;
    padding: 20px;
}

.counter-item .counter-header {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.counter-item .counter-header .title {
    color: #2ecc71;
    line-height: 1;
    margin: 0;
    font-weight: 600;
}

.counter-item .subtitle {
    font-weight: 400;
}

@media (max-width: 767px) {
    .counter-item {
        width: 50%;
    }
}

.bg-overlay {
    position: relative;
    overflow: hidden;
}

.bg-overlay::before {
    width: 101%;
    height: 101%;
    background: rgba(0, 0, 0, 0.8);
}

.bg-overlay .container, .bg-overlay .container-fluid {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 991px) {
    .transaction-table,
    .transaction-table thead,
    .transaction-table tbody,
    .transaction-table th,
    .transaction-table td,
    .transaction-table tr {
        display: block;
    }

    .transaction-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .transaction-table tr {
        margin: 0;
    }
}

@media only screen and (max-width: 991px) and (max-width: 499px) {
    .transaction-table tr:nth-child(odd) {
        background: #394247;
    }

    .transaction-table tr:nth-child(even) {
        background: #222f3e;
    }
}

@media only screen and (max-width: 991px) {
    .transaction-table td {
        border: none;
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
        position: relative;
        display: block;
        padding: 10px 0;
        text-align: center;
    }

    .transaction-table td:last-child {
        padding: 10px;
    }

    .transaction-table td:before {
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        white-space: nowrap;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        color: #ffffff;
        font-size: 18px;
    }

    .transaction-table td:before {
        content: attr(data-input);
    }
}

@media only screen and (max-width: 991px) and (min-width: 500px) {
    .transaction-table .t-header,
    .transaction-table .t-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .transaction-table .t-header tr,
    .transaction-table .t-body tr {
        width: calc(50%);
    }

    .transaction-table .t-header tr td:last-child,
    .transaction-table .t-body tr td:last-child {
        border-bottom: none;
    }

    .transaction-table .t-header tr:nth-of-type(4n + 1),
    .transaction-table .t-body tr:nth-of-type(4n + 1) {
        background-color: #394247;
    }

    .transaction-table .t-header tr:nth-of-type(4n + 2),
    .transaction-table .t-body tr:nth-of-type(4n + 2) {
        background-color: #222f3e;
    }

    .transaction-table .t-header tr:nth-of-type(4n + 3),
    .transaction-table .t-body tr:nth-of-type(4n + 3) {
        background-color: #222f3e;
    }

    .transaction-table .t-header tr:nth-of-type(4n + 4),
    .transaction-table .t-body tr:nth-of-type(4n + 4) {
        background-color: #394247;
    }
}

@media (min-width: 992px) {
    .transaction-table {
        width: 100%;
        border: 1px solid rgba(229, 229, 229, 0.2);
        text-align: center;
    }

    .transaction-table tr th {
        width: 18.5%;
        padding: 12px 10px;
        line-height: 1.5rem;
        font-family: "Roboto", sans-serif;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        border-right: 1px solid rgba(229, 229, 229, 0.2);
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
    }

    .transaction-table tr th:nth-child(4), .transaction-table tr th:nth-child(5), .transaction-table tr th:nth-child(1) {
        width: 21%;
    }

    .transaction-table tr th:last-child {
        border-right: none;
    }

    .transaction-table tbody td {
        padding: 16px 10px;
        border-right: 1px solid rgba(229, 229, 229, 0.2);
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
    }

    .transaction-table tbody td:last-child {
        border-right: none;
    }
}

.amount {
    color: #2ecc71;
}

.exchanger {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 200px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .exchanger {
        align-items: flex-start;
    }

    .exchanger .thumb {
        margin-top: 8px;
    }
}

.exchanger .thumb {
    width: 42px;
    height: 42px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.exchanger .thumb a {
    display: block;
}

.exchanger .thumb a img {
    width: 100%;
}

.exchanger .content {
    text-align: left;
}

@media (min-width: 1200px) {
    .exchanger .content {
        padding-left: 15px;
    }

    .exchanger .content a {
        margin-top: -5px;
    }
}

.exchanger .content a {
    color: #ffffff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    display: block;
}

.exchanger .content span {
    font-size: 14px;
    display: block;
    line-height: 20px;
}

.exchanger .thumb {
    margin: 8px auto 7px;
}

.exchanger .content {
    width: 100%;
    text-align: center;
}

.exchanger .content a {
    font-size: 17px;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .exchanger .thumb {
        margin: 0;
    }

    .exchanger .content {
        width: calc(100% - 42px);
        text-align: left;
    }
}

.exchanger:hover .content a {
    color: #12cbc4;
}

/*Client Section Starts Here*/
.client-slider {
    overflow: hidden;
}

.client-item {
    padding: 35px 30px 30px;
    background: #394247;
}

.client-item .client-thumb .thumb {
    overflow: hidden;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 15px;
}

.client-item .client-thumb .thumb img {
    width: 100%;
}

.client-item .client-thumb .content {
    margin-bottom: 15px;
}

.client-item .client-thumb .content .title {
    font-weight: 600;
}

.client-item .client-content {
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 575px) {
    .client-item .client-content {
        font-size: 18px;
    }
}

.client-item .client-content blockquote {
    position: relative;
    margin: 0;
}

.client-item .client-content blockquote::after {
    background: url(img/quote.png) no-repeat right center;
    background-size: contain;
    width: 50px;
    opacity: .2;
    height: 50px;
    right: 0;
    bottom: 100%;
}

/*Sponsor Section Starts Here*/
.sponsor-slider {
    overflow: hidden;
}

.sponsor-item {
    height: 80px;
    padding: 0 15px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.sponsor-item a {
    display: block;
}

.sponsor-item img {
    max-height: 80px;
    max-width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.sponsor-item:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/*Team Section Starts Here*/
.team-slider {
    overflow: hidden;
}

.team-item {
    background: #222f3e;
    margin-bottom: 30px;
}

.team-item .team-thumb {
    overflow: hidden;
    position: relative;
}

.team-item .team-thumb a {
    display: block;
}

.team-item .team-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.team-item .team-thumb .hover {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(49, 56, 60, 0.9);
    opacity: 0;
    visibility: hidden;
}

.team-item .team-thumb .hover ul li {
    padding: 5px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.team-item .team-thumb .hover ul li a {
    padding: 5px;
    color: #ffffff;
}

.team-item .team-thumb .hover ul li:nth-child(odd) {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.team-item .team-thumb .hover ul li:nth-child(even) {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.team-item .team-content {
    background: #394247;
    padding: 30px;
    text-align: center;
}

.team-item .team-content span {
    font-style: italic;
    display: block;
}

.team-item .team-content .title {
    margin-bottom: 6px;
    text-transform: none;
    font-weight: 600;
    font-size: 24px;
}

.team-item:hover .team-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.team-item:hover .team-thumb .hover {
    opacity: 1;
    visibility: visible;
}

.team-item:hover .team-thumb .hover ul li {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
}

/*Newslater Section Starts Here*/
.newslater-form {
    position: relative;
}

.newslater-form input {
    height: 60px;
    background: transparent;
    border: 1px solid rgba(229, 229, 229, 0.2);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding-left: 30px;
}

.newslater-form input::placeholder {
    color: #b3b4b4;
}

@media (max-width: 575px) {
    .newslater-form input {
        height: 50px;
    }
}

.newslater-form button {
    height: 60px;
    padding: 15px 10px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #394247;
    width: 120px;
    border: 1px solid rgba(229, 229, 229, 0.2);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.newslater-form button img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 575px) {
    .newslater-form button {
        width: 80px;
        height: 50px;
    }
}

/*Faq Section Starts Here*/
.faq-wrapper .faq-item {
    background: #394247;
    margin-bottom: 20px;
}

.faq-wrapper .faq-item .faq-title {
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
}

.faq-wrapper .faq-item .faq-title .title {
    margin: 0;
    font-weight: 600;
    width: calc(100% - 40px);
}

.faq-wrapper .faq-item .faq-title .right-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.faq-wrapper .faq-item .faq-title .right-icon::before, .faq-wrapper .faq-item .faq-title .right-icon::after {
    position: absolute;
    content: '';
    background: #ffffff;
    top: 50%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq-wrapper .faq-item .faq-title .right-icon::before {
    width: 2px;
    height: 20px;
}

.faq-wrapper .faq-item .faq-title .right-icon::after {
    width: 20px;
    height: 2px;
}

.faq-wrapper .faq-item .faq-content {
    padding: 0 20px;
    padding-top: 15px;
    padding-bottom: 25px;
    display: none;
}

.faq-wrapper .faq-item .faq-content p {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 25px;
    font-family: "Roboto", sans-serif;
}

.faq-wrapper .faq-item .faq-content p b {
    font-weight: 700;
}

.faq-wrapper .faq-item.open .faq-title .right-icon::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-wrapper .faq-item.open .faq-title .right-icon::before, .faq-wrapper .faq-item.open .faq-title .right-icon::after {
    background: #2ecc71;
}

.faq-wrapper .faq-item.active .faq-content {
    display: block;
}

.faq-section {
    overflow: hidden;
}

/*Faq Section Two Starts Here*/
.faq-wrapper-3,
.faq-wrapper-2 {
    justify-content: space-between;
    margin-bottom: -57px;
    counter-reset: faq-counter;
}

.faq-wrapper-3 .faq-item,
.faq-wrapper-2 .faq-item {
    width: 100%;
    margin-bottom: 59px;
}

.faq-wrapper-3 .faq-item .faq-title,
.faq-wrapper-2 .faq-item .faq-title {
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 600;
}

@media (min-width: 992px) {
    .faq-wrapper-3 .faq-item,
    .faq-wrapper-2 .faq-item {
        width: calc(50% - 15px);
    }
}

.faq-wrapper-3 .faq-item .faq-number .thumb,
.faq-wrapper-2 .faq-item .faq-number .thumb {
    width: 65px;
    height: 67px;
    clip-path: circle(50% at 50% 50%);
    background: #394247;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
    color: #12cbc4;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    position: relative;
}

.faq-wrapper-3 .faq-item .faq-number .thumb::before,
.faq-wrapper-2 .faq-item .faq-number .thumb::before {
    counter-increment: faq-counter;
    content: "0" counter(faq-counter);
}

.faq-wrapper-3 .faq-item .faq-content,
.faq-wrapper-2 .faq-item .faq-content {
    width: calc(100% - 65px);
    padding-left: 30px;
}

.faq-wrapper-3 .faq-item:nth-of-type(n + 10) .faq-number .thumb::before,
.faq-wrapper-2 .faq-item:nth-of-type(n + 10) .faq-number .thumb::before {
    content: counter(faq-counter);
}

.faq-wrapper-3 .faq-item:nth-of-type(4n + 2) .faq-number .thumb,
.faq-wrapper-2 .faq-item:nth-of-type(4n + 2) .faq-number .thumb {
    color: #f74a05;
}

.faq-wrapper-3 .faq-item:nth-of-type(4n + 3) .faq-number .thumb,
.faq-wrapper-2 .faq-item:nth-of-type(4n + 3) .faq-number .thumb {
    color: #665bfc;
}

.faq-wrapper-3 .faq-item:nth-of-type(4n + 4) .faq-number .thumb,
.faq-wrapper-2 .faq-item:nth-of-type(4n + 4) .faq-number .thumb {
    color: #2ecc71;
}

@media (max-width: 991px) {
    .faq-wrapper-3,
    .faq-wrapper-2 {
        margin-bottom: -45px;
    }

    .faq-wrapper-3 .faq-item,
    .faq-wrapper-2 .faq-item {
        margin-bottom: 44px;
    }
}

@media (max-width: 575px) {
    .faq-wrapper-3,
    .faq-wrapper-2 {
        margin-bottom: -40px;
    }

    .faq-wrapper-3 .faq-item,
    .faq-wrapper-2 .faq-item {
        margin-bottom: 40px;
    }

    .faq-wrapper-3 .faq-item .faq-title,
    .faq-wrapper-2 .faq-item .faq-title {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 474px) {
    .faq-wrapper-3 .faq-item .faq-content,
    .faq-wrapper-2 .faq-item .faq-content {
        width: calc(100% - 50px);
        padding-left: 15px;
    }

    .faq-wrapper-3 .faq-item .faq-content .faq-title,
    .faq-wrapper-2 .faq-item .faq-content .faq-title {
        font-size: 18px;
    }

    .faq-wrapper-3 .faq-item .faq-number .thumb,
    .faq-wrapper-2 .faq-item .faq-number .thumb {
        width: 50px;
        height: 51px;
        font-size: 20px;
    }
}

/*Faq Section Three Starts Here*/
.faq-wrapper-3 .faq-item .faq-number {
    filter: drop-shadow(0 0 0 0 rgba(0, 0, 0, 0));
    -webkit-filter: drop-shadow(0 0 0 0 rgba(0, 0, 0, 0));
}

.faq-wrapper-3 .faq-item .faq-number .thumb {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 7px;
    background-image: -moz-linear-gradient(138deg, #f84a05 28%, #f8770f 58%, #f8a419 100%);
    background-image: -webkit-linear-gradient(138deg, #f84a05 28%, #f8770f 58%, #f8a419 100%);
}

.faq-wrapper-3 .faq-item .faq-number .thumb::before {
    display: none;
}

.faq-wrapper-3 .faq-item .faq-content {
    width: calc(100% - 15px);
    padding-left: 15px;
}

.faq-wrapper-3 .faq-item:nth-of-type(6n + 2) .faq-number .thumb {
    background-image: -moz-linear-gradient(4deg, #3ed03a 24%, #7be379 56%, #b8f5b7 100%);
    background-image: -webkit-linear-gradient(4deg, #3ed03a 24%, #7be379 56%, #b8f5b7 100%);
}

.faq-wrapper-3 .faq-item:nth-of-type(6n + 3) .faq-number .thumb {
    background-image: -moz-linear-gradient(138deg, #12cbc4 28%, #54e2d2 58%, #95f8df 100%);
    background-image: -webkit-linear-gradient(138deg, #12cbc4 28%, #54e2d2 58%, #95f8df 100%);
}

.faq-wrapper-3 .faq-item:nth-of-type(6n + 4) .faq-number .thumb {
    background-image: -moz-linear-gradient(138deg, #665bfc 28%, #b3adfe 58%, white 100%);
    background-image: -webkit-linear-gradient(138deg, #665bfc 28%, #b3adfe 58%, white 100%);
}

.faq-wrapper-3 .faq-item:nth-of-type(6n + 5) .faq-number .thumb {
    background-image: -moz-linear-gradient(138deg, #ffd271 28%, #ffe9b8 58%, white 100%);
    background-image: -webkit-linear-gradient(138deg, #ffd271 28%, #ffe9b8 58%, white 100%);
}

.faq-wrapper-3 .faq-item:nth-of-type(6n + 6) .faq-number .thumb {
    background-image: -moz-linear-gradient(34deg, #c53de8 28%, #e29ef4 58%, white 100%);
    background-image: -webkit-linear-gradient(34deg, #c53de8 28%, #e29ef4 58%, white 100%);
}

/*Nulla List Starts Here*/
.nulla-list {
    margin-bottom: 33px;
}

.nulla-list li {
    position: relative;
    padding: 0;
    padding-left: 30px;
    margin-bottom: 12px;
}

.nulla-list li::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    background: #ffffff;
    top: 7px;
    left: 0;
}

.nulla-list:last-child {
    margin-bottom: -20px;
}

/*About Section Starts Here*/
.about-content p {
    margin-bottom: 25px;
}

.about-thumb img {
    width: 100%;
}

@media (max-width: 991px) {
    .about-thumb {
        margin-bottom: 30px;
    }
}

.about-section {
    overflow: hidden;
}

/*Overview-Section Starts Here*/
.overview-contnent .content p {
    margin-bottom: 26px;
}

@media (min-width: 992px) {
    .overview-contnent .content {
        max-width: 500px;
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .overview-contnent .content {
        margin-right: 60px;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .overview-item:nth-of-type(even) .overview-contnent .content {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media (min-width: 1200px) {
    .overview-item:nth-of-type(even) .overview-contnent .content {
        margin-left: 60px;
        margin-right: auto;
    }
}

@media (max-width: 991px) {
    .overview-item:nth-of-type(even) .overview-contnent {
        padding-top: 0;
    }
}

/*Page Header Section Starts Here*/
.page-header-content {
    /* min-width: 800px; */
}

.page-header-content .title {
    text-transform: none;
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .page-header-content .title {
        font-size: 42px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .page-header-content .title {
        font-size: 75px;
        margin-top: -11px;
        line-height: 75px;
    }
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: -6px;
    margin-bottom: -13px;
}

.breadcrumb li, .breadcrumb li a {
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #ffffff;
}

.breadcrumb li:hover, .breadcrumb li a:hover {
    color: #2ecc71;
}

.breadcrumb li {
    color: #2ecc71;
    padding: 6px;
    text-transform: none;
}

.breadcrumb li a::after {
    content: "/";
    margin-left: 8px;
}

.page-header {
    padding: 50px 0;
}

/*Get Service Starts Here*/
.get-service .exchange-form .form-group input {
    background: #394247;
}

.get-service .exchange-form .form-group input[type="submit"] {
    background: #2ecc71;
}

.get-service .exchange-form .form-group {
    max-width: 100%;
}

@media (max-width: 991px) and (min-width: 576px) {
    .get-service .exchange-form .form-group {
        width: calc((100% - 30px) / 2);
    }
}

.currency-converter p a {
    color: #2ecc71;
}

/*Account Form Starts Here*/
.account-form {
    margin: -15px;
    align-items: flex-end;
}

.account-form .form-group {
    margin: 0;
    padding: 15px;
    width: calc(100% / 3);
}

.account-form .form-group label {
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.account-form .form-group label a {
    color: #2ecc71;
}

.account-form .form-group input {
    background: #394247;
    height: 60px;
    border-radius: 0;
}

.account-form .form-group input:focus {
    border-color: #2ecc71;
}

.account-form .form-group input[type="submit"] {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    background: #2ecc71;
    text-transform: uppercase;
    color: #0c0026;
}

.account-form .form-group.checkgroup {
    width: calc(100% / 2);
    padding: 7px 15px;
}

.account-form .form-group.checkgroup input {
    width: 15px;
    height: 15px;
    margin-top: 4px;
}

.account-form .form-group.checkgroup label {
    width: calc(100% - 20px);
    padding-left: 10px;
    margin: 0;
}

@media (max-width: 575px) {
    .account-form .form-group.checkgroup {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .account-form .form-group {
        width: calc(100% / 2);
    }
}

@media (max-width: 575px) {
    .account-form .form-group {
        width: 100%;
    }
}

/*Privacy Starts Here*/
.privacy-content img {
    width: 100%;
}

.privacy-content .main-item {
    margin-bottom: 50px;
}

.privacy-content .main-item .privacy-thumb {
    margin-bottom: 39px;
}

.privacy-content .main-item .title {
    margin-bottom: 34px;
    font-weight: 600;
}

.privacy-content .main-item p {
    margin-bottom: 35px;
}

.privacy-content .main-item:last-child {
    margin-bottom: 0 !important;
}

.privacy-content .item {
    margin-bottom: 50px;
}

.privacy-content .item:last-child {
    margin-bottom: 0 !important;
}

.privacy-content .item .subtitle {
    margin-bottom: 16px;
    font-weight: 600;
}

.privacy-content .item p {
    margin-bottom: 27px;
}

.privacy-content .item .bullet-list {
    margin-bottom: 40px;
    max-width: 545px;
}

.privacy-content .item .bullet-list li {
    position: relative;
    padding: 0;
    padding-left: 30px;
    margin-bottom: 18px;
}

.privacy-content .item .bullet-list li:last-child {
    margin-bottom: -8px;
}

.privacy-content .item .bullet-list li::before {
    width: 15px;
    height: 15px;
    background: #2ecc71;
    left: 0;
    top: 8px;
}

.privacy-content .item .bullet-list li:nth-of-type(3n + 2)::before {
    background: #f74a05;
}

.privacy-content .item .bullet-list li:nth-of-type(3n + 3)::before {
    background: #12cbc4;
}

.privacy-content .item img {
    margin-bottom: 35px;
}

@media (max-width: 575px) {
    .privacy-content .main-item {
        margin-bottom: 42px;
    }

    .privacy-content .main-item .privacy-thumb {
        margin-bottom: 40px;
    }

    .privacy-content .main-item .title {
        margin-bottom: 32px;
    }

    .privacy-content .main-item p {
        margin-bottom: 32px;
    }

    .privacy-content .item {
        margin-bottom: 42px;
    }

    .privacy-content .item .bullet-list {
        margin-bottom: 35px;
        margin-top: -8px;
    }

    .privacy-content .item img {
        margin-bottom: 35px;
    }
}

.terms-of-service-wrapper .item {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
}

.terms-of-service-wrapper .item:last-child {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.terms-of-service-wrapper .item .left {
    width: 300px;
    padding: 50px 40px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 768px) {
    .terms-of-service-wrapper .item .left {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}

.terms-of-service-wrapper .item .right {
    width: calc(100% - 300px);
    padding: 50px 40px;
}

.terms-of-service-wrapper .item .right p {
    margin-bottom: 27px;
}

.terms-of-service-wrapper .item .right .nulla-list {
    margin-top: -10px;
    margin-bottom: 28px;
}

.terms-of-service-wrapper .item .right .nulla-list:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .terms-of-service-wrapper .item .left {
        border: none;
        padding-bottom: 0;
    }

    .terms-of-service-wrapper .item .left .title {
        display: inline-block;
        position: relative;
    }

    .terms-of-service-wrapper .item .left .title::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #2ecc71;
        bottom: -22px;
        left: 0;
    }

    .terms-of-service-wrapper .item .left-,
    .terms-of-service-wrapper .item .right {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .terms-of-service-wrapper .item .left,
    .terms-of-service-wrapper .item .right {
        padding: 40px 30px;
    }

    .terms-of-service-wrapper .item .left {
        padding-bottom: 7px;
    }
}

/*Contact Section Starts Here*/
.contact-form {
    margin-bottom: -20px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form .form-group input {
    background: #394247;
    border-radius: 0;
    height: 55px;
}

@media (max-width: 575px) {
    .contact-form .form-group input {
        height: 50px;
    }
}

.contact-form .form-group input:focus {
    border-color: #2ecc71;
}

.contact-form .form-group input[type="submit"] {
    width: auto;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    padding: 0 50px;
    font-size: 18px;
    color: #0c0026;
    background: #2ecc71;
}

.contact-form .form-group textarea {
    background: #394247;
    border-color: #394247;
    color: #b3b4b4;
    height: 170px;
}

.contact-form .form-group textarea:focus {
    border-color: #2ecc71;
}

.contact-form .form-group label {
    color: #ffffff;
}

.contact-section {
    overflow: hidden;
}

.contact-info {
    overflow: hidden;
}

.contact--item {
    position: relative;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.contact--item .contact-item {
    position: relative;
    padding: 40px 20px;
    margin-bottom: 30px;
    z-index: 1;
    background: #394247;
}

.contact--item .contact-content {
    text-align: center;
}

.contact--item .contact-content .title {
    margin-bottom: 10px;
    text-transform: none;
}

.contact--item .contact-content ul li {
    padding: 0;
}

.contact--item .contact-content ul li span {
    display: block;
}

.contact--item .contact-content ul li a {
    color: #b3b4b4;
}

.contact--item .contact-content ul li a:first-letter {
    text-transform: lowercase;
}

.contact--item .contact-content ul li a:hover {
    color: #12cbc4;
}

.contact--item .contact-thumb {
    margin: 0 auto 25px;
    align-items: center;
    justify-content: center;
}

.contact--item .contact-thumb img {
    max-width: 100%;
    max-height: 80px;
}

.contact--item::before, .contact--item::after {
    top: 0;
    left: 0;
    background: #2ecc71;
    width: 100%;
    z-index: -1;
    height: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.contact--item::before {
    background: #222f3e;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.contact--item.active::before, .contact--item:hover::before {
    -webkit-transform: translate(5px, 5px);
    -ms-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
}

.contact--item.active::after, .contact--item:hover::after {
    -webkit-transform: translate(10px, 10px);
    -ms-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
}

.maps {
    height: 500px;
}

@media (max-width: 575px) {
    .maps {
        height: 300px;
    }
}

/*Process Section Starts Here*/
.process-tab .tab-menu {
    justify-content: center;
    margin: -5px;
    margin-bottom: 40px;
}

.process-tab .tab-menu li {
    width: 130px;
    margin: 5px;
    padding: 20px 0;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 10px 0;
    -moz-border-radius: 10px 0;
    border-radius: 10px 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.process-tab .tab-menu li.active {
    background: #2ecc71;
    -webkit-border-radius: 0 10px;
    -moz-border-radius: 0 10px;
    border-radius: 0 10px;
}

.process-tab .tab-menu li.active .title {
    color: #0c0026;
}

.process-tab .tab-menu li.active .thumb i {
    color: #0c0026;
}

.process-tab .tab-menu li .title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.process-tab .tab-menu li .thumb {
    align-items: flex-end;
    justify-content: center;
}

.process-tab .tab-menu li .thumb img {
    max-height: 40px;
    margin-bottom: 10px;
}

.process-tab .tab-menu li .thumb i {
    font-size: 36px;
    color: #2ecc71;
    line-height: 1;
    margin-bottom: 10px;
    display: inline-flex;
}

@media (max-width: 575px) {
    .process-tab .tab-menu {
        margin: 0;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .process-tab .tab-menu li {
        width: calc((100% - 15px) / 3);
        margin: 0;
    }

    .process-tab .tab-menu li .thumb i {
        font-size: 24px;
    }

    .process-tab .tab-menu li .title {
        font-size: 14px;
    }
}

.exchange-from-to-form {
    align-items: flex-end;
    margin: -15px;
}

@media (min-width: 768px) {
    .exchange-from-to-form {
        max-width: 730px;
        margin: -15px auto;
    }
}

.exchange-from-to-form .form-group {
    width: 33.33%;
    padding: 15px;
    margin: 0;
}

.exchange-from-to-form .form-group .select-bar, .exchange-from-to-form .form-group input[type="submit"] {
    width: 100%;
    height: 60px;
    border-radius: 0;
}

.exchange-from-to-form .form-group .select-bar .current, .exchange-from-to-form .form-group input[type="submit"] .current {
    line-height: 60px;
    color: #ffffff;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

.exchange-from-to-form .form-group label {
    color: #ffffff;
    display: block;
    width: 100%;
}

.exchange-from-to-form .form-group .select-bar {
    background: #222f3e;
    border-color: #222f3e;
}

.exchange-from-to-form .form-group .select-bar::after {
    border-color: #ffffff;
}

.exchange-from-to-form .form-group .select-bar .list {
    background: #222f3e;
    border-radius: 0;
    color: #ffffff;
}

.exchange-from-to-form .form-group .select-bar .list .option:hover, .exchange-from-to-form .form-group .select-bar .list .option.selected {
    color: #0c0026;
    background: #ffffff;
}

.exchange-from-to-form .form-group input[type="submit"] {
    background: #2ecc71;
    border-color: #2ecc71;
    color: #0c0026;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

@media (max-width: 767px) {
    .exchange-from-to-form .form-group {
        width: 100%;
    }
}

.currency-rate {
    font-size: 20px;
    color: #ffffff;
    max-width: 700px;
    margin: 20px auto 0;
}

.currency-rate p {
    margin-bottom: -5px;
}

.currency-rate span {
    color: #2ecc71;
}

.amount-form {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}

.amount-form .form-group input {
    background: #222f3e;
    border-color: #222f3e;
}

.amount-form .form-group .select-bar {
    background: #222f3e;
    text-align: center;
    border-color: #394247;
}

.amount-form .form-group .select-bar .list {
    background: #222f3e;
}

.confirmation-group {
    align-items: flex-start;
}

.confirmation-group .confirmation-thumb {
    width: 30%;
    padding: 20px;
    background: #ffffff;
}

.confirmation-group .confirmation-thumb img {
    width: 100%;
}

.confirmation-group .confirmation-content {
    padding-left: 30px;
    width: 70%;
}

.confirmation-group .confirmation-content .con-header {
    margin-bottom: 40px;
}

.confirmation-group .confirmation-content .con-header .title {
    margin-bottom: 15px;
}

.confirmation-group .confirmation-content .con-header p {
    max-width: 500px;
}

.confirmation-group .confirmation-content .con-header p .currency-cl {
    color: #2ecc71;
}

.confirmation-group .confirmation-content .transaction-id {
    margin-bottom: 40px;
    max-width: 300px;
}

.confirmation-group .confirmation-content .transaction-id li {
    padding: 10px 0;
    display: flex;
    font-size: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.confirmation-group .confirmation-content .transaction-id li span {
    width: 140px;
}

.confirmation-group .confirmation-content .transaction-id li .trans-id {
    color: #2ecc71;
    padding-left: 15px;
}

.confirmation-group .confirmation-content .content {
    margin-bottom: 30px;
}

.confirmation-group .confirmation-content .content .title {
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .confirmation-group .confirmation-content .content .title {
        margin-bottom: 10px;
    }
}

.confirmation-group .confirmation-content .content a {
    color: #ffffff;
}

.confirmation-group .confirmation-content .content a:hover {
    color: #2ecc71;
}

.confirmation-group .confirmation-content .confirm-form {
    text-align: right;
}

.confirmation-group .confirmation-content .confirm-form input {
    background: #2ecc71;
    color: #0c0026;
    width: auto;
    padding: 0 50px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    border-radius: 0;
}

@media (max-width: 991px) {
    .confirmation-group .confirmation-content {
        width: 100%;
        padding: 0;
    }

    .confirmation-group .confirmation-thumb {
        width: 40%;
        margin-bottom: 40px;
        padding: 10px;
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .confirmation-group .confirmation-thumb {
        margin-bottom: 30px;
    }
}

/*Currency Rates Starts Here*/
@media (max-width: 300px) {
    .responsive-table,
    .responsive-table thead,
    .responsive-table tbody,
    .responsive-table th,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-table tr {
        margin: 0;
    }

    .responsive-table tr:nth-child(odd) {
        background: #394247;
    }

    .responsive-table tr:nth-child(even) {
        background: #222f3e;
    }

    .responsive-table td {
        border: none;
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
        position: relative;
        display: block;
        padding: 10px 0;
        text-align: center;
    }

    .responsive-table td:last-child {
        padding: 10px;
    }

    .responsive-table td:before {
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        white-space: nowrap;
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        color: #ffffff;
        font-size: 18px;
    }

    .responsive-table td:before {
        content: attr(data-input);
    }

    .responsive-table strong {
        font-weight: 600;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        color: #2ecc71;
    }
}

@media (min-width: 300px) {
    .responsive-table {
        width: 100%;
        border: 1px solid rgba(229, 229, 229, 0.2);
        text-align: center;
    }

    .responsive-table tr th {
        padding: 12px 10px;
        line-height: 1.5rem;
        font-family: "Roboto", sans-serif;
        color: #ffffff;
        font-size: 20px;
        text-transform: none;
        font-weight: 600;
        border-right: 1px solid rgba(229, 229, 229, 0.2);
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
    }

    .responsive-table tr th:last-child {
        border-right: none;
    }

    .responsive-table tbody td {
        padding: 16px 10px;
        border-right: 1px solid rgba(229, 229, 229, 0.2);
        border-bottom: 1px solid rgba(229, 229, 229, 0.2);
        text-transform: none;
    }

    .responsive-table tbody td:last-child {
        border-right: none;
    }
}

.responsive-table th {
    background: #f30606;
    position: sticky;
    top: 0; /* Don't forget this, required for the stickiness */
}


.refresh {
    max-width: 30px;
}

.flag {
    max-width: 64px;
    /*! padding: 10px; */
    padding: 0 0 0 10px;
}

/*Affiliate Programe*/
.affiliate-item {
    margin-bottom: 30px;
}

.affiliate-item .affiliate-thumb {
    background: #222f3e;
    width: 140px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.affiliate-item .affiliate-thumb .cate {
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1.5;
    display: block;
    margin-bottom: 10px;
}

.affiliate-item .affiliate-thumb .title {
    font-size: 36px;
    font-weight: 600;
}

.affiliate-item .affiliate-content {
    width: calc(100% - 140px);
    padding: 30px;
    background: #394247;
}

@media screen and (max-width: 499px) {
    .affiliate-item .affiliate-thumb {
        width: 100%;
        padding: 20px;
    }

    .affiliate-item .affiliate-thumb .title {
        font-size: 30px;
    }

    .affiliate-item .affiliate-thumb .cate {
        font-size: 18px;
    }

    .affiliate-item .affiliate-content {
        width: 100%;
        text-align: center;
        padding: 20px;
    }
}

.mt-30 {
    margin-top: 30px;
}

/*Join Affiliate Section Starts Here*/
.join-item {
    text-align: center;
    margin-bottom: 33px;
}

.join-item .join-thumb {
    height: 100px;
    margin: 0 auto 20px;
}

.join-item .join-thumb img {
    max-height: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {
    .join-item .join-thumb {
        height: 80px;
    }
}

.join-item .join-content .title {
    text-transform: none;
    font-weight: 600;
}

/*Error 404 Section Starts Here*/
.section-404 {
    overflow: hidden;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

.section-404 .thumb {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.section-404 .thumb img {
    max-width: 100%;
    margin-bottom: 10px;
}

.section-404 > * {
    width: 100%;
}

.custom-button.error {
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
}

.custom-button.error span {
    padding: 0;
}

/*Parallax Animation Starts Here*/
#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1182px 820px #FFF, 1912px 1035px #FFF, 266px 426px #FFF, 1810px 247px #FFF, 1999px 1176px #FFF, 1350px 120px #FFF, 414px 975px #FFF, 1318px 293px #FFF, 79px 989px #FFF, 357px 834px #FFF, 1px 1120px #FFF, 1436px 236px #FFF, 1357px 472px #FFF, 1405px 1149px #FFF, 998px 1037px #FFF, 985px 676px #FFF, 1222px 257px #FFF, 1033px 37px #FFF, 1157px 333px #FFF, 447px 1719px #FFF, 180px 249px #FFF, 674px 1030px #FFF, 1678px 1692px #FFF, 1990px 710px #FFF, 549px 1248px #FFF, 1632px 1875px #FFF, 561px 241px #FFF, 346px 785px #FFF, 1430px 1424px #FFF, 543px 1742px #FFF, 509px 1319px #FFF, 933px 1772px #FFF, 999px 836px #FFF, 1029px 823px #FFF, 94px 882px #FFF, 1502px 681px #FFF, 669px 1459px #FFF, 696px 577px #FFF, 1982px 1976px #FFF, 1790px 1203px #FFF, 740px 1381px #FFF, 264px 1513px #FFF, 1583px 515px #FFF, 1308px 811px #FFF, 222px 1913px #FFF, 1881px 467px #FFF, 1450px 86px #FFF, 216px 201px #FFF, 1698px 137px #FFF, 1431px 649px #FFF, 523px 1223px #FFF, 96px 1426px #FFF, 1214px 503px #FFF, 433px 879px #FFF, 1676px 978px #FFF, 717px 888px #FFF, 1628px 707px #FFF, 1586px 17px #FFF, 1273px 527px #FFF, 1104px 1892px #FFF, 1749px 1841px #FFF, 1246px 1184px #FFF, 1368px 478px #FFF, 1626px 1352px #FFF, 1186px 810px #FFF, 1446px 1250px #FFF, 1770px 1615px #FFF, 1314px 631px #FFF, 1786px 1354px #FFF, 1478px 1360px #FFF, 1982px 601px #FFF, 1729px 1481px #FFF, 1352px 1116px #FFF, 946px 1212px #FFF, 193px 1885px #FFF, 1122px 389px #FFF, 1645px 1916px #FFF, 1975px 16px #FFF, 866px 1322px #FFF, 606px 1535px #FFF, 839px 635px #FFF, 1499px 1540px #FFF, 261px 502px #FFF, 1900px 1802px #FFF, 596px 306px #FFF, 285px 1700px #FFF, 1760px 1153px #FFF, 1598px 729px #FFF, 1430px 477px #FFF, 1558px 323px #FFF, 39px 970px #FFF, 1725px 180px #FFF, 877px 723px #FFF, 440px 811px #FFF, 48px 476px #FFF, 1021px 1423px #FFF, 1447px 1685px #FFF, 691px 658px #FFF, 1458px 1656px #FFF, 769px 960px #FFF, 586px 352px #FFF, 200px 200px #FFF, 775px 1292px #FFF, 1274px 354px #FFF, 1795px 1977px #FFF, 1808px 234px #FFF, 1017px 1779px #FFF, 1627px 742px #FFF, 1503px 839px #FFF, 1723px 1187px #FFF, 1280px 1705px #FFF, 1902px 1452px #FFF, 1929px 607px #FFF, 704px 1408px #FFF, 776px 1860px #FFF, 1785px 970px #FFF, 1908px 1107px #FFF, 700px 473px #FFF, 146px 661px #FFF, 256px 1902px #FFF, 1177px 551px #FFF, 1009px 1304px #FFF, 69px 377px #FFF, 1727px 406px #FFF, 570px 1208px #FFF, 1249px 602px #FFF, 1702px 297px #FFF, 1068px 239px #FFF, 224px 1428px #FFF, 1533px 1206px #FFF, 563px 1510px #FFF, 1770px 437px #FFF, 1968px 1537px #FFF, 1523px 1981px #FFF, 877px 940px #FFF, 1872px 744px #FFF, 584px 62px #FFF, 1128px 1274px #FFF, 642px 477px #FFF, 1273px 191px #FFF, 1894px 1177px #FFF, 1568px 1849px #FFF, 1516px 599px #FFF, 134px 917px #FFF, 565px 1849px #FFF, 1418px 17px #FFF, 1563px 1071px #FFF, 1454px 1728px #FFF, 1722px 230px #FFF, 762px 1499px #FFF, 1901px 1908px #FFF, 1090px 1554px #FFF, 1085px 1814px #FFF, 469px 958px #FFF, 1672px 1112px #FFF, 821px 1873px #FFF, 156px 1315px #FFF, 1505px 1910px #FFF, 1535px 1414px #FFF, 1891px 1867px #FFF, 1306px 240px #FFF, 876px 471px #FFF, 1855px 1905px #FFF, 553px 996px #FFF, 831px 18px #FFF, 667px 1198px #FFF, 1399px 694px #FFF, 1230px 355px #FFF, 725px 1293px #FFF, 576px 966px #FFF, 453px 530px #FFF, 457px 611px #FFF, 358px 1170px #FFF, 1686px 1783px #FFF, 327px 232px #FFF, 1724px 77px #FFF, 999px 1933px #FFF, 1799px 1171px #FFF, 821px 514px #FFF, 72px 348px #FFF, 506px 1730px #FFF, 1399px 1048px #FFF, 1545px 766px #FFF, 1101px 269px #FFF, 182px 411px #FFF, 167px 394px #FFF, 243px 872px #FFF, 1198px 1590px #FFF, 374px 697px #FFF, 1242px 1154px #FFF, 1274px 1944px #FFF, 53px 1500px #FFF, 1317px 72px #FFF, 1587px 642px #FFF, 998px 1845px #FFF, 1334px 1552px #FFF, 1149px 1728px #FFF, 1819px 390px #FFF, 1485px 1832px #FFF, 237px 1280px #FFF, 1596px 1846px #FFF, 1461px 136px #FFF, 1457px 1922px #FFF, 1213px 556px #FFF, 570px 1634px #FFF, 373px 1172px #FFF, 440px 1218px #FFF, 51px 1692px #FFF, 1261px 1219px #FFF, 959px 849px #FFF, 8px 1150px #FFF, 1414px 1502px #FFF, 1968px 1859px #FFF, 1152px 305px #FFF, 1180px 1480px #FFF, 1574px 338px #FFF, 363px 1808px #FFF, 692px 671px #FFF, 322px 609px #FFF, 1968px 51px #FFF, 1584px 1979px #FFF, 1226px 755px #FFF, 1148px 750px #FFF, 944px 813px #FFF, 1862px 402px #FFF, 1379px 1918px #FFF, 1937px 619px #FFF, 1329px 905px #FFF, 1301px 1770px #FFF, 1085px 1714px #FFF, 1589px 817px #FFF, 456px 983px #FFF, 1436px 56px #FFF, 1908px 1536px #FFF, 363px 1932px #FFF, 182px 949px #FFF, 600px 324px #FFF, 1485px 1444px #FFF, 1583px 28px #FFF, 1258px 32px #FFF, 1786px 342px #FFF, 1765px 359px #FFF, 689px 262px #FFF, 840px 614px #FFF, 88px 1133px #FFF, 60px 1319px #FFF, 1129px 1099px #FFF, 406px 667px #FFF, 1604px 1818px #FFF, 999px 1545px #FFF, 1564px 1891px #FFF, 1941px 294px #FFF, 1801px 1585px #FFF, 1341px 105px #FFF, 1690px 490px #FFF, 1000px 822px #FFF, 1453px 999px #FFF, 1286px 1645px #FFF, 744px 1833px #FFF, 625px 1752px #FFF, 52px 542px #FFF, 1049px 709px #FFF, 1504px 46px #FFF, 388px 651px #FFF, 1958px 1444px #FFF, 1315px 1606px #FFF, 579px 1223px #FFF, 1820px 1376px #FFF, 241px 23px #FFF, 343px 1985px #FFF, 1261px 1080px #FFF, 1496px 546px #FFF, 1188px 730px #FFF, 1546px 1865px #FFF, 1481px 548px #FFF, 1274px 1196px #FFF, 799px 131px #FFF, 1516px 1242px #FFF, 978px 1533px #FFF, 1954px 1553px #FFF, 263px 589px #FFF, 921px 1471px #FFF, 1698px 1228px #FFF, 1733px 1869px #FFF, 1398px 1382px #FFF, 1719px 471px #FFF, 1933px 124px #FFF, 156px 1310px #FFF, 31px 1665px #FFF, 1017px 1400px #FFF, 1359px 627px #FFF, 1788px 728px #FFF, 160px 826px #FFF, 1037px 440px #FFF, 1225px 492px #FFF, 1187px 431px #FFF, 1400px 397px #FFF, 882px 1961px #FFF, 1311px 1166px #FFF, 215px 1563px #FFF, 631px 1506px #FFF, 1583px 1376px #FFF, 1899px 1547px #FFF, 1721px 596px #FFF, 1907px 1350px #FFF, 31px 1660px #FFF, 1420px 579px #FFF, 70px 1847px #FFF, 633px 280px #FFF, 1624px 1143px #FFF, 1322px 401px #FFF, 1882px 1319px #FFF, 1198px 1090px #FFF, 1205px 347px #FFF, 1789px 968px #FFF, 198px 526px #FFF, 1443px 81px #FFF, 1429px 732px #FFF, 854px 1644px #FFF, 693px 616px #FFF, 1959px 239px #FFF, 928px 640px #FFF, 541px 1838px #FFF, 799px 848px #FFF, 1056px 660px #FFF, 1693px 1942px #FFF, 894px 1399px #FFF, 1654px 1316px #FFF, 1435px 112px #FFF, 392px 441px #FFF, 433px 243px #FFF, 1622px 617px #FFF, 622px 1500px #FFF, 1959px 842px #FFF, 1708px 1094px #FFF, 1819px 1031px #FFF, 408px 1392px #FFF, 1052px 1320px #FFF, 822px 1509px #FFF, 891px 1646px #FFF, 1957px 591px #FFF, 770px 1038px #FFF, 631px 355px #FFF, 1540px 1268px #FFF, 117px 780px #FFF, 1629px 895px #FFF, 221px 1846px #FFF, 298px 1431px #FFF, 544px 1620px #FFF, 391px 1244px #FFF, 317px 138px #FFF, 175px 1663px #FFF, 1283px 846px #FFF, 242px 1084px #FFF, 1719px 1009px #FFF, 605px 1805px #FFF, 1695px 1373px #FFF, 466px 939px #FFF, 716px 1172px #FFF, 846px 954px #FFF, 360px 1228px #FFF, 969px 1571px #FFF, 1530px 999px #FFF, 1501px 835px #FFF, 376px 1885px #FFF, 1430px 856px #FFF, 1511px 1421px #FFF, 447px 462px #FFF, 991px 686px #FFF, 251px 227px #FFF, 712px 1653px #FFF, 1723px 918px #FFF, 1991px 1697px #FFF, 589px 227px #FFF, 1107px 1436px #FFF, 198px 1574px #FFF, 1159px 1993px #FFF, 1156px 782px #FFF, 895px 1525px #FFF, 4px 1578px #FFF, 1242px 1165px #FFF, 996px 145px #FFF, 913px 477px #FFF, 376px 1121px #FFF, 969px 360px #FFF, 983px 939px #FFF, 1302px 679px #FFF, 850px 385px #FFF, 877px 1821px #FFF, 1068px 30px #FFF, 492px 349px #FFF, 216px 1396px #FFF, 854px 1929px #FFF, 1820px 1755px #FFF, 614px 40px #FFF, 1029px 1524px #FFF, 38px 1184px #FFF, 1645px 968px #FFF, 432px 987px #FFF, 1824px 195px #FFF, 1835px 503px #FFF, 1142px 380px #FFF, 183px 1174px #FFF, 20px 455px #FFF, 642px 977px #FFF, 408px 1066px #FFF, 1159px 1869px #FFF, 1422px 713px #FFF, 872px 879px #FFF, 650px 1769px #FFF, 946px 19px #FFF, 910px 1961px #FFF, 1036px 1034px #FFF, 42px 271px #FFF, 1891px 1584px #FFF, 7px 1864px #FFF, 31px 652px #FFF, 51px 183px #FFF, 1934px 1131px #FFF, 133px 1275px #FFF, 1681px 1996px #FFF, 1176px 277px #FFF, 730px 1327px #FFF, 941px 1014px #FFF, 1223px 898px #FFF, 372px 1071px #FFF, 538px 1421px #FFF, 273px 984px #FFF, 1957px 134px #FFF, 1647px 606px #FFF, 170px 1165px #FFF, 1920px 577px #FFF, 135px 1883px #FFF, 1966px 1513px #FFF, 80px 1389px #FFF, 178px 1975px #FFF, 1039px 1556px #FFF, 342px 326px #FFF, 1149px 759px #FFF, 1072px 902px #FFF, 945px 136px #FFF, 1219px 1142px #FFF, 733px 422px #FFF, 459px 289px #FFF, 190px 1220px #FFF, 182px 1743px #FFF, 65px 772px #FFF, 886px 535px #FFF, 1805px 1685px #FFF, 6px 586px #FFF, 491px 1545px #FFF, 450px 934px #FFF, 583px 1916px #FFF, 1535px 1487px #FFF, 913px 757px #FFF, 1665px 1429px #FFF, 1919px 1543px #FFF, 204px 1235px #FFF, 303px 1202px #FFF, 1922px 531px #FFF, 1607px 819px #FFF, 1872px 1827px #FFF, 1627px 21px #FFF, 1882px 705px #FFF, 789px 491px #FFF, 850px 650px #FFF, 404px 1388px #FFF, 801px 1136px #FFF, 1186px 222px #FFF, 92px 1124px #FFF, 1526px 1447px #FFF, 1708px 1621px #FFF, 292px 744px #FFF, 1441px 1511px #FFF, 80px 1139px #FFF, 1082px 107px #FFF, 781px 1358px #FFF, 121px 155px #FFF, 251px 1079px #FFF, 309px 1155px #FFF, 1781px 1151px #FFF, 1614px 1693px #FFF, 223px 1588px #FFF, 11px 1475px #FFF, 1831px 1048px #FFF, 1857px 1916px #FFF, 1591px 1619px #FFF, 1752px 1506px #FFF, 1026px 1030px #FFF, 1835px 1508px #FFF, 555px 390px #FFF, 21px 607px #FFF, 1420px 185px #FFF, 497px 1868px #FFF, 620px 1048px #FFF, 1916px 36px #FFF, 710px 61px #FFF, 730px 1285px #FFF, 1881px 1732px #FFF, 764px 138px #FFF, 1823px 1169px #FFF, 1501px 732px #FFF, 1282px 1025px #FFF, 1780px 1945px #FFF, 1332px 1030px #FFF, 290px 1705px #FFF, 342px 488px #FFF, 314px 1093px #FFF, 1803px 1497px #FFF, 302px 1223px #FFF, 1811px 82px #FFF, 359px 702px #FFF, 276px 338px #FFF, 1430px 1735px #FFF, 861px 1245px #FFF, 69px 1074px #FFF, 1051px 1558px #FFF, 260px 1755px #FFF, 1217px 188px #FFF, 1677px 1351px #FFF, 596px 909px #FFF, 357px 953px #FFF, 939px 1768px #FFF, 587px 642px #FFF, 529px 344px #FFF, 1544px 1359px #FFF, 1880px 645px #FFF, 558px 1981px #FFF, 1849px 1033px #FFF, 55px 595px #FFF, 1484px 1086px #FFF, 1650px 344px #FFF, 817px 1319px #FFF, 792px 1747px #FFF, 1412px 1108px #FFF, 1794px 1485px #FFF, 1673px 1620px #FFF, 111px 1034px #FFF, 24px 1364px #FFF, 1271px 1326px #FFF, 79px 671px #FFF, 1473px 1936px #FFF, 1311px 396px #FFF, 1944px 46px #FFF, 290px 1585px #FFF, 1098px 959px #FFF, 689px 723px #FFF, 1812px 276px #FFF, 858px 457px #FFF, 1153px 908px #FFF, 1469px 1492px #FFF, 1991px 1600px #FFF, 1149px 1515px #FFF, 1881px 1675px #FFF, 551px 1104px #FFF, 1206px 69px #FFF, 926px 1052px #FFF, 1620px 449px #FFF, 573px 1113px #FFF, 2px 357px #FFF, 595px 1908px #FFF, 1736px 461px #FFF, 972px 640px #FFF, 1698px 1471px #FFF, 1288px 160px #FFF, 637px 1545px #FFF, 882px 878px #FFF, 1655px 408px #FFF, 1403px 735px #FFF, 743px 1551px #FFF, 1553px 455px #FFF, 550px 229px #FFF, 1520px 1926px #FFF, 569px 1570px #FFF, 1123px 1851px #FFF, 986px 249px #FFF, 1462px 818px #FFF, 582px 1753px #FFF, 155px 1445px #FFF, 1396px 1887px #FFF, 1994px 1016px #FFF, 32px 1333px #FFF, 1038px 1237px #FFF, 1169px 1209px #FFF, 1830px 96px #FFF, 651px 1925px #FFF, 590px 783px #FFF, 63px 1535px #FFF, 246px 1897px #FFF, 678px 1001px #FFF, 1334px 1910px #FFF, 1492px 1477px #FFF, 1286px 156px #FFF, 1123px 1333px #FFF, 871px 572px #FFF, 586px 1419px #FFF, 1219px 906px #FFF, 708px 1903px #FFF, 679px 890px #FFF, 27px 422px #FFF, 1551px 1px #FFF, 1385px 449px #FFF, 820px 1984px #FFF, 1322px 983px #FFF, 1219px 537px #FFF, 1611px 678px #FFF, 364px 59px #FFF, 1349px 1438px #FFF, 830px 1876px #FFF, 1035px 148px #FFF, 710px 596px #FFF, 59px 1009px #FFF, 275px 199px #FFF, 354px 530px #FFF, 759px 1487px #FFF, 1296px 696px #FFF, 18px 1673px #FFF, 889px 621px #FFF, 35px 1785px #FFF, 1369px 1638px #FFF, 355px 1816px #FFF, 1808px 1393px #FFF, 259px 571px #FFF, 863px 1655px #FFF, 1611px 354px #FFF, 1103px 949px #FFF, 1784px 566px #FFF, 352px 476px #FFF, 655px 520px #FFF, 347px 1167px #FFF, 1159px 499px #FFF, 102px 827px #FFF, 432px 155px #FFF, 232px 829px #FFF, 833px 1899px #FFF, 1578px 1877px #FFF, 124px 1715px #FFF, 1143px 999px #FFF, 398px 258px #FFF, 1323px 844px #FFF, 1795px 661px #FFF, 86px 1658px #FFF, 823px 407px #FFF, 846px 131px #FFF, 1109px 1149px #FFF, 1006px 1326px #FFF, 1385px 1730px #FFF, 258px 84px #FFF, 1026px 1000px #FFF, 1895px 1472px #FFF, 1568px 1895px #FFF, 514px 1790px #FFF, 996px 1748px #FFF, 1517px 853px #FFF, 1825px 604px #FFF, 731px 527px #FFF, 488px 1808px #FFF, 956px 202px #FFF, 935px 1319px #FFF, 480px 431px #FFF, 1702px 483px #FFF, 910px 196px #FFF, 443px 1386px #FFF, 1547px 1465px #FFF, 416px 13px #FFF, 665px 1792px #FFF, 721px 1523px #FFF, 510px 44px #FFF, 1832px 1836px #FFF, 1513px 1813px #FFF, 1999px 1446px #FFF, 1285px 841px #FFF, 1118px 555px #FFF, 1190px 941px #FFF, 1925px 223px #FFF, 720px 214px #FFF, 1127px 798px #FFF, 1522px 1642px #FFF, 239px 406px #FFF, 960px 807px #FFF, 316px 855px #FFF, 422px 105px #FFF, 1893px 581px #FFF, 290px 141px #FFF, 543px 329px #FFF, 1573px 281px #FFF, 1160px 1799px #FFF, 245px 1265px #FFF, 1407px 125px #FFF, 1967px 1468px #FFF, 1064px 366px #FFF, 1091px 1042px #FFF, 1871px 397px #FFF, 1755px 1155px #FFF, 1708px 1415px #FFF, 631px 23px #FFF, 69px 1809px #FFF, 1177px 1196px #FFF, 217px 437px #FFF, 1225px 1667px #FFF;
    animation: animStar 50s linear infinite;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1182px 820px #FFF, 1912px 1035px #FFF, 266px 426px #FFF, 1810px 247px #FFF, 1999px 1176px #FFF, 1350px 120px #FFF, 414px 975px #FFF, 1318px 293px #FFF, 79px 989px #FFF, 357px 834px #FFF, 1px 1120px #FFF, 1436px 236px #FFF, 1357px 472px #FFF, 1405px 1149px #FFF, 998px 1037px #FFF, 985px 676px #FFF, 1222px 257px #FFF, 1033px 37px #FFF, 1157px 333px #FFF, 447px 1719px #FFF, 180px 249px #FFF, 674px 1030px #FFF, 1678px 1692px #FFF, 1990px 710px #FFF, 549px 1248px #FFF, 1632px 1875px #FFF, 561px 241px #FFF, 346px 785px #FFF, 1430px 1424px #FFF, 543px 1742px #FFF, 509px 1319px #FFF, 933px 1772px #FFF, 999px 836px #FFF, 1029px 823px #FFF, 94px 882px #FFF, 1502px 681px #FFF, 669px 1459px #FFF, 696px 577px #FFF, 1982px 1976px #FFF, 1790px 1203px #FFF, 740px 1381px #FFF, 264px 1513px #FFF, 1583px 515px #FFF, 1308px 811px #FFF, 222px 1913px #FFF, 1881px 467px #FFF, 1450px 86px #FFF, 216px 201px #FFF, 1698px 137px #FFF, 1431px 649px #FFF, 523px 1223px #FFF, 96px 1426px #FFF, 1214px 503px #FFF, 433px 879px #FFF, 1676px 978px #FFF, 717px 888px #FFF, 1628px 707px #FFF, 1586px 17px #FFF, 1273px 527px #FFF, 1104px 1892px #FFF, 1749px 1841px #FFF, 1246px 1184px #FFF, 1368px 478px #FFF, 1626px 1352px #FFF, 1186px 810px #FFF, 1446px 1250px #FFF, 1770px 1615px #FFF, 1314px 631px #FFF, 1786px 1354px #FFF, 1478px 1360px #FFF, 1982px 601px #FFF, 1729px 1481px #FFF, 1352px 1116px #FFF, 946px 1212px #FFF, 193px 1885px #FFF, 1122px 389px #FFF, 1645px 1916px #FFF, 1975px 16px #FFF, 866px 1322px #FFF, 606px 1535px #FFF, 839px 635px #FFF, 1499px 1540px #FFF, 261px 502px #FFF, 1900px 1802px #FFF, 596px 306px #FFF, 285px 1700px #FFF, 1760px 1153px #FFF, 1598px 729px #FFF, 1430px 477px #FFF, 1558px 323px #FFF, 39px 970px #FFF, 1725px 180px #FFF, 877px 723px #FFF, 440px 811px #FFF, 48px 476px #FFF, 1021px 1423px #FFF, 1447px 1685px #FFF, 691px 658px #FFF, 1458px 1656px #FFF, 769px 960px #FFF, 586px 352px #FFF, 200px 200px #FFF, 775px 1292px #FFF, 1274px 354px #FFF, 1795px 1977px #FFF, 1808px 234px #FFF, 1017px 1779px #FFF, 1627px 742px #FFF, 1503px 839px #FFF, 1723px 1187px #FFF, 1280px 1705px #FFF, 1902px 1452px #FFF, 1929px 607px #FFF, 704px 1408px #FFF, 776px 1860px #FFF, 1785px 970px #FFF, 1908px 1107px #FFF, 700px 473px #FFF, 146px 661px #FFF, 256px 1902px #FFF, 1177px 551px #FFF, 1009px 1304px #FFF, 69px 377px #FFF, 1727px 406px #FFF, 570px 1208px #FFF, 1249px 602px #FFF, 1702px 297px #FFF, 1068px 239px #FFF, 224px 1428px #FFF, 1533px 1206px #FFF, 563px 1510px #FFF, 1770px 437px #FFF, 1968px 1537px #FFF, 1523px 1981px #FFF, 877px 940px #FFF, 1872px 744px #FFF, 584px 62px #FFF, 1128px 1274px #FFF, 642px 477px #FFF, 1273px 191px #FFF, 1894px 1177px #FFF, 1568px 1849px #FFF, 1516px 599px #FFF, 134px 917px #FFF, 565px 1849px #FFF, 1418px 17px #FFF, 1563px 1071px #FFF, 1454px 1728px #FFF, 1722px 230px #FFF, 762px 1499px #FFF, 1901px 1908px #FFF, 1090px 1554px #FFF, 1085px 1814px #FFF, 469px 958px #FFF, 1672px 1112px #FFF, 821px 1873px #FFF, 156px 1315px #FFF, 1505px 1910px #FFF, 1535px 1414px #FFF, 1891px 1867px #FFF, 1306px 240px #FFF, 876px 471px #FFF, 1855px 1905px #FFF, 553px 996px #FFF, 831px 18px #FFF, 667px 1198px #FFF, 1399px 694px #FFF, 1230px 355px #FFF, 725px 1293px #FFF, 576px 966px #FFF, 453px 530px #FFF, 457px 611px #FFF, 358px 1170px #FFF, 1686px 1783px #FFF, 327px 232px #FFF, 1724px 77px #FFF, 999px 1933px #FFF, 1799px 1171px #FFF, 821px 514px #FFF, 72px 348px #FFF, 506px 1730px #FFF, 1399px 1048px #FFF, 1545px 766px #FFF, 1101px 269px #FFF, 182px 411px #FFF, 167px 394px #FFF, 243px 872px #FFF, 1198px 1590px #FFF, 374px 697px #FFF, 1242px 1154px #FFF, 1274px 1944px #FFF, 53px 1500px #FFF, 1317px 72px #FFF, 1587px 642px #FFF, 998px 1845px #FFF, 1334px 1552px #FFF, 1149px 1728px #FFF, 1819px 390px #FFF, 1485px 1832px #FFF, 237px 1280px #FFF, 1596px 1846px #FFF, 1461px 136px #FFF, 1457px 1922px #FFF, 1213px 556px #FFF, 570px 1634px #FFF, 373px 1172px #FFF, 440px 1218px #FFF, 51px 1692px #FFF, 1261px 1219px #FFF, 959px 849px #FFF, 8px 1150px #FFF, 1414px 1502px #FFF, 1968px 1859px #FFF, 1152px 305px #FFF, 1180px 1480px #FFF, 1574px 338px #FFF, 363px 1808px #FFF, 692px 671px #FFF, 322px 609px #FFF, 1968px 51px #FFF, 1584px 1979px #FFF, 1226px 755px #FFF, 1148px 750px #FFF, 944px 813px #FFF, 1862px 402px #FFF, 1379px 1918px #FFF, 1937px 619px #FFF, 1329px 905px #FFF, 1301px 1770px #FFF, 1085px 1714px #FFF, 1589px 817px #FFF, 456px 983px #FFF, 1436px 56px #FFF, 1908px 1536px #FFF, 363px 1932px #FFF, 182px 949px #FFF, 600px 324px #FFF, 1485px 1444px #FFF, 1583px 28px #FFF, 1258px 32px #FFF, 1786px 342px #FFF, 1765px 359px #FFF, 689px 262px #FFF, 840px 614px #FFF, 88px 1133px #FFF, 60px 1319px #FFF, 1129px 1099px #FFF, 406px 667px #FFF, 1604px 1818px #FFF, 999px 1545px #FFF, 1564px 1891px #FFF, 1941px 294px #FFF, 1801px 1585px #FFF, 1341px 105px #FFF, 1690px 490px #FFF, 1000px 822px #FFF, 1453px 999px #FFF, 1286px 1645px #FFF, 744px 1833px #FFF, 625px 1752px #FFF, 52px 542px #FFF, 1049px 709px #FFF, 1504px 46px #FFF, 388px 651px #FFF, 1958px 1444px #FFF, 1315px 1606px #FFF, 579px 1223px #FFF, 1820px 1376px #FFF, 241px 23px #FFF, 343px 1985px #FFF, 1261px 1080px #FFF, 1496px 546px #FFF, 1188px 730px #FFF, 1546px 1865px #FFF, 1481px 548px #FFF, 1274px 1196px #FFF, 799px 131px #FFF, 1516px 1242px #FFF, 978px 1533px #FFF, 1954px 1553px #FFF, 263px 589px #FFF, 921px 1471px #FFF, 1698px 1228px #FFF, 1733px 1869px #FFF, 1398px 1382px #FFF, 1719px 471px #FFF, 1933px 124px #FFF, 156px 1310px #FFF, 31px 1665px #FFF, 1017px 1400px #FFF, 1359px 627px #FFF, 1788px 728px #FFF, 160px 826px #FFF, 1037px 440px #FFF, 1225px 492px #FFF, 1187px 431px #FFF, 1400px 397px #FFF, 882px 1961px #FFF, 1311px 1166px #FFF, 215px 1563px #FFF, 631px 1506px #FFF, 1583px 1376px #FFF, 1899px 1547px #FFF, 1721px 596px #FFF, 1907px 1350px #FFF, 31px 1660px #FFF, 1420px 579px #FFF, 70px 1847px #FFF, 633px 280px #FFF, 1624px 1143px #FFF, 1322px 401px #FFF, 1882px 1319px #FFF, 1198px 1090px #FFF, 1205px 347px #FFF, 1789px 968px #FFF, 198px 526px #FFF, 1443px 81px #FFF, 1429px 732px #FFF, 854px 1644px #FFF, 693px 616px #FFF, 1959px 239px #FFF, 928px 640px #FFF, 541px 1838px #FFF, 799px 848px #FFF, 1056px 660px #FFF, 1693px 1942px #FFF, 894px 1399px #FFF, 1654px 1316px #FFF, 1435px 112px #FFF, 392px 441px #FFF, 433px 243px #FFF, 1622px 617px #FFF, 622px 1500px #FFF, 1959px 842px #FFF, 1708px 1094px #FFF, 1819px 1031px #FFF, 408px 1392px #FFF, 1052px 1320px #FFF, 822px 1509px #FFF, 891px 1646px #FFF, 1957px 591px #FFF, 770px 1038px #FFF, 631px 355px #FFF, 1540px 1268px #FFF, 117px 780px #FFF, 1629px 895px #FFF, 221px 1846px #FFF, 298px 1431px #FFF, 544px 1620px #FFF, 391px 1244px #FFF, 317px 138px #FFF, 175px 1663px #FFF, 1283px 846px #FFF, 242px 1084px #FFF, 1719px 1009px #FFF, 605px 1805px #FFF, 1695px 1373px #FFF, 466px 939px #FFF, 716px 1172px #FFF, 846px 954px #FFF, 360px 1228px #FFF, 969px 1571px #FFF, 1530px 999px #FFF, 1501px 835px #FFF, 376px 1885px #FFF, 1430px 856px #FFF, 1511px 1421px #FFF, 447px 462px #FFF, 991px 686px #FFF, 251px 227px #FFF, 712px 1653px #FFF, 1723px 918px #FFF, 1991px 1697px #FFF, 589px 227px #FFF, 1107px 1436px #FFF, 198px 1574px #FFF, 1159px 1993px #FFF, 1156px 782px #FFF, 895px 1525px #FFF, 4px 1578px #FFF, 1242px 1165px #FFF, 996px 145px #FFF, 913px 477px #FFF, 376px 1121px #FFF, 969px 360px #FFF, 983px 939px #FFF, 1302px 679px #FFF, 850px 385px #FFF, 877px 1821px #FFF, 1068px 30px #FFF, 492px 349px #FFF, 216px 1396px #FFF, 854px 1929px #FFF, 1820px 1755px #FFF, 614px 40px #FFF, 1029px 1524px #FFF, 38px 1184px #FFF, 1645px 968px #FFF, 432px 987px #FFF, 1824px 195px #FFF, 1835px 503px #FFF, 1142px 380px #FFF, 183px 1174px #FFF, 20px 455px #FFF, 642px 977px #FFF, 408px 1066px #FFF, 1159px 1869px #FFF, 1422px 713px #FFF, 872px 879px #FFF, 650px 1769px #FFF, 946px 19px #FFF, 910px 1961px #FFF, 1036px 1034px #FFF, 42px 271px #FFF, 1891px 1584px #FFF, 7px 1864px #FFF, 31px 652px #FFF, 51px 183px #FFF, 1934px 1131px #FFF, 133px 1275px #FFF, 1681px 1996px #FFF, 1176px 277px #FFF, 730px 1327px #FFF, 941px 1014px #FFF, 1223px 898px #FFF, 372px 1071px #FFF, 538px 1421px #FFF, 273px 984px #FFF, 1957px 134px #FFF, 1647px 606px #FFF, 170px 1165px #FFF, 1920px 577px #FFF, 135px 1883px #FFF, 1966px 1513px #FFF, 80px 1389px #FFF, 178px 1975px #FFF, 1039px 1556px #FFF, 342px 326px #FFF, 1149px 759px #FFF, 1072px 902px #FFF, 945px 136px #FFF, 1219px 1142px #FFF, 733px 422px #FFF, 459px 289px #FFF, 190px 1220px #FFF, 182px 1743px #FFF, 65px 772px #FFF, 886px 535px #FFF, 1805px 1685px #FFF, 6px 586px #FFF, 491px 1545px #FFF, 450px 934px #FFF, 583px 1916px #FFF, 1535px 1487px #FFF, 913px 757px #FFF, 1665px 1429px #FFF, 1919px 1543px #FFF, 204px 1235px #FFF, 303px 1202px #FFF, 1922px 531px #FFF, 1607px 819px #FFF, 1872px 1827px #FFF, 1627px 21px #FFF, 1882px 705px #FFF, 789px 491px #FFF, 850px 650px #FFF, 404px 1388px #FFF, 801px 1136px #FFF, 1186px 222px #FFF, 92px 1124px #FFF, 1526px 1447px #FFF, 1708px 1621px #FFF, 292px 744px #FFF, 1441px 1511px #FFF, 80px 1139px #FFF, 1082px 107px #FFF, 781px 1358px #FFF, 121px 155px #FFF, 251px 1079px #FFF, 309px 1155px #FFF, 1781px 1151px #FFF, 1614px 1693px #FFF, 223px 1588px #FFF, 11px 1475px #FFF, 1831px 1048px #FFF, 1857px 1916px #FFF, 1591px 1619px #FFF, 1752px 1506px #FFF, 1026px 1030px #FFF, 1835px 1508px #FFF, 555px 390px #FFF, 21px 607px #FFF, 1420px 185px #FFF, 497px 1868px #FFF, 620px 1048px #FFF, 1916px 36px #FFF, 710px 61px #FFF, 730px 1285px #FFF, 1881px 1732px #FFF, 764px 138px #FFF, 1823px 1169px #FFF, 1501px 732px #FFF, 1282px 1025px #FFF, 1780px 1945px #FFF, 1332px 1030px #FFF, 290px 1705px #FFF, 342px 488px #FFF, 314px 1093px #FFF, 1803px 1497px #FFF, 302px 1223px #FFF, 1811px 82px #FFF, 359px 702px #FFF, 276px 338px #FFF, 1430px 1735px #FFF, 861px 1245px #FFF, 69px 1074px #FFF, 1051px 1558px #FFF, 260px 1755px #FFF, 1217px 188px #FFF, 1677px 1351px #FFF, 596px 909px #FFF, 357px 953px #FFF, 939px 1768px #FFF, 587px 642px #FFF, 529px 344px #FFF, 1544px 1359px #FFF, 1880px 645px #FFF, 558px 1981px #FFF, 1849px 1033px #FFF, 55px 595px #FFF, 1484px 1086px #FFF, 1650px 344px #FFF, 817px 1319px #FFF, 792px 1747px #FFF, 1412px 1108px #FFF, 1794px 1485px #FFF, 1673px 1620px #FFF, 111px 1034px #FFF, 24px 1364px #FFF, 1271px 1326px #FFF, 79px 671px #FFF, 1473px 1936px #FFF, 1311px 396px #FFF, 1944px 46px #FFF, 290px 1585px #FFF, 1098px 959px #FFF, 689px 723px #FFF, 1812px 276px #FFF, 858px 457px #FFF, 1153px 908px #FFF, 1469px 1492px #FFF, 1991px 1600px #FFF, 1149px 1515px #FFF, 1881px 1675px #FFF, 551px 1104px #FFF, 1206px 69px #FFF, 926px 1052px #FFF, 1620px 449px #FFF, 573px 1113px #FFF, 2px 357px #FFF, 595px 1908px #FFF, 1736px 461px #FFF, 972px 640px #FFF, 1698px 1471px #FFF, 1288px 160px #FFF, 637px 1545px #FFF, 882px 878px #FFF, 1655px 408px #FFF, 1403px 735px #FFF, 743px 1551px #FFF, 1553px 455px #FFF, 550px 229px #FFF, 1520px 1926px #FFF, 569px 1570px #FFF, 1123px 1851px #FFF, 986px 249px #FFF, 1462px 818px #FFF, 582px 1753px #FFF, 155px 1445px #FFF, 1396px 1887px #FFF, 1994px 1016px #FFF, 32px 1333px #FFF, 1038px 1237px #FFF, 1169px 1209px #FFF, 1830px 96px #FFF, 651px 1925px #FFF, 590px 783px #FFF, 63px 1535px #FFF, 246px 1897px #FFF, 678px 1001px #FFF, 1334px 1910px #FFF, 1492px 1477px #FFF, 1286px 156px #FFF, 1123px 1333px #FFF, 871px 572px #FFF, 586px 1419px #FFF, 1219px 906px #FFF, 708px 1903px #FFF, 679px 890px #FFF, 27px 422px #FFF, 1551px 1px #FFF, 1385px 449px #FFF, 820px 1984px #FFF, 1322px 983px #FFF, 1219px 537px #FFF, 1611px 678px #FFF, 364px 59px #FFF, 1349px 1438px #FFF, 830px 1876px #FFF, 1035px 148px #FFF, 710px 596px #FFF, 59px 1009px #FFF, 275px 199px #FFF, 354px 530px #FFF, 759px 1487px #FFF, 1296px 696px #FFF, 18px 1673px #FFF, 889px 621px #FFF, 35px 1785px #FFF, 1369px 1638px #FFF, 355px 1816px #FFF, 1808px 1393px #FFF, 259px 571px #FFF, 863px 1655px #FFF, 1611px 354px #FFF, 1103px 949px #FFF, 1784px 566px #FFF, 352px 476px #FFF, 655px 520px #FFF, 347px 1167px #FFF, 1159px 499px #FFF, 102px 827px #FFF, 432px 155px #FFF, 232px 829px #FFF, 833px 1899px #FFF, 1578px 1877px #FFF, 124px 1715px #FFF, 1143px 999px #FFF, 398px 258px #FFF, 1323px 844px #FFF, 1795px 661px #FFF, 86px 1658px #FFF, 823px 407px #FFF, 846px 131px #FFF, 1109px 1149px #FFF, 1006px 1326px #FFF, 1385px 1730px #FFF, 258px 84px #FFF, 1026px 1000px #FFF, 1895px 1472px #FFF, 1568px 1895px #FFF, 514px 1790px #FFF, 996px 1748px #FFF, 1517px 853px #FFF, 1825px 604px #FFF, 731px 527px #FFF, 488px 1808px #FFF, 956px 202px #FFF, 935px 1319px #FFF, 480px 431px #FFF, 1702px 483px #FFF, 910px 196px #FFF, 443px 1386px #FFF, 1547px 1465px #FFF, 416px 13px #FFF, 665px 1792px #FFF, 721px 1523px #FFF, 510px 44px #FFF, 1832px 1836px #FFF, 1513px 1813px #FFF, 1999px 1446px #FFF, 1285px 841px #FFF, 1118px 555px #FFF, 1190px 941px #FFF, 1925px 223px #FFF, 720px 214px #FFF, 1127px 798px #FFF, 1522px 1642px #FFF, 239px 406px #FFF, 960px 807px #FFF, 316px 855px #FFF, 422px 105px #FFF, 1893px 581px #FFF, 290px 141px #FFF, 543px 329px #FFF, 1573px 281px #FFF, 1160px 1799px #FFF, 245px 1265px #FFF, 1407px 125px #FFF, 1967px 1468px #FFF, 1064px 366px #FFF, 1091px 1042px #FFF, 1871px 397px #FFF, 1755px 1155px #FFF, 1708px 1415px #FFF, 631px 23px #FFF, 69px 1809px #FFF, 1177px 1196px #FFF, 217px 437px #FFF, 1225px 1667px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1500px 35px #FFF, 1171px 896px #FFF, 230px 898px #FFF, 331px 121px #FFF, 1021px 1165px #FFF, 1322px 1466px #FFF, 399px 519px #FFF, 859px 1806px #FFF, 1591px 558px #FFF, 228px 1842px #FFF, 218px 1347px #FFF, 1679px 1635px #FFF, 605px 264px #FFF, 458px 1249px #FFF, 1117px 1343px #FFF, 236px 973px #FFF, 457px 742px #FFF, 1314px 1682px #FFF, 1046px 459px #FFF, 1592px 1211px #FFF, 299px 1492px #FFF, 819px 1435px #FFF, 793px 1574px #FFF, 628px 758px #FFF, 1468px 252px #FFF, 14px 249px #FFF, 1728px 1837px #FFF, 967px 1012px #FFF, 1368px 195px #FFF, 953px 1582px #FFF, 1859px 555px #FFF, 1717px 1858px #FFF, 1017px 612px #FFF, 1928px 386px #FFF, 671px 1770px #FFF, 1129px 347px #FFF, 300px 86px #FFF, 1854px 600px #FFF, 221px 1214px #FFF, 204px 1180px #FFF, 1509px 1612px #FFF, 1522px 74px #FFF, 1507px 424px #FFF, 362px 1474px #FFF, 524px 774px #FFF, 537px 1532px #FFF, 1999px 273px #FFF, 1949px 891px #FFF, 23px 1134px #FFF, 1727px 345px #FFF, 1275px 402px #FFF, 701px 1850px #FFF, 1282px 1885px #FFF, 1423px 1933px #FFF, 829px 10px #FFF, 1374px 1032px #FFF, 1771px 1987px #FFF, 225px 311px #FFF, 1295px 785px #FFF, 1568px 1908px #FFF, 1839px 146px #FFF, 1489px 1027px #FFF, 1494px 1926px #FFF, 748px 723px #FFF, 206px 852px #FFF, 87px 1238px #FFF, 1010px 1664px #FFF, 273px 82px #FFF, 204px 1091px #FFF, 391px 58px #FFF, 1639px 755px #FFF, 765px 1981px #FFF, 1612px 892px #FFF, 1928px 312px #FFF, 809px 342px #FFF, 1099px 1957px #FFF, 138px 911px #FFF, 191px 909px #FFF, 1922px 731px #FFF, 1586px 293px #FFF, 1877px 1662px #FFF, 1752px 1504px #FFF, 1118px 207px #FFF, 638px 1806px #FFF, 1902px 1699px #FFF, 26px 1741px #FFF, 190px 1382px #FFF, 607px 1224px #FFF, 357px 432px #FFF, 1384px 1644px #FFF, 593px 492px #FFF, 802px 93px #FFF, 1206px 719px #FFF, 1674px 154px #FFF, 1390px 1269px #FFF, 309px 28px #FFF, 1729px 1849px #FFF, 738px 1227px #FFF, 1739px 1463px #FFF, 947px 401px #FFF, 1974px 1318px #FFF, 1363px 1944px #FFF, 1108px 1486px #FFF, 403px 93px #FFF, 1335px 1301px #FFF, 1396px 1781px #FFF, 811px 1068px #FFF, 216px 631px #FFF, 1207px 103px #FFF, 1527px 880px #FFF, 441px 909px #FFF, 290px 1909px #FFF, 1347px 669px #FFF, 1245px 41px #FFF, 729px 821px #FFF, 819px 988px #FFF, 302px 872px #FFF, 1156px 1340px #FFF, 1546px 834px #FFF, 808px 79px #FFF, 656px 228px #FFF, 1530px 100px #FFF, 55px 851px #FFF, 1143px 39px #FFF, 449px 290px #FFF, 1991px 220px #FFF, 891px 300px #FFF, 256px 893px #FFF, 1718px 1049px #FFF, 186px 548px #FFF, 784px 809px #FFF, 205px 1664px #FFF, 1280px 336px #FFF, 1172px 360px #FFF, 1336px 1575px #FFF, 1465px 65px #FFF, 743px 1411px #FFF, 416px 1114px #FFF, 1581px 1383px #FFF, 366px 555px #FFF, 1947px 168px #FFF, 99px 650px #FFF, 191px 149px #FFF, 533px 1827px #FFF, 306px 1805px #FFF, 697px 843px #FFF, 220px 549px #FFF, 1668px 566px #FFF, 1004px 1439px #FFF, 1402px 88px #FFF, 1066px 1255px #FFF, 1259px 634px #FFF, 872px 351px #FFF, 624px 1679px #FFF, 1413px 642px #FFF, 744px 1147px #FFF, 1192px 100px #FFF, 1083px 290px #FFF, 221px 470px #FFF, 1370px 696px #FFF, 1321px 1130px #FFF, 1598px 1047px #FFF, 1265px 1977px #FFF, 99px 1189px #FFF, 972px 451px #FFF, 526px 1537px #FFF, 1076px 1145px #FFF, 1115px 655px #FFF, 594px 1176px #FFF, 1370px 919px #FFF, 1113px 420px #FFF, 439px 808px #FFF, 1296px 686px #FFF, 1925px 1054px #FFF, 621px 506px #FFF, 855px 780px #FFF, 1072px 1892px #FFF, 1115px 795px #FFF, 1946px 1086px #FFF, 451px 1443px #FFF, 903px 1576px #FFF, 150px 441px #FFF, 623px 178px #FFF, 1410px 378px #FFF, 1664px 1174px #FFF, 1923px 242px #FFF, 1498px 1254px #FFF, 305px 690px #FFF, 86px 994px #FFF, 1658px 1258px #FFF, 515px 347px #FFF, 122px 1765px #FFF, 1558px 296px #FFF, 689px 4px #FFF, 928px 805px #FFF, 1654px 1567px #FFF, 802px 413px #FFF, 1078px 709px #FFF, 1824px 997px #FFF, 584px 1350px #FFF;
    animation: animStar 100s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1500px 35px #FFF, 1171px 896px #FFF, 230px 898px #FFF, 331px 121px #FFF, 1021px 1165px #FFF, 1322px 1466px #FFF, 399px 519px #FFF, 859px 1806px #FFF, 1591px 558px #FFF, 228px 1842px #FFF, 218px 1347px #FFF, 1679px 1635px #FFF, 605px 264px #FFF, 458px 1249px #FFF, 1117px 1343px #FFF, 236px 973px #FFF, 457px 742px #FFF, 1314px 1682px #FFF, 1046px 459px #FFF, 1592px 1211px #FFF, 299px 1492px #FFF, 819px 1435px #FFF, 793px 1574px #FFF, 628px 758px #FFF, 1468px 252px #FFF, 14px 249px #FFF, 1728px 1837px #FFF, 967px 1012px #FFF, 1368px 195px #FFF, 953px 1582px #FFF, 1859px 555px #FFF, 1717px 1858px #FFF, 1017px 612px #FFF, 1928px 386px #FFF, 671px 1770px #FFF, 1129px 347px #FFF, 300px 86px #FFF, 1854px 600px #FFF, 221px 1214px #FFF, 204px 1180px #FFF, 1509px 1612px #FFF, 1522px 74px #FFF, 1507px 424px #FFF, 362px 1474px #FFF, 524px 774px #FFF, 537px 1532px #FFF, 1999px 273px #FFF, 1949px 891px #FFF, 23px 1134px #FFF, 1727px 345px #FFF, 1275px 402px #FFF, 701px 1850px #FFF, 1282px 1885px #FFF, 1423px 1933px #FFF, 829px 10px #FFF, 1374px 1032px #FFF, 1771px 1987px #FFF, 225px 311px #FFF, 1295px 785px #FFF, 1568px 1908px #FFF, 1839px 146px #FFF, 1489px 1027px #FFF, 1494px 1926px #FFF, 748px 723px #FFF, 206px 852px #FFF, 87px 1238px #FFF, 1010px 1664px #FFF, 273px 82px #FFF, 204px 1091px #FFF, 391px 58px #FFF, 1639px 755px #FFF, 765px 1981px #FFF, 1612px 892px #FFF, 1928px 312px #FFF, 809px 342px #FFF, 1099px 1957px #FFF, 138px 911px #FFF, 191px 909px #FFF, 1922px 731px #FFF, 1586px 293px #FFF, 1877px 1662px #FFF, 1752px 1504px #FFF, 1118px 207px #FFF, 638px 1806px #FFF, 1902px 1699px #FFF, 26px 1741px #FFF, 190px 1382px #FFF, 607px 1224px #FFF, 357px 432px #FFF, 1384px 1644px #FFF, 593px 492px #FFF, 802px 93px #FFF, 1206px 719px #FFF, 1674px 154px #FFF, 1390px 1269px #FFF, 309px 28px #FFF, 1729px 1849px #FFF, 738px 1227px #FFF, 1739px 1463px #FFF, 947px 401px #FFF, 1974px 1318px #FFF, 1363px 1944px #FFF, 1108px 1486px #FFF, 403px 93px #FFF, 1335px 1301px #FFF, 1396px 1781px #FFF, 811px 1068px #FFF, 216px 631px #FFF, 1207px 103px #FFF, 1527px 880px #FFF, 441px 909px #FFF, 290px 1909px #FFF, 1347px 669px #FFF, 1245px 41px #FFF, 729px 821px #FFF, 819px 988px #FFF, 302px 872px #FFF, 1156px 1340px #FFF, 1546px 834px #FFF, 808px 79px #FFF, 656px 228px #FFF, 1530px 100px #FFF, 55px 851px #FFF, 1143px 39px #FFF, 449px 290px #FFF, 1991px 220px #FFF, 891px 300px #FFF, 256px 893px #FFF, 1718px 1049px #FFF, 186px 548px #FFF, 784px 809px #FFF, 205px 1664px #FFF, 1280px 336px #FFF, 1172px 360px #FFF, 1336px 1575px #FFF, 1465px 65px #FFF, 743px 1411px #FFF, 416px 1114px #FFF, 1581px 1383px #FFF, 366px 555px #FFF, 1947px 168px #FFF, 99px 650px #FFF, 191px 149px #FFF, 533px 1827px #FFF, 306px 1805px #FFF, 697px 843px #FFF, 220px 549px #FFF, 1668px 566px #FFF, 1004px 1439px #FFF, 1402px 88px #FFF, 1066px 1255px #FFF, 1259px 634px #FFF, 872px 351px #FFF, 624px 1679px #FFF, 1413px 642px #FFF, 744px 1147px #FFF, 1192px 100px #FFF, 1083px 290px #FFF, 221px 470px #FFF, 1370px 696px #FFF, 1321px 1130px #FFF, 1598px 1047px #FFF, 1265px 1977px #FFF, 99px 1189px #FFF, 972px 451px #FFF, 526px 1537px #FFF, 1076px 1145px #FFF, 1115px 655px #FFF, 594px 1176px #FFF, 1370px 919px #FFF, 1113px 420px #FFF, 439px 808px #FFF, 1296px 686px #FFF, 1925px 1054px #FFF, 621px 506px #FFF, 855px 780px #FFF, 1072px 1892px #FFF, 1115px 795px #FFF, 1946px 1086px #FFF, 451px 1443px #FFF, 903px 1576px #FFF, 150px 441px #FFF, 623px 178px #FFF, 1410px 378px #FFF, 1664px 1174px #FFF, 1923px 242px #FFF, 1498px 1254px #FFF, 305px 690px #FFF, 86px 994px #FFF, 1658px 1258px #FFF, 515px 347px #FFF, 122px 1765px #FFF, 1558px 296px #FFF, 689px 4px #FFF, 928px 805px #FFF, 1654px 1567px #FFF, 802px 413px #FFF, 1078px 709px #FFF, 1824px 997px #FFF, 584px 1350px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 88px 93px #FFF, 1734px 1378px #FFF, 1122px 629px #FFF, 304px 849px #FFF, 1785px 1870px #FFF, 1807px 830px #FFF, 1448px 386px #FFF, 818px 1681px #FFF, 1591px 1524px #FFF, 629px 961px #FFF, 1986px 1663px #FFF, 1718px 1718px #FFF, 1587px 678px #FFF, 1285px 664px #FFF, 1896px 1589px #FFF, 1425px 1599px #FFF, 434px 57px #FFF, 114px 713px #FFF, 1939px 584px #FFF, 727px 1754px #FFF, 580px 1684px #FFF, 1251px 1829px #FFF, 536px 1022px #FFF, 740px 301px #FFF, 1049px 84px #FFF, 1270px 1523px #FFF, 940px 457px #FFF, 53px 141px #FFF, 971px 36px #FFF, 815px 1142px #FFF, 70px 1410px #FFF, 1678px 866px #FFF, 151px 915px #FFF, 1419px 1411px #FFF, 1px 1067px #FFF, 1370px 987px #FFF, 1929px 943px #FFF, 264px 1016px #FFF, 440px 1231px #FFF, 251px 1713px #FFF, 722px 838px #FFF, 1183px 144px #FFF, 1357px 1775px #FFF, 1109px 1647px #FFF, 403px 57px #FFF, 967px 487px #FFF, 1771px 1081px #FFF, 1967px 643px #FFF, 123px 1478px #FFF, 764px 1181px #FFF, 1165px 396px #FFF, 1174px 1586px #FFF, 1024px 1612px #FFF, 240px 997px #FFF, 13px 446px #FFF, 1161px 1879px #FFF, 517px 945px #FFF, 1231px 1844px #FFF, 617px 759px #FFF, 1446px 878px #FFF, 1863px 1481px #FFF, 1276px 366px #FFF, 775px 1635px #FFF, 1733px 1920px #FFF, 459px 889px #FFF, 857px 950px #FFF, 395px 1701px #FFF, 1266px 1298px #FFF, 1520px 135px #FFF, 461px 1441px #FFF, 374px 12px #FFF, 1101px 549px #FFF, 202px 1382px #FFF, 825px 659px #FFF, 1821px 1894px #FFF, 818px 294px #FFF, 588px 613px #FFF, 773px 873px #FFF, 1838px 1477px #FFF, 1032px 1733px #FFF, 263px 1399px #FFF, 1167px 1982px #FFF, 685px 958px #FFF, 1717px 1276px #FFF, 1267px 1102px #FFF, 1374px 121px #FFF, 775px 381px #FFF, 1317px 411px #FFF, 1154px 1536px #FFF, 1458px 390px #FFF, 1444px 454px #FFF, 252px 1761px #FFF, 1123px 1671px #FFF, 142px 652px #FFF, 99px 338px #FFF, 1357px 397px #FFF, 162px 1758px #FFF, 1799px 1472px #FFF, 1430px 503px #FFF, 658px 780px #FFF;
    animation: animStar 150s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 88px 93px #FFF, 1734px 1378px #FFF, 1122px 629px #FFF, 304px 849px #FFF, 1785px 1870px #FFF, 1807px 830px #FFF, 1448px 386px #FFF, 818px 1681px #FFF, 1591px 1524px #FFF, 629px 961px #FFF, 1986px 1663px #FFF, 1718px 1718px #FFF, 1587px 678px #FFF, 1285px 664px #FFF, 1896px 1589px #FFF, 1425px 1599px #FFF, 434px 57px #FFF, 114px 713px #FFF, 1939px 584px #FFF, 727px 1754px #FFF, 580px 1684px #FFF, 1251px 1829px #FFF, 536px 1022px #FFF, 740px 301px #FFF, 1049px 84px #FFF, 1270px 1523px #FFF, 940px 457px #FFF, 53px 141px #FFF, 971px 36px #FFF, 815px 1142px #FFF, 70px 1410px #FFF, 1678px 866px #FFF, 151px 915px #FFF, 1419px 1411px #FFF, 1px 1067px #FFF, 1370px 987px #FFF, 1929px 943px #FFF, 264px 1016px #FFF, 440px 1231px #FFF, 251px 1713px #FFF, 722px 838px #FFF, 1183px 144px #FFF, 1357px 1775px #FFF, 1109px 1647px #FFF, 403px 57px #FFF, 967px 487px #FFF, 1771px 1081px #FFF, 1967px 643px #FFF, 123px 1478px #FFF, 764px 1181px #FFF, 1165px 396px #FFF, 1174px 1586px #FFF, 1024px 1612px #FFF, 240px 997px #FFF, 13px 446px #FFF, 1161px 1879px #FFF, 517px 945px #FFF, 1231px 1844px #FFF, 617px 759px #FFF, 1446px 878px #FFF, 1863px 1481px #FFF, 1276px 366px #FFF, 775px 1635px #FFF, 1733px 1920px #FFF, 459px 889px #FFF, 857px 950px #FFF, 395px 1701px #FFF, 1266px 1298px #FFF, 1520px 135px #FFF, 461px 1441px #FFF, 374px 12px #FFF, 1101px 549px #FFF, 202px 1382px #FFF, 825px 659px #FFF, 1821px 1894px #FFF, 818px 294px #FFF, 588px 613px #FFF, 773px 873px #FFF, 1838px 1477px #FFF, 1032px 1733px #FFF, 263px 1399px #FFF, 1167px 1982px #FFF, 685px 958px #FFF, 1717px 1276px #FFF, 1267px 1102px #FFF, 1374px 121px #FFF, 775px 381px #FFF, 1317px 411px #FFF, 1154px 1536px #FFF, 1458px 390px #FFF, 1444px 454px #FFF, 252px 1761px #FFF, 1123px 1671px #FFF, 142px 652px #FFF, 99px 338px #FFF, 1357px 397px #FFF, 162px 1758px #FFF, 1799px 1472px #FFF, 1430px 503px #FFF, 658px 780px #FFF;
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-2000px);
    }
}

/*Blog Section Starts Here*/
.post-item {
    width: 100%;
}

.post-item .post-thumb {
    width: 50%;
    overflow: hidden;
}

.post-item .post-thumb a {
    display: block;
}

.post-item .post-thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.post-item .post-content {
    width: 50%;
    align-self: center;
    padding: 30px;
}

.post-item .post-content .meta-post {
    margin-bottom: 10px;
}

.post-item .post-content .meta-post img {
    width: 18px;
    margin-right: 5px;
}

.post-item .post-content .meta-post a {
    font-style: italic;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
}

.post-item .post-content .meta-post a:hover {
    color: #2ecc71;
}

@media (max-width: 575px) {
    .post-item .post-content .meta-post a {
        font-size: 14px;
    }
}

.post-item .post-content .meta-post .meta-date {
    margin-right: 10px;
    margin-bottom: 10px;
}

.post-item .post-content .meta-post .meta-author {
    margin-bottom: 10px;
}

.post-item .post-content .title {
    margin-bottom: 30px;
}

.post-item .post-content .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-item .post-content p {
    margin-bottom: 20px;
}

.post-item .post-content p.line-limit {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-item .post-content .read-more {
    font-size: 20px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    color: #2ecc71;
}

.post-item:hover .post-content .title a {
    color: #2ecc71;
}

.post-item:hover .post-thumb a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.post-item:nth-child(even) {
    flex-direction: row-reverse;
}

@media (max-width: 991px) {
    .post-item .post-thumb, .post-item .post-content {
        width: 100%;
    }

    .post-item .post-content {
        padding: 30px 0 50px;
    }
}

.post-item.post-grid .post-thumb, .post-item.post-grid .post-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.post-item.post-grid .post-content {
    padding-bottom: 50px;
}

.post-item.post-grid:hover .post-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.mb--40 {
    margin-bottom: -40px;
}

@media (max-width: 991px) {
    .section-wrapper {
        margin-bottom: -40px;
    }
}

/*Blog-Details*/
.post-details.post-item {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    background: transparent;
    margin-bottom: 70px;
}

.post-details.post-item .post-thumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.post-details.post-item img {
    width: 100%;
}

.post-details.post-item .thumb-area {
    margin-bottom: 10px;
}

.post-details.post-item .thumb-area img {
    margin-bottom: 30px;
}

.post-details.post-item .post-content {
    padding: 0;
}

.post-details.post-item .post-content .title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 39px;
}

.post-details.post-item .post-content p {
    margin-bottom: 32px;
    display: block;
}

.post-details.post-item .post-content blockquote {
    font-size: 24px;
    line-height: 36px;
    font-style: italic;
    position: relative;
    max-width: 1030px;
    padding-top: 10px;
    margin-bottom: 56px;
}

.post-details.post-item .post-content blockquote::before {
    width: 80%;
    height: 80%;
    background: url(img/quote.png) no-repeat center center;
    background-size: contain;
    opacity: .1;
}

.post-details.post-item .post-content blockquote span {
    position: relative;
    z-index: 1;
}

.post-details.post-item .post-content .bullet-list {
    justify-content: space-between;
    padding-bottom: 33px;
    padding-top: 14px;
}

.post-details.post-item .post-content .bullet-list li {
    position: relative;
    padding: 0;
    padding-left: 30px;
    margin-bottom: 24px;
    width: 100%;
}

.post-details.post-item .post-content .bullet-list li:last-child {
    margin-bottom: -8px;
}

.post-details.post-item .post-content .bullet-list li::before {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #12cbc4;
    left: 0;
    top: 8px;
}

.post-details.post-item .post-content .bullet-list li:nth-of-type(4n + 2)::before {
    background: #f74a05;
}

.post-details.post-item .post-content .bullet-list li:nth-of-type(4n + 3)::before {
    background: #2ecc71;
}

.post-details.post-item .post-content .bullet-list li:nth-of-type(4n + 4)::before {
    background: #665bfc;
}

@media (min-width: 768px) {
    .post-details.post-item .post-content .bullet-list li {
        width: calc(50% - 15px);
    }
}

.post-details.post-item .post-content .item-area {
    padding-top: 11px;
    margin-bottom: -53px;
}

.post-details.post-item .post-content .item-area .item {
    margin-bottom: 45px;
}

.post-details.post-item .post-content .item-area .item .sub-title {
    margin-bottom: 17px;
}

.post-details.post-item .post-content .item-area .item p {
    margin-bottom: 25px;
}

.post-details.post-item .tags-area {
    margin-bottom: 30px;
    justify-content: space-around;
    align-items: center;
    margin-top: -30px;
    width: 100%;
    z-index: 1;
}

.post-details.post-item .tags-area .social,
.post-details.post-item .tags-area .tags,
.post-details.post-item .tags-area .date {
    background-color: #394247;
    box-shadow: 0px 0px 7.8px 5.2px rgba(0, 0, 0, 0.04);
    padding: 18px 30px;
    margin-bottom: 20px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: inline-flex;
    font-size: 20px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 991px) {
    .post-details.post-item .tags-area .social,
    .post-details.post-item .tags-area .tags,
    .post-details.post-item .tags-area .date {
        font-size: 16px;
        padding: 8px 20px;
    }
}

.post-details.post-item .tags-area .date {
    font-size: 18px;
    background: #0a3d62;
}

@media (max-width: 991px) {
    .post-details.post-item .tags-area .date {
        font-size: 16px;
    }
}

.post-details.post-item .tags-area .date a {
    color: #ffffff;
    text-transform: uppercase;
}

.post-details.post-item .tags-area .tags i {
    color: #2ecc71;
    margin-right: 5px;
}

.post-details.post-item .tags-area .tags a {
    color: #ffffff;
    margin-right: 5px;
}

.post-details.post-item .tags-area .tags a:hover {
    color: #2ecc71;
}

.post-details.post-item .tags-area .tags a::after {
    content: ",";
    color: #b3b4b4;
}

.post-details.post-item .tags-area .tags a:last-child {
    margin-right: 0;
}

.post-details.post-item .tags-area .tags a:last-child::after {
    display: none;
}

.post-details.post-item .tags-area li {
    padding: 0;
}

.post-details.post-item .tags-area .social a {
    padding: 0 8px;
    color: #12cbc4;
}

.post-details.post-item .tags-area .social a.facebook {
    color: #3b5998;
}

.post-details.post-item .tags-area .social a.twitter {
    color: #55acee;
}

.post-details.post-item .tags-area .social a.linkedin {
    color: #007bb5;
}

.post-details.post-item .tags-area .social a.instagram {
    color: #e4405f;
}

.post-details.post-item .tags-area .social a.vimeo {
    color: #1ab7ea;
}

.post-details.post-item .tags-area .social a.pinterest {
    color: #007bb5;
}

.post-details.post-item .tags-area .social a.tumblr {
    color: #34465d;
}

.post-details.post-item .tags-area .social a.youtube {
    color: #cd201f;
}

.post-details.post-item .tags-area .social a.google {
    color: #dd4b39;
}

.post-details.post-item .tags-area .social a.camera {
    color: #e4405f;
}

@media (max-width: 767px) {
    .post-details.post-item .tags-area {
        margin-bottom: 18px;
    }

    .post-details.post-item .tags-area .tags,
    .post-details.post-item .tags-area .date,
    .post-details.post-item .tags-area .social {
        font-size: 16px;
    }

    .post-details.post-item .post-content .title {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 30px;
    }

    .post-details.post-item .post-content p {
        margin-bottom: 28px;
    }

    .post-details.post-item .post-content blockquote {
        padding-top: 0;
        font-size: 20px;
        line-height: 30px;
        margin-top: -2px;
        margin-bottom: 35px;
    }

    .post-details.post-item .post-content .thumb-area {
        margin-bottom: 5px;
    }

    .post-details.post-item .post-content .bullet-list {
        padding-top: 0;
        margin-top: -4px;
        padding-bottom: 45px;
    }

    .post-details.post-item .post-content .bullet-list li {
        margin-bottom: 17px;
    }

    .post-details.post-item .post-content .item-area {
        padding-top: 0;
        margin-bottom: -38px;
    }

    .post-details.post-item .post-content .item-area .item {
        margin-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .post-details.post-item {
        margin-bottom: 50px;
    }
}

.comment-area {
    margin-bottom: 74px;
}

@media (max-width: 991px) {
    .comment-area {
        margin-bottom: 44px;
    }
}

@media (max-width: 767px) {
    .comment-area {
        margin-bottom: 58px;
    }
}

.comment-area .title {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .comment-area .title {
        margin-bottom: 20px;
    }
}

.comment-area .comment-item .comment-thumb {
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.comment-area .comment-item .comment-thumb img {
    width: 100%;
}

.comment-area .comment-item .comment-thumb a {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fafafa;
    color: #0c0026;
    font-weight: 600;
    font-size: 14px;
    padding: 3px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-transform: uppercase;
}

.comment-area .comment-item .comment-content {
    width: calc(100% - 92px);
    padding-left: 36px;
    max-width: 890px;
}

.comment-area .comment-item .comment-content .subtitle {
    margin: 0;
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .comment-area .comment-item .comment-content {
        padding-left: 0;
        width: 100%;
        margin-top: 15px;
    }
}

.comment-area .comment-item:hover .comment-thumb a {
    background: #0a3d62;
    color: #ffffff;
}

.comment-area .comment-wrapper {
    margin-bottom: -44px;
}

.comment-area .comment-wrapper li .comment-item {
    margin-bottom: 40px;
}

.comment-area .comment-wrapper li ul {
    padding-left: 95px;
}

@media (max-width: 575px) {
    .comment-area .comment-wrapper li ul {
        padding-left: 30px;
    }
}

@media (max-width: 575px) {
    .comment-area .comment-wrapper {
        margin-bottom: -34px;
    }

    .comment-area .comment-wrapper li .comment-item {
        margin-bottom: 30px;
    }
}

.post-comment .title {
    margin-bottom: 30px;
    text-transform: none;
}

@media (max-width: 991px) {
    .post-comment .title {
        margin-bottom: 20px;
    }
}

.section-bg .comment-form .form-group input,
.section-bg .comment-form .form-group textarea {
    background: #31383c;
}

.comment-form {
    justify-content: space-between;
    margin-bottom: -30px;
}

.comment-form .form-group {
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 576px) {
    .comment-form .form-group {
        width: calc(50% - 15px);
    }
}

.comment-form .form-group input {
    width: 100%;
    background: #394247;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 60px;
    padding-left: 20px;
    color: #ffffff;
}

.comment-form .form-group input::placeholder {
    color: #b3b4b4;
}

.comment-form .form-group input[type="submit"] {
    width: auto;
    padding: 0 50px;
    background: #0a3d62;
    font-family: "Roboto", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
}

@media (max-width: 575px) {
    .comment-form .form-group input {
        height: 50px;
    }
}

.comment-form .form-group textarea {
    padding: 20px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 190px;
    background: #394247;
    color: #ffffff;
}

.comment-form .form-group textarea::placeholder {
    color: #b3b4b4;
}

.scrollToTop {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #0c0026;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    position: fixed;
    border-radius: 5px;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background: #ffffff;
    text-align: center;
    font-size: 16px;
}

.scrollToTop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}

.scrollToTop img {
    width: 100%;
}

.video-button {
    color: #ffffff;
    border: none;
    text-align: center;
}

.video-button:hover {
    color: #ffffff;
}

.video-button i {
    line-height: 70px;
    font-size: 36px;
    margin-left: 8px;
    color: #ffffff;
}

.video-button {
    width: 70px;
    height: 70px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f74a05;
}

.video-button a {
    display: block;
    position: relative;
    z-index: 1;
}

.video-button a img {
    width: 100%;
}

.video-button a i {
    line-height: 75px;
    font-size: 36px;
    margin-left: 8px;
}

.video-button::before, .video-button::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 74px;
    background: #f74a05;
    opacity: 0.15;
    z-index: -10;
}

.video-button::before {
    z-index: -10;
    -webkit-animation: inner-ripple 2000ms linear infinite;
    -moz-animation: inner-ripple 2000ms linear infinite;
    animation: inner-ripple 2000ms linear infinite;
}

.video-button::after {
    z-index: -10;
    -webkit-animation: outer-ripple 2000ms linear infinite;
    -moz-animation: outer-ripple 2000ms linear infinite;
    animation: outer-ripple 2000ms linear infinite;
}

@keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-filter: alpha(opacity=50);
    }

    80% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }

    100% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }
}

@-webkit-keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    80% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

@-moz-keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    80% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

/* inner ripple */
@keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
}

@-webkit-keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
}

@-moz-keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
}

@keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
    }
}

@-webkit-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
    }
}

@-moz-keyframes pulseOne {
    0% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0.851), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    40% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0.851);
    }

    80% {
        box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 20px rgba(102, 91, 252, 0), 0 0 0 20px rgba(102, 91, 252, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
        -moz-box-shadow: 0 0 0 0 rgba(102, 91, 252, 0), 0 0 0 0 rgba(102, 91, 252, 0);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        -ms-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-moz-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@-webkit-keyframes rotate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes rotate3 {
    0% {
        -webkit-transform: rotate(0deg) translateX(20%);
        -ms-transform: rotate(0deg) translateX(20%);
        transform: rotate(0deg) translateX(20%);
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(20%);
        -ms-transform: rotate(360deg) translateX(20%);
        transform: rotate(360deg) translateX(20%);
    }
}

@-moz-keyframes rotate3 {
    0% {
        -webkit-transform: rotate(0deg) translateX(20%);
        -ms-transform: rotate(0deg) translateX(20%);
        transform: rotate(0deg) translateX(20%);
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(20%);
        -ms-transform: rotate(360deg) translateX(20%);
        transform: rotate(360deg) translateX(20%);
    }
}

@-webkit-keyframes rotate3 {
    0% {
        -webkit-transform: rotate(0deg) translateX(20%);
        -ms-transform: rotate(0deg) translateX(20%);
        transform: rotate(0deg) translateX(20%);
    }

    100% {
        -webkit-transform: rotate(360deg) translateX(20%);
        -ms-transform: rotate(360deg) translateX(20%);
        transform: rotate(360deg) translateX(20%);
    }
}

@keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-webkit-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-moz-keyframes rev-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
        -ms-transform: translate(-50%, -50%) rotate(-360deg);
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

.custom-button {
    padding: 0 30px;
    background-color: #2ecc71;
    overflow: hidden;
    border-radius: 40px;
    text-decoration: none;
    height: 46px;
    min-width: 160px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    border: 1px solid transparent;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.custom-button span {
    display: block;
}

.custom-button:before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    color: #0c0026;
    z-index: -1;
    letter-spacing: 2px;
}

.custom-button:hover {
    background: #ffffff;
    border: 1px solid #2ecc71;
}

.custom-button:hover:before {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.custom-button:hover span {
    opacity: 1;
    color: #0c0026;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.custom-button:hover span:nth-child(1) {
    -webkit-transition-delay: 0.01s;
    -moz-transition-delay: 0.01s;
    -o-transition-delay: 0.01s;
    transition-delay: 0.01s;
}

.custom-button:hover span:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.custom-button:hover span:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.custom-button:hover span:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.custom-button:hover span:nth-child(5) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.custom-button:hover span:nth-child(6) {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.custom-button:hover span:nth-child(7) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.custom-button:hover span:nth-child(8) {
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.custom-button:hover span:nth-child(9) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.custom-button:hover span:nth-child(10) {
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.custom-button:hover span:nth-child(11) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.custom-button:hover span:nth-child(12) {
    -webkit-transition-delay: 0.55s;
    -moz-transition-delay: 0.55s;
    -o-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

.custom-button:hover span:nth-child(13) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.custom-button:hover span:nth-child(14) {
    -webkit-transition-delay: 0.65s;
    -moz-transition-delay: 0.65s;
    -o-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

.custom-button:hover span:nth-child(15) {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.custom-button:hover span:nth-child(16) {
    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

.custom-button:hover span:nth-child(17) {
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.custom-button:hover span:nth-child(18) {
    -webkit-transition-delay: 0.85s;
    -moz-transition-delay: 0.85s;
    -o-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

.custom-button:hover span:nth-child(19) {
    -webkit-transition-delay: 0.95s;
    -moz-transition-delay: 0.95s;
    -o-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

.custom-button:hover span:nth-child(20) {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

.custom-button:hover span:nth-child(21) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.custom-button:hover span:nth-child(22) {
    -webkit-transition-delay: 1.15s;
    -moz-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.custom-button:hover span:nth-child(23) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.custom-button:hover span:nth-child(24) {
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.custom-button:hover span:nth-child(25) {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.custom-button span {
    display: inline-block;
    padding: 12px 0;
    opacity: 0;
    color: #ffffff;
    -webkit-transform: translate3d(10, 10px, 0);
    -moz-transform: translate3d(10, 10px, 0);
    -ms-transform: translate3d(10, 10px, 0);
    -o-transform: translate3d(10, 10px, 0);
    transform: translate3d(10, 10px, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.custom-button.white {
    color: #2ecc71;
    background: #ffffff;
}

.custom-button.white span {
    color: #0c0026;
}

.custom-button.white:before {
    color: #0c0026;
}

.custom-button.white:hover {
    background: #2ecc71;
}

.custom-button.white:hover span {
    color: #0c0026;
}

.swiper-slide-next .custom-button {
    color: #2ecc71;
    background: #ffffff;
}

.swiper-slide-next .custom-button span {
    color: #0c0026;
}

.swiper-slide-next .custom-button:before {
    color: #0c0026;
}

.swiper-slide-next .custom-button:hover {
    background: #2ecc71;
}

.swiper-slide-next .custom-button:hover span {
    color: #0c0026;
}

.swiper-slide-next .custom-button.white {
    background: #2ecc71;
    color: #0c0026;
    border-color: transparent;
}

.swiper-slide-next .custom-button.white span {
    color: #0c0026;
}

.swiper-slide-next .custom-button.white:before {
    color: #0c0026;
}

.swiper-slide-next .custom-button.white:hover {
    background: #ffffff;
}

.swiper-slide-next .custom-button.white:hover span {
    color: #0c0026;
}

[data-input="about"], [data-input="buy"], [data-input="sell"] {
    text-align: right;
}