﻿.rowseperator100 {
    margin-bottom: 100px;
}

.rowseperator200 {
    margin-bottom: 200px;
}

.rowseperator300 {
    margin-bottom: 300px;
}

.text-color-gray {
    color: #717d7f;
}


.error-main-col{
    width:45%;
    margin-left: auto;
    margin-right: auto;
}

.error-col{
    margin-left:25%;
}

.error-main-col a:hover {
    text-decoration: underline;
}




.container::before, .testimonial-wrapper::before, .ss-container::before, .page::before, #footer-wrapper::before, #loan-cta-wrapper::before, .loan-cta::before, #people .people-wrapper::before, .event::before, .blog-sidebar-bottom::before, #application-form label::before, #footer-wrapper .social-media::before, #footer-wrapper .copyright::before, .footer-4::before, .section-header::before, .customer-options::before, .container::after, .testimonial-wrapper::after, .ss-container::after, .page::after, #footer-wrapper::after, #loan-cta-wrapper::after, .loan-cta::after, #people .people-wrapper::after, .event::after, .blog-sidebar-bottom::after, #application-form label::after, #footer-wrapper .social-media::after, #footer-wrapper .copyright::after, .footer-4::after, .section-header::after, .customer-options::after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.container::after, .testimonial-wrapper::after, .ss-container::after, .page::after, #footer-wrapper::after, #loan-cta-wrapper::after, .loan-cta::after, #people .people-wrapper::after, .event::after, .blog-sidebar-bottom::after, #application-form label::after, #footer-wrapper .social-media::after, #footer-wrapper .copyright::after, .footer-4::after, .section-header::after, .customer-options::after {
    clear: both
}

.container, .testimonial-wrapper, .ss-container, .page, #footer-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px
}

    #loan-cta-wrapper, .loan-cta, #people .people-wrapper, .event, .blog-sidebar-bottom, #application-form label, #footer-wrapper .social-media, #footer-wrapper .copyright, .footer-4, .section-header {
        clear: both;
        width: 100%
    }

        .container::before, .testimonial-wrapper::before, .ss-container::before, .page::before, #footer-wrapper::before, .grid-100::before, #loan-cta-wrapper::before, .loan-cta::before, .navbar-nav::before, #people .people-wrapper::before, .event::before, .blog-sidebar-bottom::before, #application-form label::before, .demo-left .left-quote::before, #footer-wrapper .social-media::before, #footer-wrapper .copyright::before, .footer-4::before, .section-header::before, .customer-options::before, .container::after, .testimonial-wrapper::after, .ss-container::after, .page::after, #footer-wrapper::after, .grid-100::after, #loan-cta-wrapper::after, .loan-cta::after, .navbar-nav::after, #people .people-wrapper::after, .event::after, .blog-sidebar-bottom::after, #application-form label::after, .demo-left .left-quote::after, #footer-wrapper .social-media::after, #footer-wrapper .copyright::after, .footer-4::after, .section-header::after, .customer-options::after {
            content: '.';
            display: block;
            overflow: hidden;
            visibility: hidden;
            font-size: 0;
            line-height: 0;
            width: 0;
            height: 0
        }

        .container::after, .testimonial-wrapper::after, .ss-container::after, .page::after, #footer-wrapper::after, .grid-100::after, #loan-cta-wrapper::after, .loan-cta::after, .navbar-nav::after, #people .people-wrapper::after, .event::after, .blog-sidebar-bottom::after, #application-form label::after, .demo-left .left-quote::after, #footer-wrapper .social-media::after, #footer-wrapper .copyright::after, .footer-4::after, .section-header::after, .customer-options::after {
            clear: both
        }

.container, .testimonial-wrapper, .ss-container, .page, #footer-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px
}

.slide-boxes .slide-box-content, .value-table, #departments-wrapper, .slide-down, #people, .collage-left, .collage-right, .lender-slider #lender-hwh-slider, .prospects #lender-hwh-slider, #lender-nav ul, .prospects .columns, .ss, .agreements, .footer-2 {
    padding-left: 0;
    padding-right: 0
}

