html, body, p, p a, li > a, .L1, blockquote cite, form input, form .mktoErrorMsg, section.mod-annotated-image a, .mod-special-label select, .mod-featured section ul li p.title a, .mod-tabbed-content nav[role="tabbed-nav"] li[data-subtitle]:after, #landing .hero-promo, body #ya-site-results {
    font-family: 'Open Sans','Helvetica-Neue',Helvetica,sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.6em
}

.bg-white-smoke {
    background-color: #f9f9f9;
}

.bg-gray-smoke {
    background-color: #c7c7c7;
}

.pte-3 {
    padding-top: 3em
}

.pbe-3 {
    padding-bottom: 3em
}

h2 {
    font-size: 40px;
    line-height: 1.4em
}

h1, h2, h3, h4, h5, h6, #why_intermedia .mod-pillars .pillar h3 {
    font-family: 'DINOTRegular','Helvetica-Neue',Helvetica,sans-serif;
    font-weight: normal
}

.center{
    width: auto;
    max-width: 1080px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.t-center {
    text-align: center;
}

.mte-5 {
    margin-top: 5em
}

.row-3{
    overflow: hidden;
}

.row-3 .row {
    width: 31%;
}

#why_intermedia .validation .row {
    background-color: #efefef;
    margin-bottom: 2%;
    padding: 20px;
    height: 300px
}

.row-4 .row, .row-3 .row, .row-2 .row, .row-5 .row, .row-6 .row {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2%
}

@media only screen and (max-width:960px) {
    #why_intermedia .validation .row {
        height: 400px
    }
}

@media only screen and (max-width:800px) {
    #why_intermedia .validation .row {
        height: auto
    }
}

h1, h2, h3, h4, h5, h6, p, blockquote p, blockquote cite, form input, form .mktoErrorMsg, .mod-accordian > ul > li a, .table-video .col-2 h3, #slideout .form-container footer, .mod-tabbed-content nav[role="tabbed-nav"] li, .mod-tabbed-content nav[role="tabbed-nav"] li[data-subtitle]:after, #landing .hero-promo, .p-header .center .hero-headline h1, body #ya-site-results, body #ya-site-results .b-serp-item__title, #why_intermedia .mod-pillars .pillar h3 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    
    margin-bottom: 1em;
}

h5, .h5, .mod-accordian > ul > li a, .mod-tabbed-content nav[role="tabbed-nav"] li {
    font-size: 20px;
    line-height: 1.4em;
}

    .rollover-block-img {
        text-align: center
    }

    #why_intermedia .validation .row .rollover-block-img img {
        max-width: 220px;
            display: unset;
    }

    #why_intermedia .validation .row .rollover-block-img h5 {
        font-family: 'DINOTMedium','Helvetica-Neue',Helvetica,sans-serif;
        color: #505050
    }

#why_intermedia .validation .row .rollover-block-overlay {
    color: #fff;
    background-color: #8c8c8c;
    padding: 10px
}

#why_intermedia .body-block .at-a-glance {
    margin-top: 3em;
}

#why_intermedia .validation .row .rollover-block-overlay h5 {
    margin: 10px;
    text-align: center;
}

#why_intermedia .validation .row .rollover-block-overlay p {
    font-size: 15px;
    text-align: justify;
}

#why_intermedia .validation .row .rollover-block-overlay pclass {
    font-size: 18px;
    text-align: center;
}


.rollover-block-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}

    .rollover-block-wrapper .rollover-block-img {
        display: block;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

.row-4, .row-3, .row-2, .row-5, .row-6 {
    overflow: hidden
}
    .rollover-block-wrapper .rollover-block-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 10px 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 0.35s ease-out;
        transition: -webkit-transform 0.35s ease-out;
        transition: transform 0.35s ease-out
    }

        .rollover-block-wrapper .rollover-block-overlay .rollover-sticky {
            padding: 10px;
            text-align: center;
            -webkit-transform: translateY(calc(-100% - 10px));
            transform: translateY(calc(-100% - 10px));
            -ms-transform: translateY(calc(-100% - 10px));
            -webkit-transition: -webkit-transform 0.35s ease-out;
            transition: -webkit-transform 0.35s ease-out;
            transition: transform 0.35s ease-out;
            -ms-transition: transform 0.35s ease-out;
            -moz-transition: background-color 0.1s ease
        }

        .rollover-block-wrapper .rollover-block-overlay .rollover-slide {
            padding: 0 10px
        }

    .rollover-block-wrapper:hover .rollover-block-overlay {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

        .rollover-block-wrapper:hover .rollover-block-overlay .rollover-sticky {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

@media only screen and (max-width:1210px) {
    .center{
        *zoom: 1;
        width: auto;
        max-width: 1080px;
        float: none;
        display: block;
        margin-right: auto;
        margin-left: auto;
        padding-left: 30px;
        padding-right: 30px
    }

        .center:before{
            content: '';
            display: table
        }

        .center:after{
            clear: both
        }
}

@media only screen and (max-width:800px) {
    h1, .h1, .p-header .center .hero-headline h1 {
        font-size: 40px
    }

    h2, .h2, .p-header .center .hero-headline h1 {
        font-size: 32px
    }

    h3, .h3, blockquote p {
        font-size: 24px
    }

    h4, .h4, .table-video .col-2 h3, #slideout .form-container footer, #why_intermedia .mod-pillars .pillar h3 {
        font-size: 22px
    }
}
@media only screen and (max-width:800px) {
    #why_intermedia .validation .row {
        height: auto ;
        float: inherit;
        width: auto;
    }
}

@font-face {
    font-family: 'DINOTCondensedMedium';
    src: url(/assets/fonts/dinot-condmedium-webfont.eot);
    src: url(/assets/fonts/dinot-condmedium-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/dinot-condmedium-webfont.woff) format('woff'),url(/assets/fonts/dinot-condmedium-webfont.ttf) format('truetype'),url(/assets/fonts/dinot-condmedium-webfont.svg#DINOTCondensedMedium) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINOTRegular';
    src: url(/assets/fonts/dinot-webfont.eot);
    src: url(/assets/fonts/dinot-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/dinot-webfont.woff) format('woff'),url(/assets/fonts/dinot-webfont.ttf) format('truetype'),url(/assets/fonts/dinot-webfont.svg#DINOTRegular) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINOTMedium';
    src: url(/assets/fonts/dinot-medium-webfont.eot);
    src: url(/assets/fonts/dinot-medium-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/dinot-medium-webfont.woff) format('woff'),url(/assets/fonts/dinot-medium-webfont.ttf) format('truetype'),url(/assets/fonts/dinot-medium-webfont.svg#DINOTMedium) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINOTBold';
    src: url(/assets/fonts/dinot-bold-webfont.eot);
    src: url(/assets/fonts/dinot-bold-webfont.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/dinot-bold-webfont.woff) format('woff'),url(/assets/fonts/dinot-bold-webfont.ttf) format('truetype'),url(/assets/fonts/dinot-bold-webfont.svg#) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DINOTBlack';
    src: url(/assets/fonts/dinot-black.otf);
    font-weight: normal;
    font-style: normal
}