/*****************************************
                RANDOM
*****************************************/
.text-medium {
    font-size: 17px !important;
}
.btn-circle.btn-large {
    padding: 16px 20px !important;
}
#pricing-table {
    padding-bottom: 45px !important;
}
.pricing-box-style3 li:last-child {
    padding: 0px 13px 18px 13px;
}
/*****************************************
                NAVIGATION
*****************************************/
.navbar {
    padding: 10px 0 5px;
}
.navbar.shrink-nav {
    position: static !important;
}
.navbar.shrink-nav.shrink {
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    padding: 10px 0 5px;
}
.shrink-transparent-header-dark.shrink {
    background: transparent !important;
}
.margin-twenty-five-top {
    margin-top: 0% !important;
}
/*****************************************
        VIDEO EMBED MODIFICATIONS
*****************************************/
.one-sixth-screen {
    height: 900px;
}
.intro-text {
    margin-top: 2% !important;
}
/*****************************************
                INTRO
*****************************************/
@media only screen and (min-width: 600px) {
    #home {
        margin-top: -29px;
    }
}
/* .intro-text {
    margin-top: 0% !important;
} */
.margin-eight-bottom {
    margin-bottom: 2% !important;
}
.margin-twenty-five-top {
    margin-top: 12% !important;
}
.margin-fourteen-top {
    margin-top: 2.5% !important;
}
.lo_usage {
    margin-top: 2.5%;
}
.lo_usage p {
    font-size: 10pt;
}
.hero-bottom-img img {
    border-bottom-color: rgb(11, 11, 12);
    border-bottom-style: solid;
    border-bottom-width: 25px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    max-width: 90%;
    margin: 0 5% -100px;
    /* border-bottom: none; */
}
/*****************************************
                TABS
*****************************************/
.tools-headline {
    font-size: 48px;
}
.tools-subheadline {
    font-size: 17pt;
    margin-bottom: 4.5%;
}
.tab-content h2 {
    color: #393f4c;
    font-weight: bold;
    font-size: 32px;
}
.tab-content .tab-pane .row .pre-headline {
    font-size: 16px;
    color: #997a0a;
    font-weight: 600;
}
.tab-content p, .tab-content h2, .tab-content .tab-pane .row .pre-headline {
    text-align: left;
}
.tab-content p {
    font-size: 14pt;
    line-height: 1.5em;
    color: #393f4c;
}
.tab-content img {
    margin-left: 15px !important;
}
.nav-tabs {
    border-bottom: 1px solid #ddd !important;
}
.tab-style2 .nav-tabs i {
    font-size: 47pt;
    opacity: 0.25;
}
.tab-style2 .nav-tabs i:hover {
    opacity: 1;
}
.tab-style2 .nav-tabs .active i {
    opacity: 1;
}
.tab-style2 .nav-tabs span { /* button text size */
    font-size: 10pt;
}
.tab-style2 .nav-tabs .active span {
    border-bottom: 1px solid #14446E;
}
.tab-style2 li.nav a {
    line-height: 3.1em;
}
.tab-style2 .nav-tabs i.button {
    color: white;
    background-color: #14446E;
    opacity: 1;
    padding: 10px;
    border-radius: 14px;
}
.tab-style2 .nav-tabs i.button:hover {
    opacity: 0.70;
}
.tab-style2 .nav-tabs .active i.button {
    opacity: 0.70;
}
/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
    .tab-content p, .tab-content h2, .tab-content .tab-pane .row .pre-headline { margin-left: 25px; }
}
/*****************************************
                COUNTERS
*****************************************/
.counter {
    
}
.counter .counter-outer {
    
}
#counters .counter-section-title {
    font-size: 48px;
}
.counter .counter-inner {
    border-color: rgba(255,255,255,2);
}
#counter .counter-icon {
    font-size: 64pt;
}
#counter .number {
    font-size: 40pt;
    color: #ecce63;
}
#counter .timer-text {
    font-size: 16pt;
}
/*****************************************
                MORE FEATURES
*****************************************/
#more-features i {
    color: #14446E;
    font-size: 56pt;
}
#more-features h2 {
    margin-bottom: 4%;
}
#more-features .more-features-title {
    font-size: 48px;
    color:#393f4c;
}
#more-features .more-features-feature h3 {
    font-size: 16pt;  
}
#more-features .more-features-feature p {
    font-size: 14pt;  
}
/*****************************************
                TESTIMONIALS
*****************************************/
#testimonials h2 {
    font-size: 48px;
    color: #393f4c;
}
.testimonial {
    font-size: 19px;
    line-height: 1.4em;
    color: #393f4c;
}
.speech-bubble {
  position: relative;
  background: #ffeca6;
  border-radius: 0.7em;
  padding: 20px;
}
.speech-bubble:after {
  content: '';
  position: absolute;
  top: 0;
  left: 30%;
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-bottom-color: #ffeca6;
  border-top: 0;
  border-left: 0;
  margin-left: -0.5em;
  margin-top: -1em;
}
/*****************************************
                PRICING
*****************************************/
#pricing-table h2 {
    font-size: 48px;
}
#pricing-table .sub-headline {
    color: #bfbfbf;
    font-size: 19px;
}
.pricing-title h3 {
    font-size: 18px;
    margin-bottom: 3px;    
}
.pricing-features {
    
}
.pricing-features ul {

}
.pricing-features ul li {
    font-size: 15px;
    color: #393f4c;
}
.pricing-price {
    
}
.pricing-price h4 {
    font-size: 54px;
}
.pricing-price p {
    margin-top: 11px;
}
.popular-plan {
    margin-top:-12px;
}
.popular-plan .popular {
    font-size: 12px;
    margin-top: 25px;
    padding: 1px 5px;
    background-color: #d1a404;
}
.pricing-action span {
    font-size: 16px;
}
.lo-trial-button {
    background-color: #22b428;
}
.pricing-box-style3 {
    box-shadow: 0 0 25px rgba(0, 0, 0, .10);
}
/***** PLANS COLORS *****/
.bg-free-plan {
    background-color: #7b7b7b;
}
.text-free-plan {
    color: #7b7b7b;
}
.bg-250-plan {
    background-color: #ecce63;
}
.text-250-plan {
    color: #ecce63;
}
.bg-500-plan {
    background-color: #ec63e3;
}
.text-500-plan {
    color: #ec63e3;
}
.bg-1000-plan {
    background-color: #6c63ec;
}
.text-1000-plan {
    color: #6c63ec;
}
/*****************************************
               COLORS
*****************************************/
.lo-margin-bottom { margin-bottom: 15px; }
.lo-textalign-left { text-align: left; margin: 0px 100px 6% 100px; }
.lo-uppercase { text-transform: uppercase; }
.lo-hr { margin-bottom: 50px; }
.lo-text-dark { color: #092e4e; }
.lo-text-blue { color: #2E587B; }
.bg-lo-blue { background: #10293F;}
.btn.btn-extra-large3 { font-size: 18px; padding: 18px 30px !important; line-height: 22px; }
.btn.btn-extra-large4 { font-size: 18px; padding: 18px 30px !important; line-height: 22px; color: #ffffff; background-color: #2E587B; }
.text-light-blue { color: #8cb4d5; }
.text-lighter-blue { color: #c8def0; }
.header-style5 .black-header.navbar li a.login-button { background-color: #e3e9f0; color: #000; padding: 5px 10px 4px 10px; margin-top: -4px; border-radius: 16px; }
.header-style5 .black-header.navbar li a.signup-button { background-color: #ecce63; color: #000; padding: 5px 10px 4px 10px; margin-top: -4px; border-radius: 16px; right: 28px; }
/***** HOW TO BULLETIN *****/
.howtonumber {
font-size: 24pt;
background-color: #2e587b;
width: 50px;
padding: 5px 1px 5px 4px;
color: white;
margin: 20px auto 10px auto;
border-radius: 20px;
}
/***** UPGRADE PAGE *****/
.lo-pricing-button {background: #2E587B;}
.lo-pricing-button-featured {background: #2E587B;}
.col-md-4, .col-sm-4, .col-xs-12 { padding-right: 0px; padding-left: 0px;}
/***** /UPGRADE PAGE *****/
/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
    .lo-textalign-left { text-align: left; margin: 0px 0px 5% 0px; }
}
/***************************************
            RESPONSIVE
***************************************/
@media only screen and (min-width: 1300px) {
    .hero-bottom-img img {
        borderX: none;
    }
     #particles-js {
        height: 800px;
    }
}
@media only screen and (max-width: 1280px) {
    #particles-js {
        background-color: transparent;
        height: 400px;
    }
    /* .one-sixth-screen {
        height: 810px;
    } */
    /* #home {
        max-height: 750px;
    } */
}
@media only screen and (max-width: 1024px) {
    .navbar .container {
        z-index: 999;
    }
}
@media only screen and (max-width: 800px) {
    .hero-bottom-img img {
        bordde-bottom: 25px solid #000 !important;
    }
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 65em) {
    .header-style5 .black-header.navbar li a.signup-button {
        right: 0px;
    }
}
@media only screen and (min-width: 1020px) {
    .col-md-9 {
        width: 100%;
    }
}