@font-face {
    font-family: "vmsfont";
    src: url(HelveticaNeue-Thin.ttf) format("truetype");
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .logo img {
        max-width: 26em !important;
    }
        .vmsfooter img {
            max-width: 26em;
            margin-bottom: -1.24em;
        }
}

.first-section {
    border-top: none;
    height: 100%;
    background-image: url(../img/home_background_illustrations.png) !important;
    background-size: cover !important;
    background-position: 0 center !important;
    margin-bottom: 0;
}
@media (min-width:1300px) {
    .first-section {
        height: 90vh;
    }
}


.logo {
    position: absolute;
    top: 0.5em;
    left: 0;
    z-index: 999;
    right: 0;
    text-align: center;
}
.logo h3 {
    margin: 0 auto;
    width: 12em;
    background: #0b2d4c;
    color: white;
    letter-spacing: 0.1px;
    margin-top: -0.4em;
    font-family: montserrat;
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1;
    padding: 0.35em 0 0.4em;
}
.cta {
    margin-top: 16%;
    margin-bottom: 0.7em;
    font-weight: 600;
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 3.2em;
}
.fadeinanim {
    animation-name: fadeinanim;
    animation-duration: 1s;
}
.name {
    opacity: 0;
    animation-name: fadeinanim;
    animation-duration: 1s;
    animation-delay: 1s;
}
h1 {
    z-index: 999;
    position: relative;
    font-family: Montserrat;
    letter-spacing: -1px;
}
h2 {
    font-family: 'Lora', serif;
}
.btn-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.58);
    padding: 1em;
    left: 0;
    z-index: 999;
    margin-bottom: -0.1em;
}

.menu {
    position: absolute;
    top: 7em;
    z-index: 99;
    margin: 0 auto;
    width: 100%;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 1.1em;
}
.menu a {
    margin-bottom: 0;
    font-family: "Montserrat";
    color: black;
    font-size: 1.2em;
    cursor: pointer;
}
.menu li {
    padding-left: 2em;
    padding-right: 2em;
}
li.secondli {
    margin-right: 4em !important;
}
li.thirdli {
    margin-left: 4em !important;
}
.circles {
    width: 600px;
    height: 600px;
    background: rgba(66, 146, 222, 0.08);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: -13em;
    text-align: center;
    margin: 0 auto;
    animation: MOVE-BG infinite;
    animation-duration: 7s;
    animation-delay: .5s;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.57);
    z-index: 1;
}
.second-section {
    position: relative;
    width: 100vw;
    height: auto;
    background: #2c3145;
    color: white;
    background-image: url(../img/home_background_video.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 9;
    background-position: center center !important;
    overflow: hidden;
}
.darktheme .second-section {
    background-image: none;
    background: #1f0532;
    padding-top: 6.5em;
}
.overlay-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(60, 45, 70, 0.77);
    z-index: 1;
    transition: 0.8s;
}
.second-section h3 {
    font-family: 'Montserrat';
    color: #00dacf;
    z-index: 999;
    position: relative;
    display: inline-block;
}
.second-section p {
    padding: 0px 2em 0 0;
    margin-bottom: 5em;
    z-index: 999;
    position: relative;
    font-size: 1.1em;
    padding-top: 0.5em;
    font-family: Montserrat, sans-serif;
    line-height: 1.3;
    font-weight: 300;
}

.three-boxes h2 {
    font-family:  Montserrat, sans-serif;
    text-align:  left;
    padding:  0;
    margin:  0;
    margin-bottom: .6em;
}

section.second-section.three-boxes .large-4 {
    padding:  0;
}

