.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    height: 0;
}

.rowMargin {
    margin-right: 0px;
    margin-left: 0px;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

h1.numbers {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    color: #3e3e3e;
}

i.aibuy-icon.aibuy-fullscreen {
    display: none;
}


.coverage li {
    list-style-position: outside;
    list-style-image: url(/img/disc.png);
    padding-left: 7px;
    margin-bottom: 7px;
}

.sectionCenter {
    text-align: center;
    margin-bottom: 35px;
    color: #3e3e3e;
}

.biline {
    font-family: 'Open Sans', sans-serif;
    font-size: .7rem;
    letter-spacing: .3rem;
    text-transform: uppercase;
    color: #3e3e3e;
    text-align: center;
}

.center {
    width: 100%;
    margin: inherit;
    text-align: left;
    }

.numberBlurb {
    font-family: 'Open Sans', sans-serif;
    font-size: .8rem;
    color: #3e3e3e;
    margin-top: 10px;
    text-align: center;
}

.aiTech {
    padding-right: 0px !important;
    margin-top: 20px;
}

.ctaLink a {
    margin: 20px 0px !important;
    text-decoration: underline;
}

.ctaLinkCp a {

    margin: 20px 0px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .8rem;
}

.outer {
    width: 1px;
    height: 101%;
    margin: -2px auto;
    position: relative;
    overflow: hidden;
}

.inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #979797;
}

.priorityDate {
    width: auto;
    height: 20px;
    margin-bottom: 10px;
    margin-left: -10px;
    font-size: .7rem;
    line-height: 20px;
    color: #343434;
    /*    margin-left: -70px;*/
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f2f2f2', GradientType=1);
    /* IE6-9 */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

}

.right {
    text-align: right;
}

.adjCh {
    margin-left: 0px;
}

.lineOut {
    width: 100%;
    height: 20px;
    background-color: #ffffff;
}

.lineIn {
    width: 100%;
    height: 1px;
    margin-top: 9px;
    background-color: #979797;
}

.dotOuter {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #979797;
    border-radius: 20px;
    margin: auto 22%;
}

.dotInner {
    width: 12px;
    height: 12px;
    background-color: #7ED321;
    border-radius: 12px;
    margin: 3px auto;
}


.functionalityList {
    margin-left: 0px;
}

.functionalityListRight {
    margin-right: 0px;
    text-align: right;
    float: right;
}

.indicator {
    height: 9px;
    width: 9px;
    float: right;
    background-color:#7ED321;
    border-radius: 11px;
    margin: -2px 0px 0px -2px;
    }
    

    
.newPill {
    width: 60px;
    max-width: 70px;
    height: 10px;
    padding: 10px;
    float: right;
    margin-right: 20px;
    font-size: 11px;
    font-weight: 400;
    line-height: 0px;
    font-family: inherit;
    text-align:center;
    color: #ffffff;
     border-radius: 21px;
    background-color: #7ED321;
    }

/*Icons and imagery*/

/*functionality icons*/
.linkOut,
.analytics,
.leadgen,
.overlay,
.ecomm,
.cphs,
.exportedCart,
.hotspots,
.share,
.linkedSSO,
.ai {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 45%;

}

.linkOut {
    background-image: url(../img/icons/link-out.png);
}

.analytics {
    background-image: url(../img/icons/analytics.png);
}

.leadgen {
    background-image: url(../img/icons/leadgen.png);
}

.overlay {
    background-image: url(../img/icons/overlay.png);
}

.ecomm {
    background-image: url(../img/icons/ecommerce.png);
}

.cphs {
    background-image: url(../img/icons/cuepoints-hotspots.png);
}

.exportedCart {
    background-image: url(../img/icons/linkout-cart.png);
}

.hotspots {
    background-image: url(../img/icons/hotspots.png);
}

.linkedSSO {
    background-image: url(../img/icons/linked-sso.png);
}

.share {
    background-image: url(../img/icons/sharing.png);
}

.ai {
    background-image: url(../img/icons/ai.png);
}

/*officers*/
.eugene {
    background-image: url(../img/eugene.png);
}

.jim {
    background-image: url(../img/jim.png);
}

.ryan {
    background-image: url(../img/ryan.png);
}

.profile {
    background-image: url(../img/profile.png);
}

.imgHist,
.imgOfficer,
.imgHistRt {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.imgNews {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 200px;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    }
    
.bumpDown {
    margin-top: 100px;
    }

/*company history*/
.imgHist {
    float: left;


}

.imgOfficer {
    margin: auto;
}

.imgHistRt {
    float: right;
}

.coHist {
    max-width: 90% !important;
    margin: auto !important;
}

.bumpUp {
    margin-top: -10%;
}

.smSection {
    padding: 100px 0px 0px 0px;
}

.utilBar{
    background-color: #f1f1f1;
    }





.ip,
.ecommCh,
.social,
.sxsw,
.mick,
.jeunesse,
.live,
.api,
.melisCase,
.sxswCase,
.eugene,
.jim,
.ryan,
.profile
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}


.ip {
    background-image: url(../img/history/ip-2011.png);
}

.ecommCh {
    background-image: url(../img/history/ecomm-2012.png);
}

.social {
    background-image: url(../img/history/social-2012.png);
}

.sxsw {
    background-image: url(../img/history/sxsw-2013.png);
}



.mick {
    background-image: url(../img/history/mick-2014.png);
}

.jeunesse {
    background-image: url(../img/history/juenesse-2015.png);
}

.live {
    background-image: url(../img/history/live-2016.png);
}

.api {
    background-image: url(../img/history/api-2017.png);
}

/*end company history*/
/*news*/

   

