body, html {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans',sans-serif;
    color: #272727;
    font-size: 20px;
    line-height: 32px
}

p {
    margin-bottom: 25px;
    font-weight: 300
}

ol, ul {
    font-weight: 300
}

b, strong {
    font-weight: 600
}

.full-width-column {
    margin-left: -15px;
    margin-right: -15px
}

a, a:focus, a:hover {
    color: #272727
}

    a.white, a.white:focus, a.white:hover {
        color: #fff
    }

    a.blue, a.blue:focus, a.blue:hover {
        color: #01b5e2
    }

h1 {
    font-size: 48px;
    line-height: 48px
}

h2 {
    font-size: 48px;
    font-weight: 700
}

h3 {
    font-size: 28px;
    line-height: 41px
}

.blue {
    color: #01b5e2
}

.lead-block {
    margin: 80px 0
}

    .lead-block h2 {
        font-size: 48px;
        line-height: 67px;
        font-weight: 600
    }

    .lead-block p {
        font-size: 20px;
        line-height: 36px
    }

.call-to-action-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.call-to-action-image-header {
    height: 104px;
    padding-left: 30px !important;
    padding-right: 30px !important
}

.call-to-action-image-description {
    height: 64px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    display: inline-table
}

.callToAction {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    padding: 95px 0 80px
}

    .callToAction h2 {
        margin-bottom: 10px
    }

    .callToAction .btn {
        margin-top: 20px
    }

.callToActionImage {
    color: #fff;
    padding: 55px 0 80px;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

    .callToActionImage > .row {
        margin: 0
    }

    .callToActionImage .btn {
        margin-top: 120px
    }

.smallCallToAction {
    text-align: center;
    margin: 50px 0
}

    .smallCallToAction .title {
        font-size: 24px;
        text-decoration: underline
    }

    .smallCallToAction .small {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400
    }

    .smallCallToAction .btn {
        margin-top: 120px
    }

.caseStudiesblock {
    text-align: center;
    margin: 50px 0
}


.LeftBorderLine {
    border-left: solid;
    border-width: 0.2rem;
    padding: 0 1.2rem;
    text-align: left;
    border-color: #01b5e2;
}

.boldlt {
    font-weight: 600;
    border-left: solid;
    border-color: #01b5e2;
    padding: 0 0.4rem;
    border-width: 0.2rem;
}

.blueLeadCallToAction {
    text-align: center;
    padding: 80px 0
}



    .blueLeadCallToAction h2 {
        font-weight: 600;
        color: #01b5e2;
        font-size: 48px;
        margin-bottom: 50px;
        line-height: 67px
    }

.text-block {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center
}

.text-block-medium {
    font-size: 20px;
    line-height: 32px
}

.clickable-column {
    padding: 0;
    transition: background-color ease-out .5s;
    background-color: #01b5e2;
    font-size: 24px;
    line-height: 32px
}

    .clickable-column h2 {
        margin-bottom: 95px
    }

    .clickable-column a {
        text-decoration: none;
        color: #fff
    }

    .clickable-column:hover {
        background-color: #eee
    }

        .clickable-column:hover a {
            color: #01b5e2
        }

    .clickable-column .inside {
        margin: 0
    }

        .clickable-column .inside .inside-full-height {
            height: 100%;
            margin-top: 0;
            margin-bottom: 0
        }

        .clickable-column .inside .content {
            padding: 50px;
            text-align: center
        }

.row-height {
    margin: 0 auto;
    display: table
}

.hover-column {
    padding: 0;
    transition: background-color ease-out .5s;
    background-color: #eee;
    font-size: 24px;
    line-height: 32px;
    width: 260px;
    height: 260px;
    margin: 10px;
    position: relative
}

    .hover-column h2 {
        margin-bottom: 95px
    }

    .hover-column a {
        text-decoration: none;
        color: #fff
    }

    .hover-column:hover {
        background-color: #01b5e2
    }

        .hover-column:hover a {
            color: #01b5e2
        }

    .hover-column .content-main {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        padding: 0 20px
    }

        .hover-column .content-main p {
            margin-bottom: 0
        }

    .hover-column .content-hover {
        display: none;
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        padding: 0 25px
    }

        .hover-column .content-hover p {
            margin-bottom: 0
        }

.submit-loading {
    width: 40px;
    position: relative;
    right: 170px;
    top: 63px;
}

/*.whitepaper .btn.btn-blue {
    padding: 20px 77px !important;
}*/

.whitepaper .submit-loading {
    width: 40px;
    position: relative;
    top: 60px;
    left: -139px !important;
}

/** tablet **/

@media(min-width:992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%
    }
	
	.home-jumbotron .jumbotron p {
    margin-left: 0px;
    font-size: 21px;
    font-weight: 200;
    padding: 20px 0px;
    display: inline-block;
    width: auto;
}
	
	
}

@media(min-width:1400px) {
    .col-md-height-hover {
        display: table-cell;
        height: 100%
    }
}

@media(max-width:1399px) {
    .row-height {
        width: 100%
    }

    .col-md-height-hover {
        width: 100%
    }

    .hover-column {
        width: 100%;
        margin: 10px 0;
        height: 100px
    }
}

@media(max-width:785px) {
    .hover-column {
        height: 200px
    }
}

footer {
    padding-top: 25px
}

    footer a, footer a:hover, footer a:focus {
        color: #fff
    }

    footer .info {
        padding: 25px
    }

        footer .info .menu-block {
            text-align: left
        }

    footer ul {
        list-style-type: none;
        padding: 0
    }

.subfooter {
    font-size: 16px
}

footer #gmap {
    width: 100%;
    height: 290px
}

.news-post .nav, .insights-post .nav {
    font-size: 16px;
    margin: 20px 0;
    text-align: right;
    color: #01b5e2;
    font-weight: 600
}

.insights-post p, .insights-post ul {
    font-weight: 300
}

    .news-post p a, .insights-post p a {
        text-decoration: none;
        cursor: pointer;
        border-bottom: 1px solid #01b5e2;
        color: #01b5e2
    }

article h1 {
    margin: 0 0 80px;
    line-height: 60px
}