.background-2 {
    position: absolute;
    margin: 0 auto;
    left: 0;
    top: 10em;
    right: 0;
    z-index: 99
}
.bgdots {
    opacity: 0;
}
.btn-second {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4b6cb7;
    /* fallback for old browsers */

    background: -webkit-linear-gradient(to right, #152138, #010817);
    /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to right, #152138, #010817);
    padding: 2em;
    z-index: 99;
}
.bgwheel {
    -webkit-animation: rotation 42s infinite linear;
}
.topbar {
    position: absolute;
    top: 6em;
    left: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
}
.logorow {
    min-height: 8em;
    background: #fafafa;
    position: relative;
    padding-bottom: 3em;
    margin-bottom: 9em;
    text-align: center;
    border-radius: 1em;
}
.thenav li {
    font-size: 0.9em;
    display: inline-block;
    text-align: center;
    margin: 0;
    margin-top: 0.2em;
    font-family: 'Montserrat';
}
.thenav li a {
    text-transform: uppercase;
    font-size: 1em;
    color: black !important;
    cursor: pointer;
}
.logorow:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.logorow img {
    display: inline-block;
    vertical-align: middle;
    max-width: 15em;
    padding: 0 2em;
}
.weworkwith h2 {
    padding: 4em 0 0.5em 0;
    font-weight: 100;
    font-size: 1.2em;
    text-transform: uppercase;
}
.news-image {
    max-height: 15em;
    overflow: hidden;
    position: relative;
    max-width: 31em;
    cursor: pointer;
}
.cta-second {
    color: white;
    padding: 2em 0 2em 0;
    position: relative;
    z-index: 99;
    font-weight: 100;
    font-family: 'Helvetica', sans-serif;
    background: rgba(25, 25, 25, 0.84);
    margin-bottom: 1.5em;
    font-size: 2.1em;
}
.news-image:hover {
    margin-top: -0.2em;
    transition: 0.4s;
}
.btn-section1 a {
    background: #00dacf !important;
    color: #0c0038 !important;
}
.overlay-news {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #616161;
    background: -webkit-linear-gradient(to right, #9bc5c3, #616161);
    background: linear-gradient(to top, rgb(0, 0, 0), rgba(97, 97, 97, 0));
}
.news-image h2 {
    position: absolute;
    bottom: 1em;
    font-family: "Montserrat";
    font-size: 1.2em;
    padding: 0 1em;
    color: white;
    cursor: pointer;
}
.contactblock {
    width: 100%;
    height: auto;
    overflow: auto;
    color: white;
    padding: 4em 0;
}
h1.heroh1 {
    font-size: 2.3em;
    margin-top: 1.5em;
    color: #29faf2;
}
.btn-section1 {
    margin-top: 5em;
}
.gitr {
    border-right: 1px solid #00dacf;
    padding-top: 3em;
    padding-right: 5em;
    text-align: right;
}

#tree_design .gitr {
    border-right: 1px solid #00dacf;
    padding-top: 3em;
    padding-right: 5em;
    text-align: right;
    overflow: auto;
}
.gitr h4 {
    font-size: 1em;
}
.gitl h4 {
    font-size: 1em;
    margin-top: 0em;
    margin-bottom: 1em;

}
.gitl {
    border-left: 1px solid #00dacf;
    text-align: left;
    padding-left: 5em;
    padding-bottom: 3em;
    margin-right: 1px;
}
.gitl .cta-btn {
    margin: 2em 0;
}
.cta-btn {
    margin: 4em 0;
    position: relative;
    z-index: 999;
}
.cta-btn a {
    background: #01d9cf !important;
    color: #000000 !important;
    border: 1px solid #01d9cf !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    padding: 1em 2em;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3em;
    font-family: Helvetica Neue, Helvetica;
    font-size: 1em !important;
}
.cta-btn a:hover {
    background: white;
    color: black;
    border: 1px solid black;
    transition: 0.2s all;
}
.cta-btn2 {
    margin: 4em 0;
    position: relative;
    z-index: 999;
}
.cta-btn2 a {
    padding: 0.8em 2em;
    border: 1px solid #00dacf;
    color: #00dacf;
    text-transform: uppercase;
    font-size: 1.3em;
    font-family: 'Montserrat';
}
.cta-btn a:hover {
    background: white;
}
.cta-btn {
    padding: 1em;
}

.gitl .cta-btn {
    margin: 0;
    margin-left: -1em;
}
.work .cta-btn {
    display: inline-block;
}
.work .cta-btn2 {
    display: inline-block;
}
.gitr .cta-btn {
    margin: 0;
    margin-top: 1.5em;
}

footer {
    background: #200532 !important;
    width: 100%;
    overflow: auto;
    padding: 6em 0;
}
.first-footer img {
    max-width: 16em;
    margin-top: 5em;
}
.overlay-content .active:after {
    display: none;
}
.overlay-content .active {
    color: white !important;
}
@media (max-width: 813px) {
    a.calltoactionhome {
        display: block;
        margin: 0.3em;
            width: 100%;
    margin-left: 0;
    }
    .teamcard {
        opacity: 1 !important;
    }
    .name {
        opacity: 1;
    }
    #tree_design .gitr {
    padding-right: 1em;
    }
    .name_st {
    margin-top: -1rem !important;
    margin-right: 0 !important;
    }
    .st-design .question h2 {
    font-size: 2.3em !important;
    }
    .see_video{
        margin-right: 1em !important;
    }
    .thumb_pic {
        max-width: 7em;
        margin-top: 6em;
    }
    .st_desc {
        margin-right: 0 !important;
    }   
    .gitr .accordion h5 {
        margin-left: 1em;
    }
    .about #tree_design h3 {
    width: 100%;
    }
    .about #tree_design .gitr {
        text-align: left;
    }
    .about #tree_design h4 {
        font-size: 1em;
    }
    .target_section .question h2 {
        width: 95% !important;
        margin-top: 3em !important;
    }
    .target_section .contactblock .gitr {
        text-align: left !important;
    }
    .target_section .contactblock {
        margin-top: 14em !important;
    }
    .three-boxes p {
        margin-bottom: 4em !important;
    }
    .three-boxes {
        padding: 2em;
        padding-top: 3em !important;
    }
    .tb h2:before {
        width: 119px !important;
    }
      .about_links h3:before {
        width: 119px !important;
    }
    /* .question h2:after {
        margin-top: 1px !important;
        margin-left: -20px !important;
    }
    .question h2:before {
        margin-top: -15px !important;
        margin-left: -18px !important;
    } */
    .three-boxes h2 {
        font-size: 2.2em;
        font-weight: bold;
    }
    .background-design h4 {
        line-height: 1.4 !important;
        font-size: 1.5em !important;
    }
    .background-design {
        padding-bottom: 3em !important;
        margin-bottom: 4em !important;
    }
    .background-design h2 {
        margin-top: 1em !important;
    }
    .measure-design h4 {
        line-height: 1.4 !important;
        font-size: 1.5em !important;
    }
    .measure-design {
        padding-bottom: 3em !important;
        margin-bottom: 4em !important;
    }
    .measure-design h2 {
        margin-top: 1em !important;
    }
    li.secondli {
        margin-right: 0 1em !important;
    }
    .thenav li {
        margin: 0 0.8em !important;
    }
    .btn-section {
        bottom: 2em;
    }
    .index2 .overlay {
        background: rgba(255, 255, 255, 0.27) !important;
    }
    .thenav li a {
        font-size: 0.9em;
        margin: 0;
        padding: 0;
        margin-top: -0.2em;
    }
     .index2 .thenav li a {
        font-size: 0.9em;
    }
    .cta-second {
        font-size: 1.6em;
        margin-bottom: 0;
    }
    .about-f1 h4 {
        padding: 1.8em 1em !important;
    }
    .work-r h3 {
        display: inline-block !important;
        margin-top: 2em !important;
        margin-right: 0 !important;
        font-size: 1.7em !important;
        margin-top: 1em !important;
        font-weight: 300 !important;
    }
    .work .cta-btn {
        margin-top: 3em;
    }
    .ideas .card {
        padding: 0 2rem !important;
    }
    .work .cta-btn2 {
        margin-top: 3em;
    }
    .background-team {
        padding: 1em 0 !important;
    }
    .background-design {
        padding: 2em 0 3em 0 !important;
    }
    .measure-design {
        padding: 2em 0 3em 0 !important;
    }
        .herowork h1 {
            padding: 1em 0 1em 0 !important;
            font-size: 2em !important;
            margin-bottom: 1em !important;
        }
        .contact-section {
    background: none !important;
    border-top: none !important;
}
.contact-section p {
    font-size: 1em;
    width: 100% !important;
    margin: 0 auto;
    color: #484848;
    text-align: center !important;
    }
    .sendicon {
    display: none !important;
}
.contact input {
    background: transparent !important;
}
.contact input {
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

    .intro-line2 {
        display: none;
    }
    .cta {
        margin-top: 18%;
        font-weight: 600;
        font-family: montserrat;
        font-size: 1.7em;
        margin-left: 0em !important;
    }
    .work-r {
        height: 25em !important;
    }
    .teamcard {
           margin: 2em;
            margin-right: auto;
            margin-left: auto !important;
    }
    .name {
        text-align: center;
    }
    .vms-choice input {
        width: 2em !important;
    }

    .map-block {
        margin-left: 0em !important;
        float: left !important;
        margin-top: 2em !important;
    }
    .contact address {
        padding-left: 0 !important;
    }
    .city {
        padding-left: 0 !important;
    }
    .background-team {
        margin-bottom: 4em !important;
    }
    .team h3 {
        margin-bottom: 2em;
    }
    .facts {
        display: block !important;
    }
    .work .fa-newspaper-o {
        margin-left: -0.8em !important;
    }
    .logo {
        zoom: 0.8;
    }
    .logo {
            zoom: 0.7;
            background: #1e0631;
            margin-top: -0.2em;
            height: 7em;
            padding-top: 0.5em;
    }
    .accordion:after {
        padding-left: 2px;
    }
    .teamuigradient {
        margin-top: -0.6em !important;
    }
    .bgwheel {
        display: none;
    }
    li.thirdli {
        margin-left: 0 !important;
    }
    #news .columns {
        padding: 1em !important;
    }
    .card {
        padding: 0 !important;
        margin-bottom: 3em;
    }
    .thirdcard {
        margin-top: -2em;
    }
    .circles {
        display: none;
    }
    .topbar {
        top: 5.75em !important;
    }
    .first-section h1 {
        padding: 1em;
        text-align: left;
        margin-bottom: 0;
        margin-left: 1.4em;
        font-size: 2.1em !important;
        left: 0;
        margin: -1.7em;
        margin-top: 33% !important;
        margin-bottom: 0 !important;
    }
    .second-section p {
        padding: 0;
        margin: 0.3em;
    }
    .weworkwith h2 {
        font-size: 1em;
        font-weight: 400;
    }
    .gitr {
        padding-top: 2em;
        padding-left: 2em;
        margin-bottom: 3em;
        border-right: none;
        text-align: left;
        padding-right: 0;
    }
    .gitr .cta-btn {
        padding-left: 0;
        padding-top: 0;
        margin-top: -2em;
    }
    .gitl {
        padding-bottom: 0em;
        padding-left: 2em;
        margin-top: 2em;
    }
    .gitl h4 {
        font-size: 1.2em;
        font-weight: 300 !important;
    }
    .footer-r h2 {
        font-size: 1.2em !important;
        text-align: left;
    }
    .logorow img {
        display: inline-block;
        margin-bottom: 2em;
        max-width: 11em;
        padding-left: 0;
    }
    .logorow {
        margin-bottom: 0;
        overflow-x: hidden;
    }
    .contactblock h2 {
        font-size: 2em !important;
        text-align: left !important;
    }
    .fa {
        color: #00dacf;
    }
    .second-section {
        min-height: 61em;
        margin-top: -2em;
    }
    .darktheme .second-section {
        min-height: 0 !important;
        margin-top: -2em;
    }
    .process2 {
        margin-top: 0 !important
    }
    .intro-line {
        top: auto !important;
        margin-top: 20vh !important;
        opacity: 1;
        animation: anim2 3s forwards;
        margin-left: -36px !important;
        max-height: 220px !important;
        overflow: hidden;
    }
    .intro-line2 {
        top: auto !important;
        margin-top: 50vh !important;
        opacity: 1;
        animation: anim3 3s forwards;
        margin-left: -36px !important;
        max-height: 220px !important;
        overflow: hidden;
    }
    .first-section h4 {
        right: 0;
        bottom: 28vh !important;
        left: 0.9em !important;
        padding: 1em;
        text-align: left;
        padding-top: 0;
        font-weight: 300 !important;
        font-size: 1em !important;
    }
    .first-section {
        background-position: 0em -2em;
    }
    .something {
        position: fixed;
        z-index: 9999;
        top: 13px !important;
        background: rgba(255, 255, 255, 0.9);
        margin-top: -13px;
        padding: 1em 0;
        height: 3.5em;
    }
    .single-text {
        padding: 2em !important;
    }
    .sector {
        margin-right: 10px !important;
        margin-left: 10px !important;
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }
    .singlehero {
        max-height: 10em !important;
        min-height: 10em !important;
    }
    .background-main-news .date {
        zoom: 0.7;
        left: 1em !important;
    }
    .background-main-news {
        min-height: 15em !important;
        margin-bottom: 0 !important;
    }
    .cta-ideas button {
        margin: 3em auto;
        width: 100%;
    }
    .team-topbar {
    top: 6.75em;
    font-size: 1em !important;
    }
    .cta-ideas h3 {
        display: inline-block !important;
        margin-right: 1em !important;
        font-size: 1.2em !important;
        margin-top: 2em !important;
        text-align: center;
        width: 100%;
        left: 0 !important;
        padding: 0 !important;
    }
    h2.heroidea {
        font-size: 1.3em !important;
        left: 1em !important;
    }
    .ideas-sidebar {
        width: 100% !important;
    }
    .contact form {
    max-width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
        }
    .logosfirst {
        display: none;
    }
    .index2 .cta {
        margin-top: 44% !important;
        text-align: left !important;
        margin-left: -1.3em !important;
        color: #232323;
        font-family: 'Lora', serif, serif;
        font-weight: 600;
        font-size: 1.9em !important;
        padding: 0.5em;
    }
    .darktheme .cta {
        margin-top: 9% !important;
        font-size: 1.2em !important;
        padding: 0.5em;
        width: 74% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 2.4em !important;
        border-bottom: none !important;
        padding-bottom: 1em !important;
        font-weight: bolder !important;
    }
    .darktheme .first-section {
    background: #1c1d29;
    padding: 0;
    overflow: auto;
    }
    .index2 .first-section h4 {
        position: relative;
        z-index: 9999;
        font-weight: 300;
        font-family: 'Open Sans', sans-serif;
        animation-name: fadeinanim;
        animation-duration: 4s;
        text-align: center !important;
        margin-left: auto !important;
        right: 0;
        bottom: 0 !important;
        left: 0 !important;
        font-size: 1.4em;
        opacity: 0;
        margin-top: 1em;
        padding-right: 0;
    }
    .second-section h4 {
        font-size: 1em !important;
    }
    .headerpage {
        min-height: 6em !important;
    }
    .header_about {
        min-height: 5em !important;
    }
    .background-team h4 {
        font-size: 1.7em !important;
        padding: 2em 1em;
        line-height: 1.4;
    }
    .cta-btn a {
        padding: 0.8em 2em;
        border: 1px solid #00dacf;
        color: #00dacf;
        text-transform: uppercase;
        font-size: 1.3em;
        font-family: 'Montserrat';
        font-size: 1em;
    }
    .subscribe input {
        width: 100% !important;
        margin-right: 0 !important;
        border-right: 1px solid white !important;
        margin-bottom: 1em;
    }
    .subscribe button {
        padding: 1em !important;
        width: 100%;
    }
    .work-btn {
        margin-right: 0;
        font-size: 1em !important;
        font-family: 'Montserrat';
    }
}
.getintouch {
    position: fixed;
    z-index: 9999;
    left: -6.5em;
    top: 36vh;
    transform: rotate(270deg);
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 14.2px;
    color: #00dacf;
    display: none;
}
/* NEWS CARD */

