/*-----------------------------------------------------------------------------------*/
/*	MAIN COLOR
/*-----------------------------------------------------------------------------------*/
#preloader .textload {
    color: #5453cf;
}
a {
    color: #5453cf;
}
a.line:hover {
    border-bottom: 1px solid #5453cf;
}
a:hover,
a:focus {
    color: #5453cf;
}

.post-title a:hover {
    color: #5453cf
}
.section-title span {
    color: #5453cf
}

.meta {
    color: #5453cf;
    font-size: 16px;
    line-height: 22px;
}

.meta a:hover,
.more:hover {
    color: #5453cf
}
ul.circled li:before {
    color: #5453cf;
}
.contact-info i {
    color: #5453cf;
}
.contact-info a:hover {
    color: #5453cf
}
.btn,
.vanilla-form label.custom-select span {
    background: #5453cf;
}
.navbar .nav > li.current > a,
.navbar .navbar-nav > li > a:focus,
.navbar .nav > li > a:hover {
    color: #fff !important;
    background-color: #5453cf;
    padding: 14px;
    /*border-radius: 30px;*/
    font-weight: bold;
}
.navbar .dropdown-menu li:first-child {
    border-top: 2px solid #5453cf
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a.active,
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus,
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    color: #5453cf;
}
.cbp-filter-container .cbp-filter-item:hover,
.cbp-filter-container .cbp-filter-item.cbp-filter-item-active,
.sticky-filter ul li a:hover,
.sticky-filter ul li.current a {
    color: #5453cf !important;
}
.item-details li strong {
    color: #5453cf;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #5453cf
}
.sidebox a:hover {
    color: #5453cf
}
.widget .post-list h5 a:hover {
    color: #5453cf
}
.widget .post-list .meta em a:hover {
    color: #5453cf
}
footer {
    font-size: 18px;
}
footer .social-links {
    padding-top: 10px; 
    text-align:right;
}
footer .social-links li {
    margin-right: 15px;
}
footer ul.tag-list li a:hover {
    background: #5453cf !important;
}
.sidebox ul.tag-list li a:hover {
    color: #5453cf !important;
}
.blog-carousel .caption-overlay .caption .post-title a:hover {
    color: #5453cf;
}
.blog-carousel .caption-overlay .caption .meta a:hover {
    color: #5453cf;
}
.progress-list li em {
    color: #5453cf;
}
.progress.plain .bar {
    background: #5453cf !important;
}
.feature .icon {
    color: #5453cf
}
.icon-large {
    color: #5453cf;
}
.tabs-top .tab a:hover,
.tabs-top .tab.active a {
    background: #5453cf;
}
.panel-group .panel-heading .panel-title:hover,
.panel-group .panel-active .panel-heading .panel-title {
    background: #5453cf;
}
.price {
    color: #5453cf;
}
.tooltip-inner {
    background-color: #5453cf;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #5453cf
}
.tooltip.right .tooltip-arrow {
    border-right-color: #5453cf
}
.tooltip.left .tooltip-arrow {
    border-left-color: #5453cf
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #5453cf
}
#comments .info h2 a:hover {
    color: #5453cf
}
.vanilla-form input[type="radio"]:focus + span,
.vanilla-form input[type="checkbox"]:focus + span,
.vanilla-form input[type="radio"]:active + span,
.vanilla-form input[type="checkbox"]:active + span {
    border-color: #5453cf
}
.vanilla-form input[type="radio"] + span::after {
    background-color: #5453cf;
    border-color: #5453cf;
}
.vanilla-form input[type="radio"]:checked + span,
.vanilla-form input[type="checkbox"]:checked + span {
    border: 1px solid #5453cf
}
.vanilla-form input[type="checkbox"] + span::after {
    border: 0 solid #5453cf;
}
@media (min-width: 992px) {
    .navbar .dropdown-menu:before {
        border-bottom: 5px solid #5453cf;
    }
}
@media (max-width: 991px) {
    .navbar .nav > li.current > a,
    .navbar .nav > li > a:hover {
        color: #fff !important;
        background-color: #5453cf;
        padding: 10px 12px 10px 12px !important;
        font-weight: bold;
    }
    .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff !important;
        background-color: #5453cf;
        padding: 10px 12px 10px 12px !important;
        font-weight: bold;
    }
}
/*-----------------------------------------------------------------------------------*/
/*	HOVER
/*-----------------------------------------------------------------------------------*/
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #6e76a1;
}
/*-----------------------------------------------------------------------------------*/
/*	RGBA
/*-----------------------------------------------------------------------------------*/
.spinner,
.tp-loader.spinner0,
.cbp-popup-singlePageInline:before,
#fancybox-loading div {
    border-left: 3px solid rgba(126, 134, 181,.15);
    border-right: 3px solid rgba(126, 134, 181,.15);
    border-bottom: 3px solid rgba(126, 134, 181,.15);
    border-top: 3px solid rgba(126, 134, 181,.8);
}
/*-----------------------------------------------------------------------------------*/
/*	SELECTION
/*-----------------------------------------------------------------------------------*/
::selection {
    background: #d2d6e6; /* Safari */
}
::-moz-selection {
    background: #d2d6e6; /* Firefox */
}

