@charset "UTF-8";

* , :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    font-family: inherit;
    color: #0FC8C3;
    text-decoration: none;
    line-height: inherit;
    outline: 0;
}

a:focus, a:hover {
    color: #000;
}

a:active, a:hover {
    outline: 0;
}

a:hover {
    cursor: pointer;
}



.verdi-access, .verdi-accessibility {
    position: absolute;
    left: -9999px;
}

#mf-masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1em;
    height: 56px;
    z-index: 550;
}

#mf-masthead.solid {
    background: rgba(255, 255, 255, 0.93);
}


#mf-masthead h2 {
    margin: 0;
    padding: 0px;
    line-height: 56px;
}

#mf-masthead h2 a {
    color: #fff
}

#mf-masthead.solid h2 a {
    color: #000
}

#mf-masthead h2 a:hover strong {
    color: #0FC8C3;
}

#nav-close, #nav-open {
    position: absolute;
    top: 12px;
    right: 1em;
    z-index: 550
}



#mf-nav #nav-close a, #nav-open a {
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    padding: 5px;
}

#nav-open a:focus, #nav-open a:hover {
    background: #ecf0f1
}

#nav-close a:after, #nav-close a:before, #nav-open a:after, #nav-open a:before {
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background: #00C8C5
}

#nav-open a:before {
    top: 6px
}

#nav-open a:after {
    top: 11px;
    box-shadow: 0 5px #00C8C5
}

#mf-nav #nav-close {
    z-index: 650
}

#mf-nav #nav-close a {
    background: #e74c3c
}

#mf-nav #nav-close a:focus, #mf-nav #nav-close a:hover {
    background: #ea6659
}

#mf-nav #nav-close a:after, #mf-nav #nav-close a:before {
    top: 50%;
    margin-top: -2px;
    background: #fff
}

#mf-nav {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #333;
    z-index: 600
}

#mf-nav a {
    display: block;
    margin: 0;
    padding: 1em 0 1em 1em;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #aaa
}

#mf-nav a:focus, #mf-nav a:hover {
    color: #0FC8C3;
}

#mf-nav a.active {
    font-weight: 700;
    color: #000
}

#mf-nav .mobile-enterprises:focus, #mf-nav .mobile-enterprises:hover,
#mf-nav a:focus, #mf-nav a:hover {
    background: #1e1e1e
}

#mf-nav .mobile-enterprises:focus a.top-link, #mf-nav .mobile-enterprises:hover a.top-link {
    color: #0FC8C3;
    border-bottom: 0
}

#mf-nav .mf-subnav {
    max-height: 50em;
    line-height: 13px;
    line-height: 1rem;
    overflow: hidden
}

#mf-nav .mf-subnav.closed {
    max-height: 0
}

#mf-nav .mobile-enterprises:focus .mf-subnav, #mf-nav .mobile-enterprises:hover .mf-subnav {
    background: #1e1e1e;
    z-index: 900
}

#mf-nav .mf-subnav a {
    display: block;
    margin: 0;
    padding: 1em 0 1em 2em;
    font-family: sans-serif;
    font-size: 13px;
    border-bottom: 0;
    color: #ddd;
    line-height: 1.5em;
}

#mf-nav .mf-subnav a:focus, #mf-nav .mf-subnav a:hover {
    padding: 1em 0 1em 2.5em;
    background: #000;
    border-bottom: 0;
    color: #fff;
    cursor: pointer
}

#mf-nav .mf-subnav a.active {
    color: #fff
}

.nav-inner-scroll {
    position: relative;
    padding: 50px 0;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.verdi-brand img {
    position: absolute;
    width: 135px;
    height: 27px;
    top: 15px;
}



.mf-content {
    position: relative;
    background: #fff;
    font-weight: 300;
    min-width: 320px
}



#verdi-leadspace {
    position: relative;
    min-height: 450px;
    color: #fff
}

#verdi-leadspace .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}




@media only screen {
    #mf-nav a {
        box-shadow: inset 0 -1px rgba(255, 255, 255, .1)
    }
}

@media only screen (min-width:321px) and (max-width:40em) {
    .mf-follow {
        margin: 0
    }

    .nocall {
        display: block
    }

    .call {
        display: none
    }
}



