﻿body {
    background-color: #000;
 
}

.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4 {
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
}

footer .container {
    border-top: solid 2px #fff;
}

.Black .fa-quote-left {

    display: none;
}


@media (min-width: 1481px) {
    .container {
        max-width: 1080px
    }
}

.callout-button {
    font-weight: 700 !important;
    border: none !important;
    padding: 15px 24px;
    font-size: 20px;
    display: table;
    margin: 40px 0px 0px 0px;
    height: 50px;
    border-radius: 4px;
}

    .callout-button:hover {
        text-decoration: none;
    }

.HomeBanner h1 {
    font-weight: 900;
    font-variant: small-caps;
    font-size: 125px;
    line-height: 102px;
    text-transform: uppercase;
    margin-top:100px;
}

.TwoColumn.Black h2 {
    font-size: 160px;
    line-height: 120px;
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

    a:hover {
        color: #ddd;
        text-decoration: underline;
    }

h1 {
    color: #FFFFFF;
}

img {
    max-width:100%;
    height:auto;
}

.navbar-header {
    float: none;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li.currentPage a {
    color: #773dbd;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.homeBannerWrapper {
    background: #000 !important;
}

.HomeBanner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 90vh;
}

.homeBannerWrapper {
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}

    .HomeBanner p, .HomeBanner h4 {
        color:#fff;
        margin:0px;
    }

.HomeBanner a {
    color: #fff;
    text-decoration: none;
}

    .HomeBanner a:hover {
        color: #b7b7b7;
        text-decoration: none;
    }

    .HomeBanner .callout-button {
        margin:50px auto 0px auto;
    }

a.TopNavCTAlink {
    background: #773DBD;
    border: 2px solid #773DBD !important;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    width: auto;
    float: right;
    margin-top: 24px;
    line-height: 1em;
    color: #fff;
    height:50px;
}

    a.TopNavCTAlink:hover {
        background: #472372;
        border: 2px solid #773DBD !important;
        text-transform: none;
        text-decoration:none;
    }


.HomeBanner .callout-button, .TwoColumn.Black .callout-button, .TwoColumnBGImgLeft.Black .callout-button, .FullWidth .callout-button, .blogFooter .callout-button {
    border: solid 2px #773dbd !important;
    background: transparent;
    color: #fff;
}

    .HomeBanner .callout-button:hover, .TwoColumn.Black .callout-button:hover, .TwoColumnBGImgLeft.Black .callout-button:hover, .FullWidth .callout-button:hover, .blogFooter .callout-button:hover {
        background: #773dbd;
        border: solid 2px #773dbd;
        color: #fff;
    }

    .FullWidth.Black .callout-button {
        margin:60px auto 0px auto;
        display:table;
    }

.FullWidth.Black h4 {
    margin:0px;
}

.lightPurple {
    background-color: #773DBD;
}

.Purple {
    background-color: #472372;
}

.Black {
    background-color: #000;
}

.Black .col-sm-6 h5 {
    margin:0px 0px 20px 0px;
}

    .Black .leftQuote {
        z-index: 1;
        position: relative;
    }

        .Black .leftQuote h4 {
            padding: 60px 0px 0px 60px;

        }
        .Black .leftQuote h5 {
            padding: 0px 0px 0px 60px;
        }

    .Black .fa-quote-left {
        color: #773DBD;
        font-size: 16rem;
        font-weight: 900;
        float: left;
        position: absolute;
    }

        .DarkGrey {
    background-color: #1f1f1f;
    margin-bottom: -5px;
}

p, .body-content li, h5 {
   color:#fff;
}

.TwoColumn.lightPurple {
    background-size: contain;
    background-position: left center;
    background-blend-mode: multiply;
    background-repeat:no-repeat;
}

.lightPurple h3 {
    font-weight: 900;
    font-style: italic;
    font-size: 55px;
    color: #b7b7b7 !important;
    line-height: 50px;
    margin:0px 0px 10px 0px;
}

.lightPurple h2 {
    font-weight: 900;
    font-style: italic;
    font-size: 75px;
    color: #FFFFFF !important;
    line-height: 50px;
    margin: 0px;
}

.lightPurple p, .lightPurple h4, .TwoColumn.Black p, .Black h4 {
    color: #fff;
}

.lightPurple .callout-button, .Testimonials .callout-button, .TwoColumn.Purple .callout-button {
    border: solid 2px #fff !important;
    color: #fff;
}

    .lightPurple .callout-button:hover, .Testimonials .callout-button:hover, .TwoColumn.Purple .callout-button:hover {
        background: #fff;
        border: solid 2px #fff;
        color: #773dbd;
    }

.TwoColumn.Purple h3, .TwoColumn.Purple h5 {
    text-align: left;
    color: #ffffff;
}

.leftQuote.Purple h4, .leftQuote.Purple h5 {
    position: relative;
    z-index: 10;
    color: #ffffff;
    padding-left: 60px;
}

.TwoColumn.Purple p, .TwoColumn.Black p {
    padding-right: 30px;
    color: #ffffff;
}

.TwoColumn.Black h3 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 75px;
    color: #ffffff !important;
    line-height: 65px;
    text-align: center;
    margin-top: 0px;
    margin-bottom:0px;
}