/*-----------------------------------------------------------------------------------*/
/*	GMAP
/*-----------------------------------------------------------------------------------*/

.gmap iframe {
    pointer-events: none;
}


.triangle-background {
    background: #5453cf;
    background-image: url('../../images/triangle-alpha-bg.png');
    background-size: cover;
    padding: 20px;
    color: #fff;
}

.triangle-background-icon {
    width: 102px;
    line-height: 100px;
    font-size: 40px;
    font-weight: bold;
    color: #666;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, transform 0.3s;
}

.triangle-background-p {
    background-color: #fff;
    color: #222;
    padding: 15px;
    min-height: 290px;
    font-size: 15px;
    line-height: 24px;
}


.partners-big-icons {
    text-align: center;
    vertical-align: middle;
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #5453cf;
    color: #fff;
    font-size: 96px;
}

.form-container {
    padding: 15px;
    background-color: #efefef;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 20px;
    padding-right: 20px;
}


body {
    font-size: 24px;
    line-height: 32px;
}

#customers figure img{
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}

#team figure:first-of-type {
    background:
            linear-gradient(
                    to left,
                    rgba(255,255,255,1) 0%,
                    /*rgba(84,83,207,1) 47%,*/
                    rgba(30,30,120,1) 47%,
                    rgba(255,255,255,1) 100%
            )
            left
            bottom
            #FFF
            no-repeat;
    background-size:100% 2px;
}

#team figure img {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
}
.parallax {
    border-bottom: none;
}

.parallax .inner {
    padding-bottom:0;
}

.area-agility-badge, .area-attention-badge, .area-language-badge, .area-memory-badge, .area-problemsolving-badge,
.area-visuospatial-badge
{ display: inline-block; background: url('../../images/areas.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.area-agility-badge { background-position: -2px -0px; width: 48px; height: 48px; }
.area-attention-badge { background-position: -52px -0px; width: 48px; height: 48px; }
.area-language-badge { background-position: -2px -50px; width: 48px; height: 48px; }
.area-memory-badge { background-position: -52px -50px; width: 48px; height: 48px; }
.area-problemsolving-badge { background-position: -2px -100px; width: 48px; height: 48px; }
.area-visuospatial-badge { background-position: -52px -100px; width: 48px; height: 48px; }

@media (max-width: 767px) {
    #customers {
        height: 1150px;
    }

    .parallax .inner {
        padding-top:60px;
    }

    #nyvideo {
        display: none;
    }

    div.desktopPadded{
        padding: 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #customers {
        height: 500px;
    }

    div.desktopPadded{
        padding: 0 0;
    }
}
@media (min-width: 992px) {
    #customers {
        height: 500px;
    }
    div.desktopPadded{
        padding: 10px 0;
    }
    .feature p {
        min-height:220px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #partners h3 {
        min-height: 68px;
    }
}