.prefix-10, .slide-boxes .slide-box-content, .value-table, .careers-wrapper, #departments-wrapper, .lender-slider #lender-hwh-slider, .prospects #lender-hwh-slider, .prospects .columns, .ss, .footer-1 {
    margin-left: 10%
}

.suffix-10, .testimonial-img, .slide-boxes .slide-box-content, .value-table, .careers-wrapper, #departments-wrapper, .lender-slider #lender-hwh-slider, .prospects #lender-hwh-slider, .prospects .columns, .ss, .footer-3 {
    margin-right: 10%
}

    .prefix-15, #intro .intro-text, .testimonial-img, #company .intro-text, .careers-wrapper p, #team-intro .intro-text, #evi-blue-bg .container, .agreements {
        margin-left: 15%
    }

    .suffix-15, .testimonial-text, #company .intro-text, .careers-wrapper p, #team-intro .intro-text, #evi-blue-bg .container, .agreements {
        margin-right: 15%
    }

.grid-20, .testimonial-img, .footer-3 {
    float: left;
    width: 20%
}

.grid-25, .number, .footer-1, .section-header .breadcrumb-link-forward, .breadcrumb-link-forward, .breadcrumb-link-back {
    float: left;
    width: 25%
}

.grid-35, #pageslide2, .slide-down .title, .text-block, .demo-right ul li .submit-left, .footer-2 {
    float: left;
    width: 35%
}

    .grid-50, .slide-down-left, .slide-down-right, .collage-left, .collage-right, div.person, #left-partners, #right-partners, .job-title, .footer-2 .footer-2-col {
        float: left;
        width: 100%
    }

.grid-100, #loan-cta-wrapper, .loan-cta, .navbar-nav, #people .people-wrapper, .event, .blog-sidebar-bottom, #application-form label, .demo-left .left-quote, #footer-wrapper .social-media, #footer-wrapper .copyright, .footer-4, .section-header {
    clear: both;
    width: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

html {
    font-family: sans-serif
}

body {
    margin: 0
}

a {
    background: transparent
}

    a:focus {
        outline: dotted thin
    }

    a:active, a:hover {
        outline: 0
    }

h1 {
    font-size: 2em;
    margin: .67em 0
}

b, strong {
    font-weight: 700
}

img {
    border: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

textarea {
    overflow: auto;
    vertical-align: top
}

*, ::before, ::after {
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    color: #717d7f;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #00b0e7;
    text-decoration: none
}

    a:hover, a:focus {
        color: #0194cb;
        text-decoration: underline
    }

    a:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px
    }

img {
    vertical-align: middle
}

p {
    margin: 0 0 11px
}

h1, h2, h3 {
    margin-top: 22px;
    margin-bottom: 11px
}

h4, h5, h6 {
    margin-top: 11px;
    margin-bottom: 11px
}

ul, ol {
    margin-top: 0;
    margin-bottom: 11px
}

address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.42857
}

label {
    display: inline-block;
    margin-bottom: 5px;
    color: #242e33;
    font-weight: 700;
    font-size: 14px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid transparent;
    white-space: nowrap;
    padding: 11px 25px;
    font-size: 13px;
    line-height: 1.42857;
    border-radius: 10px;
    -webkit-user-select: none;
    transition: background-color .2s ease;
    -webkit-transition: background-color .2s ease;
    text-transform: none !important;
    background-image: none
}

    .btn:focus {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px
    }

    .btn:hover, .btn:focus {
        color: #fff;
        text-decoration: none
    }

.btn-default {
    color: #fff;
    border-color: #00b0e7;
    border-radius: 10px;
    background-color: #00b0e7
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #fff;
        border-color: #0081aa;
        background-color: #0091be
    }

    .btn-default:active, .btn-default.active {
        background-image: none
    }

    .btn-default:hover {
        border-color: #56c7f0;
        background: #56c7f0
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav::before, .nav::after {
        content: ' ';
        display: table
    }

    .nav::after {
        clear: both
    }

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #adbdc6
            }

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 22px;
    border: 1px solid transparent
}

    .navbar::before, .navbar::after {
        content: ' ';
        display: table
    }

    .navbar::after {
        clear: both
    }