.card {
    float: left;
    padding: 0 1.7rem;
    width: 100%;
}
.card .menu-content {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.card .menu-content::before,
.card .menu-content::after {
    content: '';
    display: table;
}
.card .menu-content::after {
    clear: both;
}
.card .menu-content li {
    display: inline-block;
}
.card .menu-content a {
    color: #fff;
}
.card .menu-content span {
    position: absolute;
    left: 50%;
    top: 0;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Montserrat';
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.card .wrapper {
    background-color: #fff;
    min-height: 296px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.card .wrapper:hover .data {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.card .data {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(calc(70px + 1em));
    transform: translateY(calc(70px + 1em));
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.card .data .content {
    padding: 1em;
    position: relative;
    z-index: 1;
}
.card .author {
    font-size: 12px;
}
.card .title {
    margin-top: 10px;
    font-weight: 400;
    font-size: 1.4em;
}
.wrapper:hover .overlay-news {
    background: rgba(0, 0, 0, 0.83);
}
.card .text {
    height: 46px;
    margin: 0;
    color: #bdbdbd;
}
.news-card .header {
    color: #fff;
    padding: 1em;
}
.news-card .header::before,
.news-card .header::after {
    content: '';
    display: table;
}
.news-card .header::after {
    clear: both;
}
.news-card .header .date {
    float: left;
    font-size: 12px;
    padding: 0.4em;
    z-index: 99999;
    position: absolute;
}
.news-card .menu-content {
    float: right;
}
.news-card .menu-content li {
    margin: 0 5px;
    position: relative;
}
.news-card .menu-content span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.category {
    background: white;
    color: black;
    padding: 0.5em 2em;
    margin-right: 1em;
}
.news-card .data {
    color: #fff;
    -webkit-transform: translateY(calc(70px + 4em));
    transform: translateY(calc(70px + 4em));
}
.news-card .title a {
    color: #fff;
}
.news-card .button {
    display: block;
    width: 130px;
    margin: 2em auto 1em;
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 1;
    position: relative;
    font-weight: 700;
    background: white;
}
.news-card .button::after {
    content: '\2192';
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.news-card .button:hover::after {
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
    opacity: 1;
}
/* NEWS CARD END */

.ctacentered {
    top: 13%;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    left: 0;
}
.underlined {
    text-decoration: underline;
    position: relative;
}
.first-section h4 {
    position: absolute;
    z-index: 9999;
    font-weight: 100;
    font-family: 'Montserrat', sans-serif;
    right: 0;
    bottom: 23vh;
    left: 10.9em;
    font-size: 1.2em;
    animation-name: fadeinanim;
    animation-duration: 4s;
}
.footer-r {
    color: white;
}
.highlighted {
    background: #0b2d4c;
    color: white;
    position: relative;
    z-index: 99;
    padding: 0.2em;
}
.first-footer {
    background: white;
    height: 100%;
    min-height: 16em;
}
.work .first-footer {
    background: black;
}
.footer-r h2 {
    margin: 1.6em 0 0 0;
    padding-bottom: 0.5em;
    font-size: 1.4em;
    max-width: 50%;
    font-weight: 100;
}
.fa {
    font-size: 2em;
    margin-right: 1em;
    margin-top: 1em;
}
.intro-line {
    position: relative;
    width: 3px;
    background-color: #0b2d4c;
    height: 0px;
    z-index: 11111;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    top: auto !important;
    margin-top: -13vh;
    opacity: 1;
    animation: anim2 3s forwards;
}
.intro-line2 {
    position: relative;
    width: 3px;
    background-color: #0b2d4c;
    height: 0px;
    z-index: 11111;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    top: auto !important;
    margin-top: 19vh;
    opacity: 1;
    animation: anim3 3s forwards;
    animation-delay: 3s;
}
.work-btn:hover {
    background: white !important;
    color: black !important;
    border: 1px solid transparent !important;
}
.work-btn {
    background: #01d9cf !important;
    color: #000000 !important;
    border: 1px solid #01d9cf !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    padding: 1em 2em;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3em;
    font-family: Helvetica Neue, Helvetica;
    font-size: 1em !important;
}
/*.first-section .btn-section a {
    background: #ffffff !IMPORTANT;
    border: none !IMPORTANT;
}*/

.second-section h4 {
    display: inline-block;
    margin-right: 1em;
    font-weight: 300;
    font-size: 1.2em;
}
.elitelogo {
    filter: invert(100%);
    margin-top: -0.5em;
}
section.subscribe {
    padding: 4em;
    width: 100%;
    background: #4b6cb7;
    background: -webkit-linear-gradient(to right, #152138, #010817);
    background: linear-gradient(to right, #152138, #010817);
    position: relative;
    display: block;
}
.subscribe h4 {
    color: #868383;
    display: inline-block;
    margin-top: 2em;
}
.subscribe input {
    padding: 1em;
    border-radius: 0em;
    background: transparent;
    border: 1px solid white;
    outline: none;
    color: white;
    width: 16em;
    border-right: none;
    margin-right: -1em;
}

.subscribe button {
    color: #0c0038;
    background: #00dacf;
    padding: 1em 3em;
    text-transform: uppercase;
    border-radius: 3em;
}
/* LINK HOVER EFFECT */

span a:hover,
span a:focus {
    outline: none;
}
.cl-effect-14 a {
    padding: 0;
    height: 32px;
    line-height: 32px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
    position: absolute;
    width: 23px;
    height: 2px;
    background: #ffffff;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}
.cl-effect-14 a::before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}
.cl-effect-14 a::after {
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
    opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
    left: 50%;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
    right: 50%;
    -webkit-transform: rotate(0deg) translateX(50%);
    -moz-transform: rotate(0deg) translateX(50%);
    transform: rotate(0deg) translateX(50%);
}
.cl-effect-14 a:hover::before {
    background: #00dacf;
}
span a {
    position: relative;
    display: inline-block;
    margin: 15px 25px;
    outline: none;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.35em;
}
img.cbrlogo {
    filter: invert(100%);
    max-height: 3em;
    margin-top: -0.5em;
}
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}
.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #427baf;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
.team {
    min-height: 100vh;
}
.headerpage {
    min-height: 4em;
    background-size: cover;
    background-position: center center;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    background: #1c1d29;
}
.uigradient {
    display: block;
    height: 0.1em;
    width: 100%;
    z-index: 99;
    position: relative;
    background: #de6161;
    background: -webkit-linear-gradient(to right, #0099ff, #000000);
    background: linear-gradient(to right, #0099ff, #2dff6a);
}
.headerpage .secondli {
    margin-right: 2em !important;
}
.headerpage .thirdli {
    margin-left: 2em !important;
}
.headerpage .topbar {
    top: 6em;
}
.team h1 {
    margin-top: 1em;
    font-size: 1.8em;
    font-weight: 100;
    color: #656565;
    text-transform: uppercase;
}
.team h2 {
font-size: 1.6em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 6px;
    font-family: 'montserrat';
}
.role {
    margin-bottom: 2em;
    margin-top: -0.5em;
    font-weight: 900 !important;
}
.team h4 {
    position: relative;
    z-index: 9999;
    font-family: Helvetica;
    font-weight: 400;
    color: #656565;
    font-size: 1em;
    text-align: center;
    zoom: 0.8;
    ms-zoom: 0.8;
    -webkit-zoom: 0.8;
    -moz-transform:  scale(0.8,0.8);
-moz-transform-origin: center right;
}
.teamcard {
background: #e8e8e8;
    width: 100%;
    height: 12.5em !important;
    margin-bottom: 0.9em;
    overflow: hidden;
    max-width: 12.5em;
    transition: 0.5s;
    opacity: 0;
    border-radius: 100%;
    zoom: 0.7;
    ms-zoom: 0.7;
    -webkit-zoom: 0.7;
    -moz-transform:  scale(0.7,0.7);
    -moz-transform-origin: left center;
    margin-left: 3em;
}

.teamcard:hover {
    /*border-radius: 5%;*/
}


.opacity1 {
    opacity: 1 !important;
}
.team h3 {
display: block;
    text-align: center;
    padding-top: 1.4em;
    color: #3d3d3d;
    font-family: helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.7;
    letter-spacing: -0.4px;
    border-top: 1px solid rgba(61, 61, 61, 0.38);
    margin-top: 0.7em;
    font-weight: 300;
    width: 71%;
    margin: 0.7em auto;
    padding-bottom: 1.4em;
    border-bottom: 1px solid rgba(61, 61, 61, 0.38);
}
.photo img:hover {
    filter: none;
    transition: 0.2s;
}
.photo {
    max-height:12.5em;
    overflow: hidden;
}
.photo img {
    min-width: 14em;
    transition: 0.5s;
}
.subscribe button {
    color: #0c0038;
    background: #00dacf;
    padding: 1em 3em;
    text-transform: uppercase;
    border-radius: 3em;
}
.writer {
    position: relative;
    background: #210532;
    color: white;
    padding: 3em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}
.planning {
    padding: 4em 0;
}
.heroteam {
    margin-bottom: 0em !important;
    color: #ffffff;
    z-index: 99;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0em;
    font-size: 2em !important;
    line-height: 1.7;
    animation-name: theopacity;
    animation-duration: 2s;

}
.writer h3 {
    color: white;
}
.writer h4 {
    color: white;
}

.adj:hover {
    background: #29faf2;
}
.teamcard:hover .position {
    transition: 0.5s;
    bottom: 2.1em;
    color: white !important;
    padding: 0.2em;
}
.position {
    position: relative;
    bottom: 0;
    background: #29faf2;
}
.position h4 {
    color: #000000 !important;
    text-align: center;
    font-size: 0.9em;
}
.headerpage .overlay {
    background: rgba(255, 255, 255, 0.89);
    height: 100%;
}
.background-team {
    margin-bottom: 7em;
    padding: 5em 0 7em 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background: #210532;
    box-shadow:  0 27px 38px rgba(0, 0, 0, 0.20), 0 16px 16px rgba(0,0,0,0.12);
}
.work-l {
    width: 100%;
    height: 100%;
    background-image: url(css/nsscreenshot.png);
    position: relative;
    background-size: cover;
    min-height: 30em;
}
.work-r {
    height: 30em;
    background: #fafafa;
    text-align: center;
    overflow: hidden;
}
.work-r h3 {
    display: inline-block;
    margin-top: 5em;
    font-size: 2em;
    margin-right: 1em;
    position: relative;
    z-index: 9999;
    color: white;
    font-weight: 500;
}
.work-r h4 {
    position: relative;
    z-index: 9999;
    color: white;
}
.work-r hr {
    position: relative;
    z-index: 9999;
    width: 28%;
}
.work-r {
    height: 30em;
    text-align: center;
    background-image: url(nsscreenshot.png);
    background-size: cover;
    position: relative;
    display: block;
    border-bottom: 1em solid white;
}
.facts {
    color: white;
    position: relative;
    z-index: 999;
    display: inline-block;
    margin-top: -1.3em;
}
.work hr {
    margin-top: -1em;
}
.work .fa-newspaper-o {
    color: #02d3c9;
    position: relative;
    z-index: 999;
    margin-left: 1em;
}
.work span {
    position: relative;
    z-index: 99999;
    color: white;
}
.work .fa-users {
    font-size: 1.5em;
    color: #00dacf;
}
.herowork h1 {
    padding: 1.5em 0 1em 0;
    font-size: 2.6em;
    color: #2d2d2d;
    font-weight: 500;
}
.hover {
    opacity: 0;
    transition: 0.8s;
}
.singlehero {
    max-height: 33em;
    overflow: hidden;
    width: 100%;
    min-height: 33em;
}
.single-text {
    padding: 2em 11em;
    color: dimgrey;
    font-size: 1.2em;
    text-align: center;
}
.single-page .cta-btn2 {
    margin-left: 2em;
    font-size: 0.7em !important;
    margin-top: 2em;
    margin-bottom: 2em;
}
.singlens {
    background-image: url(nsscreenshot.png);
    background-position: center -1em;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9999;
    position: relative;
    display: block;
}
.moreinfo h4 {
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
}
.moreinfo span {
    display: inline-block;
}
span.sector {
    margin-right: 1em;
    margin-left: 2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.moreinfo {
    display: block;
    position: relative;
    text-align: center;
    color: dimgrey;
}
.moreinfo:before {
    content: '';
    border-top: 1px solid #15c9b9;
    position: relative;
    display: block;
    width: 44%;
    text-align: center;
    margin: 0 auto;
}
.moreinfo:after {
    content: '';
    border-bottom: 1px solid #15c9b9;
    position: relative;
    display: block;
    width: 44%;
    text-align: center;
    margin: 0 auto;
}
#preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 99999;
    height: 100%;
}
#status {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url("loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    margin: -100px 0 0 -100px;
}

section.ideas {
    background: #f1f1f1;
    padding-top: 3em;
}

  .ideas-container {
    background: white;
}

.ideas-sidebar {
  background: #ececec;
  padding: 2em;
    width: 22%;
}

.ideas-sidebar h2 {
    font-size: 1.5em;
    font-weight: 300;
    font-family: 'Lora', serif;
}

.ideas-sidebar h4 {
    font-size: 0.9em;
    font-weight: 300;
    margin-top: 2em;
}

.ideas-sidebar {
    background: #f9f9f9;
    padding: 1em;
  }

.ideas input {
    padding: 0.5em;
    width: 93%;
    border: 1px solid #e0e0e0;
    outline: none;
}

.ideas-sidebar button {
    background: #313131;
    padding: 0.5em;
    margin-top: 1em;
    color: white;
    cursor: pointer;
}

.ideas .large-6 {
    padding: 0;
}

.ideas .herowork h1 {
    font-size: 1.2em;
    font-weight: 100;
    padding-bottom: 2em;
    text-align: left;
    margin-left: 1em;
}

.ideas .large-9.columns {
    padding: 0;
}

.ideas .card {
    margin-bottom: 4em;
    margin-top: 1em;
}

.vmsfooter {
    max-width: 80% !important;
    text-align: left;
    margin-left: 0.7em !important;
}
.sitemap-footer {
    text-align: left;
    list-style-type: none;
    margin-left: 1em;
    margin-top: 1em;
}

footer h2 {
    font-family: 'Helvetica', sans-serif;
}

.sitemap-footer {
  text-align: left;
    border-top: 1px solid #333333;
    margin-top: 2.1em;
    padding-top: 2em;
}

.footer-r1 {
    margin-top: 5.4em;
    padding-top: 1em;
    border-top: 1px solid #333333;
}

.footer-r1 h2 {
    margin-top: 0.6em;
}

.sitemap-footer a {
  text-align: center;
    color: #e6e6e6;
    font-size: 0.9em;
}

.contact form {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
    /* margin-bottom: 0em;
    margin-top: 2em;
    margin-left: 0; */
    padding-top: 1em;

}

.contact button {
    padding: 1em;
    background: black;
    color: white;
    text-transform: uppercase;
    width: 100%;

}

.contact input {
    max-width: 20em;
    margin: 1em auto;
    padding: 1.2em 0.6em;
    font-size: 1em;
    color: black;
    border: 1px solid #b1b1b1;
    margin-left: 0;
    border-top: none;
    box-shadow: none;
    background: white;
    border-left: none;
    border-right: none;
}
.contact textarea {
    height: 10em !important;
    border: 1px solid #c4c4c4;
    background: white;
    box-shadow: none;
    transition: 1s;
}
.contact textarea:focus {
    min-height: 12em;
    transition: 1s;
}

h2.heroidea {
    position: absolute;
    bottom: 0.5em;
    color: white;
    z-index: 999;
    left: 3em;
    right: 2em;
    text-align: left;
    font-size: 2.2em;
}

.date {
    position: relative;
    z-index: 99999;
    color: white;
}

.background-main-news {
    background-image: url('http://www.compelo.com/wp-content/uploads/2017/03/telephone-mobile-to-call-attainable-40552.jpeg');
    margin-bottom: 0;
    padding: 5em 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: scroll !important;
    min-height: 23em;
    cursor: pointer;
}

.cta-ideas h3 {
    display: inline-block;
    margin-right: 1em;
    font-size: 1em;
    padding: 0 0 0 6em;
}

.cta-ideas button {
font-size: 0.8em;
}

.cta-ideas-container {
    background: #ffffff;
    color: #000000;
}
.vms-choice {
    list-style-type: none;
    text-align: left;
}

.contact h4 {
    border-bottom: 1px solid #0b2d4c;
    padding-bottom: 0.2em;
    margin-bottom: -0.5em;
    text-align: left;
    font-size: 1.4em;
    font-weight: 500;
    color: #484848;
    font-family: 'Lora', serif, serif;
}

.vms-choice label {
    font-size: 0.95em;
    color: #484848;
}

.ideas .card .wrapper {
    min-height: 265px !important;
}
.single-page .herowork h1 {
    padding: 2em 0 0.3em 0;
    font-weight: 100;
}
.contact p {
    font-size: 1.095em;
    text-align: left;
    margin-left: 0;
}

.contact-section p {
    margin-left: 0 !important;
}

.contact textarea {
    height: 6em;
    font-size: 1.5em;
    color: black;
}

body.contact {
    background-color: #f8f8f8;
}

.contact-section p {
    font-size: 1em;
    width: 88%;
    margin: 0 auto;
    color: #484848;
    padding-left: 1.5em;
}

@media (max-width: 813px) {
    .contact-section p {
    padding-left: 0;
}
#about_top h4 {
    margin-bottom: 2em;
}
}

label {
  display: block;
  margin: 5px 10px;
  cursor: pointer;
  font-size: 1.2em;
}

input[type="checkbox"] + span:before {
  content: "\f096";
  display: inline-block;
  margin-right: 5px;
  font-family: "FontAwesome";
  font-weight: normal;
  width: 1em;
}

.vms-choice input {
  margin-right: 0.5em;
  margin: 0.6em 0.2em;

}

textarea::placeholder {
    font-size: 0.8em;
}

textarea::-moz-placeholder {
    font-size: 0.8em;
}


input[type="checkbox"]:checked + span:before {
  content: "\f14a";
  color: #00c853;
  animation: pop 180ms ease-in;
}

.contact .herowork h1 {
    padding: 2.5em 0 2em 0;
    font-size: 2.4em;
    font-weight: 300;
    color: #ffffff;
    margin-bottom: 2em;
    position: relative;
    z-index: 9999;
    font-family: Montserrat, sans-serif;
    box-shadow: 0 27px 38px rgba(0, 0, 0, 0.24), 0 16px 16px rgba(0,0,0,0.22);
    animation-name: theopacity;
    animation-duration: 2s;
}

.contact .herowork {
    background: #210532;
}

.work .herowork h1 {
    padding: 1.5em 0 1em 0;
    font-size: 2.6em;
    color: #656565;
    font-weight: 100;
}

.work .fa {
    margin-top: 0em !important;
}

.background-main-news .date {
    zoom: 0.75;
    left: 9em !important;
    position: absolute;
}

.contact h1:after {
    content: '';
    width: 3em;
    height: 3px;
    top: 5em;
    background: #00fff9;
    display: block;
    margin: 0 auto;
}


a.animated-button.thar-four {
    color: #fff;
    cursor: pointer;
    display: block;
    position: relative;
 /*   border: 2px solid #05d2c7 !important;*/
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    width: 16em;
    padding: 1em;
    margin: 0 auto;
    font-family: 'montserrat';
    font-weight: 500;
}

a.animated-button.thar-four:hover {
    color: #000 !important;
    background-color: transparent;
    letter-spacing: 1.2;
}
a.animated-button.thar-four:hover:before {
    right: 0%;
    left: auto;
    width: 100%;
}
a.animated-button.thar-four:before {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000 !important;
    background: #05d2c7;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

img.vmslogohome {
    max-width: 27em;
    margin-top: 5%;
    margin-bottom: 2em;
    animation-name: theopacity;
    animation-duration: 2s;
}

.index2 .cta {
    margin-top: .1em ;
    text-align: center;
    animation-name: theopacity;
    animation-duration: 2s;
    opacity: 0;
    letter-spacing: 0.2px;
    word-spacing: 2px;
}

.index2 .first-section h4 {
    position: relative;
    z-index: 999;
    font-weight: 300;
    font-family: 'Helvetica Neue', sans-serif;
    animation-name: theopacity;
    animation-duration: 2s;
    animation-delay: 1s;
    text-align: center;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 1.4em;
    opacity: 0;
    margin-bottom: 2.7em;
}

.index2 .highlighted {
    background: none;
    color: #000000;
    position: relative;
    z-index: 99;
    padding: 0;
    font-weight: 900;
}

.ml15 {
  font-weight: 600;
  font-size: 2.8em;
}

.ml15 .word {
  display: inline-block;
  line-height: 1em;
}

.scroll-down {
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll-down {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    bottom: 5em;
    display: inline-block;
    margin-top: 0.6em;
    width: 1.8em;
    height: 1.8em;
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0;
}



section#news {
    position: relative;
    overflow: hidden;
}
section#news:after {
    content: '';
    position: absolute;
    right: -35em;
    display: block;
    z-index: -1;
    width: 62em;
    height: 94em;
    background: rgba(8, 3, 3, 0.18);
    top: 0;
    transform: rotate(51deg);
}
.index2 .intro-line2 {
    display: none;
}
.filtergray {
    filter: grayscale(100%);
}
.logosfirst {
    z-index: 9;
    background: transparent;
    position: absolute;
    bottom: -5em;
    width: 100%;
    overflow: hidden;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}

.logosfirst .row {
    margin-left: auto;
    margin-right: auto;
}


@-webkit-keyframes MOVE-BG {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.4);
    }
        100% {
        transform: scale(1);
    }
}
h1.ml3 {
  font-weight: 900;
  font-size: 3em;
  font-family: 'Lora', serif;
  margin-top: 18%;
  margin-bottom: 0.8em;
}
a.calltoactionhome {
z-index: 999;
    position: relative;
    border: 2px solid #04d9cc;
    padding: 1em 2em;
    text-transform: uppercase;
    margin-top: 0;
    background: white;
    letter-spacing: 1.5px;
    color: black;
    display: inline-block;
    min-width: 13em;
    font-weight: bold;
}

a.calltoactionhome.ctahome2 {
    background: #1f0532;
    color: #00dacf;
    border: 1px solid #200532;
        border-radius: 2px;

}

.calltoactionhome {
    animation-name: theopacity;
    animation-delay: 1s;
    animation-duration: 3s;
    opacity: 0;
}

.index2 .btn-section {
    display: none;
}

.index2 .logosfirst {
    z-index: 9;
    background: transparent;
    position: absolute;
    bottom: -10em;
    }
.letters {
   font-family: 'Lora', serif;
}



.calltoactionhome:hover {
    background: white;
    color: black;
    transition: 0.5s;
    border: 1px solid #00dacf;
}

.darktheme .first-section {
    background: #fff;
}
.darktheme .overlay {
    display: none;
}

.darktheme .cta {
    color: #2b3046 !important;
    line-height: 1.3;
    padding-bottom: 0.5em;
    font-size: .9em;
    width: 89%;
    margin-left: auto;
    margin-bottom: 6.8em;
    letter-spacing: -0.1px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-top: -3em;
    margin-right: -0.6em !important;
}

.darktheme .highlighted {
    color: #01d9cf;
    padding-left: 0;
}

.darktheme .first-section h4 {
    color: white;
    padding-left: 0;
}

.darktheme .logosfirst {
    display: none !important;
}

 .thenav li a {
    color: white !important;
    font-size: 0.9em;
}

.darktheme .circles {
    background: rgba(187, 209, 230, 0.01) !important;
}

.logo img {
      max-width: 14em;
      margin-bottom:.5em;
      margin-top: .4em;
      margin-left: 2.5em;
}

.topbar ul {
    margin-bottom: 0;
}
.topbar {
    position: absolute;
    top: 0 !important;
    right: 0;
    z-index: 9999;
    width: 100%;
    text-align: right;
    background:#200532;
}

.logo {
    position: relative;
    top: 0.5em;
    left: 0;
    z-index: 99999;
    right: 0;
    text-align: left;
    width: 16em;
}

.logo h3 {
    margin: 0 auto;
    width: 12em;
    background: #0b2d4c;
    color: white;
    letter-spacing: 0.1px;
    margin-top: -0.4em;
    font-family: montserrat;
    font-size: 1.3em;
    font-weight: 100;
    line-height: 1;
    padding: 0.35em 0 0.4em;
    text-align: center;
    position: absolute;
    left: 1em;
}

.darktheme .cl-effect-14 a {
    padding: 0;
    height: 32px;
    line-height: 32px;
    font-size: 0.9em;
}

.darktheme {
    background: #1c1d29;
}

.darktheme .weworkwith h2 {
        color: white;
}

/*.homecta:after {
    content: '.';
    color: #01d9cf;
}*/

@keyframes theopacity {

from { opacity: 0;}
  to { opacity: 1;}

}


@media (min-width: 760px) {
    #NavMobile {
        display: none !important;
    }
    .menu-icon-mobile {
        display: none !important;
    }
    .topbar {
        display: block !important;
    }
    .team .large-4 {
        padding-right: 3em;
        margin-bottom: 2em;
    }
    .team h3 {
    width: 78%;
    }
}

@media (max-width: 813px) {

.darktheme .cta {
    margin-right: auto !important;
}
    #trusted {
        margin-top: 7em !important;
    }
    #NavMobile {
        display: block;
    }
    .gitr p {
        margin-left: 4em;
    }
    .topbar {
        display: none;
    }
    .scroll-down {
        display: none;
    }
    .subscribe {
        display: none !important;
    }
    .darktheme .second-section {
        margin-top: 0;
    }
    iframe  {
        min-width: 18em;
    }
    .contact .column:last-child, .contact .columns:last-child {
    float: left;
    }
    .card-section {
    margin-bottom: 1em !important;
    }
    .logo img {
        margin-left: 1.5em !important;
        max-width: 23em !important;
        margin-top: 1.1em !important;
    }
    .about-areas h4 {
    padding: 1em 0 !IMPORTANT;
    }
    .footer-r1 p {
    margin-top: 5.8em !important;
    }
    .footer-r1 a {
     margin-left: 0 !important;
    }
    .footer-r1 {
    margin-top: 0.4em !important;
    border-top: none !important;

    }
    #tree_design {
        background: #1f0532;
        overflow: hidden;
    }
    .question h2 {
        width: 95% !important;
    }
    .logo {
        width: 100%;
    }
    img.vmslogohome {
        max-width: 30em;
        margin-top: 5%;
        margin-bottom: 2em;
        display: none;
    }#trusted h3 {
        margin-left: 0.2em !important;
        margin-top: -2.5em !important;
        position: absolute;
        color: #00dbcf !important;

    }
    .trusted_slider {
        margin-top: 0 !important;
        margin-left: -2em;
        background: white;
        margin-right: -2em;
    }
    .arrowleft {
        left: 0 !important;
    }
    .arrowright {
        right: 0 !important;
    }
    .answer {
        max-width: 40em;
        margin: 0 auto;
        margin-bottom: 2.5em !important;
        margin-top: 6em !important;
        font-size: .9em;
        padding: .3em;
    }
    #about_top .question h2 {
        width: 95% !important;
        text-align: center;
    }
}