article .date {
    color: #4f4f4f;
    font-weight: 600
}

.news-listing h2 {
    font-weight: normal;
    margin-bottom: 110px
}

.news-listing .item {
    margin-bottom: 80px;
    text-align: left
}

    .news-listing .item h3 {
        font-weight: 400;
        margin-top: 0;
        color: #01b5e2
    }

    .news-listing .item h2 a:hover {
        text-decoration: none
    }

    .news-listing .item .date {
        font-size: 16px;
        color: #000;
        text-transform: uppercase
    }

    .news-listing .item .excerpt {
        font-size: 18px;
        line-height: 30px;
        font-weight: 300
    }

    .news-listing .item hr {
        height: 2px;
        color: #01b5e2;
        background-color: #01b5e2
    }

    .news-listing .item .readmore {
        margin-top: 50px;
        margin-bottom: 0;
        font-size: 16px
    }

        .news-listing .item .readmore a {
            text-decoration: underline
        }

    .news-listing .item a, .news-listing .item a:hover {
        color: #01b5e2
    }

.topic-selector {
    text-align: left;
    font-size: 16px;
    margin-bottom: 80px;
    line-height: normal;
    margin-top: 10px
}

    .topic-selector .topic-title {
        color: #515151;
        font-weight: 600;
        margin: 0;
        padding: 0;
        text-align: left
    }

    .topic-selector .topic {
        margin-right: 20px
    }

        .topic-selector .topic.selected {
            font-weight: 600
        }

.news-block {
    padding: 40px 0 55px
}

    .news-block h2 {
        font-weight: normal;
        margin-bottom: 110px
    }

        .news-block h2 a:hover {
            text-decoration: none
        }

    .news-block .subtitle {
        text-align: center;
        font-size: 24px;
        margin-bottom: 40px
    }

    .news-block .btn {
        margin-top: 80px
    }

    .news-block .item {
        text-align: left
    }

        .news-block .item h3 {
            font-weight: 400;
            margin-top: 0;
            color: #01b5e2
        }

        .news-block .item .date {
            font-size: 16px;
            color: #000;
            text-transform: uppercase
        }

        .news-block .item .excerpt {
            font-size: 18px;
            line-height: 30.6px
        }

        .news-block .item hr {
            height: 2px;
            color: #01b5e2;
            background-color: #01b5e2
        }

        .news-block .item .readmore {
            margin-top: 50px;
            margin-bottom: 0;
            font-size: 16px
        }

            .news-block .item .readmore a {
                text-decoration: underline
            }

        .news-block .item a, .news-block .item a:hover {
            color: #01b5e2
        }

.insights-listing .item {
    line-height: 36px;
    margin-bottom: 60px;
    text-align: left
}

    .insights-listing .item > img {
        width: 100%
    }

    .insights-listing .item h2 {
        font-size: 20px;
        padding-top: 5px;
        margin: 5px 15px 20px 100px;
        text-align: left;
        line-height: normal;
        min-height: 3em;
        right: 0
    }

        .insights-listing .item h2 a {
            color: #01b5e2
        }

    .insights-listing .item h1 a:hover {
        text-decoration: none
    }

    .insights-listing .item .excerpt {
        font-size: 18px;
        line-height: 27px;
        font-weight: 300
    }

    .insights-listing .item .date {
        text-transform: uppercase;
        font-weight: 600;
        float: left
    }

    .insights-listing .item .readmore {
        margin-top: 50px
    }

        .insights-listing .item .readmore a {
            font-size: 16px;
            color: #01b5e2
        }

.author {
    font-size: 16px;
    height: 45px;
    margin: 15px 0 30px
}

    .author .avatar {
        border-radius: 100%;
        height: 45px;
        width: 45px;
        vertical-align: text-top;
        margin-right: 10px
    }

.insights-post .date {
    margin: 0
}

.insights-post .author {
    font-size: 16px;
    margin: 10px 0
}

.insights-post .main-image {
    margin-top: 60px
}

#disqus_thread {
    margin: 40px 0
}

.social span {
    margin-right: 30px
}

.search-spinner {
    background-image: url('/images/ajax-loader.gif') !important;
    background-size: 40px !important;
    background-position: center right 5% !important;
    background-repeat: no-repeat !important;
    padding-right: 5px !important
}

.search-magnifying-glass {
    background-image: url('/images/magnifying-glass.png') !important;
    background-size: 40px !important;
    background-position: center right 5% !important;
    background-repeat: no-repeat !important;
    padding-right: 5px !important
}
/*.topics-list{height:50px}*/

.topics-list .topic {
    height: 30px;
    background-color: #01b5e2;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    margin-right: 5px
}

    .topics-list .topic:hover {
        text-decoration: none
    }

.insights-block {
    background-color: #01b5e2;
    padding: 50px 0
}

    .insights-block a {
        text-decoration: none
    }

    .insights-block h1 {
        color: #fff;
        font-weight: 600;
        text-align: center;
        margin: 20px 0 10px
    }

    .insights-block .subtitle {
        color: #fff;
        text-align: center;
        font-size: 24px
    }

    .insights-block .link {
        margin-top: 60px
    }

    .insights-block .item {
        max-width: 417px;
        width: 100%
    }

        .insights-block .item .title {
            display: table;
            background-color: #fff;
            width: 100%;
            height: 55px;
            padding-left: 25px;
            padding-right: 10px;
            text-align: left
        }

            .insights-block .item .title span {
                color: #01b5e2;
                font-size: 18px;
                line-height: normal;
                display: table-cell;
                vertical-align: middle
            }

.campaign_form {
    position: fixed;
    top: 40%;
    right: -360px;
    border: 1px solid #d4d4d4;
    width: 360px;
    background-color: #fbfbfb;
    font-size: 16px;
    padding: 40px 30px 30px;
    z-index: 10
}

    .campaign_form #message {
        display: none;
        margin-top: 10px
    }

    .campaign_form p {
        font-family: "Cabin",sans-serif
    }

    .campaign_form h1 {
        font-family: "Cabin",sans-serif;
        font-size: 24px
    }

    .campaign_form .close-button {
        top: 10px;
        left: 20px
    }

        .campaign_form .close-button .icon-bar {
            background-color: #000;
            height: 2px
        }

    .campaign_form button[type="submit"] {
        margin-top: 52px;
        width: 100%;
        font-size: 20px !important;
        background-color: #fff;
        color: #01b5e2 !important;
        padding: 20px 60px !important;
        border: 1px solid #dedede !important
    }

    .campaign_form::-webkit-input-placeholder {
        color: #dedede
    }

    .campaign_form:-moz-placeholder {
        color: #dedede
    }

    .campaign_form::-moz-placeholder {
        color: #dedede
    }

    .campaign_form:-ms-input-placeholder {
        color: #dedede
    }

