/*--------------------------------------------------------------------------------------
Theme Name: APPTON
Theme URI: http://quomodosoft.com
Author URI: http://quomodosoft.com
Description: 100% Responsive, Highly Customizable, SEO Friendly Apps Landing HTML5 template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: Mehedi Hasan Nahid
Version: 1.0
----------------------------------------------------------------------------------------
    1. TOP AREA
        2.1. WELCOME TEXT AREA
    2. ABOUT AREA
    3. FEATURES AREA
    4. VIDEO AREA
    5. TESTMONIAL AREA
    6. FUN FACT AREA
    7. PRICE AERA
    8. FAQS AREA
    9. DOWNLOAD AREA
    10. BLOG AREA
    11. CONTACT AREA
    12. FOOTER AREA
    13. SCROLL TO TOP AREA
    14. HOME VERSION TWO
----------------------------------------------------------------------------------------*/

/*----------------------------
    1.1. WELCOME TEXT AREA
------------------------------*/

.welcome-text-area .area-bg::before {
    background: url(assest/img/home/home-shape.png) no-repeat scroll center center / cover;
}

/*---------------------------
    2. ABOUT AREA
----------------------------*/

.about-content h3 {
    color: #8256ff;
    font-size: 30px;
    font-weight: 400;
}

.read-more {
    background: #8256ff none repeat scroll 0 0;
    border: 2px solid #8256ff;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
}
background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0844), to(#ffb199));
background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);

.read-more:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #8256ff;
}

/*--------------------------------
    3. FEATURES AREA
---------------------------------*/

.text-icon-box.active.box-hover-1::before {
    opacity: 1;
} 
.text-icon-box.active {
    -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);
}

.text-icon-box {
    padding: 40px 20px;
}

.features-box-icon {
    background: #eef3f9 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 30px;
    width: 120px;
}


/*--------------------------------
    4. VIDEO AREA
---------------------------------*/

.video-area .area-bg::before {
    background: #8256ff none repeat scroll 0 0;
    opacity: 0.75;
}

.video-promo-details {
    border-radius: 10px;
}

.video-promo-content {
    color: #ffffff;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.video-area-popup {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 60px;
    height: 70px;
    line-height: 1;
    padding-top: 6px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 70px;
}

.video-area-popup:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #8256ff;
}

/*---------------------------------
    5. TESTMONIAL AREA
----------------------------------*/

.author-content {
    background: #f7f9fc none repeat scroll 0 0;
    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
}

.author-content::after {
    border-bottom: 40px solid rgba(0, 0, 0, 0);
    border-left: 60px solid #f7f9fc;
    bottom: -40px;
    content: "";
    height: 0;
    left: 50px;
    position: absolute;
    width: 0;
}

.testmonial-quote {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.testmonial-quote::before,
.testmonial-quote::after {
    color: #dddddd;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 41px;
    left: 20px;
    line-height: 1;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}

.testmonial-quote::after {
    bottom: 16px;
    content: "\f10e";
    left: auto;
    right: 20px;
    top: auto;
}

.author-name-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 100px;
}

.author-img {
    border: 2px solid #f3ab00;
    border-radius: 50%;
    height: 80px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 80px;
}

.author-name-image h4 {
    margin-bottom: 0;
}

.testmonial-slider.owl-carousel {
    overflow: hidden;
}

.testmonial-area .owl-nav > div {
    background: #f3ab00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    left: -30px;
    opacity: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 30%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 40px;
}

.testmonial-area .owl-nav > div.owl-next {
    left: auto;
    right: -30px;
}

.testmonial-area .owl-nav > div:hover {
    background: #586082 none repeat scroll 0 0;
}

.owl-carousel:hover .owl-nav > div.owl-next {
    opacity: 1;
    right: 0;
    visibility: visible;
}

.owl-carousel:hover .owl-nav > div.owl-prev {
    left: 0;
    opacity: 1;
    visibility: visible;
}

/*.testmonial-area .owl-controls {
    height: 20px;
    margin-top: 30px;
}*/