.cta-btn a:hover {
    box-shadow: none;
}
.overlayNav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.95);
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 99999;
}
#trusted .row {
    max-width: 60em;
}
.overlay-content {
    position: relative;
    top: 12%;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.overlayNav a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
    color: #fff;
    display: block;
    transition: 0.3s;
    font-family: Helvetica;
    font-weight: 100;
}

.overlayNav a:hover, .overlayNav a:focus {
    color: #f1f1f1;
}

.overlayNav .closebtn {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 60px;
    color: #01d9cf;
}

.menu-icon-mobile {
    font-size: 30px;
    color: white;
    position: fixed;
    float: right;
    z-index: 99999;
    margin-right: 0.6em;
    margin-top: 0.6em;
    right: 0;
    top: 0;
}
.copyvms {
    color: #929292;
    position: absolute;
    left: 0;
    bottom: 0.8em;
    right: 0;
    width: 100%;
    text-align: center;
    font-weight: 100;
}
.active {
    color: #01d9cf !important;
}

.video-container {
    position:relative;
    width: 100%;
    height:100%;
    overflow:hidden;
    max-width: 71em;
    margin: 0 auto;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.card-section {
    background: white;
    padding: 0.6em 0.9em;
    position: relative;
    margin-bottom: 4em;
    min-height: 9em;
}

.card-img {
    max-height: 10em;
    overflow: hidden;
    position: relative;
}
#newnews {
    margin-top: 5em;
}
.card {
    padding: 0 0em;
}
.card h4 {
    font-family: 'Lora', serif, serif;
    font-size: 1.15em;
    color: black;
    line-height: 1.6;
}