.bold {
    font-weight: bold
}

.lead {
    font-size: 24px;
    line-height: 32px;
    margin: 50px 0
}

.blue-lead {
    color: #01b5e2;
    padding: 50px 0 50px;
    font-size: 48px;
    line-height: 60px
}

.rokkitt-lead {
    color: #01b5e2;
    font-family: 'Rokkitt',serif;
    font-size: 36px;
    line-height: 39px;
    margin: 50px 0
}

.logos {
    margin: 20px 0;
    text-align: center
}

    .logos img {
        margin: 30px 3%;
        max-width: 100%;
        height: auto
    }

ul.arrow-style {
    list-style: none;
    line-height: 40px;
    text-align: left
}

    ul.arrow-style li {
        background-image: url(/images/arrow.png);
        background-repeat: no-repeat;
        background-size: 10px;
        padding-left: 20px;
        vertical-align: top;
        line-height: 40px;
        background-position: 0 12px
    }

.row-centered {
    text-align: center
}

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px
}

.service-link {
    padding: 40px;
    font-size: 48px;
    font-weight: 600
}

    .service-link .arrow {
        height: 30px;
        width: 30px;
        display: inline-block;
        font-size: 40px;
        background-image: url('../images/arrow.png');
        background-repeat: no-repeat;
        background-size: 15px;
        background-position-y: center
    }

    .service-link h2 {
        display: inline-block;
        width: 560px;
        margin: 0 auto
    }

        .service-link h2 a {
            text-decoration: none
        }

    .service-link:hover {
        background-color: #e3e3e3
    }

.case-study {
    margin-top: 180px
}

    .case-study header {
        text-align: center
    }

        .case-study header h1 {
            margin: 0
        }

    .case-study .techs {
        text-align: left;
        margin: 175px 0 40px
    }

        .case-study .techs .tech {
            font-family: "Cabin",sans-serif;
            display: inline-block;
            background-color: #01b5e2;
            font-size: 14px;
            color: #fff;
            padding: 5px 20px;
            margin-right: 5px;
            margin-bottom: 10px;
            font-weight: 600
        }

.next-article-block {
    padding: 40px 0 75px
}

    .next-article-block .title {
        font-size: 48px;
        line-height: 36px
    }

    .next-article-block .next {
        font-size: 18px;
        color: #01b5e2;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 55px
    }

    .next-article-block .btn {
        margin-top: 50px
    }

.job {
    margin-bottom: 50px
}

    .job h1 {
        font-size: 72px;
        line-height: 75px;
        margin: 80px 0 30px
    }

    .job .location {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 100px
    }

    .job .description {
        margin-bottom: 100px
    }

.close-button .icon-bar {
    position: absolute
}

.close-button {
    border: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: none
}

    .close-button .icon-bar:first-of-type {
        transform: rotate(45deg)
    }

    .close-button .icon-bar:last-of-type {
        transform: rotate(-45deg)
    }

.blue-background, .fixed-blue-background {
    background-color: #01b5e2;
    color: #fff
}

.grey-background {
    background-color: #eee
}

.block-title1 {
    font-size: 48px !important;
    margin-bottom: 40px;
    margin-top: 80px
}

.font-72 {
    font-size: 72px !important;
    line-height: normal
}

.font-48 {
    font-size: 48px !important;
    line-height: normal
}

.font-32 {
    font-size: 32px
}

.font-36 {
    font-size: 36px
}

.font-37 {
    font-size: 37px
}

.font-100 {
    font-size: 100px !important
}

