/* [Master Stylesheet v1.0] */
/* :: :: 1.0 Import Fonts */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900|Open+Sans:400,600,700");
/* :: 2.0 Import All CSS */
@import url("bootstrap.min.4.3.1.css");
@import url("extraHeroSlides.css");
@import url("miscExtras.css");
@import url("searchbar.css");
@import url("owl.carousel.min.css");
@import url("animate.css");
@import url("magnific-popup.css");
@import url("fontawesome.all.min.css");
@import url(custom-icon.css);
@import url(classy-nav.min.css);
/* :: 3.0 Base CSS */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    color: #4D5061;
}
/** Firefox specific rule so font is NOT shown Bold **/
@-moz-document url-prefix() {
    body {
        font-weight: 200;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #30323D;
    line-height: 1.3;
    font-weight: 600;
}
/* ****************** Font Colors ********************/
.nowrap {
    white-space: nowrap; /* Makes text stay on one line */
}

.maximum {
    color: #E8C547 !important; /* light gold */
}

.gunmetal {
    color: #30323D !important; /* light black */
}

.independence {
    color: #4D5061 !important; /* medium gray */
}

.silverBlue {
    color: #5C80BC !important;
}

    .silverBlue a {
        color: #5C80BC !important;
    }

.blue, .blue a {
    color: #5C80BC !important;
}

.teal {
    color: #587B7F !important;
}

.green {
    color: #7F9152 !important;
}

.boldGreen {
    color: #02a554 !important;
}

.black {
    color: #000000 !important;
}

.offWhiteFont {
    color: #eeeeee !important;
}

.font-gold, .font-gold a {
    color: #ffaf02 !important;
}

.font-blue, .font-blue a {
    color: #4135FF !important;
}

.font-red, .font-red a {
    color: red;
}

.font-white, .font-white a {
    color: #ffffff;
}

.font-teal {
    color: teal;
}

.textShading {
    text-shadow: 2px 2px #000000;
}

.transparentBackground {
    background-color: transparent;
}

.yellowBackground {
    background-color: #ffaf02 !important;
}

.disclaimer {
    font: 12px Myriad Pro, Arial, Helvetica, sans-serif;
    font-style: italic;
    padding-bottom: 5px;
}

    .disclaimer a {
        font: 12px Myriad Pro, Arial, Helvetica, sans-serif;
        font-style: italic;
        color: #143956;
        text-decoration: underline;
    }

.smallText {
    font: 13px "Open Sans", sans-serif;
    padding-bottom: 5px;
}

    .smallText a {
        font: 13px Myriad Pro, Arial, Helvetica, sans-serif;
        text-decoration: underline;
    }

p {
    font-family: "Open Sans", sans-serif;
    color: #4D5061;
    font-size: 1em;
    line-height: 2;
    font-weight: 500;
}

a:hover, a:focus, a:active {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: 0 solid transparent;
    color: #ffaf02 !important;
    font-weight: 400;
    font-size: 1em;
}

a, a:visited {
    color: #292929;
}

ul, ol {
    margin: 0;
}

    ul li, ol li {
        list-style: none;
    }

    ul.centerHorizontialItems {
        text-align: center;
        list-style: inside;
    }

        ul.centerHorizontialItems li {
            display: inline-block;
        }

li.sideBarHeading {
    color: #E8C547; /* light gold */
    font-weight: 600;
    font-size: 1.25em !important;
    line-height: 1.3;
}

#decimalList li {
    padding-left: 10px;
    margin-left: 40px;
    list-style-type: decimal;
}

#upper-romanList li {
    list-style-type: upper-roman;
    margin-left: 40px;
    padding-left: 10px;
}

#upper-alphaList li {
    list-style-type: upper-alpha;
    margin-left: 80px;
    padding-left: 10px;
}

#lower-alphaList li {
    list-style-type: lower-alpha;
    margin-left: 120px;
    padding-left: 10px;
}

#circleList li {
    list-style-type: circle;
    margin-left: 40px;
    padding-left: 10px;
}

#squareList li {
    list-style-type: square;
    margin-left: 60px;
}

img {
    height: auto;
    max-width: 100%;
}
/* Spacing */
#notification.container {
    padding: 0;
}

#notification .alert {
    margin-bottom: 0;
}

#notification .alert-danger {
    color: red;
}

#notification .alert-warning {
    color: #FFAF02;
}

#notification .alert a {
    color: #28408b;
}

.breakpoint-off .classynav ul li .dropdown {
    width: 300px;
}
/* Margin Stylings */
.mt-15 {
    margin-top: 15px !important;
}

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

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