#app #head{
    background: linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url(../../images/woman-smartphone.jpg) center center no-repeat fixed;
    background-size: cover;
}

#app #head .splash {
    color: #ddd;
    margin: 0 auto;
    padding: 170px 0.5em 0;
    min-height: calc(100vh - 92px);
    text-shadow: 0 0 3px #000000;
}

#app #head .splash h2 {
    color: #eee;
    font-size: 150%;
    margin-bottom: 20px;
}

#app #head .splash div {
    width: 100%;
    max-width: 400px;
}

#app #head .splash a {
    display: inline-block;
    margin: 1em 0;
    width: 49%;
}

@media (max-width: 767px) {
    body {
        font-size: 18px;
        line-height: 24px;
    }

    #app #head {
        background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../../images/woman-smartphone.jpg) right center no-repeat fixed;
        min-height: calc(100vh - 84px);
        height: 100%;
        background-size: auto 125%;
    }

    #app #head .splash {
        padding: 120px 0.5em 1em;
        min-height: calc(100vh - 84px);
    }

    #app #head .splash h2 {
        font-size: 130%;
    }

    #app #head .splash p {
        font-size: 1.1em;
        line-height: 1.2em;
    }

    #app #head .splash a {
        margin: 0;
    }

    .hide-xs {
        display: none;
    }
}

/* hubspot form */
.form-container {
    max-width: 500px;
    margin: 0 auto 20px;
}

form select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color:#FFFFFF;
    border-radius: 0;
    height: 47px;
    border: 1px solid #d7d7d7;
    margin: 6px 0 15px;
    -webkit-appearance: none;
}

form .field.hs-form-field>label {
    display: none;
}

form .privacy-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    max-width: 432px;
    text-align: left;
    padding: 0;
    margin: 0;
}

form .hs-button {
    color: #FFF;
    background: #5453cf;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    padding: 14px 20px 13px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 10px auto;
    line-height: 1;
}

form ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    height: 0;
}

form .hs-input {
    width: 100% !important;
}

form .hs-error-msgs label {
    position: absolute;
    top: -18px;
    color: red;
    font-size: 12px;
}

form.hs-form .hs-form-field {
    margin-bottom: 15px;
}

form .hs_error_rollup {
    display: none;
}


@media (min-width:992px) and (max-width: 1280px) {
    ul.nav.navbar-nav {
        display: none;
    }
}

.hv_banner_msg {
    position: absolute;
    top: 40vh;
    z-index: 2000;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #eee;
    font-size: 20px;
}

.hv_banner_msg a {
    color: #ff7302;
    text-shadow: 0 0 5px #000;
}

@media (max-width:992px) {
    .hv_banner_msg {
        text-align: left;
        font-size: 20px;
        padding: 0 40px;
    }
}

@media (max-width:767px) {
    .hv_banner_msg {
        font-size: 14px;
        padding: 0 15px;
    }
}

#faq h3 {
    color: #5453cf;
}

#faq .container div {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

.form-container #mktoForm_1083 {
    width: 100% !important;
}

#mktoForm_1083 .mktoFieldWrap label {
    display: none;
}

#mktoForm_1083 .mktoGutter.mktoHasWidth {
    display: none;
}

#mktoForm_1083 .mktoHtmlText.mktoHasWidth {
    width: 100% !important;
    line-height: normal !important;
    padding-left: 10px;
}

#mktoForm_1083 input {
    min-width: 220px !important;
}

#mktoForm_1083 select {
    min-width: 220px !important;
}

#mktoForm_1083 .mktoButtonRow span {
    margin-left: 10px !important;
}

@media (min-width:992px) {
    #mktoForm_1083 #what_would_you_like_to_talk_about_with_MINDX {
        width: 220px !important;
    }
}