.navbar-nav {
    margin: 7px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 22px
    }

.navbar-nav {
    float: left;
    margin: 0
}

    .navbar-nav > li {
        float: left
    }

        .navbar-nav > li > a {
            padding-top: 14px;
            padding-bottom: 14px
        }

.navbar-default {
    background-color: #f7f8f9
}

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

header {
    position: relative;
    top: 0;
    z-index: 999
}

.sticky-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.navbar {
    border-radius: 0;
    padding: 0;
    z-index: 999;
    margin-bottom: 0
}

.navbar-nav li {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #d5e1e6;
    margin-bottom: -1px
}

    .navbar-nav li:first-child {
        border-left-style: none
    }

    .navbar-nav li:last-child {
        border-right-style: none
    }

    .navbar-nav li div {
        text-align: center
    }

    .navbar-nav li a {
        text-align: center;
        color: #717d7f;
        font-weight: 700;
        padding: 20px 0;
        text-transform: uppercase;
        font-family: 'Open Sans',Arial,sans-serif;
        font-size: 14px;
        display: block
    }

.navbar-nav .logo img {
    padding: 6px 0 3px;
    max-width: 170px
}

.navbar-nav .logo a {
    display: inline
}

.navbar-nav .logo {
    width: 25%
}

.two-links .link-1 {
    width: 25%
}

.two-links .link-2 {
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #d5e1e6
}

.two-links .link-2 {
    width: 25%
}

.evi-menu-top, .find-loans-mobile {
    padding: 2px 0
}

    .evi-menu-top .btn, .find-loans-mobile .btn {
        margin: 6px 20px;
        display: block;
        padding: 11px 0;
        font-size: 13px;
        line-height: 1.42857;
        border-radius: 10px;
        color: #fff !important
    }

    .evi-menu-top a:hover, .find-loans-mobile a:hover {
        background-color: #56c7f0 !important
    }

.evi-menu-top {
    width: 15%;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: #d5e1e6
}

.slide-out a {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: center
}

.slide-out img {
    margin: -2px 0 0 5px
}

.slide-out {
    width: 10%
}

    .slide-out .menu-text::before {
        content: 'Menu'
    }

#slide-out-menu {
    display: none
}

    #slide-out-menu .accordionButton, #slide-out-menu .non-accordionButton {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #273b3c;
        padding: 19px 0;
        margin: 0 40px;
        font-weight: 700;
        font-family: 'Open Sans',Arial,sans-serif;
        color: #adbdc6;
        font-size: 14px;
        text-transform: uppercase;
        text-decoration: none;
        cursor: pointer
    }

.top-btns {
    margin: 0;
    padding: 25px 0;
    overflow: hidden
}

    .top-btns li {
        list-style: none;
        display: inline-block;
        margin-bottom: 0
    }

        .top-btns li.sidebar-login {
            margin-left: 23px;
            padding-left: 20px;
            background: url(../images/login.png) 0 50% no-repeat
        }

        .top-btns li.evi-menu-top1 {
            margin-left: 25px;
            padding-left: 20px;
            background: url(../images/search-icon.png) 0 50% no-repeat
        }

        .top-btns li.slide-close {
            margin-left: 41px
        }

        .top-btns li img {
            display: block;
            margin: 0 auto
        }

        .top-btns li a {
            font-family: 'Open Sans',Arial,sans-serif;
            color: #d5e1e6;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase
        }

            .top-btns li a:hover {
                text-decoration: none
            }

        .top-btns li:first-child {
            border-left-style: none
        }