.TwoColumn.Black h2 {
    font-weight: 900;
    text-transform: uppercase;
    color: #ffffff !important;
    text-align: center;
    margin: 0px;
}

    .TwoColumn.Black h2.smallerH2 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 110px;
        color: #ffffff !important;
        line-height: 90px;
        text-align: center;
        margin: 0px;
    }

.Testimonials .callout-button {
    margin-left: auto;
    margin-right: auto;
}

.TestimonialsContent {
    padding-bottom:60px;
}

.Testimonials .item  {
    background-blend-mode: multiply;
    background-color: #773DBD;
    width: 100%;
    padding: 100px 0px 300px 0px;
    color: #fff;
    text-align: center;
}

.Testimonials.interior .item {
    background-blend-mode: multiply;
    background-color: #472372;
    width: 100%;
    padding: 100px 0px 80px 0px;
    color: #fff;
    text-align: center;
}

.Testimonials.interior .item.BigPadding {
    background-blend-mode: multiply;
    background-color: #472372;
    width: 100%;
    padding: 40px 0px 330px 0px;
    color: #fff;
    text-align: center;
}

.Testimonials .item.smallPadding {
    padding:40px 0px 100px 0px;
    }

        .Testimonials .carousel-indicators {
            bottom: 165px;
        }

.Testimonials.interior .carousel-indicators {
    bottom: 190px;
}

.Testimonials .item .container {
    position:relative;

}
    .Testimonials .item .container::after {
        position: absolute;
        top: -60px;
        left: -60px;
        content: "\f10d";
        color: #773DBD;
        font-size: 16rem;
        font-weight: 900;
        z-index: -333;
        font-family: "Font Awesome 6 Pro";
    }

.quoteCol-sm-6::after {
    position: absolute;
    top: -60px;
    left: 0px;
    content: "\f10d";
    color: #773dbd;
    font-size: 16rem;
    font-weight: 900;
    z-index: 1;
    font-family: "Font Awesome 6 Pro";
}

.TwoColumn.Purple .cms-content-custom {
    position:relative;
}

.TwoColumnBGImgLeft {
    display: table;
    margin-top:0px;
}

    .TwoColumnBGImgLeft.Black h2 {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 70px;
        color: #ffffff !important;
        line-height: 60px;
        text-align: center;
        margin: 0px;
    }

        .TwoColumnBGImgLeft.Black h2 span {
            font-size: 65px;
            color: #B7B7B7 !important;
            line-height: 55px;
            float: right;
        }

.Black h3 {
    font-weight: 900;
    font-size: 45px;
    color: #ffffff !important;
    text-align: center;
}

    .TwoColumnBGImgLeft.Black p {
        padding:10px 45% 0px 0px;
        color:#fff;
    }

    .TwoColumnBGImgLeft img {
        margin-left:-75px;
    }

.purleInsetText {
    background-color: #472372 !important;
    display: inline-block;
    width: 100%;
    margin-top: -200px;
    margin-bottom: -110px;
    padding-top: 60px;
    padding-bottom: 60px
}

.purleInsetText2 {
    background-color: #773DBD !important;
    display: inline-block;
    width: 100%;
    margin-top: -300px;
    padding-top: 60px;
    padding-bottom: 60px
}

.ClientLogos {
    background-color: rgba(12, 12, 12, 0.99) !important;
}