.wide-container {
    max-width: 1425px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.campaign_form .btn {
    margin-top: 52px;
    width: 100%
}

.btn, .btn.active, .btn:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active:focus, .btn:focus, .btn.focus, .btn:active.focus {
    font-size: 24px;
    padding: 20px 60px;
    background-color: #fcfcfc;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    color: #272727;
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    outline: none;
    box-shadow: none
}

    .btn.btn-blue, .btn.active.btn-blue, .btn:active.btn-blue, .btn.active.focus.btn-blue, .btn.active:focus.btn-blue, .btn.focus.btn-blue, .btn:active:focus.btn-blue, .btn:focus.btn-blue, .btn.focus.btn-blue, .btn:active.focus.btn-blue {
        border: none;
        background-color: #01b5e2;
        color: #fff
    }

        .btn.btn-blue:focus, .btn.active.btn-blue:focus, .btn:active.btn-blue:focus, .btn.active.focus.btn-blue:focus, .btn.active:focus.btn-blue:focus, .btn.focus.btn-blue:focus, .btn:active:focus.btn-blue:focus, .btn:focus.btn-blue:focus, .btn.focus.btn-blue:focus, .btn:active.focus.btn-blue:focus, .btn.btn-blue:hover, .btn.active.btn-blue:hover, .btn:active.btn-blue:hover, .btn.active.focus.btn-blue:hover, .btn.active:focus.btn-blue:hover, .btn.focus.btn-blue:hover, .btn:active:focus.btn-blue:hover, .btn:focus.btn-blue:hover, .btn.focus.btn-blue:hover, .btn:active.focus.btn-blue:hover {
            text-decoration: none
        }

    .btn.btn-transparent, .btn.active.btn-transparent, .btn:active.btn-transparent, .btn.active.focus.btn-transparent, .btn.active:focus.btn-transparent, .btn.focus.btn-transparent, .btn:active:focus.btn-transparent, .btn:focus.btn-transparent, .btn.focus.btn-transparent, .btn:active.focus.btn-transparent {
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff
    }

        .btn.btn-transparent:focus, .btn.active.btn-transparent:focus, .btn:active.btn-transparent:focus, .btn.active.focus.btn-transparent:focus, .btn.active:focus.btn-transparent:focus, .btn.focus.btn-transparent:focus, .btn:active:focus.btn-transparent:focus, .btn:focus.btn-transparent:focus, .btn.focus.btn-transparent:focus, .btn:active.focus.btn-transparent:focus, .btn.btn-transparent:hover, .btn.active.btn-transparent:hover, .btn:active.btn-transparent:hover, .btn.active.focus.btn-transparent:hover, .btn.active:focus.btn-transparent:hover, .btn.focus.btn-transparent:hover, .btn:active:focus.btn-transparent:hover, .btn:focus.btn-transparent:hover, .btn.focus.btn-transparent:hover, .btn:active.focus.btn-transparent:hover {
            text-decoration: none
        }

    .btn[type="submit"], .btn.active[type="submit"], .btn:active[type="submit"], .btn.active.focus[type="submit"], .btn.active:focus[type="submit"], .btn.focus[type="submit"], .btn:active:focus[type="submit"], .btn:focus[type="submit"], .btn.focus[type="submit"], .btn:active.focus[type="submit"] {
        width: 100%
    }

.row.home-subscribe-form button {
    width: 340px;
}

.btn-normal-padding[type="submit"], .btn-normal-padding.active[type="submit"], .btn-normal-padding:active[type="submit"], .btn-normal-padding.active.focus[type="submit"], .btn-normal-padding.active:focus[type="submit"], .btn-normal-padding.focus[type="submit"], .btn-normal-padding:active:focus[type="submit"], .btn-normal-padding:focus[type="submit"], .btn-normal-padding.focus[type="submit"], .btn-normal-padding:active.focus[type="submit"] {
    padding: 20px 60px;
    width: 100%;
    max-width: 300px
}

#subscribe_campaign .btn[type="submit"], #subscribe_campaign .btn.active[type="submit"], #subscribe_campaign .btn:active[type="submit"], #subscribe_campaign .btn.active.focus[type="submit"], #subscribe_campaign .btn.active:focus[type="submit"], #subscribe_campaign .btn.focus[type="submit"], #subscribe_campaign .btn:active:focus[type="submit"], #subscribe_campaign .btn:focus[type="submit"], #subscribe_campaign .btn.focus[type="submit"], #subscribe_campaign .btn:active.focus[type="submit"], .contourNavigation .btn[type="submit"], .contourNavigation .btn.active[type="submit"], .contourNavigation .btn:active[type="submit"], .contourNavigation .btn.active.focus[type="submit"], .contourNavigation .btn.active:focus[type="submit"], .contourNavigation .btn.focus[type="submit"], .contourNavigation .btn:active:focus[type="submit"], .contourNavigation .btn:focus[type="submit"], .contourNavigation .btn.focus[type="submit"], .contourNavigation .btn:active.focus[type="submit"], .job .btn[type="submit"], .job .btn.active[type="submit"], .job .btn:active[type="submit"], .job .btn.active.focus[type="submit"], .job .btn.active:focus[type="submit"], .job .btn.focus[type="submit"], .job .btn:active:focus[type="submit"], .job .btn:focus[type="submit"], .job .btn.focus[type="submit"], .job .btn:active.focus[type="submit"] {
    padding: 20px 100px
}