.accordionButton {
    transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out
}

    .accordionButton span img {
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        margin: -3px 0 0 15px
    }

    .accordionButton.open span img {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .accordionButton:hover {
        color: #fff
    }

.slideout-contact {
    padding: 19px 0;
    margin: 0 40px;
    color: #eef1f3
}

    .slideout-contact > span {
        font-weight: 700;
        font-size: 14px;
        font-family: 'Open Sans',Arial,sans-serif;
        color: #adbdc6;
        text-transform: uppercase
    }

    .slideout-contact address {
        font-size: 11px;
        color: #adbdc6;
        font-weight: 400;
        margin-top: 15px;
        line-height: 1.5
    }

    .slideout-contact .evi-newsletter span {
        font-weight: 700;
        font-family: 'Open Sans',Arial,sans-serif;
        font-size: 14px;
        color: #adbdc6;
        text-transform: uppercase;
        margin-bottom: 20px;
        display: block
    }

    .slideout-contact .evi-newsletter a {
        color: #fff;
        border-radius: 40px;
        padding: 8px 23px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        background: #8d9ea6
    }

ul.menu-evi-1 {
    padding: 16px 0;
    margin: 0 40px
}

    ul.menu-evi-1 li {
        list-style: none;
        padding-bottom: 7px;
        margin-bottom: 0
    }

        ul.menu-evi-1 li a {
            color: #adbdc6;
            font-weight: 500;
            font-size: 14px
        }

            ul.menu-evi-1 li a:hover {
                text-decoration: none;
                color: #fff
            }

#pageslide {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 322px;
    background-color: #334145
}



.termdiv {
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}

.padtop20 {
    padding-top: 20px;
    width: 70%
}


.introducation {
    font-weight: bold;
    font-size: 16px;
}

.terms-text-text {
    text-decoration: none;
    padding-top: 10px;
}

/* 12-31-2020 | Tom - End of the year 2020 changes. */
.footer-container {
    background: #717d7f;
    /*background:#00b4e6;*/
    margin-bottom: -22px
}
    /**************************************************/

    .footer-container h5 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0194cb;
        display: inline-block;
        padding: 0 50px 10px 0;
        margin-bottom: 14px
    }

#footer-wrapper {
    padding: 64px 0 20px
}

    #footer-wrapper .footer-1 address {
        color: #cfedfc;
        font-size: 14px;
        font-weight: 400
    }

    #footer-wrapper .footer-1 a {
        color: #cfedfc
    }

    #footer-wrapper .social-media {
        padding: 0
    }

        #footer-wrapper .social-media li {
            list-style: none;
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 15px;
            margin-bottom: 15px
        }

            #footer-wrapper .social-media li a {
                display: block;
                width: 40px;
                height: 40px;
                /*background-image: url(../images/social-media.png)*/
            }

                #footer-wrapper .social-media li a.facebook {
                    background-position: -78px 0
                }

                    #footer-wrapper .social-media li a.facebook span {
                        display: block;
                        width: 40px;
                        height: 40px;
                        opacity: 0;
                        transition: opacity .45s ease;
                        -webkit-transition: opacity .45s ease;
                        /*background-image: url(../images/social-media.png);*/
                        background-position: -78px -40px
                    }

                    #footer-wrapper .social-media li a.facebook:hover span {
                        opacity: 1
                    }

                #footer-wrapper .social-media li a.twitter {
                    background-position: -118px 0
                }

                    #footer-wrapper .social-media li a.twitter span {
                        display: block;
                        width: 40px;
                        height: 40px;
                        opacity: 0;
                        transition: opacity .45s ease;
                        -webkit-transition: opacity .45s ease;
                        /*background-image: url(../images/social-media.png);*/
                        background-position: -118px -40px
                    }

                    #footer-wrapper .social-media li a.twitter:hover span {
                        opacity: 1
                    }

                #footer-wrapper .social-media li a.google {
                    background-position: -158px 0
                }

                    #footer-wrapper .social-media li a.google span {
                        display: block;
                        width: 40px;
                        height: 40px;
                        opacity: 0;
                        transition: opacity .45s ease;
                        -webkit-transition: opacity .45s ease;
                        /*background-image: url(../images/social-media.png);*/
                        background-position: -158px -40px
                    }

                    #footer-wrapper .social-media li a.google:hover span {
                        opacity: 1
                    }

                #footer-wrapper .social-media li a.linkedin {
                    background-position: -198px 0
                }

                    #footer-wrapper .social-media li a.linkedin span {
                        display: block;
                        width: 40px;
                        height: 40px;
                        opacity: 0;
                        transition: opacity .45s ease;
                        -webkit-transition: opacity .45s ease;
                        /*background-image: url(../images/social-media.png);*/
                        background-position: -198px -40px
                    }

                    #footer-wrapper .social-media li a.linkedin:hover span {
                        opacity: 1
                    }