.owl-item img {
    margin: auto;
    display: table;
    padding: 0px 20px;
}

.owl-theme .owl-controls {
    margin-top: 0px;
    margin-bottom: 0px;
}


.owl-theme .owl-controls {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

    .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: #773DBD;
}

.form-wrapper .container {
    background: #773DBD;
    margin-top: -80px;
    padding: 60px;
    text-align: center;
}

.form-wrapper {
    z-index: 1;
    position: relative;
    margin-bottom: 105px;
}

 .form-wrapper {
    color: #fff !important;
}

     .form-wrapper h2 {
        font-size: 7.3em;
        font-weight: 900;
        color: #fff;
        text-transform: uppercase;
    }

.hs-error-msg {
    color: #000 !important;
    display: table !important;
    text-align:left;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    font-size: 1em;
    font-weight: 400;
    padding: 1rem !important;
    width: 100%;
    background: #fff;
    color:#000;
    margin-bottom: 30px !important;
}

.form-wrapper fieldset {
    max-width: 100% !important;
}

footer .form-wrapper .hbspt-form .legal-consent-container p, .form-wrapper .hbspt-form .legal-consent-container p {
    font-size: 1.05em;
    line-height: 1.25;
}

.form-wrapper label {
    display:none;
}

.form-wrapper h4 {
   margin:40px 0px;
}

.input input[name="company"] {
    width: 100% !important;
}

footer .form-wrapper .hbspt-form .hs_submit input[type=submit], .form-wrapper .hbspt-form .hs_submit input[type=submit] {
    background: #000;
    border: 0 !important;
    color: #fff !important;
    display: inline-block;
    font-weight: 700;
    font-size: 1em;
    line-height: 1;
    padding: 20px 35px 19px !important;
    text-transform: uppercase;
    width: auto;
    margin-top:20px;
}

    footer .form-wrapper .hbspt-form .hs_submit input[type=submit]:hover, .form-wrapper .hbspt-form .hs_submit input[type=submit]:hover {
        background: #472372;
    }

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding-top: 56.2963%;
}

    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.footer-social-icons {
    float: right;
    text-decoration: none;
}

     .fa-brands {
        color: #666666;
        font-size:24px;
        margin-left:10px;
        text-align:left;
        text-decoration:none;
    }

        .fa-brands:hover, .footer-social-icons a:hover {
            color: #773DBD;
            text-decoration: none;
        }

.et_pb_scroll_top.et-pb-icon:hover {
    background: #773DBD;
}

.siteMap {
    background:#000;
    padding:100px 0px;
}

.siteMap h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 48px;
    color: #ffffff !important;
    line-height: 44px;
    margin:0px 0px 30px 0px;
}


.form-wrapper {
    color: #fff !important;
    border-top: solid 165px #472372;
    position: relative;
}

.TwoColumnImgLeft img {
    max-width:512px;
    float:right;
}

.TwoColumnImgLeft h1, .Black h1 {
    font-weight: 900;
    font-size: 60px;
    color: #FFFFFF !important;
    line-height: 65px;
    text-align:center;
    padding:0px 5% 50px 5%;
    margin-top:60px;
    margin-bottom:0px;
}

.TwoColumnImgLeft h3 {
    font-weight: 900;
    font-size: 30px;
    color: #FFFFFF !important;
    line-height: 30px;
}

.Purple h2 .xxxLarge {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 180px;
    color: #ffffff !important;
    line-height: 0.6em;
    text-align: center;
}

.Purple h2, .Purple h2 .xLarge {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 110px;
    color: #ffffff !important;
    text-align: center;
    line-height: 1em;
}

    .Purple h2.H2Lift {
        margin-top: -150px;
        padding-bottom:40px;
    }

    .Purple h2 .xxLarge {
        font-weight: 900;
        text-transform: uppercase;
        font-size: 120px;
        color: #ffffff !important;
        line-height: 0.6em;
        text-align: center;
        margin-bottom: 80px;
    }

.Purple h2 {
    font-weight: 900;
    font-variant: small-caps;
    font-size: 90px;
    color: #FFFFFF;
    line-height: 102px;
    text-transform: uppercase;
    margin-top: 0px;
    position: relative;
}