.testmonial-area .owl-dots {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testmonial-area .owl-dots > div {
    border: 1px solid #586082;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
}

.testmonial-area .owl-dots > div.active {
    background: #8256ff none repeat scroll 0 0;
    border-color: #8256ff;
}

/*----------------------------------
    6. FUN FACT AREA
----------------------------------*/

.fun-fact-area .area-bg {
    background: rgba(0, 0, 0, 0) url("assest/img/fact-bg.jpg") no-repeat scroll center center / cover;
}

.fun-fact-area .area-bg::after {
    background: #2f2e2a none repeat scroll 0 0;
    opacity: 0.7;
}

/*---------------------------------
    7. PRICE AERA
-----------------------------------*/

.single-price {
    border: 1px solid #f7f9fc;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-price .area-bg {
    z-index: -1;
}

.single-price .area-bg::before {
    background: rgba(0, 0, 0, 0) url("assest/img/price-bg.svg") no-repeat scroll center center / 100% 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: -2;
}

/*.single-price .area-bg::after {
    background: rgba(0, 0, 0, 0) url("assest/img/price-bg-hover.svg") no-repeat scroll center center / 100% 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: -1;
}*/

.single-price:hover .area-bg::after,
.single-price.active .area-bg::after {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.price-hidding h3,
.price-rate h3 {
    color: #8256ff;
}

.price-rate h3 sub,
.price-rate h3 sup {
    font-size: 24px;
    font-weight: 400;
}

.price-rate h3 sub {
    color: #4d557d;
    font-size: 16px;
}

.price-details ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.price-details li {
    margin-bottom: 15px;
}

.purchase-button {
    background: #8256ff none repeat scroll 0 0;
    border: 2px solid #8256ff;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 1px;
    padding: 8px 30px;
}

.purchase-button:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #8256ff;
}

/*--------------------------------
    8. FAQS AREA
---------------------------------*/

.panel.panel-default {
    margin-bottom: 30px;
}

.panel-default > .panel-heading {
    background-color: none;
}

.active .accordion-toggle {
    color: #f3ab00;
}

.panel-body {
    border-top: 0;
}

.accordion-toggle .panel-title .fa-angle-down {
    margin-top: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.accordion-toggle.collapsed .panel-title .fa-angle-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/*--------------------------------
    9. DOWNLOAD AREA
---------------------------------*/

.download-button a {
    border: 2px solid;
    border-radius: 5px;
    color: #f3ab00;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    padding: 10px 25px 10px 60px;
    position: relative;
    width: 235px;
}

.download-button a i {
    font-size: 30px;
    left: 15px;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.download-button a:hover,
.download-button a.active {
    background: #f3ab00 none repeat scroll 0 0;
    border-color: #fff;
    -webkit-box-shadow: 0 15px 50px rgba(130, 86, 255, 0.4);
    box-shadow: 0 15px 50px rgba(205, 143, 26, 0.6);
    color: #000;
}

/*--------------------------------
    10. BLOG AREA
----------------------------------*/

.single-blog-item {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-thumb {
    overflow: hidden;
}

.blog-thumb img {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-blog:hover {
    -webkit-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.blog-details h3 {
    line-height: 1.3;
    margin-bottom: 25px;
}

.blog-meta a {
    opacity: .7;
    margin-right: 15px;
}

.blog-meta a:hover {
    opacity: 1;
}

.blog-details a.readmore {
    display: inline-block;
    letter-spacing: 1px;
}

.single-blog-item:hover .blog-thumb img {
    opacity: 0.5;
    -webkit-transform: scale(1.3) rotate(10deg);
    transform: scale(1.3) rotate(10deg);
}

/*---------------------------------
    11. CONTACT AREA
----------------------------------*/

.contact-form-content {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 12px 35px rgba(130, 86, 255, 0.3);
    box-shadow: 0 12px 35px rgba(130, 86, 255, 0.3);
    margin-top: -150px;
}

.contact-form input,
.contact-form textarea {
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px #cacfda;
    box-shadow: 0 0 0 1px #cacfda;
    margin-bottom: 30px;
    min-height: 50px;
    padding: 10px;
}

.contact-form input:focus,
.contact-form textarea:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(130, 86, 255, 0.9);
    box-shadow: 0 0 0 1px rgba(130, 86, 255, 0.9);
}

.contact-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 5px;
    color: #8256ff;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.contact-form button:hover {
    background: #8256ff none repeat scroll 0 0;
    border-color: #8256ff;
    color: #ffffff;
}


.subscriber-form {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 5px;
    font-size: 18px;
    height: 70px;
    margin-bottom: 50px;
    position: relative;
    text-transform: capitalize;
}

.subscriber-form input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: black;
    height: 100%;
    left: 0;
    letter-spacing: 1px;
    padding: 10px 11% 10px 30px;
    position: absolute;
    top: 0;
    width: 80%;
}

.subscriber-form button {
    background: #8256ff none repeat scroll 0 0;
    border: 2px solid #8256ff;
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    height: 100%;
    letter-spacing: 2px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 150px;
}

.subscriber-form button:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #8256ff;
}

label.mt10 {
    bottom: -52px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

label.mt10.valid {
    bottom: 18px;
    color: #8256ff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.contact-area .box-icon {
    border: 2px solid #8256ff;
    border-radius: 50%;
    color: #8256ff;
    display: inline-block;
    font-size: 30px;
    height: 60px;
    padding-top: 14px;
    text-align: center;
    width: 60px;
}

.contact-area .text-icon-box:hover .box-icon {
    background: #8256ff none repeat scroll 0 0;
    border-color: #8256ff;
    color: #ffffff;
}

/*---------------------------------
    12. FOOTER AREA
----------------------------------*/

.footer-social-bookmark .social-bookmark li a {
    border: 3px solid;
    border-radius: 50%;
    font-size: 20px;
    height: 40px;
    margin: 0 5px;
    padding-top: 6px;
    text-align: center;
    width: 40px;
}

.footer-copyright {
    padding: 30px 0;
}

/*---------------------------------
    13. SCROLL TO TOP AREA
----------------------------------*/

.scrolltotop {
    background: #404873 none repeat scroll 0 0;
    bottom: 20px;
    color: #ffffff;
    display: none;
    font-size: 20px;
    height: 40px;
    padding-top: 8px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 9;
}

.scrolltotop:hover {
    background: #f3ab00;
    color: #ffffff;
}

/*----------------------------------
    14. HOME VERSION TWO
-----------------------------------*/

.home-two ul#nav li a,
.home-shadow ul#nav li ul a,
.home-shadow ul#nav li a,
.home-gradient ul#nav li a,
.home-gradient ul#nav li ul a,
.home-video ul#nav li a,
.home-video ul#nav li ul a,
.home-fancy ul#nav li a,
.home-fancy ul#nav li ul a {
    color: #ffffff;
}

.home-two .is-sticky ul#nav li a,
.home-shadow .is-sticky ul#nav li a,
.home-video .is-sticky ul#nav li a,
.home-fancy .is-sticky ul#nav > li > a,
.home-gradient .is-sticky ul#nav li a {
    color: white;
}

.home-shadow ul#nav li a:hover,
.home-gradient ul#nav li a:hover,
.home-video ul#nav li a:hover,
.home-video ul#nav li.active a,
.home-shadow ul#nav li.active a,
.home-gradient ul#nav li.active a,
.home-shadow ul#nav li.active ul a:hover,
.home-gradient ul#nav li.active ul a:hover,
.home-video ul#nav li.active ul a:hover,
.home-video ul#nav li ul a:hover {
    color: #f3ab00;
}