.overlay-black-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(31, 32, 45, 0.26);
    z-index: 1;
    transition: 0.8s;
}
.card:hover {
    cursor: pointer;
}
.card:hover .overlay-black-img {
    background: transparent !important;
    transition: 1s;
}
address {
    font-size: 0.7em;
    color: #e6e6e6;
}

footer .fa {
    font-size: 1.3em;
    color: #716d6d;
}


.contact address {
    font-size: 0.95em;
    color: #484848;
    margin-bottom: 2em;
    padding-left: 20px;
}

footer address {
    color: white !important;
    padding-left: 0 !important;
}

.city {
    padding-left: 20px;
    font-family: Montserrat, sans-serif;
}

.contact-section {
    background: #ffffff;
    padding: 1em;
    margin-top: -1em;
    border-top: 3px solid black;
    padding-top: 2em;
}
.contact-section h3 {
    text-align: left;
    font-size: 2em;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    padding-bottom: 0.5em;
    margin-top: -0.1em;
    display: inline-block;
}
.map-block {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #bdbdbd;
    width: 65%;
    margin-left: 1em;
        float: right;
}

@media (min-width: 1650px) {
   .index2 .cta {
/*    margin-top: 25%;
*/    transition: 0.5s;
}
}
@media (min-width: 1900px) {
   .index2 .cta {
/*    margin-top: 30%;*/
    transition: 0.5s;
}

    .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0em;
    max-width: 72em;
    }
}