.herschel {
    background-image: url(../img/company/herschel.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*endnews*/

/*development icons*/

.gear,
.print,
.brackets,
.wrench,
.locale,
.work,
.square,
.long {
    width: 100px;
    height: 100px;
    margin-bottom:20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    overflow: auto !important;
}

.gear {
    background-image: url(../img/icons/gear.png);
}

.print {
    background-image: url(../img/icons/print.png);
}

.brackets {
    background-image: url(../img/icons/brackets.png);
    background-size: 50%;
}

.wrench {
    background-image: url(../img/icons/wrench.png);
}

.locale {
    background-image: url(../img/icons/locale.png);
}

.work {
    background-image: url(../img/icons/work.png);
}

.sxswCase {
    background-image: url(../img/company/sxsw-case.png);
}

.melisCase {
    background-image: url(../img/company/melis-case.png);
}

.square {
    background-image: url(../img/clients/square.png);
    background-size: contain;
}

.long {
    background-image: url(../img/clients/rectangle.png);
    background-size: contain;
}

/*end icons and imagery*/

.companyP {
    margin-top: 25px;
    max-width: 93%;
    text-align: justify;
}

.devResources {
    max-width: 65%;
    margin: auto;
    line-height: 1.4rem
}

.sub-nav {
    color: #343434;
    text-transform: uppercase;
}

.topSm a:link {
    display: none;

}

.topLg a:link,
.top a:link {
    font-size: 13px;
}

.btnContact {
    background-color: #7ED321;
    color: #ffffff;
}

.smCite a:link {
    font-size: 12px;
}


/*modal*/

#portfolio * {
    z-index: 2;
}

@media (min-width: 767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.portfolio-modal {
    padding-right: 0px !important;
}

.portfolio-modal .modal-dialog {
    margin: 1rem;
    max-width: 100vw;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    text-align: left;
}

.portfolio-modal .modal-content h2 {
    font-size: 3em;
    margin-bottom: 15px;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    font-size: inherit;
    font-style: italic;
    margin: 20px 0 30px;
    font-family: inherit;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content button {
    cursor: pointer;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color: transparent;
}

.portfolio-modal .close-modal:hover {
    opacity: 0.3;
}

.portfolio-modal .close-modal .lr {
    /* Safari and Chrome */
    z-index: 1051;
    width: 1px;
    height: 55px;
    margin-left: 35px;
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #212529;
}

.portfolio-modal .close-modal .lr .rl {
    /* Safari and Chrome */
    z-index: 1052;
    width: 1px;
    height: 55px;
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #212529;
}

.odd {
    background-color: #eee;
    padding: 10px;
    border-radius: 3px;
}

.even {
    padding: 10px;
}

/*end modal*/



@media (max-width:992px) {
    .dotOuter {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border: 1px solid #979797;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin: auto 7%;
    }

    .dotInner {
        width: 12px;
        height: 12px;
        background-color: #7ED321;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        margin: 3px auto;
    }

    .coHist {
        max-width: 100% !important;
        margin: 1px !important;
    }

    .devResources {
        max-width: 85%;
        margin: auto;
        line-height: 1.4rem
    }

    .navBarSm {
        padding: 10px 0px;
    }

    .topSm a:link {
        display: none;

    }

    .top a:link,
    .topLg a:any-link {
        font-size: 12px;
    }

    .addyTx {
        text-align: left;
    }
    

}

@media (max-width:768px) {
    .whiteGlass {
        background-color: rgba(255, 255, 255, .4);
        padding: 50px 10px 60px 12px;
        margin-top: -37px;
        margin-bottom: -100px;
        box-shadow: none;
    }


    .dotOuter {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border: 1px solid #979797;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin: auto 21%;
    }

    .dotInner {
        width: 12px;
        height: 12px;
        background-color: #7ED321;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        margin: 3px auto;
    }

    .companyP {
        margin-top: 8px;
        text-align: left;
        width: 100%;
    }

    .navBarSm {
        padding: 10px 0px;

    }
    

    .navBarSm a:link {
        font-size: 13px !important;
    }

    /* #mainNav .navbar-nav > li > a.active:after {
        content: "";
        display: block;
        margin: 0 auto;
        width: 100%;
        padding-top: 0px;
        border-bottom: 0px solid #7ED321;
    }
    
    #mainNav .navbar-nav > li > a.active {
        color: #343434 !important;
        font-weight: 600;
        height: unset;
        background-color: transparent;
    } */

    .addyTx {
        text-align: center;
    }
    
    


}

@media (max-width:767px) {

    .h5,
    h5 {
        font-size: 1rem;
    }

    header.masthead .header-content h1 {
        font-size: 1.99rem;
    }

    header.masthead {
        position: relative;
        width: 100%;
        padding-top: 100px;
        padding-bottom: 100px;
        color: white;
        background: url(../img/mass-header-bg.jpg);
        background-repeat: repeat;
        background-size: 100%;
        overflow: hidden;
    }

    .whiteGlass {
        background-color: rgba(255, 255, 255, .4);
        padding: 40px 10px;
        margin-top: -34px;
        box-shadow: none;
    }

    .learnMore {
        display: none;
    }

    .alt {
        padding: 50px 5px;
        overflow: hidden;
    }

    .pad-left {
        padding-left: 20px;
    }

    .navBarSm {
        font-size: 12px !important;
        background-color: #eeeeee;
    }

    .bumpUpPlus {
        margin-top: -45%;
    }

    .topSm a:link {
        display: block !important;
        font-size: 12px;
    }

    .topLg {
        display: none;
    }

    .addyTx {
        text-align: center;
    }

    .rowFix {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .center {
    width:90%;
    margin:auto;
    float:none;
    text-align:center;
    }
}