.home-fancy ul#nav li a:hover,
.home-fancy ul#nav li.active ul a:hover,
.home-fancy ul#nav li ul a:hover {
    color: #ff0844;
}

.home-shadow ul#nav li.active ul li a,
.home-gradient ul#nav li.active ul li a,
.home-video ul#nav li.active ul li a {
    color: #ffffff;
}

.home-video ul#nav li.active ul li a {
    color: #ff0844;
}

.home-two .top-area,
.home-two .welcome-text-area {
    height: auto;
    overflow: inherit;
}

.home-two .welcome-area {
    padding-bottom: 50px;
    padding-top: 50px;
}

.home-two .welcome-text-area .area-bg::before {
    background: rgba(0, 0, 0, 0) url("assest/img/home/home-shape-2.png") no-repeat scroll center center / cover;
}

.home-two .welcome-text-area .download-button a,
.home-video .welcome-text-area .download-button a,
.home-gradient .welcome-text-area .download-button a {
    color: #ffffff;
}

.home-two .welcome-mockup {
    margin-bottom: -180px;
    margin-top: inherit;
}

/*---------------*/

canvas#canvas_shadow {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#particle-canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}


.home-particle .top-area .area-bg {
    background: rgba(0, 0, 0, 0) url("assest/img/bubble_bg.jpg") no-repeat scroll center center / cover;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

/*.home-particle .area-bg::after {
    background: #000;
    opacity: .5;
}*/

section {
    background: #ffffff;
}

.home-video .welcome-text-area {
    position: relative;
}

.home-video .welcome-text-area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #000000;
    opacity: .5;
}

canvas#granim-canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.welcome-text-area {
    position: relative;
}

.canvas_graph {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #27253f;
}