.Black2 h2 {
    font-weight: 900;
    font-variant: small-caps;
    font-size: 70px;
    color: #FFFFFF;
    line-height: 80px;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
}
.Black2 h2 span {
    color: #B7B7B7 !important;
    margin-bottom: 30px;
}

.Purple h3, .ClientLogos h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 45px;
    color: #ffffff !important;
    line-height: 40px;
    text-align: center;
    margin: 20px 0px 40px 0px;
}

.purleInsetText h3, .SocialAggregator h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 58px;
    color: #ffffff !important;
    line-height: 50px;
    text-align: left;
}

.Purple h3 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1.2em;
    color:#fff;
}

.AccordionContent h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 100px;
    line-height: 90px;
    color: #ffffff !important;
    text-align: left;
    margin-top: -100px;
    margin-left:10%;
    padding-bottom:60px;
    position: relative;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.panel-default {
    border-color: #fff;
}

    .panel-default > .panel-heading {
        color: #fff;
        background-color: #000;
        border-color: #fff;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: transparent;
            background: #000;
        }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: inherit;
    text-decoration: none;
}

.panel-title a:hover {
    text-decoration:none;
}

.AccordionContent .glyphicon {
    margin-right: 5px;
    font-size:16px;
}

.TwoColumn.Black .extraTopPadding {
    margin-top: 20px;
}

.pExtraTopPadding {
    padding-top:30px;
}

iframe {
    border:none;
}