.footer-2 ul, .footer-2 ol, .footer-3 ul, .footer-3 ol {
    padding: 0;
    margin: 0
}

    .footer-2 ul li, .footer-2 ol li, .footer-3 ul li, .footer-3 ol li {
        list-style: none;
        margin-bottom: 0
    }

        .footer-2 ul li a, .footer-2 ol li a, .footer-3 ul li a, .footer-3 ol li a {
            color: #cfedfc;
            font-size: 14px
        }

.footer-2 .forms li, .footer-3 .forms li {
    margin-bottom: 5px
}

.footer-2 .forms label, .footer-3 .forms label {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0
}

    .footer-2 .forms label span, .footer-3 .forms label span {
        color: #cc4238
    }

.footer-2 .forms .submit, .footer-3 .forms .submit {
    margin-top: 10px;
    color: #fff;
    border-radius: 10px;
    border: none;
    padding: 10px 30px;
    font-size: 14px;
    width: 110px;
    background: #56c7f0
}

    .footer-2 .forms .submit:focus, .footer-3 .forms .submit:focus {
        outline: none;
        text-decoration: none
    }

.footer-1 {
    padding: 0 40px 0 0
}

    .footer-1 .btn-white {
        padding: 12.2px 0 7.2px;
        transition: background .3s ease;
        -webkit-transition: background .3s ease
    }

        .footer-1 .btn-white a {
            text-transform: inherit;
            font-weight: 700;
            font-size: 14px;
            border-radius: 10px;
            margin-top: -4px;
            padding: 12px 28px;
            font-family: 'Open Sans',Arial,sans-serif;
            text-decoration: none;
            transition: background .3s ease;
            -webkit-transition: background .3s ease;
            color: #00b0e7 !important;
            background: #fff
        }

            .footer-1 .btn-white a:hover {
                color: #0194cb;
                background: #cfedfc
            }

            .footer-1 .btn-white a:active {
                background: #0194cb
            }

.footer-2 .footer-top {
    margin-bottom: 24px
}

.footer-3 {
    padding: 0
}

    .footer-3 input, .footer-3 textarea {
        width: 100%;
        border-radius: 3px;
        border: none;
        padding: 5px;
        margin-top: 3px;
        font-size: 14px;
        color: #717d7f
    }

        .footer-3 input:focus, .footer-3 textarea:focus {
            border: none
        }

    .footer-3 .wpcf7-response-output {
        color: #fff;
        font-size: 14px
    }

.footer-4 {
    text-align: center;
    padding-top: 50px
}

    .footer-4 p {
        font-size: 11px;
        color: #fff
    }

    .footer-4 a {
        color: #cfedfc
    }

html {
    -webkit-font-smoothing: antialiased
}

body {
    font-weight: 400
}

h1 {
    font-weight: 700;
    color: #333c40;
    font-size: 40px
}

h3 {
    margin: 0 0 15px
}

h5 {
    line-height: 1.5
}

p {
    line-height: 1.8;
    margin-bottom: 15px
}

a {
    transition: color .3s ease;
    -webkit-transition: color .3s ease
}

    a:hover {
        text-decoration: none
    }

    a:focus {
        outline: none;
        text-decoration: none
    }

    a:active {
        text-decoration: none
    }