.canvas_ribbon {
    /*
    rgba(0, 0, 0, 0) linear-gradient(-45deg, #8256ff, #292929) repeat scroll 0 0;
    background: #403060;*/
    background: #29295f;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -9;
}

@-webkit-keyframes infiniteStats {
    0% {
        -webkit-transform: translate3d(-1920px, 0px, 0px);
        transform: translate3d(-1920px, 0px, 0px);
    }

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

@keyframes infiniteStats {
    0% {
        -webkit-transform: translate3d(-1920px, 0px, 0px);
        transform: translate3d(-1920px, 0px, 0px);
    }

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

.canvas_graph::after {
    -webkit-animation: 120s linear 0s normal none infinite running infiniteStats;
    animation: 120s linear 0s normal none infinite running infiniteStats;
    background: rgba(0, 0, 0, 0) url("assest/img/lines.svg") repeat-x scroll 0 0;
    bottom: 0;
    content: "";
    height: 406px;
    left: -1440px;
    position: absolute;
    right: 0;
    width: calc(1920px * 3);
}

.home-fancy .welcome-text-area .area-bg::before {
    background: rgba(0, 0, 0, 0) url("assest/img/home/fancy_bg.png") no-repeat scroll center center / 100% 100%;
}

.home-fancy .welcome-area .download-button a {
    color: #ffffff;
}

.home-fancy .welcome-area .download-button a.active {
    background: #ffffff none repeat scroll 0 0;
    border-color: #ffffff;
    -webkit-box-shadow: 0 15px 50px rgba(255, 255, 255, 0.3);
    box-shadow: 0 15px 50px rgba(255, 255, 255, 0.3);
    color: #ff0844;
}

.home-fancy .box-hover-1::before {
    background: #ff0844 none repeat scroll 0 0;
}

.home-fancy .area-title h2 span {
    color: #ff0844;
}

.home-fancy .about-content h3 {
    color: #ff0844;
}

.home-fancy .read-more,
.home-fancy .purchase-button {
    background: #ff0844 none repeat scroll 0 0;
    border-color: #ff0844;
}

.home-fancy .read-more:hover,
.home-fancy .purchase-button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ff0844;
}

.home-fancy .box-hover-21::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0844 #ff0844;
}

.home-fancy .box-hover-21::before {
    border-color: #ff0844 #ff0844 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.home-fancy .fun-fact-area .area-bg::after {
  background: #ff0844 none repeat scroll 0 0;
}
.home-fancy .price-hidding h3,
.home-fancy .price-rate h3 {
    color: #ff0844;
}

.home-fancy .active .accordion-toggle,
.home-fancy .accordion-toggle:hover {
    color: #ff0844;
}

.home-fancy .download-button a {
    color: #ff0844;
}

.home-fancy .download-button a.active {
    background: #ff0844 none repeat scroll 0 0;
    border-color: #ff0844;
    -webkit-box-shadow: 0 0 20px rgba(255, 8, 68, 0.5);
    box-shadow: 0 0 20px rgba(255, 8, 68, 0.5);
    color: #ffffff;
}

.home-fancy .subscriber-form button {
    background: #ff0844 none repeat scroll 0 0;
    border-color: #ff0844;
}

.home-fancy .subscriber-form button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ff0844;
}

.home-fancy .blog-title a:hover,
.home-fancy .readmore:hover,
.home-fancy .blog-meta a:hover {
    color: #ff0844;
}

.home-fancy .contact-form input:focus,
.home-fancy .contact-form textarea:focus {
    -webkit-box-shadow: 0 0 3px #ff0844;
    box-shadow: 0 0 3px #ff0844;
}

.home-fancy .contact-form button {
    color: #ff0844;
}

.home-fancy .contact-form button:hover {
    background: #ff0844 none repeat scroll 0 0;
    border-color: #ff0844;
    color: #ffffff;
}

.home-fancy .contact-area .box-icon {
    border-color: #ff0844;
    color: #ff0844;
}
.home-fancy .contact-area .text-icon-box:hover .box-icon {
    background: #ff0844 none repeat scroll 0 0;
    border-color: #ff0844;
}
.home-fancy .footer-social-bookmark .social-bookmark li a:hover {
    color: #ff0844;
}

/*-----------------------------
    BLOG PAGE
------------------------------*/

.no-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.top-area.single-page {
    height: 400px;
}

.page-barner-area {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
}