.mt-70 {
    margin-top: 70px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

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

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-175 {
    margin-left: 175px !important;
}

.ml-200 {
    margin-left: 200px !important;
}

.ml-3em {
    margin-left: 3em !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-100 {
    margin-right: 100px !important;
}
/* Padding: BOTTOM */
.pdb-0 {
    padding-bottom: 0px;
}
/* Padding: LEFT */
.pdl-0 {
    padding-left: 0px;
}

.pdl-5 {
    padding-left: 5px;
}

.pdl-10 {
    padding-left: 10em;
}

.pdl-50 {
    padding-left: 50px !important;
}

.pdl-75 {
    padding-left: 75px !important;
}

.pdl-100 {
    padding-left: 100px !important;
}

/* Padding: RIGHT */
.pdr-0 {
    padding-right: 0px;
}

.pdr-10 {
    padding-right: 10em;
}

.pdr-50 {
    padding-right: 50px !important;
}

.pdr-75 {
    padding-right: 75px !important;
}

.pdr-100 {
    padding-right: 100px !important;
}
/* Height */
.height-400 {
    height: 400px !important;
}

.height-500 {
    height: 500px !important;
}

.height-600 {
    height: 600px !important;
}

.height-700 {
    height: 700px !important;
}

.height-800 {
    height: 800px !important;
}
/* Section Padding */
.section-padding-0-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.section-padding-0-25 {
    padding-top: 0px;
    padding-bottom: 25px;
}

.section-padding-0-50 {
    padding-top: 0px;
    padding-bottom: 50px;
}

.section-padding-0-75 {
    padding-top: 0px;
    padding-bottom: 75px;
}

.section-padding-0-100 {
    padding-top: 0px;
    padding-bottom: 100px;
}

.section-padding-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section-padding-25-0 {
    padding-top: 25px;
    padding-bottom: 0px;
}

.section-padding-25-50 {
    padding-top: 25px;
    padding-bottom: 50px;
}

.section-padding-25-100 {
    padding-top: 25px;
    padding-bottom: 100px;
}

.section-padding-50-0 {
    padding-top: 50px;
    padding-bottom: 0px;
}

.section-padding-50-25 {
    padding-top: 50px;
    padding-bottom: 25px;
}

.section-padding-50-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-padding-50-75 {
    padding-top: 50px;
    padding-bottom: 75px;
}

.section-padding-50-100 {
    padding-top: 50px;
    padding-bottom: 100px;
}

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

.section-padding-100-75 {
    padding-top: 100px;
    padding-bottom: 75px;
}

.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 0px;
}
/* Section Heading */
.section-heading {
    position: relative;
    z-index: 1;
    max-width: 730px;
    margin-bottom: 90px;
}

    .section-heading h3 {
        font-size: 3em;
        margin-bottom: 15px;
        font-weight: 300;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-heading h3 {
        font-size: 2.625em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-heading h3 {
        font-size: 2em;
    }
}

@media only screen and (max-width: 767px) {
    .section-heading h3 {
        font-size: 1.875em;
    }
}

.section-heading h3 span {
    font-weight: 600;
}

.about-content h5 {
    margin-bottom: 40px;
    font-size: 1.125em;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    line-height: 2;
}

.section-heading p {
    margin-bottom: 0;
}

.section-heading.text-left {
    text-align: left !important;
}

.section-heading.white h3, .section-heading.white h5, .section-heading.white p, .section-heading.white span {
    color: #ffffff;
}
/* Preloader */
#preloader {
    background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
    background: linear-gradient(to right, #0d104d, #28408b);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000;
}

    #preloader .circle-preloader {
        display: block;
        width: 60px;
        height: 60px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        border-bottom-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        animation: spin 2s infinite linear;
    }

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Miscellaneous */
.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-dark {
    background-color: #30323D !important;
}

.bg-light {
    background-color: #EFEFEF !important;
}

.bg-teal {
    background-color: #587B7F !important;
}


.bg-transparent {
    background-color: transparent !important;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.bg-overlay, .bg-overlay2 {
    position: relative;
    z-index: 2;
    background-position: center center;
    background-size: cover;
}

    .bg-overlay::after {
        background-color: rgba(10, 12, 18, 0.9);
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
    }

    .bg-overlay2::after {
        background-color: rgba(177, 179, 185, 0.22);
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
    }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #ffffff;
    padding-right: 0;
    width: 30px;
    height: 30px;
    background-color: #E8C547;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    right: -30px;
}

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
    }
}

@media only screen and (max-width: 47.9375em) {
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: 0;
    }
}

input:focus, textarea:focus {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}
/* ScrollUp */
#scrollUp {
    background-color: #ffaf02;
    border-radius: 0;
    bottom: 60px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    color: #ffffff;
    font-size: 1.5em;
    height: 40px;
    line-height: 38px;
    right: 60px;
    text-align: center;
    width: 40px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

    #scrollUp:hover {
        background-color: #141414;
    }

@media only screen and (max-width: 47.9375em) {
    #scrollUp {
        bottom: 30px;
        right: 30px;
    }
}
/* Button */
.cryptos-btn {
    display: inline-block;
    min-width: 150px;
    height: 54px;
    background-color: #eef3f6;
    color: #292929;
    border: none;
    border-radius: 0;
    padding: 0 30px;
    font-size: 1em;
    line-height: 54px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 3px solid #2E8400;
}

    .cryptos-btn.active, .cryptos-btn:hover, .cryptos-btn:focus {
        font-size: 1em;
        font-weight: 700;
        color: #ffffff;
        background-color: #292929;
    }

    .cryptos-btn.btn-2 {
        background-color: #ffaf02;
        border-bottom: 0.1875em solid #2E8400;
        color: #ffffff;
    }

        .cryptos-btn.btn-2:hover, .cryptos-btn.btn-2:focus {
            color: #292929;
            background-color: #eef3f6;
            border-bottom: 0.1875em solid #2E8400;
        }

    .cryptos-btn.btn-3 {
        background-color: #ffaf02;
        border-bottom: 0.1875em solid #2E8400;
        color: #ffffff;
    }

        .cryptos-btn.btn-3:hover, .cryptos-btn.btn-3:focus {
            color: #292929;
            background-color: #eef3f6;
            border-bottom: 0.1875em solid #2E8400;
        }
/* Yellow Button*/
.yellow-btn {
    display: inline-block;
    min-width: 150px;
    height: 54px;
    background-color: #ffaf02;
    color: #292929;
    border: none;
    border-radius: 0;
    padding: 0 30px;
    font-size: 1em;
    line-height: 54px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 3px solid #2E8400;
}

    .yellow-btn.active, .yellow-btn:hover, .yellow-btn:focus {
        font-size: 1em;
        font-weight: 700;
        color: #ffaf02;
        background-color: #292929;
    }

    .yellow-btn.btn-2 {
        background-color: #ffaf02;
        border-bottom: 0.1875em solid #292929;
        color: #ffffff;
    }

        .yellow-btn.btn-2:hover, .yellow-btn.btn-2:focus {
            color: #292929;
            background-color: #6C9E52;
            border-bottom: 0.1875em solid #2E8400;
        }

    .yellow-btn.btn-3 {
        background-color: #292929;
        border-bottom: 0.1875em solid #2E8400;
        color: #ffffff;
    }

        .yellow-btn.btn-3:hover, .yellow-btn.btn-3:focus {
            color: #292929;
            background-color: #eef3f6;
            border-bottom: 0.1875em solid #2E8400;
        }