@media only screen and (min-width:64.063em) {

    .mf-jumplinks .mobile-hide {
        display: block
    }

    #nav-close, #nav-open {
        display: none
    }

    .verdi-row {
        margin: 0 auto
    }

    #verdi-leadspace h1 {
        font-size: 3rem;
        line-height: 1.2
    }

    .nav-inner-scroll {
        padding: 9px 0 0;
        height: auto;
        overflow-y: visible
    }

    #mf-nav {
        background: 0 0;
        left: 12em;
        width: auto;
        height: 50px
    }

    #mf-nav a {
        display: inline;
        margin: 0 1em 0 1em;
        padding: .4em 0 .4em;
        box-shadow: none;
        color: #fff
    }

    #mf-nav.solid a {
        color: #1e1e1e
    }

    #mf-nav.solid .nav_request_btn {
        color: #FFF;
        position: absolute;
        display: inline-block;
        border: 2px solid #00C8C4;
        border-radius: 2px;
        text-align: center;
        background-color: #00C8C4;
    }

    #mf-nav.solid .nav_request_btn:hover {
        color: #1e1e1e;
    }


    #mf-nav.solid .caret {
        border-top: 4px solid #1e1e1e;
    }

    #mf-nav a:focus, #mf-nav a:hover {
        border-bottom: 2px solid #0FC8C3;
        background: 0 0;
        color: #0FC8C3
    }

    #mf-nav a.active {
        font-weight: 700;
        color: #000
    }

    #mf-nav .verdi-nav, #mf-nav .mobile-enterprises {
        display: inline-block
    }

    #mf-nav .mobile-enterprises {
        position: relative;
        padding: .6em .55em .8em .6em
    }

    #mf-nav .mobile-enterprises a.top-link {
        margin: 0;
        box-shadow: none;
        border-bottom: 3px solid transparent
    }

    #mf-nav .mf-subnav {
        position: absolute;
        top: 40px;
        left: 0;
        width: 220px;
        height: 0;
        line-height: 13px;
        line-height: 1rem;
        overflow: hidden
    }

    #mf-nav .mobile-enterprises:focus .mf-subnav, #mf-nav .mobile-enterprises:hover .mf-subnav {
        height: auto
    }

    #mf-nav .mf-subnav a {
        display: block;
        margin: 0;
        padding: 1em;
        font-size: 13px;
        border-bottom: 0;
        color: #ddd
    }

    #mf-nav .mf-subnav a.active {
        color: #fff
    }

    #mf-nav .caret {
        border-top: 4px solid #fff;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle
    }

    #mf-nav .mobile-enterprises:hover {
        border-bottom: 3px solid #1e1e1e
    }

    #mf-nav .mobile-enterprises:focus .mf-subnav, #mf-nav .mobile-enterprises:hover .mf-subnav {
        background: #1e1e1e
    }

    #mf-nav .mobile-enterprises:active a.top-link, #mf-nav .mobile-enterprises:focus a.top-link,
    #mf-nav .mobile-enterprises:hover a.top-link {
        color: #0FC8C3;
        border-bottom: 0
    }

    #mf-nav .mf-subnav a:focus, #mf-nav .mf-subnav a:hover {
        padding: 1em 1em 1em 1.3em;
        background: #000;
        border-bottom: 0;
        color: #fff;
        cursor: pointer
    }

    #verdi-leadspace .bg {
        background-size: cover
    }

    #verdi-footer-module .verdi-columns {
        display: block;
        margin: 0 auto;
        width: 60em
    }

    #verdi-footer-module .verdi-columns .verdi-col-6-1 {
        width: 16.66667%
    }

    .slick-prev {
        left: -25px
    }

    .slick-next {
        right: -25px
    }

    .iwm-form-modal {
        padding: 0
    }
}

.btn, .menu-toggle a, .mf-jumplinks a, button {
    border-radius: 4px
}

#mf-nav .mobile-enterprises, .rnd-top {
    border-radius: 4px 4px 0 0
}

#mf-masthead.solid {
    box-shadow: 0 1px 4px rgba(49, 49, 64, .1)
}

#nav-close a:after {
    box-shadow: none
}



#mf-masthead {
    -webkit-transition: background .6s ease;
    transition: background .6s ease
}

#mf-nav {
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

#mf-nav .mf-subnav, #mf-nav .mobile-enterprises {
    -webkit-transition: all .3s;
    transition: all .3s
}

.mf-biz-role article, .mf-filters #filter, .mf-filters nav {
    -webkit-transition: max-height .6s;
    transition: max-height .6s
}

#mf-masthead strong, .verdi-card h4, .verdi-column, :after, :before, a {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

button, input {
    -webkit-transition: all .25s;
    transition: all .25s
}

#mf-nav {
    -webkit-transform: translate3d(300, 0, 0);
    transform: translate3d(300, 0, 0)
}

#mf-nav.nav-open {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
}

#nav-close a:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-close a:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}


@media only screen and (min-width:700px) {
    .bg-control-mbaas-txt {
        width: 59% !important
    }

    .bg-control-mbaas-txt p:first-child {
        margin-top: 0
    }

    .bg-control-mbaas-img {
        width: 40% !important
    }

    .top-align-wfm {
        margin-top: 10%
    }
}

@media only screen and (max-width:700px) {
    #contact-callout, .custom-no-mobile {
        display: none
    }
}

@media only screen and (max-width:700px) {
    .custom-no-mobile {
        display: block
    }
}

@media only screen and (max-width:1024px) {
    .mob_hide {
        display: none
    }

    #mf-nav .caret {
        border-top: 4px solid #aaa;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle
    }
}



.signIn_btn {

}

.navRequestDemo_btn {

}

@media screen and (min-width: 60em) {
    .header_right {
        display: block;
        padding-top: 19px;
        float: right;
        margin-left: 18px
    }
}

@media screen and (min-width: 60em) {
    .signIn_btn a {
        border: 0;
        color: #fff;
        display: inline-block;
        padding: 0.8em 0 0.7em;
        vertical-align: middle
    }
}

@media screen and (min-width: 60em) {
    .navRequestDemo_btn {
        display: block
    }
}

.header_right input, .header_right input {
    text-transform: none;
    padding: 0.8em 1em 0.7em;
    background: transparent;
    border: 2px solid #8dc63f
}

@media screen and (min-width: 68.75em) {
    .header_right input, .header_right input {
        padding: 0.8em 2em 0.7em
    }
}

.header_right input:hover,
.header_right input:hover {
    background: #72a230 !important;
    border: 2px solid #72a230
}


.nav_signIn_btn {
    position: absolute;
    display: inline-block;
    float: right;
    right: 510px;
    top:18px;

}


.nav_request_btn {
    position: absolute;
    display: inline-block;
    border: 2px solid #00C8C4;
    border-radius: 2px;
    text-align: center;
    width: 130px;
    float: right;
    right: 350px;
    top:10px;
}