.sendicon {
    display: inline-block;
    position: relative;
    left: 0;
    margin-bottom: 1em;
    margin-top: 0;
    margin-left: -8em;
    font-size: x-large;
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, [type=number]:focus, [type=search]:focus, textarea:focus {
    border: 1px solid #8a8a8a;
    background: white;
    outline: 0;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid black;
}



.pre-footer {
    background-image: url('https://images.pexels.com/photos/89485/pexels-photo-89485.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    min-height: 10em;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    margin-top: -1em;
}
.pre-footer h3 {
    color: white;
    margin-top: 2em;
    font-family: Lora, serif ;
    position: relative;
    z-index: 9;
    padding-left: 1em;
}

iframe {
    margin-top: 0.4em;
}


.aboutus h2 {
    background: #1c1d29;
    padding: 2em 0;
    color: white;
    font-size: 1.3em;
}

.writer .adj {
    color: #ffffff;
    background: rgba(250, 250, 250, 0.18);
    padding: 0;
}
.adj {
    background: rgba(143, 143, 143, 0.08);
    padding-left: 0.2em;
    padding-right: 0.2em;
    color: #060606;
    padding: 0.2em;
}
.pre-footer h3:after {
    content: '.';
    color: #01d9cf;
    font-size: 1.2em;
    margin-left: 0.1em;
}
.team .column:last-child, .team .columns:last-child {
    float: left;
}
.contact .thenav {
    margin-top: 0.5em;
}

.teamheading {
    font-family: 'Montserrat';
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 7px;
    font-size: 1em;
    margin-top: -4em;
    padding-bottom: 1em;
}
.second-footer {
    background: white;
}
.second-footer p {
    margin-top: 1rem;
    font-weight: 400;
    font-size: 0.9em;
}

.gitr p:after {
    content: '';
    width: 3em;
    height: 1px;
    background: #01d9cf;
    position: absolute;
    margin-top: 0.8em;
    margin-left: 1em;
}

.gitr p {
    margin-right: 4em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.teamnav {
    margin-top: 0.6em;
}

.gitr p:before {
    content: '';
    width: 3em;
    height: 1px;
    background: #01d9cf;
    position: absolute;
    margin-top: 0.8em;
    margin-left: -4em;
}


.about-f1 h4 {
    font-size: 1.2em;
    line-height: 2;
    padding: 6em 1em;
    animation-name: theopacity;
    animation-duration: 1s;
}

.about-bg {
    background-image: url(background-about.png);
    background-size: cover;
    background-position: -15em;
    animation-name: theopacity;
    animation-duration: 1s;
}

@media (min-width: 1000px) and (max-width: 1440px) {
        .about-bg {
        background-position: -29em;
        transition: 0.5s;
    }
}

.about-first {
    margin-left: 8%;
    margin-right: -1em;
}

.about-first img {
    max-width: 54em;
}
.about-areas h4 {
    font-size: 2.2em;
    font-family: 'Lora', serif;
    padding: 2em 0em;
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    margin-left: 0.6em;
    margin-right: 0.4em;
}

.about-areas h3 {
    padding: 5em 0;
    background: transparent;
    text-align: center;
    color: white;
    font-family: montserrat;
    text-transform: uppercase;
    font-size: 1.3em;
    z-index: 9999;
    position: relative;
}


.videoh3 {
    background-image: url(https://images.pexels.com/photos/320617/pexels-photo-320617.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb);
    background-size: cover;
    position: relative;
}

.strategy-about {
    background-image: url('https://images.pexels.com/photos/416405/pexels-photo-416405.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}
.storytell-about {
    background-image: url('https://images.pexels.com/photos/7065/space-desk-office-hero-7065.jpg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}
.design-about {
    background-image: url('https://images.pexels.com/photos/273230/pexels-photo-273230.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.events-about {
    background-image: url('http://br-diningclub.com/img/slide2/people.jpg');
    background-size: cover;
    position: relative;
}
.intell-about {
    background-image: url('https://images.pexels.com/photos/6779/light-sky-space-architecture.jpg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}
.cons-about {
      background-image: url('https://images.pexels.com/photos/590022/pexels-photo-590022.jpeg?w=940&h=650&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.whitep-about {
    background-image: url('https://images.pexels.com/photos/461077/pexels-photo-461077.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.webinars-about {
    background-image: url('https://images.pexels.com/photos/7102/notes-macbook-study-conference.jpg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.amp-about {
    background-image: url('https://images.pexels.com/photos/147408/pexels-photo-147408.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.dist-about {
    background-image: url('https://images.pexels.com/photos/541522/pexels-photo-541522.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb');
    background-size: cover;
    position: relative;
}

.overlay-about {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

span.about-span {
    font-family: 'Lora', serif;
    color: black;
    font-size: 2em;
    line-height: 1.3;
    z-index: 99
}

.thenav-about {
    margin-top: 0.6em;
}

.thenav-term {
    margin-top: 0.6em;
}

.footer-r1 p {
    margin-top: 1.8em;
    font-size: 0.8em;
    font-weight: 300;
}

h1.pp {
    font-family: lora, serif;
    color: black !important;
}

.footer-r1 a {
    color: white;
    font-size: 0.9em;
    margin-left: 1em;
    margin-top: -0.5em;
    position: relative;
    display: block;
    font-weight: 300;
}
.about-f1 {
    position: relative;
}
.abouth4:after {
    content: '';
    width: 3em;
    height: 3px;
    background: #05cec3;
    position: absolute;
    margin-top: 3.9em;
    border-radius: 2em;
    left: 1em;
}
.abouth4:before {
    content: '';
    width: 3em;
    height: 3px;
    background: #05cec3;
    position: absolute;
    margin-top: -1.9em;
    border-radius: 2em;
    left: -1em;
}

@media (min-width: 1500px) {
    .about-bg {
    background-image: url(background-about.png);
    background-size: cover;
    background-position: -8em;
    animation-name: theopacity;
    animation-duration: 1s;
}
}

.about-f1 .large-3:hover .overlay-about {
       background: rgba(0, 218, 206, 0.88);
    transition: 0.3s;
}

.about-f1 .large-3:hover h3 {
    color: black;
    transition: 0.3s;
}

.tb{
    max-width: 69em;
    border-bottom: .3em solid #00dacf;
    margin-bottom: 2em;
}

.about-areas .large-3 {
    padding-bottom: 1em;
}

.gitr h2 {
    font-size: 3em;
    text-align: right;
}
.question h2 {
    width: 22em;
    height: 3em;
    margin: 0 auto;
    font-size: 2.25em;
    color: #3e3e3e;
}
.gitl h2 {
    font-size: 3em;
}

/*h1.cta:before {
    background: #de6161;
    background: -webkit-linear-gradient(to right, #0099ff, #000000);
    background: linear-gradient(to right, #0099ff, #2dff6a);
    content: '';
    width: 80%;
    position: absolute;
    bottom: 0;
    z-index: 999;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/


/*iPhone X fixes*/

@media only screen and (min-device-width: 375px)  and (max-device-width: 812px)  and (-webkit-min-device-pixel-ratio: 3) {
        .darktheme .second-section {
        margin-top: 0em;
    }
}


/*firefox fixes*/

@-moz-document url-prefix() {
    .teamcard {
       margin-bottom: -.9em
    }
    .contact input {
        padding: 0;
    }
}

/* dashboard */
#dashboard {
    min-height: 100vh;
    background-image: url(../img/dmp_bg.jpg);
    background-size: cover;
    background-position: top center;
}
#dashboard h1 {
    color: white;
    margin: .5em 0;
    font-weight: 300;
    font-size: 2.6em;
}
img.logodashboard {
    position: absolute;
    top: 1.98em;
    right: 2em;
    max-width: 14em;
}
nav.dashboard_nav {
    background: black;
}
.dashboard_nav h3 {
    color: white;
    font-size: 1.3em;
    line-height: 3;
    float: left;
}
.dboptions {
    float: right;
    line-height: 4;
    margin: 0 1em;
}
span.logout {
    padding: .5em 1em;
    border: 1px solid white;
    color: white;
    margin-left: .8em;
    font-size: .9em;
    cursor: pointer;
}

span.settings {
    padding:  .5em 2em;
    background:  white;
    color:  black;
    border:  1px solid white;
    font-size: .9em;
    cursor: pointer;
}

.question h2 {
    font-family: Montserrat, sans-serif;
    color: #210532;
}
.question h2:after {
    content: '';
    background-image: url(../img/cornerleft.png);
    width: 50px;
    height: 60px;
    position: absolute;
    margin-top: 16px;
    margin-left: -1px;
    transform: rotate(180deg);
    background-size: 90%;
    background-repeat: no-repeat;
}
.question h2:before {
    content: '';
    background-image: url(../img/cornerleft.png);
    width: 50px;
    height: 60px;
    position: absolute;
    margin-top: -20px;
    margin-left: -40px;
    background-size: 80%;
    background-repeat: no-repeat;
}
.answer p {
    font-family: Montserrat, sans-serif;
    animation-name: theopacity;
    animation-duration: 3s;
}
.answer {
    max-width: 40em;
    margin: 0 auto;
    margin-bottom: 4em;
}

@media (min-width: 1700px) {
    .vmslogohome {
        margin-top: 12.5% !important;
    }
    .first-section {
    border-top: none;
    height: 90vh;
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .first-section .row:first-of-type {
        zoom: .9;
    }
    .first-section {
        height: 90vh;
    }

}

.herowork .question h2 {
    color: white;
}

section#about_top {
    margin: 5em 0;
}
#about_top h4 {
    font-size:  1.2em;
    font-family:  Montserrat, sans-serif;
    line-height:  1.4;
    font-weight: 300;
    margin-top:  2em;
    padding-right: 1em;
}

#about_top .question h2 {
    width: 16em;
}

#tree_design {
    background: #1f0532;
}

#tree_design .question h2 {
    color: white;
    font-size: 2.3em;
}
#tree_design .question {
    text-align: center;
    margin-top: 4em;
}

#tree_design .question:after {
    content: '';
    background-image: url(../img/about_bg_top.png);
    height: 20em;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: -13em;
    background-size: 100%;
    background-position: center center;
    margin-left: -18.85em;
    max-width: 37em;
}

#tree_design .question {
    position: relative;
}

#tree_design h4 {
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    font-weight: 300;
    padding-top: 1em;
/*    border-top: 1px solid #6a006a;
*/    margin-top: 0;
}
#tree_design h3 {
    font-size: 2.7em;
    font-family: Montserrat, sans-serif;
}

section.about_bottom {
    min-height: 30vh;
    background-image: url(../img/about_bg_bottom.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    margin-top: -30vh;
}


.background-design h2,
.background-design h4{
color: white;
}
.background-design h2{

    font-size: 2.9em;
    font-weight: bold;
}

.background-design {
    background: #1e0631 url(../img/design-bg2.png) no-repeat top right;
    margin-bottom: 7em;
    padding: 5em 0 7em 0;
    position: relative;
    box-shadow: 0 27px 38px rgba(0, 0, 0, 0.20), 0 16px 16px rgba(0,0,0,0.12);
    background-attachment: fixed !important;
}

.background-design h4 {
    font-size: 2em;
    font-family: montserrat, sans-serif;
    line-height: 1.3;
    max-width: 24em;
    margin: 0 auto;
}


.measure-design h2,
.measure-design h4{
color: white;
}
.measure-design h2{

    font-size: 2.9em;
    font-weight: bold;
}

.measure-design {
    background: #1e0631 url("../img/measure_header.png") no-repeat top right;
    margin-bottom: 7em;
    padding: 5em 0 7em 0;
    position: relative;
    box-shadow:  0 27px 38px rgba(0, 0, 0, 0.20), 0 16px 16px rgba(0,0,0,0.12);
    background-attachment: fixed;
}

.measure-design h4 {
    font-size: 2em;
    font-family: montserrat, sans-serif;
    line-height: 1.3;
    max-width: 24em;
    margin: 0 auto;
}

section.design_text {
    font-family:  montserrat, sans-serif;
    padding-bottom: 5em;
    font-weight:  300;
    position: relative;
}

section.design_text p, section.design_text ul {
    line-height: 2;
}

section.design_text ul {
    margin-left: 1em;
    margin-top: 3em;
    display:  block;
}


.tb h2:before {
    content:  '';
    width: 0px;
    height: 8px;
    background: #00dacf;
    position:  absolute;
    margin-top: 55px;
    margin-left: -12px;
        transition: .5s;
}

.tb h2:hover:before {
    content:  '';
    width: 179px;
    height: 8px;
    background: #00dacf;
    position:  absolute;
    margin-top: 55px;
    margin-left: -12px;
    transition: .5s;
    cursor: pointer;
}
.tb h2:hover {
    cursor: pointer;
}

.about_links h3:before {
    content:  '';
    width: 0px;
    height: 8px;
    background: #00dacf;
    position:  absolute;
    margin-top: 55px;
    margin-left: -12px;
        transition: .5s;
}

.about_links h3:hover:before {
    content:  '';
    width: 179px;
    height: 8px;
    background: #00dacf;
    position:  absolute;
    margin-top: 55px;
    margin-left: -12px;
    transition: .5s;
    cursor: pointer;
}
.about_links h3:hover {
    cursor: pointer;
}

.tb a {
    color: white;
    position: relative;
}
.about_links a {
    color: white;
    position: relative;
}

.target-design {
    background: #1e0631 url(../img/target_header.png) no-repeat top right;
    background-attachment: fixed;
}
.st-design {
    background: #1e0631 url(../img/storytelling_header.png) no-repeat center right;
    background-attachment: fixed;
}

.target_section {
    background: white !important;
}

.target_section h4 {
    color: black !important;
}
.target_section h3 {
    color: black !important;
}

.target_section h3 {
    color:  black !important;
}

.target_section .question:after {
    display:  none;
}

.target_section .question h2 {
    color:  black !important;
    font-size: 1.3em !important;
    font-weight: 300;
    width: 30em;
}

.target_section .question {
    margin-top: -30px !important;
    margin-bottom: 10em;
}

.target_section h5 {
    color: black;
    margin: 0;
    font-family: Montserrat, sans-serif;
    padding-right: 0.4em;
    border-top: 1px solid #bfbfbf;
    margin-right: 1em;
    padding-top: 1em;
}



/*.first-section:after {
    content: '';
    background-image: url(https://image.ibb.co/mztPSy/pattern_dots.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.4;
}

#about_top:after {
    content: '';
    background-image: url(https://image.ibb.co/mztPSy/pattern_dots.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.7;
}
.design_text:after {
    content: '';
    background-image: url(https://image.ibb.co/mztPSy/pattern_dots.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.7;
}*/

.target_section a {
    color: #00dacf;
}

.logos {
    padding: 2em 2em;
}

.slick-slide img {
    display: block;
    padding: 1em;
    max-width: 12em;
    margin: 0 auto;
}

#trusted {
    background: white;
    transition: .5s;
    margin-top: 5em;
}
#trusted:hover {
    background: white;
    transition: .5s;
}


#trusted h3 {
    margin-left: -1em;
    margin-top: .8em;
    margin-bottom: 1em;
    font-size: 1em;
    color: #200532;
}

.arrowleft {
    position: absolute;
    top: 60px;
    opacity: .5 !important;
    filter: none !important;
    left: -40px;
    z-index: 999;
    max-width: 2em;
    transform: rotate(-180deg);
}
.trusted_slider {
    margin-top: -1.7em;
}

.arrowright:hover {
    cursor: pointer;
    transition: .3s;
}
.arrowleft:hover {
    cursor: pointer;
    transition: .3s;
    transform: rotate(-180deg);
}
.arrowright {
    position: absolute;
    top: 60px;
    right: -40px;
    filter: none !important;
    opacity: .5 !important;
    max-width: 2em;
}
.answer span {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: 1.01em;
    font-style: italic;
}


.accordion {
    color: #444;
    cursor: pointer;
    padding: 1em 1em;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    position: relative;
    margin-top: 1.5em;
    padding-top: 0;
}

 .accordion:hover {
    background-color: #f3fffe;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.accordion:after {
    content: '\02795';
    font-size: 12px;
    color: #03dad2 !important;
    float: right;
    margin-left: -11px;
    position: absolute;
    bottom: 17px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    line-height: 1.89;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}


.panel p:after {
    display: none;
}
.panel p:before {
    display: none;
}
.panel p {
    color: black;
    padding: 0;
    margin: 0;
    border: none;
}

.panel h6 {
    margin-top: 1em;
}
.panel h6 a {
   color: #01dace;
   font-size: 1.2em;
   font-weight: 600;
}

.gitl .accordion h5 {
    margin-left: 1em ;
}

@media (min-width: 900px) and (max-width: 1400px) {
.accordion:after {

    padding-left: 3.5px;
}
}

.name_st h3 {
    font-size: 1.4em !important;
    text-align: right;
    margin-right: 1em;
}
.name_st {
    margin-top: 4em;
    border-bottom: 1px solid;
    margin-right: 6em;
    margin-left: -2em;
}

.when_where h6 {
    font-family: 'Montserrat', sans-serif;
    line-height: 1;
    color: #1f0631;
}
.when_where {
    padding: 0 1em;
    margin-top: 2em;
    margin-left: 1em;
    border-left: 10px solid #03dace;
}
p.st_desc {
    font-family: Montserrat, sans-serif;
    padding: 1em;
    line-height: 1.35;
    color: #1f0631;
    margin-right: 4em;
}

.see_video {
    text-align: right;
    margin-right: 6em;
    margin-top: -2em;
}

.tb a:after {
    content: '>';
    font-size: 23px;
    margin-left: 17px;
    color: #03dacf;
    position: absolute;
    bottom: 1px;
    letter-spacing: -4px;
    font-family: fantasy, Verdena, serif;
    font-weight: 600;
    transition: .5s;
}

.about_links a:after {
    content: '>';
    font-size: 23px;
    margin-left: 17px;
    color: #03dacf;
    position: absolute;
    bottom: 1px;
    letter-spacing: -4px;
    font-family: fantasy, Verdena, serif;
    font-weight: 600;
    transition: .5s;
}
.photo img:hover {
    filter: grayscale(45%);
}

.photo img {
    min-width: 14em;
    transition: 0.5s;
    filter: grayscale(100%);
}
.about_links h2:hover a:after {
    margin-left: 27px;
    transition: .5s;
}
.tb h2:hover a:after {
    margin-left: 27px;
    transition: .5s;
}

span.typed-cursor {
    display: none;
}
.design_text a:after {
    content: '';
    width: 95%;
    height: 4px;
    background: #02dccf;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.design_text a {
    font-weight: 600;
    color: #313232;
    position: relative;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

.video-container {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
    margin-top: 0em;
    padding-bottom: 25.2em !important;
}
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    padding-top: 63px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    z-index: 99999;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #000;
    margin: auto;
    padding: 0;
    width: 80%;
    z-index: 99999;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from { opacity:0; transform: scale(0);} 
    to { opacity:1; transform: scale(1);}
}

@keyframes animatetop {
    from { opacity:0; transform: scale(0);} 
    to { opacity:1; transform: scale(1);}
}

/* The Close Button */
.close {
    color: white;
    right: 0;
    font-size: 42px;
    position: absolute;
    margin-right: -2.4rem;
    z-index: 9999;
    font-weight: 300;
    margin-top: -1rem;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.modal-body {background: black}

.modalbg {
    background: rgba(0, 0, 0, 0.95);
    transition: 2s;
}
#about_top .question h2:before {
    content: '';
    margin-top: -11px;
    margin-left: -24px;

}
.fa-play {
margin: 0 !important;
    font-size: 1.2em;
    padding-right: .2em;
    color: #0bc2bd;
    vertical-align: middle;
    margin-top: -1px !important;}

    @media (min-width: 1750px) {
        .modal {
            padding-top: 9%;
        }
    }