select:focus, .btn:focus {
    outline: none;
    text-decoration: none
}

select:active, .btn:active {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

div.wpcf7-response-output {
    padding: 0
}

.stuck {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transform: translate3d(0,0,0)
}

.term-inline-clr {
    /* 12-31-2020 | Tom - End of the year 2020 changes. */
    /*color:#cfedfc*/
    color: #ffffff;
    /*************************************************/
}

.term-inline-mar {
    margin-top: 30px !important
}

.TopRow {
    border-color: #000;
    border-width: 0;
    display: block;
    background-color: #334145
}

.CustomerSupport {
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
    position: relative;
    padding: 0;
    margin: 0;
    display: block;
    width: 97%;
    text-align: right
}



/* 12-31-2020 | Tom - End of the year 2020 changes. */
.footer-3-col .btn-white a:hover {
    background: #cfedfc;
    color: #0194CB
}

.footer-3-col .btn-white a:active {
    background: #0194cb
}

.footer-3-col .btn-white {
    padding: 12.2px 0 7.2px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

    .footer-3-col .btn-white a {
        color: #00b0e7 !important;
        text-transform: inherit;
        font-weight: 700;
        font-size: 14px;
        background: #fff;
        border-radius: 10px;
        margin-top: -4px;
        padding: 12px 28px;
        font-family: "Open Sans",Arial,sans-serif;
        text-decoration: none;
        -webkit-transition: background .3s ease;
        transition: background .3s ease
    }
/*************************************************/





@media all and (min-width: 1025px) {
    .TopRow {
        width: 100%;
        border-color: #000;
        border-width: 0;
        display: block;
        background-color: #334145
    }
}


@media all and (min-width: 1025px) {
    .navbar-nav li:nth-child(1) {
        width: 25%
    }
}

@media all and (min-width: 1025px) {
    .navbar-nav li:nth-child(2) {
        width: 25%;
    }
}

@media all and (min-width: 1025px) {
    .navbar-nav li:nth-child(3) {
        width: 25%
    }
}


@media all and (min-width: 1025px) {
    .navbar-nav li:nth-child(4) {
        width: 12.5%
    }
}


@media all and (min-width: 1025px) {
    .navbar-nav li:nth-child(5) {
        width: 12.5%;
        border-left-width: 2px;
        border-left-style: solid;
        border-left-color: #d5e1e6
    }
}

@media all and (min-width: 1025px) {
    .slide-out {
        font-size: 14px;
        width: 10%
    }
}

@media all and (min-width: 1025px) {
    .slide-out .menu-text:before {
        content: "Menu"
    }
}


@media all and (min-width: 1025px) {
    #evi-blue-bg h1 {
        font-size: 30px
    }
}


@media all and (min-width: 1025px) {
    .footer-container h5 {
        font-size: 11px;
        padding: 0 40px 10px 0
    }
}

@media all and (min-width: 1025px) {
    #footer-wrapper .social-media {
        margin: 0;
        padding-right: 5px
    }
}

@media all and (min-width: 1025px) {
    .footer-1 {
        padding: 10
    }
}


@media all and (min-width: 1025px) {
    .footer-3 {
        padding: 0 0 0 30px
    }
}

@media all and (min-width: 1025px) {
    .footer-container {
        margin-top: 10%;
    }
}



@media all and (min-width: 1025px) {
    .ContactUs {
        font-size: 14px;
    }
}