@media (min-width: 1367px) and (max-width: 1480px) {
    .TwoColumnBGImgLeft.Black p {
        padding: 0px 25% 0px 0px;
    }

    .Testimonials.interior .item {
        padding: 80px 0px 40px 0px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {

    .HomeBanner h1 {
        font-size: 80px;
        line-height: 70px;
        margin-top: 80px;
    }

    .Testimonials .item.smallPadding {
        padding: 60px 0px 90px 0px;
    }

    .TwoColumnImgLeft h1, .Black h1 {
        font-size: 50px;
        line-height: 55px;
    }

    .AccordionContent h2 {
        font-size: 90px;
        line-height: 86px;
        margin-top: -90px;
        margin-left: 5%;
    }

    .Purple h2 .xxxLarge {
        font-size: 145px;
    }

    .Purple h2 .xxLarge {
        font-size: 120px;
    }

    .Purple h2, .Purple h2 .xLarge {
        font-size: 93px;
        line-height: 1.05em;
    }

    .form-wrapper h2 {
        font-size: 7em;
    }

        .TwoColumnBGImgLeft.Black p {
            padding: 0px 15% 0px 0px;
            color: #fff;
        }

    .purleInsetText2 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .Black2 h2 {
        font-size: 60px;
        color: #FFFFFF;
        line-height: 70px;
    }


    .Black .col-sm-6 h5 {
        margin: 0px 0px 30px 0px;
    }

    .HomeBanner .callout-button {
        margin: 40px auto 0px auto;
    }

    .Testimonials .item .container::after {
        left: 10px;
    }

    .Testimonials.interior .carousel-indicators {
        bottom: 150px;
    }

    .Testimonials.interior .item.BigPadding {
        padding: 40px 0px 280px 0px;
    }

        .Testimonials .item {       
        padding: 60px 0px 260px 0px;
    }

    .Testimonials .carousel-indicators {
        bottom: 130px;
    }

    .Purple h2 {      
        font-size: 90px;
        line-height: 92px;
    }

    .TwoColumn.Black h2 {
        font-size: 140px;
        line-height: 110px;
    }

    .TwoColumn.Black .extraTopPadding {
        margin-top:40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .HomeBanner h1 {
        font-size: 80px;
        line-height: 70px;
        margin-top: 80px;
    }

    .form-wrapper {
        border-top: solid 145px #472372;
    }

    
        .Testimonials .item.smallPadding {
        padding: 60px 0px 80px 0px;
    }


    .Black2 h2 {
        font-size: 50px;
        color: #FFFFFF;
        line-height: 60px;
    }

    .TwoColumn.Black h2 {
        font-size: 90px;
        line-height: 90px;
    }

    .TwoColumnImgLeft h1, .Black h1 {
        font-size: 42px;
        line-height: 44px;
    }

    .TwoColumnImgLeft h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .AccordionContent h2 {
        font-size: 70px;
        line-height: 66px;
        margin-top: -70px;
        margin-left: 4%;
        padding-bottom: 40px
    }

    .Purple h3 {
        font-size: 40px;
    }

    .Testimonials.interior .item {
        padding: 75px 40px 0px 40px
    }

    .Purple h2 .xxxLarge {
        font-size: 115px;
    }

    .Purple h2 .xxLarge {
        font-size: 95px;
    }

    .Purple h2, .Purple h2 .xLarge {
        font-size: 71px;
        line-height: 1.1em;
    }

    .Purple h2 {
        font-size: 80px !important;
        line-height: 90px !important;
    }

    .form-wrapper h2 {
        font-size: 6em;
    }

    .lightPurple h3 {
        font-size: 50px;
    }

        .TwoColumnBGImgLeft.Black p {
        padding: 0px 15% 0px 0px;
        color: #fff;
    }

    .purleInsetText2 {
        padding-top: 70px;
        padding-bottom: 70px;
    }



    .Black .col-sm-6 h5 {
        margin: 0px 0px 30px 0px;
    }

    .HomeBanner .callout-button {
        margin: 40px auto 0px auto;
    }

    .Testimonials .item .container::after {
        left: 0px;
    }

    .Testimonials.interior .carousel-indicators {
        bottom: 120px;
    }

    .Testimonials.interior .item.BigPadding {
        padding: 40px 40px 240px 40px;
    }

    .Testimonials .item {
        padding: 80px 0px 240px 0px;
    }

    .Testimonials .carousel-indicators {
        bottom: 120px;
    }

    .TwoColumn.Black h2 {
        font-size: 140px;
        line-height: 100px;
    }

    .TwoColumnBGImgLeft img {
        margin-left: -55px;
    }

    .Purple h2 {
        font-size: 75px;
        line-height: 76px;
    }

    .TwoColumn.Black h2 {
        font-size: 140px;
        line-height: 110px;
    }

    .TwoColumn.Black .extraTopPadding {
        margin-top: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .HomeBanner h1 {
        font-size: 80px;
        line-height: 70px;
        margin-top: 80px;
    }

    .Testimonials .item.smallPadding {
        padding: 20px 0px 60px 0px;
    }

    .TwoColumn.Black h2 {
        font-size: 90px;
        line-height: 90px;
    }

    .form-wrapper {
        border-top: solid 145px #472372;
    }

    .TwoColumnImgLeft h1, .Black h1 {
        font-size: 42px;
        line-height: 44px;
    }

    .TwoColumnImgLeft h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .AccordionContent h2 {
        font-size: 60px;
        line-height: 56px;
        margin-top: -50px;
        margin-left: 4%;
        padding-bottom: 40px
    }

    .TwoColumn.Black h2.smallerH2 {
        font-size: 70px;
        line-height: 60px;

    }

    .TwoColumnBGImgLeft.Black h2 {
        font-size: 55px;
        line-height: 50px;
    }

    .Purple h3 {
        font-size: 30px;
        margin: 0px 0px 0px 0px;
    }

    .Testimonials.interior .item {
        padding: 75px 40px 0px 40px
    }

    .Purple h2 {
        font-size: 70px !important;
        line-height: 80px !important;
    }


    .Black2 h2 {
        font-weight: 900;
        font-variant: small-caps;
        font-size: 50px;
        color: #FFFFFF;
        line-height: 60px;
        text-transform: uppercase;
        margin-top: 0px;
        text-align: center;
    }

    .Purple h2 .xxxLarge {
        font-size: 90px;
        line-height: 80px;
    }

    .Purple h2 .xxLarge {
        font-size: 60px;
        line-height: 1em;
        margin-bottom: 60px;
    }

    .Purple h2, .Purple h2 .xLarge {
        font-size: 55px;
        line-height: 1.1em;
    }



    .form-wrapper h2 {
        font-size: 5em;
    }

    .lightPurple h3 {
        font-size: 36px;
        line-height: 40px;
    }

    .TwoColumn.Black h2 {
        font-size: 70px;
        line-height: 80px;
    }

    .TwoColumn.Black h3 {
        font-size: 60px;
        line-height: 55px;
    }

        .lightPurple h2 {
        font-size: 55px;
    }

        .TwoColumnBGImgLeft.Black p {
        padding: 0px 15% 0px 0px;
        color: #fff;
    }

    .TwoColumnBGImgLeft.Black h2 span {
        font-size: 50px;
        line-height: 50px;
    }

    .purleInsetText h3, .SocialAggregator h2 {
        font-size: 40px;
        line-height: 40px;
    }

        .purleInsetText2 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .TwoColumn.Black h2 {
        font-size: 40px!important;
        line-height: 0.95em;
        text-align: left;
    }

    .purleInsetText {
        margin-top: 40px;
    }

    .Black .col-sm-6 h5 {
        margin: 0px 0px 30px 0px;
    }

    .HomeBanner .callout-button {
        margin: 40px auto 0px auto;
    }

    .Testimonials .item .container::after {
        left: 0px;
    }

    .Purple h2.H2Lift {
        margin-top: -120px;
        padding-bottom: 40px;
    }

    .Testimonials.interior .carousel-indicators {
        bottom: 90px;
    }

    .Black h3 {
line-height:45px;
        font-size: 45px;
    }

    .Testimonials.interior .item.BigPadding {
        padding: 40px 40px 240px 40px;
    }

    .Testimonials .item {
        padding: 60px 0px 200px 0px;
    }

    .Testimonials .carousel-indicators {
        bottom: 90px;
    }


    .TwoColumnBGImgLeft img {
        margin-left: -55px;
    }

    .Purple h2 {
        font-size: 65px;
        line-height: 46px;
    }

    .TwoColumn.Black .extraTopPadding {
        margin-top: 40px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .HomeBanner {
        height: 90vh;
        height: 90svh;
        padding: 0px 20px;
        width: 100%;
    }

    .tcifImg {
        float: none !important;
        margin: 0px auto 15px auto !important;
        display: table;
        margin-left: inherit !important;
        width: 50%;
    }

    iframe {
        height:200px!important;
    }

    .homeBannerWrapper {
        background-size: contain;
    }
  
        .HomeBanner h1 {
            font-size: 36px;
            line-height: 36px;
            margin-top: 10px;
        }

    .Testimonials .item.smallPadding {
        padding: 30px 0px 20px 0px;
    }

    .TwoColumnImgLeft h1, .Black h1, .Purple h2 .xLarge, .Purple h2 .xxLarge {
        font-size: 32px;
        line-height: 36px;
        margin-top: 0px;
    }

    .Black h1 {
        padding: 0px 5% 20px 5%;
    }

        .Purple h2 .xxLarge {
        margin-bottom: 25px;
    }

        .Purple h2 span {
        line-height: 42px;
        float: none;
    }

    .Purple h2.H2Lift {
        margin-top: 0px;
        padding-bottom: 10px;
    }

    #cms-content_44 img, #cms-content_47 img, #cms-content_67 img {
        margin-bottom: 20px;
    }

    .Purple h3, .AccordionContent h2 {
        font-size: 32px;
        line-height: 1.1em;
    }

    .AccordionContent h2 {
        margin-top: 40px;
        margin-left: 20px;
        padding-bottom: 10px;
    }

    .Testimonials.interior .item.BigPadding {
        padding: 40px 0px 60px 0px;
    }

    .lightPurple h3, .Black h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0px 0px 5px 0px;
    }

    .lightPurple h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .TwoColumn.Black h3, .Purple h2 .xxxLarge {
        font-size: 40px;
        line-height: 40px;
    }

    .TwoColumn.Black h2 {
        font-size: 60px;
        line-height: 60px;
    }


    .FullWidth.Black .callout-button {
        margin: 40px auto 0px auto;
    }

        .TwoColumnImgLeft img {
        max-width: 100%;
        float: none;
        margin-left: -15px;
    }

    .TwoColumn .col-sm-6, .TwoColumnImgLeft .col-sm-6 {
        padding: 0px;
    }

    .purleInsetText2 {
        margin-top: 0px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .Testimonials.interior .carousel-indicators {
        bottom: 30px;
    }

        .TwoColumn.Purple p {
        padding-right: 0px;
        color: #ffffff;
        text-align: center;
    }

    .TwoColumn.Black p {
        text-align: left;
        padding-right: 0px
    }

    .TwoColumn.Purple p {
        text-align: left;
    }

    .Testimonials .item .container::after {
        position: absolute;
        top: -60px;
        left: 20px;
        font-size: 12rem;
        font-weight: 900;
    }

    .Testimonials .item {
        padding: 20px 10px 70px 10px;
        text-align: left;
    }

    .Testimonials .carousel-indicators {
        bottom: 15px;
    }

    .leftQuote {
        margin-bottom:30px;
        display:table;
    }

    .carousel-indicators .active, .carousel-indicators li {
        margin: 0 5px;
    }

    .Purple h2 {
        font-size: 32px !important;
        line-height: 42px !important;
        margin-top: 0px !important;
    }

    footer .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0px;
    }

        footer .dropdown-menu > li > a {
            display: block;
            padding: 3px;
            text-align: center;
        }
        .Black2 h2 {
      
        font-size: 26px;
        line-height: 34px;
    }

    .pExtraTopPadding {
        padding-top: 20px;
    }

    .TwoColumn.Black .callout-button {
        margin: 30px auto;
    }

    .TwoColumn.Black h2.smallerH2 {
        font-size: 40px;
        line-height: 40px;
    }

    .TwoColumn.Black .extraTopPadding {
        margin-top: 0px;
    }

    .TwoColumnBGImgLeft.Black h2 {
        font-size: 40px;
        line-height: 40px;
    }

        .TwoColumnBGImgLeft.Black h2 span {
            font-size: 40px;
            line-height: 40px;
            float: none;
        }

    .TwoColumnBGImgLeft {
        display: table;
        margin-top: -40px;
        margin-bottom: -100px;
    }

        .TwoColumnBGImgLeft img {
            margin-left: 0;
        }

        .TwoColumnBGImgLeft.Black p {
            padding: 5px 0px 0px 5px;
            margin-bottom: 0px;
        }

    .purleInsetText {
        margin-top: 60px;
        margin-bottom: 0px;
        padding-top: 35px;
        padding-bottom: 100px;
        padding-left: 5px;
    }

    

        .purleInsetText h3, .SocialAggregator h2 {
            font-size: 40px;
            line-height: 40px;
            text-align: left;
        }

    .TwoColumn.Purple .col-sm-6 {
        padding: 0px 0px 20px 0px;
    }

    .ClientLogos h2 {
        font-size: 36px;
        line-height: 36px;
        margin: 20px 0px 25px 0px;
    }

    .Purple h3 {
        font-size: 25px;
        line-height: 33px;
        margin: 20px 0px 5px 0px;
    }

    .Testimonials.interior .item {
        padding: 70px 0px 50px 0px;
    }

        .quoteCol-sm-6 {
        margin-top: 40px;
    }

        .quoteCol-sm-6 h4 {
            padding: 40px 20px 20px 30px !important;
            line-height: 1.3em;
        }

        .quoteCol-sm-6 .col-sm-8 h5, .quoteCol-sm-6 .col-sm-4 img {
            text-align: center;
            margin: auto;
            display: table;
        }

    .owl-carousel .owl-item {
        float: none;
    }

        .owl-carousel .owl-item img {
            width: 75%;
        }

    .form-wrapper {
        border-top: none;
    }

        .form-wrapper .container {
            margin-top: 0px;
            padding: 30px 30px 50px 30px;
        }

        .form-wrapper h2 {
            font-size: 40px;
        }

        .form-wrapper h4 {
            margin: 20px 0px;
        }

    .form-wrapper {
        margin-bottom: 0px;
    }

    .ecopilot {
        text-align: center;
        padding: 0px;
    }

    .TwoColumn.lightPurple {
        background-size: cover;
    }

    .footer-social-icons {
        float: none;
        text-decoration: none;
        text-align: center;
        margin-top: -180px;
    }

    .copywrite {
        padding-top:40px;

    }

    .BottomRow .col-sm-9 {
        padding-bottom: 20px;
    }

    .input input[name="company"] {
        width: 95% !important;
    }

    a.TopNavCTAlink, a.TopNavCTAlink:hover {
        display: inline-block !important;
        float: none;
        margin: 20px auto 0px auto;
        line-height: 28px !important;
        padding: 10px 24px !important;
        background: #472372 !important;
        color: #fff !important;
    }
}

@media (min-width: 767px) {
    .headerSmall.navbar-inverse {
        background-color: rgb(0,0,0);
        opacity: 0.95;
    }
}