/* :: 5.0 Header Area CSS */
.header-area {
    position: relative;
    z-index: 100;
    width: 100%;
}

    .header-area .top-header {
        width: 100%;
        height: 60px;
        background-color: #292929;
    }


@media only screen and (max-width: 767px) {
    .header-area .top-header {
        height: 80px;
        padding: 15px 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .top-header .top-header-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.header-area .top-header .top-headline p {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
}

@media only screen and (max-width: 47.9375em) {
    .header-area .top-header .top-headline p {
        display: none;
    }
}

.header-area .top-header .top-headline p span {
    color: #E8C547;
}

.header-area .top-header .top-quick-nav a {
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    font-size: 1em;
    font-weight: 400;
    margin-right: 1.875em;
}

    .header-area .top-header .top-quick-nav a:last-child {
        margin-right: 0;
    }

    .header-area .top-header .top-quick-nav a:hover, .header-area .top-header .top-quick-nav a:focus, .header-area .top-header .top-quick-nav a.active {
        color: #E8C547;
    }

.header-area .cryptos-main-menu {
    position: relative;
    width: 100%;
    z-index: 100;
    height: 7.8125em;
}

@media only screen and (max-width: 767px) {
    .header-area .cryptos-main-menu {
        height: 80px;
    }
}

.header-area .cryptos-main-menu .classy-nav-container {
    background-color: transparent;
}

.header-area .cryptos-main-menu .classy-navbar {
    height: 7.8125em;
    padding: 0;
}

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .header-area .cryptos-main-menu .classy-navbar {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .cryptos-main-menu {
        height: 80px;
    }
}

.header-area .cryptos-main-menu .classy-nav-container {
    background-color: transparent;
}

.header-area .cryptos-main-menu .classy-navbar {
    height: 125px;
    padding: 0;
}

.header-area .cryptos-main-menu .classynav ul li .dropdown li a, .header-area .cryptos-main-menu .classynav ul li .megamenu li a {
    font-size: 1em;
}

.header-area .cryptos-main-menu .classynav .header-newsletter-form {
    margin-left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .cryptos-main-menu .classynav .header-newsletter-form {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area .cryptos-main-menu .classynav .header-newsletter-form {
        margin-left: 18px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .header-area .cryptos-main-menu .classynav .header-newsletter-form {
        margin-left: 18px;
        margin-top: 15px;
    }
}

.header-area .cryptos-main-menu .classynav .header-newsletter-form form {
    width: 265px;
    height: 35px;
    background-color: #eef3f6;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .cryptos-main-menu .classynav .header-newsletter-form form {
        width: 220px;
    }
}

.header-area .cryptos-main-menu .classynav .header-newsletter-form form input {
    width: 100%;
    height: 35px;
    border: none;
    background-color: transparent;
    padding: 0 15px;
    font-size: 1em;
    font-style: italic;
}

.header-area .cryptos-main-menu .classynav .header-newsletter-form form button {
    width: 90px;
    height: 35px;
    border: none;
    background-color: #eef3f6;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1em;
    font-weight: 600;
    color: #292929;
    cursor: pointer;
    border-bottom: 2px solid #2E8400;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

    .header-area .cryptos-main-menu .classynav .header-newsletter-form form button:hover {
        background-color: #292929;
        color: #E8C547;
    }

.megamenu-slides .owl-prev, .megamenu-slides .owl-next {
    background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
    background: linear-gradient(to right, #0d104d, #28408b);
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    top: 50%;
    margin-top: -15px;
    left: 5%;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 1.125em;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.megamenu-slides .owl-next {
    left: auto;
    right: 5%;
}
/* :: 6.0 Welcome Area CSS --- Slider */
.hero-slides {
    position: relative;
    z-index: 1;
}

    .hero-slides .single-hero-slide {
        width: 100%;
        height: 370px;
        position: relative;
        z-index: 1;
        background: #0d104d;
        background: -webkit-linear-gradient(to right, #0d104d, #28408b);
        background: linear-gradient(to right, #0d104d, #28408b);
    }
/* News Releases */
.news-section li {
    margin-top: 10px;
    margin-bottom: 12px;
}

.news-section th {
    font-size: 1em;
    color: #000000;
}

.news-section li a {
    font-size: 1em;
    color: #666;
}

    .news-section li a:hover {
        color: #000000 !important;
    }

.news-section li h5 {
    padding-top: 10px;
    font-size: 1.75em;
    color: #666;
}

.news-section hr {
    padding: 0px;
    margin-bottom: 0px;
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-slides .single-hero-slide {
        height: 350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slides .single-hero-slide {
        height: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-slides .single-hero-slide {
        /*height: 800px;*/
        height: 550px;
    }
}

.hero-slides .single-hero-slide h2 {
    font-size: 4.25em;
    color: #ffffff;
    margin-bottom: 30px;
    font-weight: 600;
}

@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
    .hero-slides .single-hero-slide h2 {
        font-size: 3em;
    }
}

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .hero-slides .single-hero-slide h2 {
        font-size: 2.625em;
    }
}

@media only screen and (max-width: 47.9375em) {
    .hero-slides .single-hero-slide h2 {
        font-size: 1.875em;
    }
}

.hero-slides .single-hero-slide h2 span {
    color: #E8C547;
}

.hero-slides .single-hero-slide h6 {
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 2;
    font-weight: 400;
}

.hero-slides .single-hero-slide .hero-slides-thumb img {
    width: 100%;
}

@media only screen and (max-width: 47.9375em) {
    .hero-slides .single-hero-slide .hero-slides-thumb img {
        width: 40%;
        margin: -4rem auto 0;
    }

    .single-hero-slide .hero-slides-content a.cryptos-btn {
        margin-top: -3rem;
    }
}

.hero-slides .owl-prev, .hero-slides .owl-next {
    background-color: #eef3f6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #292929;
    top: 50%;
    margin-top: -20px;
    left: 5%;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 1em;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    border-bottom: 2px solid #E8C547;
}

@media only screen and (max-width: 767px) {
    .hero-slides .owl-prev, .hero-slides .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -20px;
    }
}

.hero-slides .owl-prev:hover, .hero-slides .owl-prev:focus, .hero-slides .owl-next:hover, .hero-slides .owl-next:focus {
    background-color: #292929;
    color: #E8C547;
}

.hero-slides .owl-next {
    left: auto;
    right: 5%;
}

.hero-slides:hover .owl-prev, .hero-slides:hover .owl-next {
    opacity: 1;
    visibility: visible;
}
/* :: 7.0 Feature Area CSS */
.cryptos-feature-area {
    position: relative;
    z-index: 1;
    padding-left: 45px;
    padding-right: 45px;
}

@media only screen and (max-width: 767px) {
    .cryptos-feature-area {
        padding-left: 0;
        padding-right: 0;
    }
}

.single-feature-area {
    position: relative;
    z-index: 1;
    padding: 90px 35px;
    background-color: #eef3f6;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

    .single-feature-area i {
        font-size: 5em;
        display: block;
        margin-bottom: 50px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }

    .single-feature-area h3 {
        font-size: 1.875em;
        margin-bottom: 30px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .single-feature-area h3 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 47.9375em) {
    .single-feature-area h3 {
        font-size: 1.375em;
    }
}

.single-feature-area p {
    display: block;
    margin-bottom: 50px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single-feature-area .cryptos-btn {
    background-color: #ffffff;
}

.single-feature-area.active, .single-feature-area:hover, .single-feature-area:focus {
    background-color: #E8C547;
    box-shadow: 0 5px 70px rgba(0, 0, 0, 0.15);
}

    .single-feature-area.active i, .single-feature-area.active h3, .single-feature-area.active p, .single-feature-area:hover i, .single-feature-area:hover h3, .single-feature-area:hover p, .single-feature-area:focus i, .single-feature-area:focus h3, .single-feature-area:focus p {
        color: #ffffff;
    }

    .single-feature-area.active .cryptos-btn, .single-feature-area:hover .cryptos-btn, .single-feature-area:focus .cryptos-btn {
        border-bottom-color: #292929;
    }

        .single-feature-area.active .cryptos-btn:hover, .single-feature-area:hover .cryptos-btn:hover, .single-feature-area:focus .cryptos-btn:hover {
            border-bottom-color: #292929;
            color: #292929;
        }

.single-feature-area.style-2 {
    padding: 0;
    background-color: #ffffff;
}

    .single-feature-area.style-2 i {
        color: #E8C547;
    }

    .single-feature-area.style-2 p {
        margin-bottom: 0;
    }

    .single-feature-area.style-2.active, .single-feature-area.style-2:hover, .single-feature-area.style-2:focus {
        background-color: #ffffff;
        box-shadow: none;
    }

        .single-feature-area.style-2.active i, .single-feature-area.style-2:hover i, .single-feature-area.style-2:focus i {
            color: #292929;
        }

        .single-feature-area.style-2.active h3, .single-feature-area.style-2:hover h3, .single-feature-area.style-2:focus h3 {
            color: #E8C547;
        }

        .single-feature-area.style-2.active p, .single-feature-area.style-2:hover p, .single-feature-area.style-2:focus p {
            color: #292929;
        }
/* :: 8.0 Currency Calculator Area CSS */
.currency-calculator-area {
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}

.currency-calculator {
    position: relative;
    z-index: 1;
}

    .currency-calculator .calculator-first-part {
        position: relative;
        z-index: 30;
    }

        .currency-calculator .calculator-first-part form {
            position: relative;
            z-index: 10;
        }

        .currency-calculator .calculator-first-part input {
            width: 85px;
            height: 53px;
            border: 2px solid #E8C547;
            border-radius: 0;
            margin-right: 12px;
            background-color: transparent;
            color: #ffffff;
            text-align: center;
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            font-size: 1.125em;
        }

@media only screen and (max-width: 767px) {
    .currency-calculator .calculator-first-part input {
        width: 60px;
        font-size: 1em;
        height: 40px;
        margin-right: 8px;
    }
}

.currency-calculator .calculator-first-part select {
    position: relative;
    z-index: 10;
    width: 135px;
    height: 53px;
    background-color: #ffffff;
    border-radius: 0;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 52px;
    border: none;
    padding: 0 20px;
}

@media only screen and (max-width: 47.9375em) {
    .currency-calculator .calculator-first-part select {
        padding: 0 10px;
        width: 70px;
        height: 40px;
        font-size: 1em;
    }
}

.currency-calculator .equal-sign {
    width: 120px;
    height: 53px;
    background-color: transparent;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 1.875em;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .currency-calculator .equal-sign {
        width: 40px;
        height: 40px;
    }
}

.currency-calculator .calculator-sec-part {
    position: relative;
    z-index: 1;
}

    .currency-calculator .calculator-sec-part input {
        width: 120px;
        height: 53px;
        border: none;
        border-radius: 0;
        margin-right: 12px;
        background-color: #ffffff;
        color: #292929;
        text-align: center;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        font-size: 1.125em;
    }

@media only screen and (max-width: 47.9375em) {
    .currency-calculator .calculator-sec-part input {
        width: 70px;
        font-size: 1em;
        margin-right: 8px;
        height: 40px;
    }
}

.currency-calculator .calculator-sec-part select {
    position: relative;
    z-index: 10;
    width: 135px;
    height: 53px;
    background-color: #ffffff;
    border-radius: 0;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 52px;
    border: none;
    padding: 0 20px;
}

@media only screen and (max-width: 47.9375em) {
    .currency-calculator .calculator-sec-part select {
        padding: 0 10px;
        width: 70px;
        height: 40px;
        font-size: 1em;
    }
}

/* :: 9.0 Blog Area CSS */
@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .cryptos-blog-sidebar-area {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .cryptos-blog-sidebar-area {
        margin-top: 100px;
    }
}

.single-blog-area {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

    .single-blog-area:last-child {
        margin-bottom: 0;
    }

    .single-blog-area .blog-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        max-width: 150px;
        width: 150px;
        margin-right: 40px;
    }

.bgLightGrey {
    background-color: #f4f4f4;
}

@media only screen and (max-width: 767px) {
    .single-blog-area .blog-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        max-width: 80px;
        width: 80px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .single-blog-area .blog-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px;
        max-width: 130px;
        width: 130px;
        margin-right: 15px;
    }
}

.single-blog-area .blog-content .post-title {
    font-size: 1.125em;
    display: block;
    margin-bottom: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

    .single-blog-area .blog-content .post-title:hover {
        color: #E8C547;
    }

.single-blog-area .blog-content p {
    margin-bottom: 0;
}

.single-blog-area .blog-content .meta-data {
    color: #8e8e8e;
    margin-bottom: 15px;
}

    .single-blog-area .blog-content .meta-data a {
        display: inline-block;
        font-size: 1em;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        color: #8e8e8e;
    }

        .single-blog-area .blog-content .meta-data a:first-child, .single-blog-area .blog-content .meta-data a:hover {
            color: #E8C547;
        }

.single-blog-area.blog-style-2 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}

.single-blog-area.blog-style-3 .blog-thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px;
    width: 90px;
    margin-right: 30px;
    border-radius: 50%;
}

    .single-blog-area.blog-style-3 .blog-thumbnail img {
        border-radius: 50%;
    }

.blog-section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 100px;
}

    .blog-section-heading h3 {
        font-size: 1.875em;
        border-bottom: 3px solid #E8C547;
        display: inline-block;
        line-height: 1.5;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cryptos-prices-table {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .cryptos-prices-table, .aldot-list-table {
        margin-top: 100px;
    }
}

.single-price-table {
    position: relative;
    z-index: 1;
    padding: 12px 15px;
    background-color: #eef3f6;
    margin-bottom: 2px;
}

.aldot-list-table {
    position: relative;
    z-index: 1;
    padding: 12px 15px;
    margin-bottom: 2px;
}

    .single-price-table:last-child, .aldot-list-table:last-child {
        margin-bottom: 0;
    }

    .single-price-table .p-content span, .aldot-list-table .p-content span {
        font-size: 1em;
        color: #4c4656;
        margin-right: 10px;
        display: inline-block;
        font-family: "Open Sans", sans-serif;
    }

    .single-price-table .p-content img, .aldot-list-table .p-content img {
        margin-right: 10px;
    }

    .single-price-table .p-content p, .aldot-list-table .p-content p {
        margin-bottom: 0;
        color: #27232c;
        font-size: 1em;
        font-family: "Open Sans", sans-serif;
    }

        .single-price-table .p-content p span, .aldot-list-table .p-content p span {
            font-size: 1em;
            color: #68757e;
        }

    .single-price-table .price, .aldot-list-table .price {
        position: relative;
        z-index: 1;
    }

        .single-price-table .price p, .aldot-list-table .price p {
            margin-bottom: 0;
            font-size: 1em;
            font-weight: 600;
        }

        .single-price-table .price.increase, .aldot-list-table .price.increase {
            position: relative;
            z-index: 1;
        }

            .single-price-table .price.increase p, .aldot-list-table .price.increase p {
                color: #68a85c;
                padding-right: 10px;
            }

            .single-price-table .price.increase::after, .aldot-list-table .price.increase::after {
                position: absolute;
                top: 4px;
                right: 0;
                content: '\f0d8';
                font-family: 'FontAwesome';
                font-size: 1em;
                color: #68a85c;
                z-index: 2;
            }

        .single-price-table .price.decrease, .aldot-list-table .price.decrease {
            position: relative;
            z-index: 1;
        }

            .single-price-table .price.decrease p, .aldot-list-table .price.decrease p {
                color: #ff0048;
                padding-right: 10px;
            }

            .single-price-table .price.decrease::after, .aldot-list-table .price.decrease::after {
                position: absolute;
                top: 4px;
                right: 0;
                content: '\f0d7';
                font-family: 'FontAwesome';
                font-size: 1em;
                color: #ff0048;
                z-index: 2;
            }
/* :: 10.0 Newsletter Area CSS */
.newsletter-area {
    position: relative;
    z-index: 1;
    background-color: #ffaf02;
    padding: 70px 15px;
}

    .newsletter-area .section-heading h6 {
        font-family: "Open Sans", sans-serif;
        line-height: 1.5;
        font-weight: 600;
        color: #292929;
    }

    .newsletter-area form {
        position: relative;
        z-index: 1;
        width: 750px;
        margin: auto;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-area form {
        width: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-area form {
        width: 250px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .newsletter-area form {
        width: 350px;
    }
}

.newsletter-area form input {
    position: relative;
    z-index: 1;
    height: 63px;
    width: 100%;
    background-color: #ffffff;
    border: none;
    padding: 0 40px;
    font-style: italic;
}


@media only screen and (max-width: 767px) {
    .newsletter-area form input {
        padding: 0 15px;
        font-size: 1em;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .newsletter-area form input {
        padding: 0 30px;
        font-size: 1em;
    }
}

.newsletter-area form button {
    position: absolute;
    width: 150px;
    height: 63px;
    top: 0;
    right: 0;
    z-index: 10;
    font-size: 1em;
    text-transform: uppercase;
    color: #E8C547;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    font-weight: 700;
    border: none;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

    .newsletter-area form button:hover {
        color: #292929;
    }

@media only screen and (max-width: 767px) {
    .newsletter-area form button {
        width: 100px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .newsletter-area form button {
        width: 130px;
    }
}
/* :: 11.0 Footer Area CSS */
.main-footer-area {
    background-color: #232323;
}

    .main-footer-area .footer-widget .widget-title {
        margin-bottom: 45px;
    }

        .main-footer-area .footer-widget .widget-title h6 {
            font-size: 1em;
            font-weight: 500;
            margin-bottom: 0;
            color: #ffffff;
            margin-top: 10px;
            text-transform: uppercase;
        }

    .main-footer-area .footer-widget .footer-social-info {
        margin-top: 30px;
        display: block;
    }

        .main-footer-area .footer-widget .footer-social-info a {
            display: inline-block;
            color: #8e8e8e;
            margin-right: 25px;
        }

            .main-footer-area .footer-widget .footer-social-info a:hover, .main-footer-area .footer-widget .footer-social-info a:focus {
                /*color: #ffaf02;*/
                color: #E8C547;
            }

    .main-footer-area .footer-widget .single--blog-post {
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
    }

        .main-footer-area .footer-widget .single--blog-post:last-child {
            margin-bottom: 0;
        }

        .main-footer-area .footer-widget .single--blog-post a {
            display: block;
            color: #8e8e8e;
            font-family: "Open Sans", sans-serif;
            margin-bottom: 5px;
        }

            .main-footer-area .footer-widget .single--blog-post a:hover {
                /*color: #ffaf02;*/
                color: #E8C547;
            }

            .main-footer-area .footer-widget .single--blog-post a p {
                margin-bottom: 0;
                -webkit-transition-duration: 500ms;
                transition-duration: 500ms;
            }

                .main-footer-area .footer-widget .single--blog-post a p:hover {
                    /*color: #ffaf02;*/
                    color: #E8C547;
                }

        .main-footer-area .footer-widget .single--blog-post span {
            margin-bottom: 0;
            font-size: 14px;
            /*color: #ffaf02;*/
            color: #E8C547;
        }

    .main-footer-area .footer-widget .useful-links li {
        display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 75%;
        width: 75%;
    }

        .main-footer-area .footer-widget .useful-links li a {
            font-size: 1em;
            font-family: "Open Sans", sans-serif;
            margin-bottom: 5px;
            display: block;
            color: #8e8e8e;
        }

            .main-footer-area .footer-widget .useful-links li a:hover, .main-footer-area .footer-widget .useful-links li a:focus {
                /*color: #ffaf02;*/
                color: #E8C547;
            }

.bottom-footer-area {
    background-color: #090f1a;
    text-align: center;
    height: 60px;
}

    .bottom-footer-area p {
        font-size: 1em;
        margin-bottom: 0;
        font-family: "Open Sans", sans-serif;
    }

        .bottom-footer-area p a {
            color: #8e8e8e;
            font-size: 1em;
            font-family: "Open Sans", sans-serif;
        }

            .bottom-footer-area p a:hover {
                /*color: #ffaf02;*/
                color: #E8C547;
            }
/* :: 12.0 Breadcumb Area CSS */
.breadcumb-area {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 200px;
    background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
    background: linear-gradient(to right, #0d104d, #28408b);
}

.breadcumb-area2 {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 175px;
    background: #0d104d;
    background: -webkit-linear-gradient(to right, #0d104d, #28408b);
    background: linear-gradient(to right, #0d104d, #28408b);
}

@media only screen and (max-width: 767px) {
    .breadcumb-area {
        height: 130px;
    }
}

.breadcumb-area .breadcumb-text h2 {
    font-size: 2.5em;
    margin-bottom: 0;
    color: #ffffff;
}

@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
    .breadcumb-area .breadcumb-text h2 {
        font-size: 2.25em;
    }
}

@media only screen and (min-width: 48em) and (max-width: 61.9375em) {
    .breadcumb-area .breadcumb-text h2 {
        font-size: 2em;
    }
}

@media only screen and (max-width: 47.9375em) {
    .breadcumb-area .breadcumb-text h2 {
        font-size: 1.25em;
    }
}

.breadcumb-area .breadcumb-thumb-area {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

    .breadcumb-area .breadcumb-thumb-area .breadcumb-thumb {
        text-align: right;
        top: 15px;
        position: relative;
        z-index: 5;
    }

        .breadcumb-area .breadcumb-thumb-area .breadcumb-thumb img {
            max-width: 260px;
        }

@media only screen and (max-width: 47.9375em) {
    .breadcumb-area .breadcumb-thumb-area .breadcumb-thumb img {
        max-width: 150px;
    }
}
/* :: 13.0 Guideline Step CSS */
.guideline-content {
    position: relative;
    z-index: 1;
}

    .guideline-content .single-step {
        padding: 35px 20px 30px;
        background-color: #ffffff;
        border-bottom: 3px solid #ffaf02;
        margin-bottom: 25px;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }

        .guideline-content .single-step:last-child {
            margin-bottom: 0;
        }

        .guideline-content .single-step .quantity {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 70px;
            flex: 0 0 70px;
            max-width: 70px;
            width: 70px;
            font-size: 2.25em;
            font-weight: 900;
            line-height: 1;
            color: #ffaf02;
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
        }

        .guideline-content .single-step .step-content h6 {
            font-size: 1em;
            text-transform: uppercase;
            font-weight: 700;
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
        }

        .guideline-content .single-step .step-content p {
            margin-bottom: 0;
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
        }

        .guideline-content .single-step:hover {
            color: #292929;
        }

            .guideline-content .single-step:hover .step-content h6, .guideline-content .single-step:hover .step-content p {
                color: #292929;
            }

@media only screen and (max-width: 767px) {
    .guideline-thumb {
        margin-top: 100px;
    }
}

.video-area {
    position: relative;
    z-index: 1;
}

    .video-area .video-btn {
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
/* :: 14.0 Contact Area CSS */
.map-area {
    position: relative;
    z-index: 2;
}

    .map-area #googleMap {
        width: 100%;
        height: 685px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .map-area #googleMap {
        height: 500px;
    }
}

@media only screen and (max-width: 767px) {
    .map-area #googleMap {
        height: 350px;
    }
}

.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .map-container iframe {
        left: 0;
        top: 0;
        height: 685px;
        /*height:100%;*/
        width: 100%;
        position: absolute;
    }
/*test*/
/* Contact Area */
#contactArea {
    padding: 0px 0 30px;
    background: #fff;
}

    #contactArea #map {
        margin: 0 0 40px 0;
    }

    #contactArea #map_canvas {
        height: 400px;
        width: 100%;
        clear: both;
    }

    #contactArea textarea {
        min-height: 180px;
    }

    #contactArea .btn {
        padding: 5px 20px;
        float: none;
        margin: 0 auto;
        display: block;
        font-size: 1em;
    }

    #contactArea h2 {
        padding-bottom: 10px;
        font-size: 1.375em;
        font-weight: 700;
        line-height: 38px;
    }

    #contactArea ul li {
        padding: 4px 0px;
        line-height: 30px;
        text-align: left;
        width: 100%;
        float: left;
        font-size: 1em;
        color: #656565;
    }

        #contactArea ul li a {
            color: #656565;
        }

            #contactArea ul li a:hover {
                color: #27528C;
                font-weight: 700;
            }

        #contactArea ul li i {
            margin-right: 10px;
            width: 30px;
            color: #fff;
            float: left;
            height: 30px;
            line-height: 30px;
            font-size: 1em;
            text-align: center;
            border-radius: 50px;
            background: #27528C;
        }

    #contactArea .block {
        padding: 20px 20px;
        overflow: hidden;
        position: relative;
        background: none repeat scroll 0 0 #FFFFFF;
        margin-bottom: 10px;
        border: 1px solid #EFEFEF;
        box-shadow: 0 1px 1px #EFEFEF inset;
    }

        #contactArea .block h3 {
            margin: 0px;
            padding: 0px 0 10px;
            font-size: 1.125em;
            text-transform: uppercase;
        }

            #contactArea .block h3 a:hover {
                color: #27528C;
            }

        #contactArea .block p {
            margin: 0px;
            position: relative;
            z-index: 2;
            padding: 0px;
        }

        #contactArea .block i {
            position: absolute;
            right: 20px;
            top: 20px;
            top: 1.25em;
            font-size: 4.6875em;
            color: #e5e5e5;
        }

    #contactArea .form-control {
        padding: 5px 10px;
        height: 45px;
        margin-bottom: 15px;
        border-color: #EFEFEF;
    }

        #contactArea .form-control:focus {
            color: #333;
            border-color: #27528C;
        }