.blueLeadCallToAction .btn, .blueLeadCallToAction .btn.active, .blueLeadCallToAction .btn:active, .blueLeadCallToAction .btn.active.focus, .blueLeadCallToAction .btn.active:focus, .blueLeadCallToAction .btn.focus, .blueLeadCallToAction .btn:active:focus, .blueLeadCallToAction .btn:focus, .blueLeadCallToAction .btn.focus, .blueLeadCallToAction .btn:active.focus {
    padding: 20px 40px
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.mb-110 {
    margin-bottom: 110px !important
}

.mb-120 {
    margin-bottom: 120px !important
}

.mb-140 {
    margin-bottom: 140px !important
}

.mb-170 {
    margin-bottom: 170px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 10px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 80px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mt-110 {
    margin-top: 110px !important
}

.mt-120 {
    margin-top: 120px !important
}

.mt-140 {
    margin-top: 140px !important
}

.mt-180 {
    margin-top: 180px !important
}

.no-tmargin {
    margin-top: 0
}

.no-margin {
    margin: 0 !important
}

.rlp-50 {
    padding-right: 100px !important;
    padding-left: 100px !important
}

.careers-columns-margin {
    margin-top: 80px !important;
    margin-bottom: 100px !important
}



nav {
    position: fixed;
    top: 0;
    width: 100%;
    font-size: 16px;
    height: 80px;
    z-index: 11
}

    nav .brand {
        display: table;
        float: left;
        margin-left: 15px;
        height: 80px
    }

        nav .brand a {
            display: table-cell;
            vertical-align: middle
        }

    nav ul {
        list-style: none;
        float: right
    }

    nav li {
        display: table;
        float: left;
        height: 80px;
        padding: 0 20px
    }

        nav li a {
            display: table-cell;
            color: #fff;
            text-transform: uppercase;
            vertical-align: middle
        }

            nav li a:focus, nav li a:hover {
                text-decoration: none;
                color: #fff
            }

    nav .active a, nav .active a:focus, nav .active a:hover {
        color: #fff
    }

    nav li.active {
        font-weight: 600;
        color: #fff
    }

.folio1-navbar-toggle {
    float: right;
    border: none;
    position: relative;
    margin-top: 29px;
    margin-right: 30px;
    background-color: transparent;
    background-image: none
}

    .folio1-navbar-toggle .icon-bar, .close-button .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        background-color: #fff
    }

        .folio1-navbar-toggle .icon-bar + .icon-bar {
            margin-top: 5px
        }

.overlaymenu {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(110%);
    transition-property: transform;
    transition-duration: .4s;
    background-color: #01b5e2;
    background-color: rgba(1,181,226,.95);
    width: 100%;
    height: 100%;
    z-index: 999;
    color: #fff;
    font-size: 24px;
    line-height: 50px
}

    .overlaymenu .address, .overlaymenu .contact {
        font-size: 20px;
        line-height: 32px
    }

        .overlaymenu .contact a {
            font-size: 20px;
            line-height: 32px
        }

    .overlaymenu a {
        color: #fff;
        font-size: 24px
    }

        .overlaymenu a:hover {
            font-weight: 600;
            text-decoration: none
        }

    .overlaymenu.visible {
        transform: translateY(0)
    }

    .overlaymenu .details {
        display: none;
        vertical-align: middle
    }

    .overlaymenu .menu {
        position: absolute;
        top: 100px;
        right: 30px;
        overflow-y: auto;
        height: 100%;
        padding-bottom: 100px
    }

        .overlaymenu .menu ul {
            list-style: none
        }

            .overlaymenu .menu ul li ul li {
                margin-right: 30px
            }

.jumbotron {
  display: table;
    position: relative;
    height: 400px;
    color: #fff;
    background-color: #000;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}

    .jumbotron .container {
     display: table-cell;
    vertical-align: left;
    position: relative;
    z-index: 2;
    width: auto;
    text-align: left;
    padding: 80px 60px 60px 150px;
    }

 .home-jumbotron .jumbotron .container {
    position: relative;
    z-index: 2;
    width: auto;
    text-align: left;
    width: 72%;
    float: left;
    }

.home-jumbotron .btn-home {
    background-color: #01b5e2;
    color: #fff;
    font-size: 19px;
    padding: 16px 26px;
    border: 0px;
    }

.jumbotron-bg {
    opacity: .5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.jumbotron .video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

    .jumbotron .video-container video {
        min-width: 100%;
        min-height: 100%;
        background-color: #01b5e2
    }

.jumbotron .only-color {
    opacity: 1;
    background-color: #01b5e2
}

.home-jumbotron .jumbotron h1 {
    font-weight: bold;
    font-size: 80px;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto
}
.home-jumbotron .jumbotron p {
    margin-left: 0px;
    font-size: 21px;
    font-weight: 200;
    padding: 20px 0px;
    display: table;
    width: auto;
}

.jumbotron h1 {
    font-weight: bold;
    font-size: 62px;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}

.jumbotron p {
    margin-left: auto;
    font-size: 21px;
    font-weight: 200;
}







.jumbotron .subtitle {
    font-size: 24px;
	padding:0px;
    line-height: 32px
}

.home-jumbotron .jumbotron h1, .slick-jumbotron .jumbotron h1 {
    font-size: 48px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    letter-spacing: -1px
}
/**
.home-jumbotron {
    height: 100%
}**/

    .home-jumbotron .jumbotron {
        height: 800px;
        min-height: auto;
    }

.slick-jumbotron .jumbotron {
    height: 100vh;
    display: table !important
}

.home-jumbotron .scrolltoarrow {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
    bottom: 140px;
    font-size: 40px;
    color: #fff
}

.home-jumbotron .callustoday {
    position: relative;
    z-index: 2;
    bottom: 160px
}

.SimpleSlider .jumbotron {
    border-radius: 0
}

.vb_video-bg {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.vb_bg_overlay, .vb_bg_overlay_pattern {
    color: inherit;
    position: absolute;
    width: 100%;
    height: 100% !important;
    left: 0;
    top: 0
}

form {
    margin: 0 auto
}

.contourField {
    margin-bottom: 35px;
    width: 100%;
    display: inline-block;
    font-size: 20px
}

.contour.contactus {
    margin-top: 85px
}

input[type=text], textarea {
    opacity: 1;
    padding: 0 0 0 15px;
    border: none !important;
    width: 100%;
    height: 50px;
    background-image: none;
    background-color: #f2f2f2;
    background-size: auto;
    background-position: center center;
    background-repeat: repeat;
    color: #595959
}

textarea {
    padding-top: 15px;
    height: 300px
}

input[type=radio], input[type=checkbox] {
    position: absolute;
    visibility: hidden
}

.radiobuttonlist, .checkbox {
    text-align: left;
    line-height: 40px
}

    .radiobuttonlist label, .checkbox label {
        display: block;
        position: relative;
        padding-left: 35px;
        margin: 10px auto;
        height: 30px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all .25s linear;
        transition: all .25s linear;
		line-height: initial;
        color: #595959
    }

    .radiobuttonlist .option, .checkbox {
        position: relative;
        display: block
    }

    .radiobuttonlist .check {
        display: block;
        position: absolute;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        top: 10px;
        left: 0;
        border: 2px solid #c8c8c8;
        background-color: #fbfbfb;
        z-index: 1
    }

    .checkbox .check {
        display: block;
        position: absolute;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        top: 10px;
        left: 0;
        border: 2px solid #c8c8c8;
        /*background-color: #fbfbfb;*/
        z-index: 1
    }


        .radiobuttonlist .check::before, .checkbox .check::before {
            font-family: 'Glyphicons Halflings';
            content: '';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            padding: 0 3px;
            -webkit-font-smoothing: antialiased;
            color: #fff;
            display: block;
            position: absolute;
            border-radius: 100%;
            height: 21px;
            width: 21px;
            top: 0;
            left: 0;
            -webkit-transition: background .25s linear;
            transition: background .25s linear
        }

input[type=radio]:checked ~ .check::before, input[type=checkbox]:checked ~ .check::before {
    background: #bdd042
}

.fileupload {
    text-align: left;
    display: table
}

    .fileupload > label {
        float: left;
        line-height: 20px;
        padding: 20px 0;
        width: 30%
    }

.fileupload-container {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    overflow: hidden
}

input[type=file] {
    position: absolute;
    visibility: hidden
}

.fieldLabel {
    display: block;
    color: #272727
}

label {
    text-align: left;
    font-weight: normal;
    color: #595959
}

.field-validation-error {
    display: block;
    text-align: left;
    font-size: 17px;
    color: #f00
}

.contourNavigation {
    margin: 45px 0 80px
}

#subscribe_campaign p {
    line-height: 24px
}

#subscribe_campaign input {
    font-size: 20px;
    color: #595959;
    background-color: #fff;
    border: 1px solid #d1d1d1 !important
}

#subscribe_campaign .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

@media(max-width:767px) {
    .contour.contactus {
        margin-top: 60px
    }

    .contourField {
        font-size: 14px;
        margin-bottom: 22px
    }

    .contourNavigation {
        margin: 50px 0 60px
    }

    .radiobuttonlist option {
        display: inline-block
    }

    .radiobuttonlist label {
        line-height: 15px;
        padding: 15px 35px 0
    }

    .btn {
        width: 100%
    }

    .submit-loading {
        top: 60px;
        left: -77px !important;
    }

    .whitepaper .submit-loading {
        left: -140px !important;
        right: 0 !important;
    }
	
	.jumbotron-bg {
    opacity: .5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-position-x: -743px;
}
		
	
	ul.arrow-style {
    list-style: none;
    text-align: left
	}

    ul.arrow-style li {
        background-image: url(/images/arrow.png);
        background-repeat: no-repeat;
        background-size: 8px;
        padding-left: 20px;
        vertical-align: top;
        line-height: 30px;
		font-weight: 500;
        background-position: 0 9px
    }

    .careers-columns-margin {
        margin-top: 40px
    }

    .mt-80 {
        margin-top: 40px
    }
	
	.homePage .mt-80 {
        margin-top: 0px !important;
    }

    .mb-sm-30 {
        margin-bottom: 30px
    }

    .mb-sm-70 {
        margin-bottom: 70px
    }
}

.blueimp-gallery {
    max-width: 1050px;
    max-height: 1170px;
    background-color: transparent !important;
    border: none;
    box-shadow: none
}

    .blueimp-gallery .blueimp-gallery-display {
        background-color: transparent;
        box-shadow: none
    }

    .blueimp-gallery > .next, .blueimp-gallery > .prev, .blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover {
        width: 64px;
        height: 64px;
        color: #000;
        opacity: 1;
        text-shadow: none;
        background-color: transparent;
        border: none
    }

    .blueimp-gallery > .next {
        right: -20px
    }

    .blueimp-gallery > .prev {
        left: -20px
    }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

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

@media(max-width:991px) {
    body {
        font-size: 18px;
        line-height: 32px
    }

    .case-study {
        margin-top: 40px
    }

    .careers-columns-margin {
        margin-top: 40px !important
    }

    .mt-80 {
        margin-top: 40px !important
    }

    .insights-block .subtitle {
        font-size: 24px;
        line-height: normal
    }

    .insights-block .item {
        width: 100%;
        max-width: none
    }

        .insights-block .item img {
            width: 100%
        }

    .insights-block .link {
        margin-top: 100px
    }

    .insights-post h1 {
        font-size: 32px;
        line-height: 36px
    }

    .insights-post .main-image {
        margin-top: 0
    }

    .insights-post .topic {
        font-size: 14px
    }

    .insights-post .topics-list {
        margin-bottom: 10px
    }

    .jumbotron h1 {
        font-size: 72px;
        line-height: normal
    }

    .jumbotron .subtitle {
        font-size: 32px;
        line-height: 38px
    }

    .home-jumbotron .jumbotron h1, .slick-jumbotron .jumbotron h1 {
        font-size: 45px;
   		line-height: 57px;
        margin: 25px;
    }

    .home-jumbotron .jumbotron .subtitle, .slick-jumbotron .jumbotron .subtitle {
        font-size: 24px;
        line-height: 28px
    }

	.jumbotron-bg {
    opacity: .5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
		background-position-x: -361px;
	}
	
	.home-jumbotron .jumbotron .container {
    display: table-cell;
    position: relative;
    z-index: 2;
    width: auto;
    text-align: center;
    padding: 100px 20px;
    float: left;
	}

	.home-jumbotron .jumbotron p {
    margin-left: 0px;
    font-size: 21px;
    font-weight: 200;
    padding: 20px 0px;
    display: inline-block;
    width: auto;
}
	
	
    .callToAction {
        font-size: 20px;
        line-height: 28px;
        padding: 50px 0
    }

        .callToAction h2 {
            margin-bottom: 40px;
            font-size: 42px;
            line-height: 48px
        }

        .callToAction .btn {
            margin-top: 40px
        }

    .clickable-column h2 {
        font-size: 42px;
        line-height: 48px
    }

    .subfooter {
        font-size: 16px;
        line-height: 24px
    }

    .news-block {
        padding: 40px 0 55px
    }

        .news-block h2 {
            margin-bottom: 30px
        }

        .news-block h3 {
            font-size: 24px;
            line-height: normal
        }

        .news-block .item .excerpt {
            font-size: 16px
        }

        .news-block .subtitle {
            margin-bottom: 50px;
            font-size: 24px;
            line-height: normal
        }
}

/** Mobile **/

@media(max-width:767px) {
    body {
        font-size: 16px;
        line-height: 30px;
	    font-weight: 500;
    }
	p {
		font-size: 16px;
        line-height: 30px;
	    font-weight: 500;
		margin-bottom: 30px;
	}
	.home-hero-text p{
	    font-size: 16px;
        line-height: 30px;
		font-weight: 500;
	}
	
    h1, h2 {
        font-size: 32px;
        margin: 0 0 30px 0;
    }

    h2 {
        line-height: 36px;
    }
	.home-hero h2{
	   margin: 0 0 0 0;
	}
	.homeTwoColSmallLeft .info h3,
	.homeTwoCol .info h3 {
    color: #01b5e2;
    line-height: unset;
    font-weight: 600;
    font-size: 25px;
	}
    .text-center-xs {
        text-align: center !important
    }

    .lead-block h2 {
        font-size: 48px;
        line-height: 67px
    }

    .lead-block p {
        font-size: 20px;
        line-height: 36px
    }

    .callToAction {
        font-size: 20px;
        line-height: 28px;
        padding: 55px 0
    }

        .callToAction h2 {
            margin-bottom: 40px
        }

        .callToAction .btn {
            margin-top: 40px
        }

    .callToActionImage {
        padding: 50px 0 70px;
        font-size: 20px
    }

        .callToActionImage .btn {
            margin-top: 50px
        }

    .smallCallToAction .title {
        font-size: 20px
    }

    .clickable-column {
        padding: 40px 15px 60px;
        font-size: 20px
    }

        .clickable-column .inside .content {
            padding: 0
        }

        .clickable-column h2 {
            margin-bottom: 80px;
            font-size: 32px;
            line-height: 36px
        }

    .blueLeadCallToAction {
        padding: 40px 0
    }

        .blueLeadCallToAction h2 {
            color: #01b5e2;
            font-size: 32px;
            margin-bottom: 50px;
            line-height: 36px
        }

    .next-article-block {
        padding: 40px 0 75px
    }

        .next-article-block .title {
            font-size: 32px
        }

        .next-article-block .btn {
            margin-top: 50px
        }

    .lead-block {
        margin: 40px 0
    }

        .lead-block h2 {
            font-size: 32px;
            line-height: 45px
        }

        .lead-block p {
            font-size: 16px;
            line-height: 24px
        }

    .insights-post h1 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600
    }

    .insights-post .main-image {
        margin-top: 10px
    }

    .insights-post .topic {
        font-size: 12px
    }

    .rokkitt-lead {
        font-size: 20px;
        line-height: 22px
    }

    .blue-lead {
  	margin: 0px;
    font-size: 24px;
    line-height: 32px;
    }

    .text-block {
        font-size: 20px;
        line-height: 32px
    }

    .jumbotron h1 {
        font-size: 44px;
        line-height: 48px
    }

    .jumbotron .subtitle {
        font-size: 24px;
        line-height: 32px
    }

	.home-jumbotron .jumbotron .container {
    display: table-cell;
    /* vertical-align: baseline; */
    position: relative;
    z-index: 2;
    width: auto;
    text-align: left;
    padding: 57px 20px;
    /* width: 50%; */
    /* float: left; */
	}

	.home-jumbotron .jumbotron h1 {
    font-weight: 600;
    font-size: 80px;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto
	}

	.home-jumbotron .jumbotron p {
    margin-left: 0px;
    font-size: 21px;
    font-weight: 200;
	padding: 20px 0px;
	}

	.jumbotron .container {
    display: table-cell;
    vertical-align: initial;
    position: relative;
    z-index: 2;
    width: auto;
    text-align: left;
    padding: 70px 20px;
	}
	
	
	

	
    .home-jumbotron .jumbotron h1, .slick-jumbotron .jumbotron h1 {
        font-size: 36px;
		line-height: 50px;
        margin-bottom: 20px
    }

    .home-jumbotron .jumbotron .subtitle, .slick-jumbotron .jumbotron .subtitle {
        font-size: 20px
    }

    .news-block {
        padding: 40px 0 55px
    }

        .news-block h2 {
            margin-bottom: 30px
        }

        .news-block h3 {
            font-size: 24px;
            line-height: 32px
        }

        .news-block .item {
            max-width: none
        }

            .news-block .item .excerpt {
                font-size: 16px;
                line-height: 24px
            }

        .news-block .subtitle {
            margin-bottom: 50px;
            font-size: 20px
        }

    .arrow-style {
        list-style: none;
        line-height: 30px;
        text-align: left;
        margin: 0;
        padding: 0
    }

        .arrow-style .arrow-style li {
            background-image: url('/images/arrow.png');
            background-repeat: no-repeat;
            background-size: 10px;
            background-position: 3px 8px;
            padding-left: 20px;
            vertical-align: top
        }

    article h1 {
        margin: 0 0 20px;
        font-size: 32px;
        line-height: 36px
    }

    .topic-selector {
        margin-bottom: 35px
    }

    .topics {
        font-size: 12px;
        margin-top: 30px;
        text-align: center
    }

    footer .info > div, footer .info > address {
        margin: 20px 0;
        text-align: center
    }

    footer .info ul {
        text-align: left !important
    }

    .subfooter {
        font-size: 12px
    }

    #services-links .glyphicon {
        display: none
    }

    .service-link {
        padding: 15px;
        font-size: 24px;
        height: 90px
    }

        .service-link h2 {
            width: 100%;
            font-size: 24px;
            display: initial
        }

    .case-study .techs {
        margin: 70px 0 30px
    }

    

    .lead {
        font-size: 20px;
        line-height: 28px
    }

    .lead2 {
        font-size: 24px;
        line-height: 32px
    }

    .rokkitt-lead {
        font-size: 20px;
        line-height: 24px
    }

    nav .folio1-navbar-toggle {
        margin-right: 5%
    }
	
	nav .brand {
    display: table;
    float: left;
    margin-left: 22px;
    height: 80px;
	}
	
    .mt-xs-15 {
        padding-top: 15px
    }

    .block-title1 {
        font-size: 30px !important;
        line-height: 22px
    }

    .lead2 {
        font-size: 24px;
        line-height: 32px
    }

    .font-48 {
        font-size: 30px
    }

    form {
        width: auto
    }

    .overlaymenu {
        line-height: 50px
    }

        .overlaymenu .menu a {
              font-size: 34px;
   			font-weight: 700;

        }

    footer .info .menu-block {
        line-height: 40px;
        margin-top: 0;
        margin-bottom: 0
    }

    .mt-70 {
        margin-top: 20px
    }

    .font-37 {
        font-size: 20px;
        line-height: 24px
    }

    .job {
        margin-bottom: 50px
    }

        .job h1 {
            font-size: 32px;
            line-height: 36px;
            margin-bottom: 20px
        }

        .job .location {
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 30px
        }

        .job .description {
            margin-bottom: 50px
        }

    .insights-block .subtitle {
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 70px
    }

    .insights-listing .item .excerpt, .news-listing .item .excerpt {
        font-size: 14px;
        line-height: 24px
    }

    .news-post {
        font-size: 14px;
        line-height: 24px
    }

    .videoWrapper iframe {
        height: 92%
    }
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-toggle {
        display: inline-block
    }

    .news-block .item {
        width: 363px
    }

    .insights-block .item {
        width: auto
    }
}