.page-barner-area .area-bg {
/* background: #0F2027; 
background: -webkit-linear-gradient(to top, #2C5364, #203A43, #0F2027); 
background: linear-gradient(to top, #2C5364, #203A43, #0F2027); 
background: rgba(0, 0, 0, 0) url("assest/img/blogimages_top6_vc_firms_blockchain_v2_hero.jpg") no-repeat scroll center center / cover;
 */
 
background: linear-gradient(45deg, #000850 0%, #000320 100%), radial-gradient(100% 225% at 100% 0%, #FF6928 0%, #000000 100%), linear-gradient(225deg, #FF7A00 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 10%, #CDFFEB 35%, #009F9D 35%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
background-blend-mode: screen, overlay, hard-light, normal;
}

/*-------------------
    WIDGETS CSS
--------------------*/

.single-sidebar-widgets h3 {
    margin-bottom: 30px;
}

.widget_recent_entries ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget_recent_entries ul li {
    margin-bottom: 20px;
    overflow: hidden;
}

.widget_recent_entries ul li:last-child {
    margin-bottom: 0;
}

.widget_search form {
    background: #f5f8fa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    height: 50px;
    position: relative;
}

.widget_search form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    height: 100%;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: calc(100% - 60px);
}

.widget_search form button {
    background: #8256ff none repeat scroll 0 0;
    border: 2px solid #8256ff;
    color: #ffffff;
    font-size: 20px;
    height: 100%;
    padding-top: 3px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 60px;
}

.widget_search form button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid;
    color: #8256ff;
}

.single-sidebar-widgets ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget_categories ul li {
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
}

.widget_categories ul li:first-child {
    padding-top: 0;
}

.widget_categories ul li:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.widget_categories ul li a {
    display: block;
}

.tagcloud a {
    border: 1px solid;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
}

.tagcloud a:hover {
    background: #8256ff none repeat scroll 0 0;
    border-color: #8256ff;
    color: #ffffff;
}

blockquote {
    background: #f5f8fa none repeat scroll 0 0;
    margin: 30px 0;
}

.share-and-tags ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.share-and-tags ul li a {
    border: 1px solid;
    border-radius: 5px;
    display: inline-block;
    margin-left: 10px;
    min-width: 35px;
    padding: 5px 10px;
    text-align: center;
}

.share-and-tags ul li a:hover {
    background: #8256ff none repeat scroll 0 0;
    border-color: #8256ff;
    color: #ffffff;
}

.share-and-tags ul li:first-child a {
    margin-left: 0;
}

/*--------------------
    COMMENT BOX CSS
-----------------------*/

.comment-area ul {
    list-style: outside none none;
}

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

ul.children {
    margin-top: 30px;
}

.comment-area li.comment:last-child {
    margin-bottom: 0;
}

.comment-author {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 5px;
    box-shadow: 0 0 5px;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
}

.comments-meta {
    margin-bottom: 10px;
}

.comments-meta h4 {
    margin-bottom: 0;
    font-weight: 500;
}

.reply-comment {
    position: absolute;
    right: 0;
    top: 0;
}

.comments-details {
    padding-left: 110px;
    position: relative;
}

.comment-box form input,
.comment-box form textarea,
.comment-box form button {
    max-height: 130px;
    min-height: 40px;
    padding: 10px;
}

.comment-box form button {
    background: #8256ff none repeat scroll 0 0;
    border: 2px solid #8256ff;
    border-radius: 5px;
    color: #ffffff;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.comment-box form button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #8256ff;
}



.partner-sesion{
	padding:10px
}
.partner-sesion img{
	padding:20px;
	border: 1px solid #e4e4e4
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 7px;
    font-size: 18px;
    line-height: 20px;
}
.logo-vt{
	width:260px
}




.partner-sesion img:hover{
	box-shadow: 0 30px 60px rgba(0,0,0,.12);
	transition: 0.5s;
}
.plan-price {
    font-size: 25px;
    font-weight: 700;
    color: #4caf51;
    padding: 6px 30px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: .5px;
}

.plan-price span {
    font-size: 15px;
    font-weight: 300;
    color: #999;
    display: block;
    margin-top: 0;
}
.button-vt {
    font-weight: 700;
    background: #f3ab00;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
    padding: 6px 12px;
    margin-bottom: 18px;
    border: none;
    cursor: pointer;
    height: auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .2s ease-in-out;
    border-radius: 3px;
	width:100%;
}
.button-vt:hover {
    color: black;
}

.button-vt-soon{
    font-weight: 700;
    background: gray;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0;
    padding: 6px 12px;
    margin-bottom: 18px;
    border: none;
    cursor: pointer;
    height: auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all .2s ease-in-out;
    border-radius: 3px;
	width:100%
}