.MOLWell {
    background: #FFCC00;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}
/*end test*/
.contact-information .contact-social-info a {
    display: inline-block;
    margin-right: 30px;
    color: #8e8e8e;
}

    .contact-information .contact-social-info a:hover {
        /*color: #ffaf02;*/
        color: #E8C547;
    }

.contact-information .single-contact-info .contact-icon i {
    display: inline-block;
    color: #ffffff;
    background-color: #E8C547;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 1em;
    border-radius: 50%;
}

.contact-information .single-contact-info p {
    /*	color: #292929;
*/ color: #30323D;
}

.contact-form-area .form-control {
    height: 52px;
    width: 100%;
    background-color: #eef3f6;
    font-size: 1em;
    font-style: italic;
    margin-bottom: 15px;
    border: none;
    border-bottom: 3px solid #eef3f6;
    border-radius: 0;
    padding: 15px 30px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

    .contact-form-area .form-control:focus {
        border-bottom: 3px solid #ffaf02;
        box-shadow: none;
    }

.contact-form-area textarea.form-control {
    height: 200px;
}
/* :: 15.0 Elements Area CSS */
.elements-title h2 {
    font-weight: 300;
    font-size: 3em;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .elements-title h2 {
        font-size: 1.875em;
    }
}

.single-pie-bar h6 {
    font-size: 1.125em;
    margin-bottom: 0;
}

.single-cool-fact {
    position: relative;
    z-index: 1;
}

    .single-cool-fact h3 {
        font-size: 3em;
        margin-bottom: 0;
        color: #E8C547;
    }

    .single-cool-fact .line {
        width: 35px;
        height: 5px;
        background-color: #E8C547;
        margin: 20px auto;
    }

    .single-cool-fact h6 {
        font-size: 1.125em;
        margin-bottom: 0;
    }

/* Accordians */
.single-accordion.panel {
    background-color: #ffffff;
    border: 0 solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 0 transparent;
    margin-bottom: 15px;
}

.single-accordion:last-of-type {
    margin-bottom: 0;
}

.single-accordion h6 {
    margin-bottom: 0;
    text-transform: uppercase;
}

    .single-accordion h6 a {
        border-radius: 0;
        background-color: #E8C547;
        color: #292929;
        border-bottom: 3px solid #292929;
        display: block;
        margin: 0;
        padding: 20px 60px 20px 20px;
        position: relative;
        font-size: 1em;
        text-transform: capitalize;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
    }

        .single-accordion h6 a span {
            font-size: 1em;
            position: absolute;
            right: 20px;
            text-align: center;
            top: 23px;
        }

            .single-accordion h6 a span.accor-open {
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
            }

        .single-accordion h6 a.collapsed {
            background-color: #eef3f6;
            color: #8e8e8e;
            border-bottom: 0.1875em solid #ffaf02;
        }

            .single-accordion h6 a.collapsed span.accor-close {
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
            }

            .single-accordion h6 a.collapsed span.accor-open {
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                filter: alpha(opacity=100);
            }

.single-accordion .accordion-content {
    border-top: 0 solid transparent;
    box-shadow: none;
}

    .single-accordion .accordion-content p {
        padding: 20px 15px 5px;
        margin-bottom: 0;
    }

/* Tabs CSS*/
.cryptos-tabs-content {
    position: relative;
    z-index: 1;
}

.tab-box {
    /*background-color: #F5F5F5;
*/
}

.cryptos-tabs-content .nav-tabs {
    border-bottom: none;
    margin-bottom: 50px;
}

.cryptos-tabs-content .nav-box {
    border-bottom: none;
    margin-bottom: 0px !important;
}

.cryptos-tabs-content .nav-tabs .nav-link {
    background-color: #eef3f6;
    color: #8e8e8e;
    border-bottom: 3px solid #2E8400;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    margin: 0 2px;
    border-radius: 0;
    font-size: 1em;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}

.inheritBackground {
    background-color: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cryptos-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .cryptos-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

.cryptos-tabs-content .nav-tabs .nav-link.active {
    background-color: #AFAFAF;
    color: #30323D;
    border-bottom: 3px solid #292929;
}

.cryptos-tabs-content .tab-content h6 {
    font-size: 1.125em;
}

.cryptos-tabs-content .tab-box {
    /*border-bottom: 1px solid #292929;
border-right: 1px solid #292929;
border-left: 1px solid #292929;*/
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0px;
}
/* Yellow Tabs CSS*/
.Yellow-tabs-content {
    position: relative;
    z-index: 1;
}

    .Yellow-tabs-content .nav-tabs {
        border-bottom: none;
        /*	margin-bottom: 50px;
*/
    }

    .Yellow-tabs-content .nav-box {
        border-bottom: none;
        margin-bottom: 0px !important;
    }

    .Yellow-tabs-content .nav-tabs .nav-link {
        background-color: #E8C547;
        color: #8e8e8e;
        padding: 0 15px;
        margin: 0 2px;
        border-radius: 0;
        font-size: 1em;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Yellow-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .Yellow-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

.Yellow-tabs-content .nav-tabs .nav-link.active {
    background-color: #eef3f6;
    color: #8e8e8e;
    border-top: 3px solid #2E8400;
}

.Yellow-tabs-content .tab-box {
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0px;
}
/* Grey Tabs CSS*/
.Grey-tabs-content {
    position: relative;
    z-index: 1;
}

    .Grey-tabs-content .nav-tabs {
        border-bottom: none;
        /*	margin-bottom: 50px;
*/
    }

    .Grey-tabs-content .nav-box {
        border-bottom: none;
        margin-bottom: 0px !important;
    }

    .Grey-tabs-content .nav-tabs .nav-link {
        background-color: #adb4b9;
        color: #8e8e8e;
        padding: 0 15px;
        margin: 0 2px;
        border-radius: 0;
        font-size: 1em;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Grey-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .Grey-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

.Grey-tabs-content .nav-tabs .nav-link.active {
    background-color: #eef3f6;
    color: #8e8e8e;
    border-top: 3px solid #adb4b9;
}

.Grey-tabs-content .tab-box {
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0px;
}
/*Dark Tabs*/
.Dark-tabs-content {
    position: relative;
    z-index: 1;
}

    .Dark-tabs-content .nav-tabs {
        border-bottom: none;
        /*	margin-bottom: 50px;
*/
    }

    .Dark-tabs-content .nav-box {
        border-bottom: none;
        margin-bottom: 0px !important;
    }

    .Dark-tabs-content .nav-tabs .nav-link {
        background-color: #292929;
        color: #8e8e8e;
        padding: 0 15px;
        margin: 0 2px;
        border-radius: 0;
        font-size: 1em;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Dark-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .Dark-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

.Dark-tabs-content .nav-tabs .nav-link.active {
    background-color: #eef3f6;
    color: #8e8e8e;
    border-top: 3px solid #2E8400;
}

.Dark-tabs-content .tab-box {
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0px;
}
/*Teal Tabs*****/
.Teal-tabs-content {
    position: relative;
    z-index: 1;
}

    .Teal-tabs-content .nav-tabs {
        border-bottom: none;
        /*	margin-bottom: 50px;
*/
    }

    .Teal-tabs-content .nav-box {
        border-bottom: none;
        margin-bottom: 0px !important;
    }

    .Teal-tabs-content .nav-tabs .nav-link {
        background-color: #587B7F;
        color: #8e8e8e;
        padding: 0 15px;
        margin: 0 2px;
        border-radius: 0;
        font-size: 1em;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .Teal-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 47.9375em) {
    .Teal-tabs-content .nav-tabs .nav-link {
        padding: 0 10px;
    }
}

.Teal-tabs-content .nav-tabs .nav-link.active {
    background-color: #eef3f6;
    color: #8e8e8e;
    border-top: 3px solid #587B7F;
}

.Teal-tabs-content .tab-box {
    background-color: #F8F8F8;
    padding: 30px;
    margin: 0px;
}

.careerSpacing {
    margin-top: 0px !important;
}

@media (max-width: 767.98px) {
    .careersSpacing {
        margin-top: 20px !important;
    }
}
/*.pageImageBackground{
	background-image: url('../img/Dauphin-Island-Bridge-Alabama.jpg');
	background-size: cover;
	background-position: center center;
	position: relative;
	top: 0;
	bottom: 0;
	height: 100vh;
	z-index: -10;
	
}

.pageImageBackground-overlay{
	background: rgba(255, 255, 255, 0.9);
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: -5;
}*/



/*****Makes table rows go into their own tables. ******/
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width : 335px) {
    .dataTable {
        width: auto;
        border-collapse: collapse;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        font: 0.625em Myriad Pro, Arial, Helvetica, sans-serif;
    }
}

@media only screen and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .dataTable table, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr {
        display: block;
    }

    .dataTable td, .dataTable th {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    /*makes search disappear on datatables*/
    /*div.dataTables_wrapper div.dataTables_filter {
			display: none !important;
		}*/

    /* Hide table headers (but not display: none;, for accessibility) */
    .dataTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .dataTable tr {
        border: 1px solid #f3efef;
    }

    .dataTable td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #f3efef;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}
/*Test*/
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center
        }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end
    }

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative
}

    table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        position: absolute;
        bottom: 0.9em;
        display: block;
        opacity: 0.3
    }

    table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
        right: 1em;
        content: "\2191"
    }

    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
        right: 0.5em;
        content: "\2193"
    }

    table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
        opacity: 1
    }

    table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
        opacity: 0
    }

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

    div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before, div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
        display: none
    }

    div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
        border-top: none
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none
    }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0
}

    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
        border-right-width: 0
    }

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
        padding-left: 0
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-right: 0
    }

table.dataTable.transparentBackground tbody tr {
    background-color: transparent;
}