@media(min-width:1200px) {
    .overlaymenu .details {
        display: table-cell
    }

    .news-listing section:nth-of-type(3n+2), .insights-listing section:nth-of-type(3n+2), .news-block section:nth-of-type(3n+2) {
        margin-left: 55px;
        margin-right: 55px
    }

    .news-listing section, .news-block section, .insights-listing section {
        width: 30.333%
    }
	
	.home-jumbotron .jumbotron .container {
    position: relative;
    z-index: 2;
    width: auto;
    text-align: left;
    width: 45%;
    float: left;
}
	
}

.clearfix-main {
    clear: both
}

@media only screen and (max-width:480px) {
    #recaptcha_challenge_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important
    }

    #recaptcha_response_field {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important
    }

    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important
    }

    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {
        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        height: auto !important
    }
}


.service-content-row .s-icon-p {
    display: block;
    padding-top: 27px;
}


.service-content-row {
    max-width: 1190px;
    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 0
}

    .service-content-row div {
        background-color: #f8f8f8;
       /** box-shadow: 1px 1px 2px rgba(0,0,0,0),-1px 1px 2px rgba(0,0,0,0),1px 1px 2px rgba(0,0,0,.3); **/
        margin: 10px;
        padding: 0 1.3rem;
        width: calc(33.33% - 20px);
		text-align: left;
    }

        .service-content-row div h3 {
            letter-spacing: -1px
        }