@media all and (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav li:nth-child(1) {
        width: 25%
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav li:nth-child(2) {
        width: 25%;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav li:nth-child(3) {
        width: 25%
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav li:nth-child(4) {
        width: 12.5%
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .navbar-nav li:nth-child(5) {
        width: 12.5%
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .slide-out {
        font-size: 14px;
        width: 10%
    }
}


@media all and (min-width: 768px) and (max-width: 1024px) {
    .slide-out .menu-text:before {
        content: "Menu"
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    #evi-blue-bg h1 {
        font-size: 30px
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .footer-container h5 {
        font-size: 11px;
        padding: 0 40px 10px 0
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    #footer-wrapper .social-media {
        margin: 0;
        padding-right: 5px
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .footer-1 {
        padding: 10
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .footer-3 {
        padding: 0 0 0 30px
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .ContactUs {
        font-size: 14px;
    }
}









@media all and (min-width: 501px) and (max-width: 767px) {
    .navbar-nav li:nth-child(1) {
        width: 35%
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .navbar-nav li:nth-child(2) {
        width: 25%
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .navbar-nav li:nth-child(3) {
        width: 25%
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .navbar-nav li:nth-child(4) {
        display: none;
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .navbar-nav li:nth-child(5) {
        width: 15%;
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    #evi-blue-bg h1 {
        font-size: 30px;
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .footer-container h5 {
        font-size: 100%;
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    #footer-wrapper .social-media li {
        margin: 2px;
        padding-right: 5px;
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .footer-1 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .footer-2 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}

@media all and (min-width: 501px) and (max-width: 767px) {
    .footer-3 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}




@media all and (min-width: 501px) and (max-width: 767px) {
    .twitter-timeline {
        height: 300px;
    }
}











@media all and (max-width: 500px) {
    .navbar-nav li:nth-child(1) {
        width: 75%
    }
}

@media all and (max-width: 500px) {
    .navbar-nav li:nth-child(2) {
        display: none;
        width: 25%
    }
}

@media all and (max-width: 500px) {
    .navbar-nav li:nth-child(3) {
        display: none;
        width: 30%
    }
}

@media all and (max-width: 500px) {
    .navbar-nav li:nth-child(4) {
        display: none;
        width: 20%;
    }
}

@media all and (max-width: 500px) {
    .navbar-nav li:nth-child(5) {
        width: 25%;
    }
}

@media all and (max-width: 500px) {
    .slide-out .menu-text:before {
        content: "Menu"
    }
}

#EasySize1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

#EasySize2 {
    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
}

#EasySize3 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}


.dark-blue {
    background: #1075b5
}

#evi-blue-bg {
    color: #fff;
    padding: 60px 0 60px 0
}

    #evi-blue-bg h1 {
        color: #fff;
        text-transform: uppercase;
        margin: 0
    }



@media all and (max-width: 500px) {
    .prefix-15, #intro .intro-text, .testimonial-img, #company .intro-text, .careers-wrapper p, #team-intro .intro-text, #evi-blue-bg .container, .agreements {
        margin-left: 5%
    }

    .suffix-15, .testimonial-text, #company .intro-text, .careers-wrapper p, #team-intro .intro-text, #evi-blue-bg .container, .agreements {
        margin-right: 5%
    }
}

@media all and (max-width: 500px) {
    #EasySize1 {
        font-size: 20px;
    }
}

@media all and (max-width: 500px) {
    #EasySize2 {
        font-size: 30px;
    }
}

@media all and (max-width: 500px) {
    #EasySize3 {
        font-size: 15px;
    }
}

@media all and (max-width: 500px) {
    #evi-blue-bg {
        color: #fff;
        padding: 20px 0
    }
}


@media all and (max-width: 500px) {
    #evi-blue-bg {
        color: #fff;
        text-transform: uppercase;
        margin: 0
    }
}








@media all and (max-width: 500px) {
    #evi-blue-bg h1 {
        font-size: 30px;
    }
}

@media all and (max-width: 500px) {
    .footer-container h5 {
        font-size: 100%;
    }
}

@media all and (max-width: 500px) {
    #footer-wrapper .social-media li {
        margin: 2px;
        padding-right: 5px;
    }
}

@media all and (max-width: 500px) {
    .footer-1 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}

@media all and (max-width: 500px) {
    .footer-2 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}

@media all and (max-width: 500px) {
    .footer-3 {
        margin-left: 11%;
        float: left;
        width: 80%
    }
}

@media all and (max-width: 500px) {
    .twitter-timeline {
        height: 300px;
    }
}