.plan-sign-up {
    padding: 24px 15px;
    margin: 0;
    text-align: center;
}
.validator-col footer {
    padding-top: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    position: relative;
	
}
.validator-col-main{
	padding-right: 5px;
	padding-left: 5px;	
	transition: .5s;
}
.validator-col{
	background: #fff;
    border: 1px solid #e6e6e6;
    text-align: center;
	margin-bottom: 30px;
	transition: .5s;
}

.validator-col:hover {
    box-shadow: 0 30px 60px rgba(0,0,0,.12);
    transition: 0.5s;
	border: 1px solid #b0b0b0
}
.validator-col h3{
	font-size:20px !important
}

.fixed-right {
    position: fixed;
    top: calc(50% - 25px);
    right: 15px;
    z-index: 100;
    background: linear-gradient(90deg,#ff8f00 0,#dcc569 100%);
    padding: .25rem;
    width: 35px;
    overflow-x: hidden;
    transition: .3s all 0s;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.fixed-right a svg {
    width: 35px;
    height: 30px;
}
.fixed-right a {
    color: #fff;
}
.fixed-right .text {
	opacity: 0;
    width: 0;
    margin: 0 !important;
	
}
.sub-name{
	margin-top: -15px;
	font-size: 13px;
	
}
.fixed-right:focus, .fixed-right:hover {
    width: 100px;
}
.fixed-right:focus .text, .fixed-right:hover .text {
    margin-left: .5rem !important;
    margin-right: 1.5rem !important;
    opacity: 1;
    color: #fff;
	padding-right:15px
}
.tvl-title{
	font-size:28px
}
.tvl-amount{
	font-size:50px
}
.network-status-live{
background-color: #069313;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
margin-bottom: 2px;
}

.network-status-upcoming{
	background-color: #DB7910;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 8px;
	margin-bottom: 2px;
}
.ttt-panel .panel-title{
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 133%;
	letter-spacing: .05em;		
}
.infrastructure{
	font-size:32px;
	color:green
}
.pricing-badge {
	position: absolute;
	top: 0;
	right:6px;
	z-index: 1;
	width: 100%;
	display: block;
	font-size: 13px;
	padding: 0;
	overflow: hidden;
	height: 70px;
}
.pricing-badge .badge {
  float: right;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -80px;
  top: 14px;
  position: relative;
  text-align: center;
  width: 200px;
  font-size: 12px;
  margin: 0;
  padding: 5px 7px;
  font-weight: 500;
  color: #ffffff;
  background: linear-gradient(97.27deg, rgb(156, 108, 255) 30.16%, rgb(78, 54, 128) 125.95%); 
}

.coinback-badge {
	position: absolute;
	top: 0;
	right:6px;
	z-index: 1;
	width: 100%;
	display: block;
	font-size: 13px;
	padding: 0;
	overflow: hidden;
	height: 70px;
}
.coinback-badge .badge {
	float: right;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: -75px;
	top: 17px;
	position: relative;
	text-align: center;
	width: 200px;
	font-size: 11px;
	margin: 0;
	padding: 5px 7px;
	font-weight: 500;
	color: #fff;
	background: linear-gradient(-47.27deg,rgb(235, 162, 25) 30.16%,rgb(43, 27, 2) 125.95%); 
}
.coinback-badge .badge:hover{
	color: black;
	transition: all 0.5s ease 0s;
}

.btn-ttt{
	margin-bottom: 10px;
}

pre {
	border-radius: .5rem !important;
	font-size: .9em;
	line-height: 1.7777778;
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 1.1111111em 1.3333333em;
	background-color: #1f2937;
	border-radius: .375rem;
	color: #fff;
	font-weight: 400;
	line-height: 1.7;
	overflow-x: auto;
	text-align:left;
}

.services-page {
	text-align:left;
}
.services-page h2{
	font-size: 26px;
	margin-bottom: 15px;
}
.services-page h3{
	font-size: 18px;
}
.network-intro{
	margin: 0 0 20px 0;
}

.how-to{
	text-align:center
}

.button-68 {
  appearance: none;
  backface-visibility: hidden;
  background-color: #f3ab00;
  border-radius: 8px;
  border-style: none;
  box-shadow: rgba(255, 203, 0, 0.15) 0 4px 9px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.5;
  outline: none;
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: top;
  white-space: nowrap;
  margin-right:15px;
  margin-top:15px;
  margin-bottom:40px;

}

.button-68:hover {
  background-color: #d49706;
  opacity: 1;
  transform: translateY(0);
  transition-duration: .35s;
  
}

.button-68:active {
  transform: translateY(2px);
  transition-duration: .35s;
}

.button-68:hover {
  box-shadow: rgba(216, 174, 7, 0.2) 0 6px 12px
}
.how-to{
	margin:20px 0 50px 0;
}
.network-intro{
	text-align: justify
}
.network-wrapper h1{
	text-shadow: 3px 3px 2px rgba(86, 79, 47, 1);
}
.network-wrapper ul li{
	text-shadow: 3px 3px 2px rgba(86, 79, 47, 1);
}
.social-bookmark-network{
	margin: 30px 0 10px 0 !important;
}
.network-intro img{
	border: 1px solid #e6e6e6;
	transition: .5s;
}
.network-intro img:hover{
	box-shadow: 0 30px 60px rgba(0,0,0,.12);
	transition: .5s;
	border: 1px solid #b0b0b0;
}
.validator-col a h3{
	transition: .5s;
}
.validator-col a h3:hover{
	color:#f3ab00;
	transition: .5s;
}
.related-chains-slider .owl-nav > div {
  background: #f3ab00 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  left: -30px;
  opacity: 0;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: 30%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
}
.related-chains-slider .owl-nav > div.owl-next {
  left: auto;
  right: -30px;
}
.owl-stage-outer{
	padding-bottom:50px
}
.related-chains-slider .validator-col:hover{
	box-shadow:none
}
.ttt-meet-ups-slider{
	overflow: hidden;
}

.ttt-meet-ups-slider .owl-nav > div {
  background: #f3ab00 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 30px;
  height: 40px;
  left: -30px;
  opacity: 0;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: 30%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
}
.ttt-meet-ups-slider .owl-nav > div.owl-next {
  left: auto;
  right: -30px;
}

.network-intro button{
	margin-top:10px
}
.area-title h2 {
  line-height: 1.3;
}

.tvl-page-amount{
	font-weight:700;
	padding-top:5px	
}

.tvl-page{
	border: 2px solid #f3ab00;
	border-radius: 5px;
	color: #f3ab00;
	text-align:center;
	padding:20px 15px;	
	margin-top:50px;
	margin-bottom: 50px;
	transition: all 0.5s ease 0s;
}
.tvl-page:hover{
	box-shadow: 0 15px 50px rgba(237, 205, 144, 0.6);
	background: #f3ab00 none repeat scroll 0 0;
	color:white;
	border: 2px solid white;
	transition: all 0.5s ease 0s;
}
.ttt-network{
	border-radius: .5rem !important;
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 1.1111111em 1.3333333em;
	background-color: #1f2937;
	border-radius: .375rem;
	color: #fff;
	font-weight: 400;
	line-height: 1.9;
	overflow-x: auto;
	text-align: left;
	font-size: .9em;
}
.ttt-network td, th{		
	white-space: nowrap;
}
.dataTables_wrapper .dataTables_length select {
	background-color: #23222200 !important;
}
.testnet-col{
	border:none;
	font-size:12px !important;
}
.testnet-col:hover{
	border:none;
	box-shadow:none
}

.testnet-col h3{
	font-size:12px !important;
	font-weight:normal;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.caculate-1{
	border:1px solid #f3ab00;
	padding:20px;
	border-radius: 10px;
	height:350px;
	transition: all 0.5s ease 0s;
	box-shadow: rgba(255, 203, 0, 0.15) 5px 4px 4px 4px;
}
.caculate-1:hover{
	transition: all 0.5s ease 0s;
	box-shadow: rgba(222, 71, 36, 0.15) 5px 4px 4px 4px;
}
.caculate-2{
	border:1px solid #f3ab00;
	padding:20px;
	border-radius: 10px;
	height:350px;
	transition: all 0.5s ease 0s;
	box-shadow: rgba(255, 203, 0, 0.15) 5px 4px 4px 4px;
}
.caculate-2:hover{
	transition: all 0.5s ease 0s;
	box-shadow: rgba(222, 71, 36, 0.15) 5px 4px 4px 4px;
}

.wrap-block-value p{
	display:inline	
}
.wrap-block-value p:first-child{
	font-weight:bold
}
.wrap-block-value p:last-child{
	float:right;
	font-weight:bold
}
.caculate-label{
	color:#6f6f6f
}
.caculate-value{
	margin-bottom:15px !important;
	
}

#stake-amount{
	display:inline-block;
	width:70%;
	border: 1px solid #ebe4e4;
	border-radius: 10px;
	padding: 5px 0px 5px 7px;	
}
#stake-button{
	display:inline-block;
	border: 1px solid #ebe4e4;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	margin-bottom:20px
}
.validator_address{
  border: 1px solid #ebe4e4;
  border-radius: 10px;
  align-items: center;
  padding: 5px 0px 5px 7px;
  transition: all 0.5s ease 0s;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
.validator_address:hover{
  border: 1px solid #999;
  transition: all 0.5s ease 0s;
}
.external-link:hover{
	color:#666
}

.gov td, th {
  white-space: wrap !important;
}
.gov a{
	color:#f3ab00
}
.gov a:hover{
	color:#666
}
.gov .btn{
	width: 110px;
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.gov .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle;
}
.gov table.dataTable > tfoot > tr > th, table.dataTable > tfoot > tr > td {
  border-top: 1px solid white !important;
  
}
.gov select{
	border-radius: 5px;
	border: 2px solid #f3ab00 !important;
}
.gov-table{
	margin-top:70px !important;
	overflow-x: auto;
	padding: 0.25em;
	font-size: 15px;
}
.gov-count {
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 100px;
  font-family: Arial Black, sans-serif;
  color:#f3ab00;
  -webkit-text-stroke: 2px black;
  text-stroke: 2px black !important;
  text-shadow: 4px 4px 0px rgb(0, 0, 0) !important;
}
.navbar-brand > img {
  width: 95px !important;
}





@media only screen and (max-width: 767px) {
	.button-vt {
		background: #f3ab00;
		color: #fff;
		display: inline-block;
		text-decoration: none;
		letter-spacing: 0;
		padding: 3px 10px;
		margin-bottom: 18px;
		border: none;
		cursor: pointer;
		height: auto;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .2s ease-in-out;
		border-radius: 3px;
	}	
	.button-vt-soon {
		background: gray;
		color: #fff;
		display: inline-block;
		text-decoration: none;
		letter-spacing: 0;
		padding: 3px 10px;
		margin-bottom: 18px;
		border: none;
		cursor: pointer;
		height: auto;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .2s ease-in-out;
		border-radius: 3px;
	}	
	
	.team-style-1 .member-image img {
		border-radius: 50%;
		-webkit-box-shadow: 0 0 0 3px #f3ab00;
		box-shadow: 0 0 0 3px #f3ab00;
		height: 120px;
		width: 120px;
	}	
	.partner-sesion img {
		padding: 10px;
	}	
	.ttt-panel .panel-title{
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 133%;
		letter-spacing: .05em;		
	}
	
	.button-68 {
		width:100%;
		margin-bottom:10px
	}
	.top-area.single-page {
	  height: 300px;
	}
	.network-intro img{
		max-width:150px;
		text-align:center !important;
		border: none;
		margin-bottom:15px
	}
	.is-sticky .menu-toggle.full {
	  color: white !important;
	}	
	.footer-social-bookmark .social-bookmark li a {
	  border: 3px solid;
	  border-radius: 50%;
	  font-size: 15px;
	  height: 30px;
	  margin: 0 2px !important;
	  padding-top: 0px;
	  text-align: center;
	  width: 30px;
	}	
	.social-bookmark-network {
	  margin: 30px 0 !important;
	}	
	.navbar-header {
	  border-bottom: none;
	}	
	.owl-stage-outer{
		padding-bottom:10px
	}	
	.network-intro button{
		display:none
	}	
	.caculate-1{
		border:1px solid #f3ab00;
		padding:20px;
		border-radius: 10px;
		height:auto;
		margin:15px
	}
	.caculate-2{
		border:1px solid #f3ab00;
		padding:20px;
		border-radius: 10px;
		height:auto;
		margin:15px;
		margin-bottom:60px;
	}	
	.validator_address{
	  padding: 5px 0px 5px 7px;
	  margin-top:10px;
	  overflow:scroll
	}
	.caculate-label{
		margin-bottom:0 !important;
	}
	.how-to {
	  margin: 20px 0 0px 0;
	}	
	.tvl-page {
	  padding: 15px 15px;
	  margin-top: 20px;
	  margin-bottom: 20px;
	}	
	.wrap-tvl{
		margin-top:50px;
	}
	.welcome-area .download-button {
		display: block;
	}
	.gov-count {
	  font-size: 80px;
	  margin-bottom:100px
	}
	.navbar-brand > img {
		margin-top: -3px !important;
	}	

	
	
}