.service-content-row div p {
    font-size: 0.8rem;
    line-height: 1.75;
    font-weight: 500;
}

.service-content-row a {
    color: inherit;
    text-decoration: none;
    padding: 0 0 3px;
    background-image: linear-gradient(120deg,#01b5e2,#01b5e2);
    background-repeat: no-repeat;
    background-size: 100% 5px;
    background-position: 0 calc(100% + 3px);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: background-size .15s ease-out;
    transition: background-size .15s ease-out;
    cursor: pointer;
    line-height: 1em;
    display: inline;
    text-transform: uppercase;
}


@media(max-width:1024px) {
    .service-content-row div {
        margin: 10px 0;
        width: 100%
    }
	
	
	
}

@media(max-width:767px) {
    .service-content-row div {
        padding: 0.1rem 1rem
    }
}
.homeTwoColSmallLeft,
.homeTwoCol {
    display: inline-block;
    max-width: 1200px
}
.homeTwoColSmallLeft .col-left{
	    width: 380px;
        float: left;
        position: relative;
        padding-right: 5px;
        min-height: 450px;
        overflow: hidden
}
    .homeTwoCol .col-left {
        width: 790px;
        float: left;
        position: relative;
        padding-right: 5px;
        min-height: 450px;
        overflow: hidden
    }
.homeTwoColSmallLeft .col-right{
	    width: 790px;
        float: left;
        position: relative;
        padding-right: 5px;
        min-height: 450px;
        overflow: hidden
}
    .homeTwoCol .col-right {
        width: 380px;
        float: left;
        position: relative;
        padding-left: 5px;
        min-height: 450px;
        overflow: hidden
    }
.homeTwoColSmallLeft a.main-anchor,
    .homeTwoCol a.main-anchor {
        height: inherit;
        float: left;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        transition: transform .2s;
        padding: 0 25px 20px 0
    }
.homeTwoColSmallLeft .bg-Image-container,
    .homeTwoCol .bg-Image-container {
        float: left;
        width: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
        max-width: 100%;
        min-height: inherit;
        min-width: inherit;
        -webkit-transition: transform .2s linear 0s;
        left: 10px;
        box-shadow: 7px 7px 10px rgba(0,0,0,.1)
    }
.homeTwoColSmallLeft .bg-Image-container .img-fluid,
        .homeTwoCol .bg-Image-container .img-fluid {
            float: left;
            width: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 3px 3px 0 0;
            position: relative;
            height: 445px;
            overflow: hidden;
            max-width: 100%;
            min-height: inherit;
            min-width: inherit;
            -webkit-transition: transform .2s linear 0s
        }

.img-hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.homeTwoColSmallLeft .info,
.homeTwoCol .info {
    position: absolute;
    bottom: 40px;
    width: 360px;
    padding: 1rem 1rem 0rem 1rem;
    background-color: #f8f8f8;
    text-align: left
}
.homeTwoColSmallLeft .info p,
    .homeTwoCol .info p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5
    }
.homeTwoColSmallLeft .info h3,
    .homeTwoCol .info h3 {
        color: #01b5e2;
		line-height: unset;
        font-weight: 600
    }

@media(min-width:768px) and (max-width:1170px) {
	.homeTwoColSmallLeft .col-left,
	.homeTwoColSmallLeft .col-right,
    .homeTwoCol .col-left, 
	.homeTwoCol .col-right {
        width: 50%
    }
}

@media(max-width:767px) {
	.homeTwoColSmallLeft .col-left,
	.homeTwoColSmallLeft .col-right,
    .homeTwoCol .col-left, 
	.homeTwoCol .col-right {
        width: 100%;
        padding: 0
    }

    .raw-mobile img {
        display: none;
    }

    .mb-120 {
        margin-bottom: 40px !important;
    }
}

@media(max-width:425px) {
	.homeTwoColSmallLeft .col-left,
	.homeTwoColSmallLeft .col-right,
    .homeTwoCol .col-left, 
	.homeTwoCol .col-right {
        min-height: 100%;
        padding: 0
    }

	.home-jumbotron .jumbotron h1 {
    font-weight: 600;
    font-size: 80px;
    line-height: normal;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.home-jumbotron .jumbotron h1, 
	.slick-jumbotron .jumbotron h1 {
    font-size: 30px;
    line-height:37px;
    margin-bottom: 20px;
	}

	.homeTwoColSmallLeft .info,
    .homeTwoCol .info {
        width: 100%;
        max-width: 300px
    }
	.homeTwoColSmallLeft .bg-Image-container .img-fluid,
    .homeTwoCol .bg-Image-container .img-fluid {
        max-height: 250px
    }

	.home-jumbotron .jumbotron {
    height: 400px;
    min-height: auto;
	}

	.home-jumbotron .jumbotron .subtitle, .slick-jumbotron .jumbotron .subtitle {
    font-size: 18px;
	}

	.home-jumbotron .btn-home {
    background-color: #01b5e2;
    color: #fff;
    font-size: 18px;
    padding: 16px 23px;
    border: 0px;
	}
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }