/*!
 * Style v0.0.1 (https://agileleaf.com/)
 * Copyright 2011-2018 The AgileLeaf UI Team Authors
 * Copyright 2011-2018 AgileLeaf, Inc.

 */
@import url(../fonts/leaguessppartan.css);
@import url(../fonts/monttserrat.css);
@import url(../fonts/sequel-sans.css);
@import url(../fonts/sequel-bold.css);
/*Animate css*/
@import url(animate.css);
body{
    font-family: "montserratregular"!important;
    overflow-x: hidden;
}
.padding-0{
    padding: 0px!important;
}
.padding-right-0{
    padding-right: 0px!important;
}
.border-left-6 {
    border-left: 6px solid #999;
}

.border-bottom-6 {
    border-bottom: 6px solid #999;
}

.text-danger {
    color: #ed1c24 !important;
}

.text-business {
    color: #0071bc;
}

.text-digital {
    color: #ed1c24;
}

.text-development {
    color: #93278f;
}

.text-black {
    color: #000!important;
}

.btn-antek {
    color: #fff !important;
    background-color: #3c3c3b;
    border-color: #3c3c3b;
}
.btn-orange {
    color: #fff !important;
    background-color: #f7931e;
    border-color: #f7931e;
}

.text-orange {
    color: #f15a24;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

/*responsive */
/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query since this is the default in Bootstrap*/

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
    body {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-family: 'montserratregular';
        overflow-x: hidden;
    }


    .logo {

        font-family: 'league_spartanbold';

    }

    .logo a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    .logo span {
        height: 3.75rem;
        font-size: 20px;
        font-weight: bold;
        padding-top: 5px;
    }

    .top-nav {
        height: 4.6875rem
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("../images/nav-bar@2x.png");
        width: 20px;
        height: 20px;
    }

    .navbar-light .navbar-toggler {
        background-color: transparent;
        float: right;
        height: 40px;
        position: absolute;
        top: 12px;
        right: 0px;
        border-radius: 35px;
        /*box-shadow: 0px 0px 9px 0px;*/
        border-color: transparent;
    }
    i.fas.fa-bars{
        color: #fff;
        font-size: 18px;
    }
    /*new burger menuas infosys*/

    /*.navbar-collapse {*/
    /*background: rgb(0, 0, 0);*/
    /*color: rgb(255, 255, 255);*/
    /*position: relative;*/
    /*top: 52px;*/
    /*right: -16px;*/
    /*z-index: 10;*/
    /*width: 100%;*/
    /*padding: 5px;*/
    /*border-radius: 3%;*/
    /*}*/
    /*.navbar-collapse {*/
        /*position: absolute;*/
        /*top: 54px;*/
        /*left: 1%;*/
        /*padding-left: 15px;*/
        /*padding-right: 15px;*/
        /*padding-bottom: 15px;*/
        /*width: 80vw;*/
        /*height: 80vh;*/
        /*background: rgba(0,0,0, 0.9);*/
        /*transition: all 0.3s ease-in;*/
        /*z-index: 1000;*/
    /*}*/
    nav {
        background: transparent;
        height: 70px;
        z-index: 1;
    }

    nav #brand {
        float: left;
        display: block;
        margin-left: 0px;
        font-size: 50px;
        line-height: 70px;
        font-weight: bold;
    }

    nav #brand a {
        color: #fff;
        transition: all 0.3s ease-out;
    }

    nav #brand a:hover {
        color: #777777;
    }

    nav #menu {
        float: left;
        left: 15%;
        position: relative;
    }

    nav #menu li {
        display: inline-block;
        padding: 0px 30px;
        cursor: pointer;
        line-height: 70px;
        position: relative;
        transition: all 0.3s ease-out;
    }

    nav #menu li a {
        color: #fff;
    }

    nav #menu li:hover {
        background: #333;
    }

    #toggle-nav {
        position: absolute;
        right: 10px;
        top: 13px;
        z-index: 999;
        width: 50px;
        height: 50px;
        cursor: pointer;
        float: right;
        transition: all 0.3s ease-out;
        visibility: hidden;
        opacity: 0;
        background-color: #dee2e600;
        border-radius: 50%;
        padding-top: 9px;
    }
    #toggle-nav.on {

        background-color: transparent;
        right: 5px;
        top: 5px;

    }

    #toggle-nav .span {
        height: 4px;
        background: #000000;
        margin: 5px auto;
        backface-visibility: hidden;
        width: 56%;
    }
    #toggle-nav.on .span {
        height: 4px;
        background: #000000;
        margin: 5px auto;
        backface-visibility: hidden;
        width: auto;
        transition: all 0.3s ease-out;
    }

    #toggle-nav.on #one {
        transform: rotate(45deg) translateX(0px) translateY(4px);
        width: 50%;
    }

    #toggle-nav.on #two {
        opacity: 0;
    }

    #toggle-nav.on #three {
        transform: rotate(-45deg) translateX(10px) translateY(-13px);
        width: 50%;
    }

    #resize {
        z-index: 1;
        position: absolute;
        top: 0px;
        background: #ffffff;
        width: 80vw;
        height: 100vh;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-out;
        display: table;
    }

    #resize #menu {
        height: 100vh;
        /*display: table-cell;*/
        vertical-align: middle;
    }

    #resize #menu li {
        display: block;
        text-align: left;
        padding: 10px 0;
        font-size: 20px;
        min-height: 50px;
        font-weight: bold;
        font-family: "Sequel Sans Black Disp";
        cursor: pointer;
        transition: all 0.3s ease-out;
    }

    #resize #menu li:hover {
        background: #212121;
    }

    #resize #menu li:hover a {
        color: #fff;
        transition: all 0.3s ease-out;
    }

    #resize #menu li a {
        color: #212121;
    }

    #resize.active {
        visibility: visible;
        opacity: 0.99;
    }

    @media (max-width: 768px) {
        #toggle-nav {
            visibility: visible;
            opacity: 1;
        }
        nav #menu {
            display: none;
        }
    }

    @media (min-width: 768px) {
        #resize {
            visibility: hidden !important;
        }
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        transition: all 0.2s ease;
        left: 100%;
    }
    .navbar-collapse.show {
        left: 0;
        transition: all 0.3s ease-in;
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(255, 255, 255, 1);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(234, 234, 234, 0.95);
    }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgb(237, 28, 36);
    }
    .hero {
        background-image: url("../images/tire-tracks.png");
        background-position: 0 59px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 224px;
    }

    .hero-content {
        background: rgba(255, 255, 255, .9);
    }

    .hero-content p {
        font-family: "montserratregular";
        font-size: 16px;
    }

    .text-gradient {
        font-size: 24px; /* 64px*/
        font-weight: bold;
        font-style: italic;
        background: rgba(241, 91, 36, 1);
        background: -moz-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 91, 36, 1)), color-stop(100%, rgba(237, 28, 35, 1)));
        background: -webkit-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -o-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -ms-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: linear-gradient(to right, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15b24', endColorstr='#ed1c23', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 26px;
        font-family: 'montserratblack';
        padding-top: 10px;
    }

    .after-hero-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0.9+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
        padding-top: 0px;
    }

    .canvasjs-chart-credit {
        display: none !important;
    }

    .business-chart {
        padding: 15px;
    }

    .canvasjs-chart-container {
        padding: 0px;
        border-left: 6px solid #999;
        border-bottom: 6px solid #999;
        height: 170px;
        width: 100%;
    }

    .canvasjs-chart-canvas {
        top: 0px;
        height: 153px !important;
        width: 130px !important;
    }

    /*business*/
    .business {
        padding: 5px 0 100px 0;
    }

    .business-content {
        padding-top: 26px;
    }


    .gray_line {
        fill: none;
        stroke: #989898;
        stroke-width: 5;
        stroke-miterlimit: 10;
    }

    .green_line {
        fill: none;
        stroke: #24B574;
        stroke-width: 4;
        stroke-miterlimit: 10;
    }

    .small_circle {
        fill: #1072BA;
    }

    .big_circle {
        opacity: 0.8;
        fill: #1072BA;
        enable-background: new;
    }

    /*chart animation*/
    .item_0 {
        stroke-dasharray: 549 551;
        stroke-dashoffset: 550;
        animation: item_draw 709ms linear 0ms forwards;
        animation-delay: 10ms;
    }

    .item_1 {
        stroke-dasharray: 572 574;
        stroke-dashoffset: -573;
        animation: item_draw 709ms linear 0ms forwards;
        /*animation: item_draw 739ms linear 709ms forwards;*/
    }

    .item_2 {
        stroke-dasharray: 224 226;
        stroke-dashoffset: 225;
        animation: item_draw 290ms linear 1449ms forwards;
    }

    .item_3 {
        stroke-dasharray: 175 177;
        stroke-dashoffset: -176;
        animation: item_draw 227ms linear 1739ms forwards;
    }

    .item_4 {
        stroke-dasharray: 131 133;
        stroke-dashoffset: 132;
        animation: item_draw 170ms linear 1966ms forwards;
    }

    .item_5 {
        stroke-dasharray: 109 111;
        stroke-dashoffset: -110;
        animation: item_draw 141ms linear 2136ms forwards;
    }

    .item_6 {
        stroke-dasharray: 138 140;
        stroke-dashoffset: -139;
        animation: item_draw 179ms linear 2278ms forwards;
    }

    .item_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2458ms forwards;
        animation-delay: 3s;
        animation: linear;
    }

    .item_8 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2526ms forwards;
    }

    .item_9 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2646ms forwards;
    }

    .item_10 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2766ms forwards;
    }

    .item_11 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2834ms forwards;
    }

    .item_12 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2954ms forwards;
    }

    .item_13 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3023ms forwards;
    }

    .item_14 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3143ms forwards;
    }

    .item_15 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3211ms forwards;
    }

    .item_16 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3331ms forwards;
    }

    @keyframes item_draw {
        0% {
            opacity: 0;
        }
        100% {
            stroke-dashoffset: 0;
            opacity: 0.8;
        }
    }

    @keyframes item_fade {
        0% {
            stroke-opacity: 1;
        }
        94.73684210526316% {
            stroke-opacity: 1;
        }
        100% {
            stroke-opacity: 0;
        }
    }
    .business-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #0071bc;
        display: block;
        font-family: 'montserratblack';
    }

    .business-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-family: 'montserratblack';
    }

    .business-content p.business-text {
        font-size: 16px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 21px;

    }

    .business-content button {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 13px;
        border-radius: 15px;
        width: auto;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        /*box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);*/
    }

    /*Digital*/
    .digital {
        padding: 0px 0 100px;
    }

    .digital-content {


    }

    .digital-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #ed1c24;
        display: block;
        font-family: 'montserratblack';
    }

    .digital-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .digital-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .digital-content p.digital-text {
        font-size: 16px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 21px;

    }


    .digital-content button {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 13px;
        border-radius: 15px;
        width: auto;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        /*box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);*/
    }

    .dots {
        opacity: 0.9;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    #dots {

        animation-name: bounce;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 5s;
        margin-top: 20px;

    }

    @-webkit-keyframes bounce {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }

    }
    /*Product development*/
    .development {
        padding: 0px 0;
    }

    .development-chart {
        position: relative;
    }

    .lab-lines {
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 100;
        left: 0;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: run;
        -webkit-animation-duration: 5s;
    }

    @-webkit-keyframes run {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }
    }
    .development-content {
        padding-top: 45px;
        padding-bottom:  45px;

    }
    .development-chart img {
        position: relative;
        z-index: 2;
        top:38px;
    }


    .development-content .heading {
        font-size: 20px
        font-weight: bold;
        display: block;
        font-family: 'montserratblack';
        color: #93278f;
        display: block;

    }

    .development-content .sub-heading {
        ffont-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .development-content p.development-text {
        font-size: 16px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 21px;
    }

    #labs {
        position: relative;
        z-index: 1;
    }

    #myCanvasMobile {
        width: 100%;
        position: relative;
        top: -60px;
        z-index: 0;
        height: 101px;
    }

    .development-content button {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 13px;
        border-radius: 15px;
        width: auto;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        /*box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);*/
    }

    /*let discus*/
    .let-discus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,f15a24+41,f7931e+100 */
        background: #ed1c24; /* Old browsers */
        background: -moz-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#f7931e', GradientType=1); /* IE6-9 */
        padding: 32px 0;
    }

    .discus-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        font-style: normal;
        font-family: 'montserratblack';
    }

    .discus-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        display: block;
        line-height: 9px;
        margin-top: 12px;
        padding: 10px;
        border-radius: 15px;
        width: 152px;
        font-style: italic;
        font-family: 'montserratblack';
        background-color: #fff;
        border-color: #fff;
    }
    .let-discus .first-row {
        border-bottom: 2px solid #ffffff;
        padding-bottom:  0px;
       margin-right: 0px;
        margin-left: 0px;
    }
    .let-discus .second-row {
        padding-top: 0px;
    }
    .sp-container-top-left{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-top-right{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-bottom-left{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-bottom-right{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-top-left h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 18px;
        width: 75%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratregular";
        color: #fff   ;

    }
    .sp-container-top-right h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 18px;
        width: 75%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratregular";
        color: #fff   ;

    }
    .sp-container-bottom-left h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 18px;
        width: 75%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratregular";
        color: #fff   ;

    }
    .sp-container-bottom-right h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 18px;
        width: 75%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratregular";
        color: #fff   ;

    }
    .sp-container-top-left h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 16s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 16s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 16s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 16s;
        animation-fill-mode: backwards;
    }
    .sp-container-top-right h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 20s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 20s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 20s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 20s;
        animation-fill-mode: backwards;
    }
    .sp-container-bottom-left h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 6s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 24s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 24s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 24s;
        animation-fill-mode: backwards;
    }
    .sp-container-bottom-right h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 28s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 28s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 28s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 28s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
    }
    .sp-container-top-left h2.frame-1 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;
    }
    .sp-container-top-left h2.frame-2 {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;

    }

    .sp-container-top-right h2.frame-1 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container-top-right h2.frame-2 {
        -webkit-animation-delay: 14s;
        -moz-animation-delay: 14s;
        -ms-animation-delay: 14s;
        animation-delay: 14s;

    }
    .sp-container-bottom-left h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container-bottom-left h2.frame-2 {
        -webkit-animation-delay: 16s;
        -moz-animation-delay: 16s;
        -ms-animation-delay: 16s;
        animation-delay: 16s;

    }
    .sp-container-bottom-right h2.frame-1 {

        -webkit-animation-delay: 10s;
        -moz-animation-delay: 10s;
        -ms-animation-delay: 10s;
        animation-delay: 10s;

    }
    .sp-container-bottom-right h2.frame-2 {

        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;

    }
    /*#one, #two, #three, #four{*/
        /*height: 30px!important;*/
    /*}*/
    .let-discus .second-row{
        margin-top: 0px!important;
    }

    /*footer*/
    .footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
        background: #333333; /* Old browsers */
        background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333333 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333333 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); /* IE6-9 */
        padding: 0px 0px 92px;
    }

    .footer-logo span {
        font-family: league_spartanbold;
        font-size: 11px;
        padding-right: 10px;
        border-right: 2px solid #f2f2f2;
    }

    .footer-logo a {
        color: #fff;
        font-family: "Montserrat Light";
        font-size: 12px;
        margin-right: 9px;
        text-transform: uppercase;
    }
    .footer-content{
        padding-top: 30px;
    }

    .footer-nav {
        margin-left: 10px;
        margin-top: -4px !important;
    }

    .footer-logo a:hover {
        text-decoration: none;
    }

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #ccc;
    }

    .footer-social a img {
        width: 45px;
        margin-right: 5px;
    }

    .footer-copy {
        float: right;
        text-align: right;
        font-family: "Montserrat Light";
        position: absolute;
        bottom: -98px;
        right: 15px;
    }


    /*business css*/
    #business {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0058d2+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0071bc 0%, #0058d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#0058d2', GradientType=0); /* IE6-9 */

    }

    #business .hero-wrapper {
        background-image: url("../images/business-arrow.png");
        background-repeat: no-repeat;
        background-position: right 0px;
        background-size: contain;

    }

    #business .hero {
        background-image: url("../images/tag.svg");
        background-repeat: no-repeat;
        background-position: right 0px;
        background-size: contain;
    }

    #business .hero-content {
        background: transparent;
    }

    #business .hero h1 {
        font-family: "Montserrat Black";
        font-size: 13px;
    }

    #business .hero h1 span {
        font-size: 13px;
        font-style: italic;
    }

    .span-1 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-3 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-5 {
        font-style: italic;
        font-family: "montserratextralight_italic";
    }


    .what-we-do {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 65%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 */
        padding-top: 75px;
        /* min-height: 150px; */
    }

    .what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
    }

    .what-we-do-content p {
        padding-right: 0rem;
    }

    .what-we-do-content p.top {
        padding-right: 0rem;
        font-family: "montserratmedium";

    }

    .business-inside .col-12 {
        padding: 0px;
        /* overflow: hidden; */
    }

    .business-inside-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
        margin-left: 15px;
    }

    .business-inside-content-columns {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        padding: 8px 0 130px 0;
        min-height: 1140px;
    }

    .business-inside-content-columns .col-lg-6 {
        background: rgba(255, 255, 255, .7);
        padding: 10px 22px;
        margin: 0px 60px 37px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .business-inside-content-columns .heading {
        font-family: "montserratblack";
        font-size: 16px;
    }

    .container-img {
        position: relative;
        /*top: -236px;*/
        right: 0px;
        width: 194px;
        /* overflow: hidden; */
    }

    .business-inside-content-columns p {
        font-family: "montserratextralight";
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 0px;
    }

    .business-inside-content-columns button {
        font-size: 13px;
        font-weight: bold;
        color: #f8f9fa;
        display: block;
        line-height: 8px;
        /* margin-top: -31px; */
        padding: 10px;
        border-radius: 15px;
        width: 120px;
        border: 2px solid #3c3c3b;
        font-style: italic;
        font-family: 'montserratblack';
        margin: 0px auto;
        position: relative;
        bottom: -29px;
        background-color: #3c3c3b;
    }

    .data {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,1b1464+51,9e005d+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#9e005d', GradientType=1); /* IE6-9 */
        padding-top: 93px;
    }

    .data img {
        padding-bottom: 60px;
    }

    .data-content {
        min-height: 260px;
        padding-bottom: 35px;

    }

    .data-content .col-12 {
        background: #fff;
        border: .25px solid #000;
        padding: 15px;
    }

    .data-content h1 {
        font-family: "montserratblack_italic";
        font-size: 16px;
        color: #000 !important;
    }

    .data-content p {
        font-family: "montserratlight";
        font-size: 16px;
        line-height: 18.4px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .data-content a {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 16px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
    }
    .data-content .card{
        background: transparent;
        border: 0px;
    }
    .data-content .card .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 0px;
    }
    .data-content .card .card-header .btn {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 14px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        text-align: left;
        border-radius: 0px;
    }

    .btn i.fas.fa-chevron-right{
        transform: rotate(-90deg);
        float: right;
    }
    .collapsed i.fas.fa-chevron-right{
        transform: rotate(90deg);
        float: right;
    }
    .white-space {
        min-height: 10px;
        background: #fff;
    }

    .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,2e3192+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #2e3192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#2e3192', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
        position: relative;
        /* bottom: 93px; */
        margin-bottom: 30px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*digital css*/
    #digital {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: transparent; /* Old browsers */

    }

    #digital .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 339px;
    }

    #digital .hero-wrapper-2 {
        background-image: url("../images/digital-hero.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 339px;
        background-size: contain;
    }

    .digital-hero {
        padding-top: 0px;
        min-height: 0px;
    }

    #digital h1 {
        font-size: 14px;
        font-family: "montserratblack_italic";
    }

    #digital .span-1 {
        display: inline;
        font-family: "montserratextralight_italic";
    }

    #digital .span-5 {
        display: block;
    }

    .digital-main-content {
        padding-top: 35px;
        background: #ffffff;
    }

    .digital-spaces {
        background-color: #f2f2f2;
    }

    .digital-spaces-content {
        padding-top: 48px;
        margin-bottom: 48px;
    }

    .subheading {
        font-family: "montserratregular";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-spaces-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-ball-img {
        position: relative;
        margin: 0 auto;
        width: 150px;
    }

    .products-and-services {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        height: 186px;
    }

    .products-and-services-overlay {
        background: url("../images/products-and-services--mobile-bg.png");
        background-size: contain;
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 186px;
        padding-top: 140px;
    }

    .products-and-services-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #3c3c3b;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .number {
        font-family: "montserratblack";
        font-size: 45px;
    }

    .heading {
        font-family: "montserratblack";
        font-size: 24px;
    }

    .products-and-services-content p {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .products-and-services-content ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .products-and-services-content ul li {
        font-family: "montserratblack";
        font-size: 12px;
        padding: 5px;


    }

    .products-and-services-content ul li span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    .products-and-services-content .card{
        background: transparent ;
        border: 0px;
    }
    .products-and-services-content .card .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 0px;
    }
    .products-and-services-content .card .card-header .btn{
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 14px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        text-align: left;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
    .products-and-services-content .card .card-header .btn-link:focus, .products-and-services-content .card .card-header .btn-link.focus{
        text-decoration: none;
    }
    .products-and-services-content .card .card-header span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    /*Spot Light*/
    .spot-light {
        background: #f5f5f5;
        padding-top: 25px;
        clear: both;
    }

    .spot-light h1 {
        font-family: "montserratblack_italic";
        font-size: 14px !important;
        margin-top: 10px;
        margin-bottom: 47px;
    }

    .spot-light-content {
        padding-bottom: 60px;
    }
    .product:after {
        content: "";
        position: absolute;
        border-top: 3.25em solid;
        border-left: 3.25em solid transparent;
        margin-left: 0;
        color: #000;
        top:245px;
        left: 15px;
    }
    .second-row {
        margin-top: 100px;

    }

    .product {
        padding: 20px 21px 65px;
        background-color: #fff;
        margin-left: 52px;
        margin-top: -6px;

    }

    .product-title {
        font-family: "montserratblack";
        font-size: 14px;
    }

    .product-title span {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .product ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .product li {
        font-family: "montserratextralight";
        font-size: 10px;

    }


    #digital .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15a24+0,ed1c24+67,93278f+100 */
        background: rgb(241, 90, 36); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a24', endColorstr='#93278f', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*Product Development*/
    #product-development .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1b1464+40,d4145a+100 */
        background: rgb(0, 0, 0); /* Old browsers */
        background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#d4145a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 300px;

    }

    #product-development .hero-wrapper-2 {

    }

    .product-hero {
        padding-top: 50px;
    }

    #product-development .hero-content {
        background-color: transparent;
    }

    .product-hero h1 {
        font-size: 14px;
    }

    .product-hero .span-1 {
        font-family: "montserratblack";
        font-size: 10px;
        display: block;
        border-bottom: 2px solid #fff;
        width: 140px;
    }

    .product-hero .span-2 {
        font-family: "montserratblack_italic";
        display: block;

    }

    .product-hero .span-3 {
        font-family: "montserratlight_italic";
        display: inline;

    }

    .product-hero .span-4 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-5 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-6 {
        font-family: "montserratlight_italic";


    }

    .product-hero-img {
        position: relative;
        bottom: 0px;
        z-index: 0;
    }
    #myCanvas {
        width: 100%;
        position: relative;
        top: -60px;
        z-index: 0;
        height: 73px;
    }


    .product-main-content {
        background: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .product-what-we-do {

    }

    .product-what-we-do-content {
        background: url("../images/product-what-we-do.png");


    }

    .product-what-we-do-content-overlay {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

        padding-top: 27px;
        padding-bottom: 27px;
    }

    .product-what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
    }

    .product-what-we-do-content h5 {
        font-family: "montserratsemibold";
        font-size: 10px;
    }

    .product-what-we-do-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .product-what-we-do-img {

    }

    /*how we do it */
    .how-we-do-it {
        padding-bottom: 100px;
        margin-bottom: 45px;
        padding: 0 15px;
        margin-top: 25px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

    }

    .how-we-do-it h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        padding-top: 25px;
        margin-bottom: 0px;
    }

    .how-we-do-it-img {

    }

    .how-we-do-it .title {
        font-family: "montserratblack";
        font-size: 16px;
        padding: 10px 0;
    }

    .how-we-do-it p {
        font-family: "montserratextralight";
        font-size: 12px;
        text-align: center;
    }

    /*areas we are in*/
    .areas-we-are-in {
        background-color: #a22db2;
        padding: 35px 0px 45px;
    }

    .areas-we-are-in-overlay {
        background: url("../images/drone-mobile.png");
        background-position: center;
        background-repeat: no-repeat;
        padding: 200px 0px 0px;
    }

    .areas-we-are-in h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        margin-bottom: 45px;
    }

    .areas-we-are-in-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #8a0070;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .areas-we-are-in-content .title {
        font-family: "montserratblack_italic";
        font-size: 32px;
        margin-bottom: 30px;
    }
    .areas-we-are-in-content .card{
        background: transparent;
        border: 0px;
    }
    .areas-we-are-in-content .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 2px solid #ff5ff3;
        border-top: 0px;
        border-right:  0px;
        border-left: 0px;
    }
    .areas-we-are-in-content .card-header .btn{
        font-family: "montserratlight";
        font-size: 14px;
        color: #000;
        text-align: left;
        padding: 15px;
        width: 100%;
    }
    .areas-we-are-in-content .card-header .btn span{
        float: right;
        color: #ff5ff3;
    }


    .areas-we-are-in-content .card-header .btn-link:focus, .areas-we-are-in-content .card-header .btn-link.focus{
        text-decoration: none;
    }
    .areas-we-are-in-content p {

        font-family: "montserratlight";
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .areas-we-are-in-content ul {
        list-style: circle;
        padding: 0px;
        margin: 0px;
    }

    .areas-we-are-in-content ul li {
        font-family: "montserratblack";
        font-size: 10px;
        color: #000;

    }




    #product-development .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e3192+0,93278f+67,d4145a+100 */
        background: rgb(46, 49, 146); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3192', endColorstr='#d4145a', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    #product-development .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    #product-development .mail span {
        font-family: "montserratblack";

    }

    #product-development .mail span a {
        color: #ffffff;
    }
    /*about css*/
    #about  {
        background: #fff;
    }
    .about-hero{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,e6e6e6+64 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%, rgba(230,230,230,1) 64%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding-top: 40px;
    }
    .about-hero-content .heading{
        padding-top: 22px;
    }
    .about-hero-content .span1{
        font-family:"montserratlight_italic";
        font-size: 22px;
        display: block;
        line-height: 1px;
    }
    .about-hero-content .span2{
        font-family:"montserratblack_italic";
        font-size: 22px;
        display: block;
    }
    .about-hero-content .hero-content p{
        font-size: 10px;
        font-family: "montserratextralight";
        line-height: 14px;
    }
    .about-after-hero-content{
        background: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .about-what-we-do .heading{
        font-family:"montserratblack_italic";
        font-size: 14px;
        line-height: 18px;
        margin-bottom:18px ;
    }
    .about-what-we-do-content p{
        font-family:"montserratextralight";
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 40px;
    }
    .about-what-we-offer{
        background-color: #f2f2f2;
    }
    .about-what-we-offer .heading{
        font-family:"montserratblack_italic";
        font-size: 14px;
        line-height: 18px;
        margin-bottom:18px ;
        background-color: #fff;
        padding-right: 0px;
        padding-left: 15px;
    }
    .about-what-we-offer a:hover{
        text-decoration: none;
    }
    .about-what-we-offer .card{
        background: transparent!important;
        padding-top: 45px;
        border-right: 3px solid #000;
        border-radius: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        max-height: 587px;
    }
    .about-what-we-offer .card-title {
        font-family: "montserratblack";
        font-size: 12px;
        color: #000;
        text-decoration: none;
        letter-spacing: -1px;
    }
    .about-what-we-offer .card-body {
        padding: 9px;
    }
    .about-what-we-offer .card-text {
        font-family: "montserratlight";
        font-size: 10px;
        color: #000;
        text-decoration: none;
    }
    /*carousel*/
    .carousel {
        position: relative;
        width: 100%;
    }
    .carousel-control-prev, .carousel-control-next{

    }
    .carousel-control-next-icon {
        background-image: url("../images/next.svg")!important;
    }
    .carousel-control-prev-icon {
        background-image: url("../images/prev.svg")!important;
    }
    .about-location{
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .about-location .heading{
        font-size: 14px;
        font-family: "montserratblack_italic";
    }
    .about-location .heading span{
        font-family: "montserratlight_italic";
    }
    .about-location-address{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4145a+0,9e005d+77 */
        background: rgb(212,20,90); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(212,20,90,1) 0%, rgba(158,0,93,1) 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4145a', endColorstr='#9e005d',GradientType=1 ); /* IE6-9 */
        /*padding-top: 145px;*/
        /*padding-bottom: 100px;*/
        height: aut0;
    }
    .about-location-address .card{
        background: transparent;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 3px solid #ffffff;
        border-radius: 0px;
        height: 230px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .about-location-address .card-title{
        font-family: "montserratblack_italic";
        color: #fff;
        font-size: 16px;
        line-height: 20px;
    }
    .about-location-address .card-subtitle{
        font-family: "montserratlight_italic";
        color: #000;
        font-size: 10px;
        line-height: 14px;
    }
    .about-location-address .card-text{
        font-family: "montserratextralight";
        color: #fff;
        font-size: 10px;
        line-height: 14px;
    }
    .about-location-address .card-text span{
        font-family: "montserratblack_italic";
        font-size: 14px;
        text-transform: uppercase;

    }
    .about-location-address .phone span{
        font-size: 12px;
    }
    .about-location-address .phone i{
        transform: rotate(103deg);
    }
    .about-mail{
        background: #9e005d;
        padding: 14px 0;
        margin-bottom: 10px;
        display: none;
    }
    .about-mail a{
        color: #fff;
        font-family: "montserratlight_italic";
        font-size: 35px;
    }
    .about-mail a:hover{
        text-decoration: none;
    }
    .about-us-team{
        background: #f2f2f2;
        padding-top: 40px;
        display: none;
    }
    .about-us-team .heading{
        font-family: "montserratblack_italic";
        font-size: 14px;
        line-height: 18px;
    }
    .about-us-team .heading span{
        font-family: "montserratlight_italic";

    }
    .about-us-team-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dae1e7+81,ffffff+81 */
        background: rgb(218,225,231); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(218,225,231,1) 81%, rgba(255,255,255,1) 81%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .about-us-team-wrapper .card {

        border: 0px;
    }
    .about-us-team-wrapper .card img{
        background: #dae1e7;
    }
    .about-us-team-wrapper .card-body{
        background: #ffffff;
        padding: 18px;
    }
    .about-us-team-wrapper .card-title{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-us-team-wrapper .card-text{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-contact-us{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
        background: rgb(41,171,226); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
    }
    .about-contact-us .left-content{
        padding: 20px 0;
    }
    .about-contact-us .left-content .heading{
        font-family: "montserratblack_italic";
        font-size: 16px;
        line-height: 20px;
    }
    .about-contact-us .right-content{
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .about-contact-us .right-content .form-group{
        margin-bottom: 30px;
        border-bottom: 2px solid #ffffff;
    }
    .about-contact-us .right-content .form-control{
        border: 0px;
        background: transparent;
        border-radius: 0px;
    }

    .about-contact-us .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ffffff;
        font-size:16px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
        font-size:16px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
        font-size:16px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
        font-size:16px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us button {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 20px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #f7931e;
        font-style: italic;
        font-family: 'montserratblack';
    }

}


/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px)  {
    body {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-family: 'montserratregular';
    }

    .logo {

        font-family: 'league_spartanbold';

    }

    .logo a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    .logo span {
        height: 3.75rem;
        font-size: 20px;
        font-weight: bold;
        padding-top: 5px;
    }

    .top-nav {
        height: 4.6875rem
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("../images/nav-bar@2x.png");
        width: 30px;
        height: 30px;
    }

    .navbar-light .navbar-toggler {
        background-color: #000;
        float: right;
        height: 3.4375rem;
        position: absolute;
        top: 7px;
        right: 0px;
        border-radius: 35px;
    }

    .navbar-collapse {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        position: relative;
        top: 52px;
        right: -16px;
        z-index: 10;
        width: 100%;
        padding: 5px;
        border-radius: 3%;
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(255, 255, 255, 1);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(234, 234, 234, 0.95);
    }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgb(237, 28, 36);
    }
    .hero {
        background-image: url("../images/tire-tracks.png");
        background-position: 0 59px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 224px;
    }

    .hero-content {
        background: rgba(255, 255, 255, .9);
    }

    .hero-content p {
        font-family: "montserratregular";
        font-size: 10px;
    }

    .text-gradient {
        font-size: 14px; /* 64px*/
        font-weight: bold;
        font-style: italic;
        background: rgba(241, 91, 36, 1);
        background: -moz-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 91, 36, 1)), color-stop(100%, rgba(237, 28, 35, 1)));
        background: -webkit-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -o-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -ms-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: linear-gradient(to right, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15b24', endColorstr='#ed1c23', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 17px;
        font-family: 'montserratblack';
        padding-top: 10px;
    }

    .after-hero-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0.9+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
        padding-top: 0px;
    }

    .canvasjs-chart-credit {
        display: none !important;
    }

    .business-chart {
        padding: 15px;
    }

    .canvasjs-chart-container {
        padding: 0px;
        border-left: 6px solid #999;
        border-bottom: 6px solid #999;
        height: 170px;
        width: 100%;
    }

    .canvasjs-chart-canvas {
        top: 0px;
        height: 153px !important;
        width: 130px !important;
    }

    /*business*/
    .business {
        padding: 5px 0 100px 0;
    }

    .business-content {
        padding-top: 26px;
    }


    .gray_line {
        fill: none;
        stroke: #989898;
        stroke-width: 5;
        stroke-miterlimit: 10;
    }

    .green_line {
        fill: none;
        stroke: #24B574;
        stroke-width: 4;
        stroke-miterlimit: 10;
    }

    .small_circle {
        fill: #1072BA;
    }

    .big_circle {
        opacity: 0.8;
        fill: #1072BA;
        enable-background: new;
    }

    /*chart animation*/
    .item_0 {
        stroke-dasharray: 549 551;
        stroke-dashoffset: 550;
        animation: item_draw 709ms linear 0ms forwards;
        animation-delay: 10ms;
    }

    .item_1 {
        stroke-dasharray: 572 574;
        stroke-dashoffset: -573;
        animation: item_draw 709ms linear 0ms forwards;
        /*animation: item_draw 739ms linear 709ms forwards;*/
    }

    .item_2 {
        stroke-dasharray: 224 226;
        stroke-dashoffset: 225;
        animation: item_draw 290ms linear 1449ms forwards;
    }

    .item_3 {
        stroke-dasharray: 175 177;
        stroke-dashoffset: -176;
        animation: item_draw 227ms linear 1739ms forwards;
    }

    .item_4 {
        stroke-dasharray: 131 133;
        stroke-dashoffset: 132;
        animation: item_draw 170ms linear 1966ms forwards;
    }

    .item_5 {
        stroke-dasharray: 109 111;
        stroke-dashoffset: -110;
        animation: item_draw 141ms linear 2136ms forwards;
    }

    .item_6 {
        stroke-dasharray: 138 140;
        stroke-dashoffset: -139;
        animation: item_draw 179ms linear 2278ms forwards;
    }

    .item_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2458ms forwards;
        animation-delay: 3s;
        animation: linear;
    }

    .item_8 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2526ms forwards;
    }

    .item_9 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2646ms forwards;
    }

    .item_10 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2766ms forwards;
    }

    .item_11 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2834ms forwards;
    }

    .item_12 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2954ms forwards;
    }

    .item_13 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3023ms forwards;
    }

    .item_14 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3143ms forwards;
    }

    .item_15 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3211ms forwards;
    }

    .item_16 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3331ms forwards;
    }

    @keyframes item_draw {
        0% {
            opacity: 0;
        }
        100% {
            stroke-dashoffset: 0;
            opacity: 0.8;
        }
    }

    @keyframes item_fade {
        0% {
            stroke-opacity: 1;
        }
        94.73684210526316% {
            stroke-opacity: 1;
        }
        100% {
            stroke-opacity: 0;
        }
    }
    .business-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #0071bc;
        display: block;
        font-family: 'montserratblack';
    }

    .business-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-family: 'montserratblack';
    }

    .business-content p.business-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;

    }

    .business-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    /*Digital*/
    .digital {
        padding: 0px 0;
    }

    .digital-content {


    }

    .digital-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #ed1c24;
        display: block;
        font-family: 'montserratblack';
    }

    .digital-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .digital-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .digital-content p.digital-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;

    }


    .digital-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    .dots {
        opacity: 0.9;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    #dots {

        animation-name: bounce;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 5s;

    }

    @-webkit-keyframes bounce {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }

    }
    /*Product development*/
    .development {
        padding: 0px 0;
    }

    .development-chart {
        position: relative;
    }

    .lab-lines {
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 100;
        left: 0;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: run;
        -webkit-animation-duration: 5s;
    }

    @-webkit-keyframes run {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }
    }
    .development-content {
        padding-top: 45px;

    }
    .development-chart img {
        position: relative;
        z-index: 2;
        top:38px;
    }

    #myCanvas {
        width: 100%;
        position: relative;
        top: -22px;
        z-index: 0;
        height: 73px;
    }

    .development-content .heading {
        font-size: 20px
        font-weight: bold;
        display: block;
        font-family: 'montserratblack';
        color: #93278f;
        display: block;

    }

    .development-content .sub-heading {
        ffont-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .development-content p.development-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;
    }

    #labs {
        position: relative;
        z-index: 1;
    }

    #myCanvasMobile {
        width: 100%;
        position: relative;
        top: -60px;
        z-index: 0;
        height: 101px;
    }

    .development-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    /*let discus*/
    .let-discus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,f15a24+41,f7931e+100 */
        background: #ed1c24; /* Old browsers */
        background: -moz-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#f7931e', GradientType=1); /* IE6-9 */
        padding: 32px 0;
    }

    .discus-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        font-style: normal;
        font-family: 'montserratblack';
    }

    .discus-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        display: block;
        line-height: 9px;
        margin-top: 12px;
        padding: 10px;
        border-radius: 15px;
        width: 152px;
        font-style: italic;
        font-family: 'montserratblack';
        background-color: #fff;
        border-color: #fff;
    }



    /*footer*/
    .footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
        background: #333333; /* Old browsers */
        background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333333 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333333 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); /* IE6-9 */
        padding: 92px 0px;
    }

    .footer-logo span {
        font-family: league_spartanbold;
        font-size: 31px;
        padding-right: 20px;
        border-right: 2px solid #f2f2f2;
    }

    .footer-logo a {
        color: #fff;
        font-family: "Montserrat Light";
        font-size: 31px;
        margin-right: 20px;
        text-transform: uppercase;
    }

    .footer-nav {
        margin-left: 20px;
        margin-top: -4px !important;
    }

    .footer-logo a:hover {
        text-decoration: none;
    }

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #ccc;
    }

    .footer-social a img {
        width: 45px;
        margin-right: 5px;
    }

    .footer-copy {
        float: right;
        text-align: right;
        font-family: "Montserrat Light";
        position: absolute;
        bottom: -98px;
        right: 15px;
    }


    /*business css*/
    #business {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0058d2+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0071bc 0%, #0058d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#0058d2', GradientType=0); /* IE6-9 */

    }

    #business .hero-wrapper {
        background-image: url("../images/business-arrow.svg");
        background-repeat: no-repeat;
        background-position: right 0px;

    }

    #business .hero {
        background-image: url("../images/tag.svg");
        background-repeat: no-repeat;
        background-position: right 0px;
    }

    #business .hero-content {
        background: transparent;
    }

    #business .hero h1 {
        font-family: "Montserrat Black";
        font-size: 13px;
    }

    #business .hero h1 span {
        font-size: 13px;
        font-style: italic;
    }

    .span-1 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-3 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-5 {
        font-style: italic;
        font-family: "montserratextralight_italic";
    }


    .what-we-do {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 65%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 */
        padding-top: 75px;
        /* min-height: 150px; */
    }

    .what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
    }

    .what-we-do-content p {
        padding-right: 0rem;
    }

    .what-we-do-content p.top {
        padding-right: 0rem;
        font-family: "montserratmedium";

    }

    .business-inside .col-12 {
        padding: 0px;
        /* overflow: hidden; */
    }

    .business-inside-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
        margin-left: 15px;
    }

    .business-inside-content-columns {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        padding: 8px 0 130px 0;
        min-height: 1140px;
    }

    .business-inside-content-columns .col-lg-6 {
        background: rgba(255, 255, 255, .7);
        padding: 10px 22px;
        margin: 0px 60px 37px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .business-inside-content-columns .heading {
        font-family: "montserratblack";
        font-size: 16px;
    }

    .container-img {
        position: relative;
        top: -236px;
        right: 0px;
        width: 194px;
        /* overflow: hidden; */
    }

    .business-inside-content-columns p {
        font-family: "montserratextralight";
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 0px;
    }

    .business-inside-content-columns button {
        font-size: 13px;
        font-weight: bold;
        color: #f8f9fa;
        display: block;
        line-height: 8px;
        /* margin-top: -31px; */
        padding: 10px;
        border-radius: 15px;
        width: 120px;
        border: 2px solid #3c3c3b;
        font-style: italic;
        font-family: 'montserratblack';
        margin: 0px auto;
        position: relative;
        bottom: -29px;
        background-color: #3c3c3b;
    }

    .data {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,1b1464+51,9e005d+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#9e005d', GradientType=1); /* IE6-9 */
        padding-top: 93px;
    }

    .data img {
        padding-bottom: 60px;
    }

    .data-content {
        min-height: 260px;
        padding-bottom: 35px;

    }

    .data-content .col-12 {
        background: #fff;
        border: .25px solid #000;
        padding: 15px;
    }

    .data-content h1 {
        font-family: "montserratblack_italic";
        font-size: 16px;
        color: #000 !important;
    }

    .data-content p {
        font-family: "montserratlight";
        font-size: 16px;
        line-height: 18.4px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .data-content a {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 16px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
    }
    .data-content .card{
        background: transparent;
        border: 0px;
    }
    .data-content .card .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 0px;
    }
    .data-content .card .card-header .btn {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 14px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        text-align: left;
        border-radius: 0px;
    }
    .data-content .card .card-header .btn span{
        float: right;
    }

    .white-space {
        min-height: 363px;
        background: #fff;
    }

    .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,2e3192+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #2e3192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#2e3192', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*digital css*/
    #digital {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: transparent; /* Old browsers */

    }

    #digital .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 339px;
    }

    #digital .hero-wrapper-2 {
        background-image: url("../images/digital-hero.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 339px;
        background-size: contain;
    }

    .digital-hero {
        padding-top: 0px;
        min-height: 0px;
    }

    #digital h1 {
        font-size: 14px;
        font-family: "montserratblack_italic";
    }

    #digital .span-1 {
        display: inline;
        font-family: "montserratextralight_italic";
    }

    #digital .span-5 {
        display: block;
    }

    .digital-main-content {
        padding-top: 35px;
        background: #ffffff;
    }

    .digital-spaces {
        background-color: #f2f2f2;
    }

    .digital-spaces-content {
        padding-top: 48px;
        margin-bottom: 48px;
    }

    .subheading {
        font-family: "montserratregular";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-spaces-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-ball-img {
        position: relative;
        right: -13px;
        top: -23px;
        float: right;
        width: 150px;
    }

    .products-and-services {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        height: 186px;
    }

    .products-and-services-overlay {
        background: url("../images/products-and-services--mobile-bg.png");
        background-size: contain;
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 186px;
        padding-top: 140px;
    }

    .products-and-services-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #3c3c3b;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .number {
        font-family: "montserratblack";
        font-size: 45px;
    }

    .heading {
        font-family: "montserratblack";
        font-size: 24px;
    }

    .products-and-services-content p {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .products-and-services-content ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .products-and-services-content ul li {
        font-family: "montserratblack";
        font-size: 12px;
        padding: 5px;


    }

    .products-and-services-content ul li span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    .products-and-services-content .card{
        background: transparent ;
        border: 0px;
    }
    .products-and-services-content .card .card-header{
        font-family: "montserratlight";
        font-size: 12px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        padding: 5px;
        margin-bottom: 10px;
        color: #ffffff;
        border: 0px;
    }
    .products-and-services-content .card .card-header .btn{

        padding: 0px;
        border-radius: 0px;
        font-size: 12px;
        color: #fff;
    }
    .products-and-services-content .card .card-header .btn-link:focus, .products-and-services-content .card .card-header .btn-link.focus{
        text-decoration: none;
    }
    .products-and-services-content .card .card-header span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    /*Spot Light*/
    .spot-light {
        background: #f5f5f5;
        padding-top: 25px;
        clear: both;
    }

    .spot-light h1 {
        font-family: "montserratblack_italic";
        font-size: 14px !important;
        margin-top: 10px;
        margin-bottom: 47px;
    }

    .spot-light-content {
        padding-bottom: 60px;
    }

    .second-row {
        margin-top: 100px;

    }

    .product {
        padding: 20px 21px 65px;
        background-color: #fff;
        margin-left: 55px;

    }

    .product-title {
        font-family: "montserratblack";
        font-size: 14px;
    }

    .product-title span {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .product ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .product li {
        font-family: "montserratextralight";
        font-size: 10px;

    }


    #digital .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15a24+0,ed1c24+67,93278f+100 */
        background: rgb(241, 90, 36); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a24', endColorstr='#93278f', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*Product Development*/
    #product-development .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1b1464+40,d4145a+100 */
        background: rgb(0, 0, 0); /* Old browsers */
        background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#d4145a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 300px;

    }

    #product-development .hero-wrapper-2 {

    }

    .product-hero {
        padding-top: 50px;
    }

    #product-development .hero-content {
        background-color: transparent;
    }

    .product-hero h1 {
        font-size: 14px;
    }

    .product-hero .span-1 {
        font-family: "montserratblack";
        font-size: 10px;
        display: block;
        border-bottom: 2px solid #fff;
        width: 140px;
    }

    .product-hero .span-2 {
        font-family: "montserratblack_italic";
        display: block;

    }

    .product-hero .span-3 {
        font-family: "montserratlight_italic";
        display: inline;

    }

    .product-hero .span-4 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-5 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-6 {
        font-family: "montserratlight_italic";


    }

    .product-hero-img {
        position: relative;
        bottom: -80px;
    }

    .product-main-content {
        background: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .product-what-we-do {

    }

    .product-what-we-do-content {
        background: url("../images/product-what-we-do.png");


    }

    .product-what-we-do-content-overlay {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

        padding-top: 27px;
        padding-bottom: 27px;
    }

    .product-what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
    }

    .product-what-we-do-content h5 {
        font-family: "montserratsemibold";
        font-size: 10px;
    }

    .product-what-we-do-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .product-what-we-do-img {

    }

    /*how we do it */
    .how-we-do-it {
        padding-bottom: 100px;
        margin-bottom: 45px;
        padding: 0 15px;
        margin-top: 25px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

    }

    .how-we-do-it h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        padding-top: 25px;
        margin-bottom: 0px;
    }

    .how-we-do-it-img {

    }

    .how-we-do-it .title {
        font-family: "montserratblack";
        font-size: 16px;
        padding: 10px 0;
    }

    .how-we-do-it p {
        font-family: "montserratextralight";
        font-size: 12px;
        text-align: center;
    }

    /*areas we are in*/
    .areas-we-are-in {
        background-color: #a22db2;
        padding: 35px 15px 45px;
    }

    .areas-we-are-in-overlay {
        background: url("../images/drone-mobile.png");
        background-position: center;
        background-repeat: no-repeat;
        padding: 200px 0px 0px;
    }

    .areas-we-are-in h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        margin-bottom: 45px;
    }

    .areas-we-are-in-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #8a0070;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .areas-we-are-in-content .title {
        font-family: "montserratblack_italic";
        font-size: 32px;
        margin-bottom: 30px;
    }
    .areas-we-are-in-content .card{
        background: transparent;
        border: 0px;
    }
    .areas-we-are-in-content .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 2px solid #ff5ff3;
        border-top: 0px;
        border-right:  0px;
        border-left: 0px;
    }
    .areas-we-are-in-content .card-header .btn{
        font-family: "montserratlight";
        font-size: 10px;
        color: #000;
        text-align: left;
        padding: 0px;
        width: 100%;
    }
    .areas-we-are-in-content .card-header .btn span{
        float: right;
        color: #ff5ff3;
    }


    .areas-we-are-in-content .card-header .btn-link:focus, .areas-we-are-in-content .card-header .btn-link.focus{
        text-decoration: none;
    }
    .areas-we-are-in-content p {

        font-family: "montserratlight";
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .areas-we-are-in-content ul {
        list-style: circle;
        padding: 0px;
        margin: 0px;
    }

    .areas-we-are-in-content ul li {
        font-family: "montserratblack";
        font-size: 10px;
        color: #000;

    }




    #product-development .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e3192+0,93278f+67,d4145a+100 */
        background: rgb(46, 49, 146); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3192', endColorstr='#d4145a', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    #product-development .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    #product-development .mail span {
        font-family: "montserratblack";

    }

    #product-development .mail span a {
        color: #ffffff;
    }
    /*about css*/
    #about  {
        background: #fff;
    }
    .about-hero{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,e6e6e6+64 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%, rgba(230,230,230,1) 64%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding-top: 150px;
    }
    .about-hero-content .heading{
        padding-top: 120px;
    }
    .about-hero-content .span1{
        font-family:"montserratlight_italic";
        font-size: 116px;
        display: block;
        line-height: 1px;
    }
    .about-hero-content .span2{
        font-family:"montserratblack_italic";
        font-size: 116px;
        display: block;
    }
    .about-hero-content .hero-content p{
        font-size: 28px;
        font-family: "montserratextralight";
        line-height: 33px;
    }
    .about-after-hero-content{
        background: #f2f2f2;
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .about-what-we-do .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-do-content p{
        font-family:"montserratextralight";
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 150px;
    }
    .about-what-we-offer{

    }
    .about-what-we-offer .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-offer a:hover{
        text-decoration: none;
    }
    .about-what-we-offer .card{
        background: transparent!important;
        padding-top: 45px;
        border-right: 4px solid #000;
        border-radius: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        max-height: 587px;
    }
    .about-what-we-offer .card-title {
        font-family: "montserratblack";
        font-size: 26px;
        color: #000;
        text-decoration: none;
        letter-spacing: -1px;
    }
    .about-what-we-offer .card-text {
        font-family: "montserratlight";
        font-size: 22px;
        color: #000;
        text-decoration: none;
    }
    .about-location{
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 10px;
    }
    .about-location .heading{
        font-size: 56px;
        font-family: "montserratblack_italic";
    }
    .about-location .heading span{
        font-family: "montserratlight_italic";
    }
    .about-location-address{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4145a+0,9e005d+77 */
        background: rgb(212,20,90); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(212,20,90,1) 0%, rgba(158,0,93,1) 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4145a', endColorstr='#9e005d',GradientType=1 ); /* IE6-9 */
        /*padding-top: 145px;*/
        /*padding-bottom: 100px;*/
        height: 760px;
    }
    .about-location-address .card{
        background: transparent;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 7px solid #ffffff;
        border-radius: 0px;
        height: 760px;
        padding-top: 145px;
        padding-bottom: 100px;
    }
    .about-location-address .card-title{
        font-family: "montserratblack_italic";
        color: #fff;
        font-size: 86px;
        line-height: 103px;
    }
    .about-location-address .card-subtitle{
        font-family: "montserratlight_italic";
        color: #000;
        font-size: 42px;
        line-height: 50px;
    }
    .about-location-address .card-text{
        font-family: "montserratextralight";
        color: #fff;
        font-size: 27px;
        line-height: 32px;
    }
    .about-location-address .card-text span{
        font-family: "montserratblack_italic";
        font-size: 61px;
        text-transform: uppercase;

    }
    .about-location-address .phone span{
        font-size: 27px;
    }
    .about-location-address .phone i{
        transform: rotate(103deg);
    }
    .let-discus .first-row {
        border-bottom: 2px solid #ffffff;
        padding-bottom:  0px;
    }
    .let-discus .second-row {
        padding-top: 0px;
    }
    .sp-container{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 8s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 8s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
    }
    .sp-container h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container h2.frame-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container h2.frame-3 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;

    }
    .sp-container h2.frame-4 {

        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        animation-delay: 2s;

    }


}


/*// Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991px) {
    body {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-family: 'montserratregular';
    }

    .logo {

        font-family: 'league_spartanbold';

    }

    .logo a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    .logo span {
        height: 3.75rem;
        font-size: 20px;
        font-weight: bold;
        padding-top: 5px;
    }

    .top-nav {
        height: 4.6875rem
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("../images/nav-bar@2x.png");
        width: 30px;
        height: 30px;
    }

    .navbar-light .navbar-toggler {
        background-color: #000;
        float: right;
        height: 3.4375rem;
        position: absolute;
        top: 7px;
        right: 0px;
        border-radius: 35px;
    }

    .navbar-collapse {
        background: rgb(0, 0, 0);
        color: rgb(255, 255, 255);
        position: relative;
        top: 52px;
        right: -16px;
        z-index: 10;
        width: 100%;
        padding: 5px;
        border-radius: 3%;
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(255, 255, 255, 1);
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(234, 234, 234, 0.95);
    }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgb(237, 28, 36);
    }
    .hero {
        background-image: url("../images/tire-tracks.png");
        background-position: 0 59px;
        background-repeat: no-repeat;
        background-size: contain;
        height: 224px;
    }

    .hero-content {
        background: rgba(255, 255, 255, .9);
    }

    .hero-content p {
        font-family: "montserratregular";
        font-size: 10px;
    }

    .text-gradient {
        font-size: 14px; /* 64px*/
        font-weight: bold;
        font-style: italic;
        background: rgba(241, 91, 36, 1);
        background: -moz-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 91, 36, 1)), color-stop(100%, rgba(237, 28, 35, 1)));
        background: -webkit-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -o-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -ms-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: linear-gradient(to right, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15b24', endColorstr='#ed1c23', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 17px;
        font-family: 'montserratblack';
        padding-top: 10px;
    }

    .after-hero-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0.9+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
        padding-top: 0px;
    }

    .canvasjs-chart-credit {
        display: none !important;
    }

    .business-chart {
        padding: 15px;
    }

    .canvasjs-chart-container {
        padding: 0px;
        border-left: 6px solid #999;
        border-bottom: 6px solid #999;
        height: 170px;
        width: 100%;
    }

    .canvasjs-chart-canvas {
        top: 0px;
        height: 153px !important;
        width: 130px !important;
    }

    /*business*/
    .business {
        padding: 5px 0 100px 0;
    }

    .business-content {
        padding-top: 26px;
    }


    .gray_line {
        fill: none;
        stroke: #989898;
        stroke-width: 5;
        stroke-miterlimit: 10;
    }

    .green_line {
        fill: none;
        stroke: #24B574;
        stroke-width: 4;
        stroke-miterlimit: 10;
    }

    .small_circle {
        fill: #1072BA;
    }

    .big_circle {
        opacity: 0.8;
        fill: #1072BA;
        enable-background: new;
    }

    /*chart animation*/
    .item_0 {
        stroke-dasharray: 549 551;
        stroke-dashoffset: 550;
        animation: item_draw 709ms linear 0ms forwards;
        animation-delay: 10ms;
    }

    .item_1 {
        stroke-dasharray: 572 574;
        stroke-dashoffset: -573;
        animation: item_draw 709ms linear 0ms forwards;
        /*animation: item_draw 739ms linear 709ms forwards;*/
    }

    .item_2 {
        stroke-dasharray: 224 226;
        stroke-dashoffset: 225;
        animation: item_draw 290ms linear 1449ms forwards;
    }

    .item_3 {
        stroke-dasharray: 175 177;
        stroke-dashoffset: -176;
        animation: item_draw 227ms linear 1739ms forwards;
    }

    .item_4 {
        stroke-dasharray: 131 133;
        stroke-dashoffset: 132;
        animation: item_draw 170ms linear 1966ms forwards;
    }

    .item_5 {
        stroke-dasharray: 109 111;
        stroke-dashoffset: -110;
        animation: item_draw 141ms linear 2136ms forwards;
    }

    .item_6 {
        stroke-dasharray: 138 140;
        stroke-dashoffset: -139;
        animation: item_draw 179ms linear 2278ms forwards;
    }

    .item_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2458ms forwards;
        animation-delay: 3s;
        animation: linear;
    }

    .item_8 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2526ms forwards;
    }

    .item_9 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2646ms forwards;
    }

    .item_10 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2766ms forwards;
    }

    .item_11 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2834ms forwards;
    }

    .item_12 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2954ms forwards;
    }

    .item_13 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3023ms forwards;
    }

    .item_14 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3143ms forwards;
    }

    .item_15 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3211ms forwards;
    }

    .item_16 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3331ms forwards;
    }

    @keyframes item_draw {
        0% {
            opacity: 0;
        }
        100% {
            stroke-dashoffset: 0;
            opacity: 0.8;
        }
    }

    @keyframes item_fade {
        0% {
            stroke-opacity: 1;
        }
        94.73684210526316% {
            stroke-opacity: 1;
        }
        100% {
            stroke-opacity: 0;
        }
    }
    .business-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #0071bc;
        display: block;
        font-family: 'montserratblack';
    }

    .business-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-family: 'montserratblack';
    }

    .business-content p.business-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;

    }

    .business-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    /*Digital*/
    .digital {
        padding: 0px 0;
    }

    .digital-content {


    }

    .digital-content .heading {
        font-size: 20px
        font-weight: bold;
        color: #ed1c24;
        display: block;
        font-family: 'montserratblack';
    }

    .digital-content .sub-heading {
        font-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .digital-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .digital-content p.digital-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;

    }


    .digital-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    .dots {
        opacity: 0.9;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    #dots {

        animation-name: bounce;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 5s;

    }

    @-webkit-keyframes bounce {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }

    }
    /*Product development*/
    .development {
        padding: 0px 0;
    }

    .development-chart {
        position: relative;
    }

    .lab-lines {
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 100;
        left: 0;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: run;
        -webkit-animation-duration: 5s;
    }

    @-webkit-keyframes run {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }
    }
    .development-content {
        padding-top: 45px;

    }
    .development-chart img {
        position: relative;
        z-index: 2;
        top:38px;
    }

    #myCanvas {
        width: 100%;
        position: relative;
        top: -22px;
        z-index: 0;
        height: 73px;
    }

    .development-content .heading {
        font-size: 20px
        font-weight: bold;
        display: block;
        font-family: 'montserratblack';
        color: #93278f;
        display: block;

    }

    .development-content .sub-heading {
        ffont-size: 14px;
        font-weight: lighter;
        font-style: italic;
        color: #000;
        line-height: 16px;
    }

    .sub-heading .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .development-content p.development-text {
        font-size: 10px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 12px;
    }

    #labs {
        position: relative;
        z-index: 1;
    }

    #myCanvasMobile {
        width: 100%;
        position: relative;
        top: -60px;
        z-index: 0;
        height: 101px;
    }

    .development-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 10px;
        margin-top: 14px;
        padding: 8px;
        border-radius: 15px;
        width: 117px;
        border: 1px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
        box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3);
    }

    /*let discus*/
    .let-discus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,f15a24+41,f7931e+100 */
        background: #ed1c24; /* Old browsers */
        background: -moz-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#f7931e', GradientType=1); /* IE6-9 */
        padding: 32px 0;
    }

    .discus-content .sub-heading-bold {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        font-style: normal;
        font-family: 'montserratblack';
    }

    .discus-content button {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        display: block;
        line-height: 9px;
        margin-top: 12px;
        padding: 10px;
        border-radius: 15px;
        width: 152px;
        font-style: italic;
        font-family: 'montserratblack';
        background-color: #fff;
        border-color: #fff;
    }

    /*footer*/
    .footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
        background: #333333; /* Old browsers */
        background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333333 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333333 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); /* IE6-9 */
        padding: 92px 0px;
    }

    .footer-logo span {
        font-family: league_spartanbold;
        font-size: 31px;
        padding-right: 20px;
        border-right: 2px solid #f2f2f2;
    }

    .footer-logo a {
        color: #fff;
        font-family: "Montserrat Light";
        font-size: 31px;
        margin-right: 20px;
        text-transform: uppercase;
    }

    .footer-nav {
        margin-left: 20px;
        margin-top: -4px !important;
    }

    .footer-logo a:hover {
        text-decoration: none;
    }

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #ccc;
    }

    .footer-social a img {
        width: 45px;
        margin-right: 5px;
    }

    .footer-copy {
        float: right;
        text-align: right;
        font-family: "Montserrat Light";
        position: absolute;
        bottom: -98px;
        right: 15px;
    }


    /*business css*/
    #business {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0058d2+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0071bc 0%, #0058d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#0058d2', GradientType=0); /* IE6-9 */

    }

    #business .hero-wrapper {
        background-image: url("../images/business-arrow.svg");
        background-repeat: no-repeat;
        background-position: right 0px;

    }

    #business .hero {
        background-image: url("../images/tag.svg");
        background-repeat: no-repeat;
        background-position: right 0px;
    }

    #business .hero-content {
        background: transparent;
    }

    #business .hero h1 {
        font-family: "Montserrat Black";
        font-size: 13px;
    }

    #business .hero h1 span {
        font-size: 13px;
        font-style: italic;
    }

    .span-1 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-3 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-5 {
        font-style: italic;
        font-family: "montserratextralight_italic";
    }


    .what-we-do {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 65%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 */
        padding-top: 75px;
        /* min-height: 150px; */
    }

    .what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
    }

    .what-we-do-content p {
        padding-right: 0rem;
    }

    .what-we-do-content p.top {
        padding-right: 0rem;
        font-family: "montserratmedium";

    }

    .business-inside .col-12 {
        padding: 0px;
        /* overflow: hidden; */
    }

    .business-inside-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
        margin-left: 15px;
    }

    .business-inside-content-columns {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        padding: 8px 0 130px 0;
        min-height: 1140px;
    }

    .business-inside-content-columns .col-lg-6 {
        background: rgba(255, 255, 255, .7);
        padding: 10px 22px;
        margin: 0px 60px 37px;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .business-inside-content-columns .heading {
        font-family: "montserratblack";
        font-size: 16px;
    }

    .container-img {
        position: relative;
        top: -236px;
        right: 0px;
        width: 194px;
        /* overflow: hidden; */
    }

    .business-inside-content-columns p {
        font-family: "montserratextralight";
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 0px;
    }

    .business-inside-content-columns button {
        font-size: 13px;
        font-weight: bold;
        color: #f8f9fa;
        display: block;
        line-height: 8px;
        /* margin-top: -31px; */
        padding: 10px;
        border-radius: 15px;
        width: 120px;
        border: 2px solid #3c3c3b;
        font-style: italic;
        font-family: 'montserratblack';
        margin: 0px auto;
        position: relative;
        bottom: -29px;
        background-color: #3c3c3b;
    }

    .data {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,1b1464+51,9e005d+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#9e005d', GradientType=1); /* IE6-9 */
        padding-top: 93px;
    }

    .data img {
        padding-bottom: 60px;
    }

    .data-content {
        min-height: 260px;
        padding-bottom: 35px;

    }

    .data-content .col-12 {
        background: #fff;
        border: .25px solid #000;
        padding: 15px;
    }

    .data-content h1 {
        font-family: "montserratblack_italic";
        font-size: 16px;
        color: #000 !important;
    }

    .data-content p {
        font-family: "montserratlight";
        font-size: 16px;
        line-height: 18.4px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .data-content a {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 16px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
    }
    .data-content .card{
        background: transparent;
        border: 0px;
    }
    .data-content .card .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 0px;
    }
    .data-content .card .card-header .btn {
        font-family: "montserratlight";
        color: #ffffff;
        font-size: 14px;
        background: #5c278f;
        padding: 15px;
        width: 100%;
        margin-bottom: 10px;
        display: block;
        text-align: left;
        border-radius: 0px;
    }
    .data-content .card .card-header .btn span{
        float: right;
    }

    .white-space {
        min-height: 363px;
        background: #fff;
    }

    .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,2e3192+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #2e3192 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #2e3192 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#2e3192', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*digital css*/
    #digital {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: transparent; /* Old browsers */

    }

    #digital .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 339px;
    }

    #digital .hero-wrapper-2 {
        background-image: url("../images/digital-hero.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 339px;
        background-size: contain;
    }

    .digital-hero {
        padding-top: 0px;
        min-height: 0px;
    }

    #digital h1 {
        font-size: 14px;
        font-family: "montserratblack_italic";
    }

    #digital .span-1 {
        display: inline;
        font-family: "montserratextralight_italic";
    }

    #digital .span-5 {
        display: block;
    }

    .digital-main-content {
        padding-top: 35px;
        background: #ffffff;
    }

    .digital-spaces {
        background-color: #f2f2f2;
    }

    .digital-spaces-content {
        padding-top: 48px;
        margin-bottom: 48px;
    }

    .subheading {
        font-family: "montserratregular";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-spaces-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .digital-ball-img {
        position: relative;
        right: -13px;
        top: -23px;
        float: right;
        width: 150px;
    }

    .products-and-services {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        height: 186px;
    }

    .products-and-services-overlay {
        background: url("../images/products-and-services--mobile-bg.png");
        background-size: contain;
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 186px;
        padding-top: 140px;
    }

    .products-and-services-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #3c3c3b;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .number {
        font-family: "montserratblack";
        font-size: 45px;
    }

    .heading {
        font-family: "montserratblack";
        font-size: 24px;
    }

    .products-and-services-content p {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .products-and-services-content ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .products-and-services-content ul li {
        font-family: "montserratblack";
        font-size: 12px;
        padding: 5px;


    }

    .products-and-services-content ul li span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    .products-and-services-content .card{
        background: transparent ;
        border: 0px;
    }
    .products-and-services-content .card .card-header{
        font-family: "montserratlight";
        font-size: 12px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d1f60+0,ec2227+65,f15b27+100 */
        background: rgb(157, 31, 96); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(157, 31, 96, 1) 0%, rgba(236, 34, 39, 1) 65%, rgba(241, 91, 39, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d1f60', endColorstr='#f15b27', GradientType=1); /* IE6-9 */
        padding: 5px;
        margin-bottom: 10px;
        color: #ffffff;
        border: 0px;
    }
    .products-and-services-content .card .card-header .btn{

        padding: 0px;
        border-radius: 0px;
        font-size: 12px;
        color: #fff;
    }
    .products-and-services-content .card .card-header .btn-link:focus, .products-and-services-content .card .card-header .btn-link.focus{
        text-decoration: none;
    }
    .products-and-services-content .card .card-header span {
        margin-right: 15px;
        font-family: "montserratblack";
    }
    /*Spot Light*/
    .spot-light {
        background: #f5f5f5;
        padding-top: 25px;
        clear: both;
    }

    .spot-light h1 {
        font-family: "montserratblack_italic";
        font-size: 14px !important;
        margin-top: 10px;
        margin-bottom: 47px;
    }

    .spot-light-content {
        padding-bottom: 60px;
    }

    .second-row {
        margin-top: 100px;

    }

    .product {
        padding: 20px 21px 65px;
        background-color: #fff;
        margin-left: 55px;

    }

    .product-title {
        font-family: "montserratblack";
        font-size: 14px;
    }

    .product-title span {
        font-family: "montserratlight";
        font-size: 12px;
    }

    .product ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .product li {
        font-family: "montserratextralight";
        font-size: 10px;

    }


    #digital .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15a24+0,ed1c24+67,93278f+100 */
        background: rgb(241, 90, 36); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(241, 90, 36, 1) 0%, rgba(237, 28, 36, 1) 67%, rgba(147, 39, 143, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15a24', endColorstr='#93278f', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*Product Development*/
    #product-development .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1b1464+40,d4145a+100 */
        background: rgb(0, 0, 0); /* Old browsers */
        background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#d4145a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 300px;

    }

    #product-development .hero-wrapper-2 {

    }

    .product-hero {
        padding-top: 50px;
    }

    #product-development .hero-content {
        background-color: transparent;
    }

    .product-hero h1 {
        font-size: 14px;
    }

    .product-hero .span-1 {
        font-family: "montserratblack";
        font-size: 10px;
        display: block;
        border-bottom: 2px solid #fff;
        width: 140px;
    }

    .product-hero .span-2 {
        font-family: "montserratblack_italic";
        display: block;

    }

    .product-hero .span-3 {
        font-family: "montserratlight_italic";
        display: inline;

    }

    .product-hero .span-4 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-5 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-6 {
        font-family: "montserratlight_italic";


    }

    .product-hero-img {
        position: relative;
        bottom: -80px;
    }

    .product-main-content {
        background: #fff;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .product-what-we-do {

    }

    .product-what-we-do-content {
        background: url("../images/product-what-we-do.png");


    }

    .product-what-we-do-content-overlay {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

        padding-top: 27px;
        padding-bottom: 27px;
    }

    .product-what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
    }

    .product-what-we-do-content h5 {
        font-family: "montserratsemibold";
        font-size: 10px;
    }

    .product-what-we-do-content p {
        font-family: "montserratextralight";
        font-size: 10px;
        line-height: 12px;
    }

    .product-what-we-do-img {

    }

    /*how we do it */
    .how-we-do-it {
        padding-bottom: 100px;
        margin-bottom: 45px;
        padding: 0 15px;
        margin-top: 25px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
        background: rgb(255, 255, 255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=1); /* IE6-9 */

    }

    .how-we-do-it h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        padding-top: 25px;
        margin-bottom: 0px;
    }

    .how-we-do-it-img {

    }

    .how-we-do-it .title {
        font-family: "montserratblack";
        font-size: 16px;
        padding: 10px 0;
    }

    .how-we-do-it p {
        font-family: "montserratextralight";
        font-size: 12px;
        text-align: center;
    }

    /*areas we are in*/
    .areas-we-are-in {
        background-color: #a22db2;
        padding: 35px 15px 45px;
    }

    .areas-we-are-in-overlay {
        background: url("../images/drone-mobile.png");
        background-position: center;
        background-repeat: no-repeat;
        padding: 200px 0px 0px;
    }

    .areas-we-are-in h1 {
        font-family: "montserratblack_italic";
        font-size: 14px;
        margin-bottom: 45px;
    }

    .areas-we-are-in-content {
        background-color: #ffffff;
        height: auto;
        border: 1px solid #1d1d1b;
        box-shadow: 18px 18px 1px #8a0070;
        /* margin-top: 28px; */
        clear: both;
        display: block;
        /* z-index: 1; */
        /* position: relative; */
        float: left;
        width: 100%;
        padding: 15px;
    }

    .areas-we-are-in-content .title {
        font-family: "montserratblack_italic";
        font-size: 32px;
        margin-bottom: 30px;
    }
    .areas-we-are-in-content .card{
        background: transparent;
        border: 0px;
    }
    .areas-we-are-in-content .card-header{
        padding: 0px;
        background-color: transparent;
        border-bottom: 2px solid #ff5ff3;
        border-top: 0px;
        border-right:  0px;
        border-left: 0px;
    }
    .areas-we-are-in-content .card-header .btn{
        font-family: "montserratlight";
        font-size: 10px;
        color: #000;
        text-align: left;
        padding: 0px;
        width: 100%;
    }
    .areas-we-are-in-content .card-header .btn span{
        float: right;
        color: #ff5ff3;
    }


    .areas-we-are-in-content .card-header .btn-link:focus, .areas-we-are-in-content .card-header .btn-link.focus{
        text-decoration: none;
    }
    .areas-we-are-in-content p {

        font-family: "montserratlight";
        font-size: 10px;
        line-height: 14px;
        padding-bottom: 0px;
        color: #000 !important;
    }

    .areas-we-are-in-content ul {
        list-style: circle;
        padding: 0px;
        margin: 0px;
    }

    .areas-we-are-in-content ul li {
        font-family: "montserratblack";
        font-size: 10px;
        color: #000;

    }




    #product-development .mail {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e3192+0,93278f+67,d4145a+100 */
        background: rgb(46, 49, 146); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(46, 49, 146, 1) 0%, rgba(147, 39, 143, 1) 67%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3192', endColorstr='#d4145a', GradientType=1); /* IE6-9 */
        padding-bottom: 2px;
    }

    #product-development .mail p {
        font-family: "montserratlight";
        font-size: 8px;
        padding-top: 20px;
    }

    #product-development .mail span {
        font-family: "montserratblack";

    }

    #product-development .mail span a {
        color: #ffffff;
    }
    /*about css*/
    #about  {
        background: #fff;
    }
    .about-hero{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,e6e6e6+64 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%, rgba(230,230,230,1) 64%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding-top: 150px;
    }
    .about-hero-content .heading{
        padding-top: 120px;
    }
    .about-hero-content .span1{
        font-family:"montserratlight_italic";
        font-size: 116px;
        display: block;
        line-height: 1px;
    }
    .about-hero-content .span2{
        font-family:"montserratblack_italic";
        font-size: 116px;
        display: block;
    }
    .about-hero-content .hero-content p{
        font-size: 28px;
        font-family: "montserratextralight";
        line-height: 33px;
    }
    .about-after-hero-content{
        background: #f2f2f2;
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .about-what-we-do .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-do-content p{
        font-family:"montserratextralight";
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 150px;
    }
    .about-what-we-offer{

    }
    .about-what-we-offer .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-offer a:hover{
        text-decoration: none;
    }
    .about-what-we-offer .card{
        background: transparent!important;
        padding-top: 45px;
        border-right: 4px solid #000;
        border-radius: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        max-height: 587px;
    }
    .about-what-we-offer .card-title {
        font-family: "montserratblack";
        font-size: 26px;
        color: #000;
        text-decoration: none;
        letter-spacing: -1px;
    }
    .about-what-we-offer .card-text {
        font-family: "montserratlight";
        font-size: 22px;
        color: #000;
        text-decoration: none;
    }
    .about-location{
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .about-location .heading{
        font-size: 56px;
        font-family: "montserratblack_italic";
    }
    .about-location .heading span{
        font-family: "montserratlight_italic";
    }
    .about-location-address{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4145a+0,9e005d+77 */
        background: rgb(212,20,90); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(212,20,90,1) 0%, rgba(158,0,93,1) 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4145a', endColorstr='#9e005d',GradientType=1 ); /* IE6-9 */
        /*padding-top: 145px;*/
        /*padding-bottom: 100px;*/
        height: 760px;
    }
    .about-location-address .card{
        background: transparent;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 7px solid #ffffff;
        border-radius: 0px;
        height: 760px;
        padding-top: 145px;
        padding-bottom: 100px;
    }
    .about-location-address .card-title{
        font-family: "montserratblack_italic";
        color: #fff;
        font-size: 86px;
        line-height: 103px;
    }
    .about-location-address .card-subtitle{
        font-family: "montserratlight_italic";
        color: #000;
        font-size: 42px;
        line-height: 50px;
    }
    .about-location-address .card-text{
        font-family: "montserratextralight";
        color: #fff;
        font-size: 27px;
        line-height: 32px;
    }
    .about-location-address .card-text span{
        font-family: "montserratblack_italic";
        font-size: 61px;
        text-transform: uppercase;

    }
    .about-location-address .phone span{
        font-size: 27px;
    }
    .about-location-address .phone i{
        transform: rotate(103deg);
    }
    .about-mail{
        background: #9e005d;
        padding: 14px 0;
        margin-bottom: 10px;
    }
    .about-mail a{
        color: #fff;
        font-family: "montserratlight_italic";
        font-size: 35px;
    }
    .about-mail a:hover{
        text-decoration: none;
    }
    .about-us-team{
        background: #f2f2f2;
        padding-top: 117px;
    }
    .about-us-team .heading{
        font-family: "montserratblack_italic";
        font-size: 56px;
        line-height: 67px;
    }
    .about-us-team .heading span{
        font-family: "montserratlight_italic";

    }
    .about-us-team-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dae1e7+81,ffffff+81 */
        background: rgb(218,225,231); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(218,225,231,1) 81%, rgba(255,255,255,1) 81%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .about-us-team-wrapper .card {

        border: 0px;
    }
    .about-us-team-wrapper .card img{
        background: #dae1e7;
    }
    .about-us-team-wrapper .card-body{
        background: #ffffff;
        padding: 18px;
    }
    .about-us-team-wrapper .card-title{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-us-team-wrapper .card-text{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-contact-us{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
        background: rgb(41,171,226); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
    }
    .about-contact-us .left-content{
        padding: 205px 0;
    }
    .about-contact-us .left-content .heading{
        font-family: "montserratblack_italic";
        font-size: 66px;
        line-height: 79px;
    }
    .about-contact-us .right-content{
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .about-contact-us .right-content .form-group{
        margin-bottom: 60px;
        border-bottom: 2px solid #ffffff;
    }
    .about-contact-us .right-content .form-control{
        border: 0px;
        background: transparent;
        border-radius: 0px;
    }
    .about-contact-us .form-control::before{
        content: "\f095";
        font-family: "Font Awesome 5 Free";
    }
    .about-contact-us .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us button {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 30px;
        margin-top: 0px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #f7931e;
        font-style: italic;
        font-family: 'montserratblack';
    }
    .let-discus .first-row {
        border-bottom: 2px solid #ffffff;
        padding-bottom:  0px;
    }
    .let-discus .second-row {
        padding-top: 0px;
    }
    .sp-container{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 8s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 8s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
    }
    .sp-container h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container h2.frame-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container h2.frame-3 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;

    }
    .sp-container h2.frame-4 {

        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        animation-delay: 2s;

    }



}


/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    body {
        /*background-image: url("../images/body-track.png");*/
        background-repeat: no-repeat;
        background-position: center 77px;
        font-family: 'montserratregular';
    }

    .logo {
        font-size: 27px;
        font-weight: bold;
        padding-top: 5px;
        font-family: 'league_spartanbold';

    }

    .logo a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    .logo span {
        height: 3.75rem;
    }

    .top-nav {
        width: 100%;
        height: 3.75rem; /*60px */
        /*box-shadow: #1b1e21 0px 0px 1px 0px;*/

    }

    li.nav-item {
        margin-right: 50px;
    }

    li.nav-item:nth-child(4) {
        margin-right: 0px;
    }

    li.nav-item a {
        font-size: 15px;
    }

    .text-gradient {
        font-size: 57px; /* 64px*/
        font-weight: bold;
        font-style: italic;
        background: rgba(241, 91, 36, 1);
        background: -moz-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 91, 36, 1)), color-stop(100%, rgba(237, 28, 35, 1)));
        background: -webkit-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -o-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -ms-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: linear-gradient(to right, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15b24', endColorstr='#ed1c23', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 73px;
        font-family: 'montserratblack';
    }

    .hero {

        padding-top: 93px;
        padding-bottom: 0px;
        min-height: 684px;
        position: relative;
    }

    .after-hero-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0.9+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */

        padding-top: 0px;
    }

    .canvasjs-chart-credit {
        display: none !important;
    }

    .business-chart {
        padding: 15px;
    }

    .canvasjs-chart-container {
        padding: 15px;
        border-left: 6px solid #999;
        border-bottom: 6px solid #999;
        height: 534px;
        width: 100%;
    }

    .canvasjs-chart-canvas {
        top: -20px;
    }

    /*business*/
    .business {
        padding: 5px 0 50px 0;
    }

    .business-chart {
        animation-delay: 3s;
    }

    /*chart css*/
    #business_chart {
        animation-delay: 3s;
    }

    .gray_line {
        fill: none;
        stroke: #989898;
        stroke-width: 5;
        stroke-miterlimit: 10;
    }

    .green_line {
        fill: none;
        stroke: #24B574;
        stroke-width: 4;
        stroke-miterlimit: 10;
    }

    .small_circle {
        fill: #1072BA;
    }

    .big_circle {
        opacity: 0.8;
        fill: #1072BA;
        enable-background: new;
    }

    /*chart animation*/
    .item_0 {
        stroke-dasharray: 549 551;
        stroke-dashoffset: 550;
        animation: item_draw 709ms linear 0ms forwards;
    }

    .item_1 {
        stroke-dasharray: 572 574;
        stroke-dashoffset: -573;
        animation: item_draw 709ms linear 0ms forwards;
        /*animation: item_draw 739ms linear 709ms forwards;*/
    }

    .item_2 {
        stroke-dasharray: 224 226;
        stroke-dashoffset: 225;
        animation: item_draw 290ms linear 1449ms forwards;
    }

    .item_3 {
        stroke-dasharray: 175 177;
        stroke-dashoffset: -176;
        animation: item_draw 227ms linear 1739ms forwards;
    }

    .item_4 {
        stroke-dasharray: 131 133;
        stroke-dashoffset: 132;
        animation: item_draw 170ms linear 1966ms forwards;
    }

    .item_5 {
        stroke-dasharray: 109 111;
        stroke-dashoffset: -110;
        animation: item_draw 141ms linear 2136ms forwards;
    }

    .item_6 {
        stroke-dasharray: 138 140;
        stroke-dashoffset: -139;
        animation: item_draw 179ms linear 2278ms forwards;
    }

    .item_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2458ms forwards;
        animation-delay: 3s;
        animation: linear;
    }

    .item_8 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2526ms forwards;
    }

    .item_9 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2646ms forwards;
    }

    .item_10 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2766ms forwards;
    }

    .item_11 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2834ms forwards;
    }

    .item_12 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2954ms forwards;
    }

    .item_13 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3023ms forwards;
    }

    .item_14 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3143ms forwards;
    }

    .item_15 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3211ms forwards;
    }

    .item_16 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3331ms forwards;
    }

    @keyframes item_draw {
        0% {
            opacity: 0;
        }
        100% {
            stroke-dashoffset: 0;
            opacity: 0.8;
        }
    }

    @keyframes item_fade {
        0% {
            stroke-opacity: 1;
        }
        94.73684210526316% {
            stroke-opacity: 1;
        }
        100% {
            stroke-opacity: 0;
        }
    }
    .business-content {
        padding-top: 26px;

    }

    .business-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #0071bc;
        display: block;
        font-family: 'montserratblack';
    }

    .business-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .business-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;

        font-family: 'montserratblack';
    }

    .business-content p.business-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    .business-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    /*Digital*/
    .digital {
        padding: 50px 0 100px;
    }

    .digital-content {
        padding-top: 0px;

    }

    .digital-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #ed1c24;
        display: block;
        font-family: 'montserratblack';
    }

    .digital-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .digital-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .digital-content p.digital-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    .dots {
        opacity: 0.9;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    #dots {

        animation-name: bounce;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 5s;

    }

    @-webkit-keyframes bounce {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }

    }

    .digital-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }


    /*Product development*/
    .development {
        padding: 0px 0 100px;
    }

    .development-chart {
        position: relative;
    }
    .development-chart img{
        position: relative;
        z-index: 2;
    }
    .lab-lines {
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 100;
        left: 0;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: run;
        -webkit-animation-duration: 5s;
    }

    @-webkit-keyframes run {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }
    }


    /*.development-chart:hover .move-right {*/
    /*transform: translate(350px, 0);*/
    /*-webkit-transform: translate(350px, 0); !** Chrome & Safari **!*/
    /*-o-transform: translate(350px, 0); !** Opera **!*/
    /*-moz-transform: translate(350px, 0); !** Firefox **!*/
    /*}*/
    .development-content {
        padding-top: 45px;

    }

    .development-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #93278f;
        display: block;
        font-family: 'montserratblack';
    }

    .development-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .development-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .development-content p.development-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    #labs {
        position: relative;
        z-index: 1;
    }

    #myCanvas {
        width: 100%;
        position: relative;
        top: -192px;
        z-index: 0;
        height: 245px;
    }

    .development-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    /*let discus*/
    .let-discus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,f15a24+41,f7931e+100 */
        background: #ed1c24; /* Old browsers */
        background: -moz-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#f7931e', GradientType=1); /* IE6-9 */
        padding: 116px 0;
    }

    .let-discus .second-row {
        border-top: 2px solid #ffffff;
        margin-top: 0px;
    }

    .text{
        color: #fff;
        font-family: "montserratlight";
        font-size: 68px;
        line-height: 170px;
        text-align: center;
        display: inline;
    }


    .discus-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #fff;
        font-style: normal;
        font-family: 'montserratblack';
    }

    .discus-content button {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        display: block
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        font-style: italic;
        font-family: 'montserratblack';
        position: relative;
        right: -161px;
        top: 18px;
    }
    .sp-container{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 8s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 8s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
    }
    .sp-container h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container h2.frame-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container h2.frame-3 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;

    }
    .sp-container h2.frame-4 {

        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        animation-delay: 2s;

    }

    /*footer*/
    .footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
        background: #333333; /* Old browsers */
        background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333333 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333333 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); /* IE6-9 */
        padding: 100px 0px;
    }

    .footer-logo span {
        font-family: league_spartanbold;
        font-size: 31px;
        padding-right: 20px;
        border-right: 2px solid #f2f2f2;

    }

    .footer-logo a {
        color: #fff;
        font-family: "Montserrat Light";
        font-size: 16px;
        margin-right: 30px;
        text-transform: uppercase;

    }

    .footer-nav {
        margin-left: 30px;
    }

    .footer-logo a:hover {
        text-decoration: none;
    }

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 0px solid #ccc;
        float: right;
    }

    .footer-social a img {
        width: 45px;
        margin-right: 15px;
    }

    .footer-copy {
        float: right;
        text-align: right;
        font-family: "Montserrat Light";
        position: absolute;
        bottom: -98px;
        right: 15px;
    }

    /*business css*/
    #business {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0058d2+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0071bc 0%, #0058d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#0058d2', GradientType=0); /* IE6-9 */

    }

    #business .hero-wrapper {
        background-image: url("../images/business-arrow.png");
        background-repeat: no-repeat;
        background-position: right 0px;

    }

    #business .hero {
        background-image: url("../images/tag.svg");
        background-repeat: no-repeat;
        background-position: right 0px;
    }

    #business .hero h1 {
        font-family: "Montserrat Black";
        font-size: 30px;
    }

    #business .hero h1 span {
        font-size: 48px;
        font-style: italic;
    }

    .span-1 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-3 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-5 {
        font-style: italic;
        font-family: "montserratextralight_italic";
    }


    .what-we-do {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 65%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 */
        padding-top: 75px;
    }
    .what-we-do-content{
        padding-bottom: 50px;
    }
    .what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 42px;
        color: #000;
        text-transform: uppercase;
    }

    .what-we-do-content p {
        padding-right: 7.75rem;
        font-size: 20px;
        font-family: "montserratextralight";
        line-height: 26.4px;
    }

    .business-inside {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        padding-top: 51px;
    }

    .business-inside-content h1 {
        font-family: "montserratblack_italic";
        font-size: 34px;
        color: #000;
        text-transform: uppercase;
    }

    .business-inside-content-columns {
        padding: 0px 0 0px 0;
        min-height: 595px;
    }

    .business-inside-content-columns .heading {
        font-family: "montserratblack";
        font-size: 20px;
    }

    .container-img {
        position: relative;
        top: -203px;
        right: -75px;
        /* width: 439px; */
    }

    .business-inside-content-columns p {
        font-family: "montserratextralight";
        font-size: 20px;
        line-height: 26.4px;
    }

    .business-inside-content-columns button {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 30px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .data {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,1b1464+51,9e005d+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#9e005d', GradientType=1); /* IE6-9 */
        padding-top: 93px;
    }

    .data img {
        padding-bottom: 60px;
    }

    .data-content {
        min-height: 260px;
        padding-bottom: 35px;
    }

    .data-content h1 {
        font-family: "montserratblack_italic";
        font-size: 42px;
    }

    .data-content p {
        font-family: "montserratextralight";
        font-size: 20px;
        line-height: 26.4px;

    }

    .data-content a {
        font-family: "montserratblack";
        color: #ffffff;

        font-size: 22px;
    }

    .data-content .card {
        background: transparent;
        color: #fff;
        border: 0px;
    }

    .data-content .card .card-header {
        background-color: transparent;
        border-bottom: 1px solid rgb(255, 255, 255);
        padding-left: 0px;
    }

    .data-content .card .card-header h5 button {
        display: block;
        padding: 15px 15px 15px 0px;
        color: #555;
        font-size: 16px;
        font-weight: bold;
        text-transform: capitalize;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;

        color: #ffffff;
        width: 100%;
        text-align: left;
    }
    .btn-one{
        font-family: "montserratblack";
        text-transform: uppercase!important;
        font-size: 20px!important;
    }
    .btn-two{

        text-transform: uppercase!important;
    }
    .btn-three{
        font-family: "montserratlight";
    }

    .data-content .card .card-header h5 button .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

    .data-content .card .card-header h5 button.btn-link.collapsed i {
        float: right;
        transition: all 0.5s;
        transform: rotate(0deg);
    }

    .data-content .card .card-header h5 button.btn-link i {
        float: right;
        transition: all 0.5s;
        transform: rotate(90deg);
    }

    .data-content .card .card-header h5 button.btn-link .fa-chevron-right:before {
        content: "\f054";
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .white-space {
        min-height: 25px;
        background: #fff;
    }

    .mail {
        background-image: url("../images/mail-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;
        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*digital css*/
    #digital {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: transparent; /* Old browsers */

    }

    #digital .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 795px;
    }

    #digital .hero-wrapper-2 {
        background-image: url("../images/digital-hero.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 795px;
    }

    .digital-hero {
        padding-top: 245px;
        min-height: 735px;
    }

    #digital h1 {
        font-size: 32px;
        font-family: "montserratblack_italic";
    }

    #digital .span-1 {
        display: inline;
        font-family: "montserratextralight_italic";
    }

    #digital .span-5 {
        display: block;
    }

    .digital-main-content {
        padding-top: 115px;
        background: #ffffff;
    }

    .digital-spaces {
        background-color: #f2f2f2;
    }

    .digital-spaces-content {
        padding-top: 48px;
        margin-bottom: 128px;
    }

    .subheading {
        font-family: "montserratregular";
        font-size: 29px;
        line-height: 34px;
    }

    .digital-spaces-content p {
        font-family: "montserratextralight";
        font-size: 27px;
        line-height: 32px;
    }

    .digital-ball-img {
        position: relative;
        right: 0px;
        top: -155px;
    }

    .products-and-services {
        background: url("../images/products-and-services-bg.png");
        background-repeat: no-repeat;
        background-position: 100px 0px;
        background-size: contain;
    }

    .products-and-services-overlay {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,fbfbfb+36,f2f2f2+100&1+0,1+18,0.6+50 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#99f2f2f2', GradientType=1); /* IE6-9 */
    }

    .products-and-services-content {

    }

    .number {
        font-family: "montserratblack";
        font-size: 45px;
    }

    .heading {
        font-family: "montserratblack";
        font-size: 24px;
    }

    .products-and-services-content p {
        font-family: "montserratlight";
        font-size: 24px;
    }

    .products-and-services-content ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .products-and-services-content ul li {
        font-family: "montserratextrabold";
        font-size: 21px;
    }

    /*Spot Light*/
    .spot-light {
        background: #ffffff;
        padding-top: 70px;
    }

    .spot-light h1 {
        font-family: "montserratblack";
        font-size: 42px !important;
        margin-bottom: 85px;
    }

    .spot-light-content {
        padding-bottom: 60px;
    }

    .second-row {
        margin-top: 100px;

    }

    .product {
        padding: 0 55px;
    }

    .product-title {
        font-family: "montserratblack";
        font-size: 32px;
    }

    .product-title span {
        font-family: "montserratlight";
        font-size: 30px;
    }

    .product ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .product li {
        font-family: "montserratextralight";
        font-size: 21px;

    }


    #digital .mail {
        background-image: url("../images/mail-digital.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;

        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    #digital .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    #digital .mail span {
        font-family: "montserratblack";

    }

    #digital .mail span a {
        color: #ffffff;
    }

    /*Products Development*/
    #product-development .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1b1464+40,d4145a+100 */
        background: rgb(0, 0, 0); /* Old browsers */
        background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#d4145a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 800px;

    }

    #product-development .hero-wrapper-2 {
        background: url("../images/labs.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 598px;

    }
    #product-development #myCanvas {
        width: 108%;
        position: relative;
        top: 0px;
        z-index: 0;
        height: 315px;
        left: 15px;
    }

    .product-hero {
        padding-top: 250px;
    }

    .product-hero h1 {
        font-size: 48px;
    }

    .product-hero .span-1 {
        font-family: "montserratblack";
        font-size: 24px;
        display: block;
        border-bottom: 7px solid #fff;
        width: 335px;
    }

    .product-hero .span-2 {
        font-family: "montserratblack_italic";
        display: block;

    }

    .product-hero .span-3 {
        font-family: "montserratlight_italic";
        display: inline;

    }

    .product-hero .span-4 {
        font-family: "montserratlight_italic";


    }

    .product-hero .span-5 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-6 {
        font-family: "montserratlight_italic";


    }

    .product-main-content {
        background: #f2f2f2;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .product-what-we-do {
        *Permalink -use to edit and share this
        gradient: http: / / colorzilla . com /gradient-editor/ #ffffff +0, fdfdfd+36, fcfcfc+57, f2f2f2+100 & 1 +0, 0 +82 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=1); /* IE6-9 */
    }

    .product-what-we-do-content {
        padding-top: 27px;
        padding-bottom: 86px;
    }

    .product-what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
    }

    .product-what-we-do-content h5 {
        font-family: "montserratsemibold";
        font-size: 30px;
    }

    .product-what-we-do-content p {
        font-family: "montserratextralight";
        font-size: 28px;
        line-height: 32px;
    }

    .product-what-we-do-img {
        position: relative;
        right: 0px;
        top: -95px;
    }

    /*how we do it */
    .how-we-do-it {
        padding-bottom: 100px;
        margin-bottom: 45px;
        padding: 0 15px;
    }

    .how-we-do-it h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
        margin-bottom: 100px;
    }

    .how-we-do-it-img {

    }

    .how-we-do-it .title {
        font-family: "montserratblack";
        font-size: 30px;
        padding: 25px 0;
    }

    .how-we-do-it p {
        font-family: "montserratextralight";
        font-size: 24px;
        text-align: left;
    }

    /*areas we are in*/
    .areas-we-are-in {
        background-color: #a22db2;
        padding: 35px 15px 45px;
    }

    .areas-we-are-in h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
        margin-bottom: 45px;
    }

    .areas-we-are-in-content {

    }

    .areas-we-are-in-content .title {
        font-family: "montserratblack_italic";
        font-size: 32px;
        margin-bottom: 30px;
    }

    .areas-we-are-in-content p {
        font-family: "montserratlight";
        font-size: 26px;
        margin-bottom: 20px;
    }

    .areas-we-are-in-content ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .areas-we-are-in-content ul li {
        font-family: "montserratblack";
        font-size: 24px;
        margin-bottom: 12px;
        color: #fff;
    }

    .areas-we-are-in-content-img {
        position: relative;
        top: -210px;
    }

    #product-development .mail {
        background-image: url("../images/mail-product.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;

        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    #product-development .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    #product-development .mail span {
        font-family: "montserratblack";

    }

    #product-development .mail span a {
        color: #ffffff;
    }

    /*About us css*/
    #about  {
        background: #fff;
    }
    .about-hero{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,e6e6e6+64 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%, rgba(230,230,230,1) 64%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding-top: 150px;
    }
    .about-hero-content .heading{
        padding-top: 120px;
    }
    .about-hero-content .span1{
        font-family:"montserratlight_italic";
        font-size: 116px;
        display: block;
        line-height: 1px;
    }
    .about-hero-content .span2{
        font-family:"montserratblack_italic";
        font-size: 116px;
        display: block;
    }
    .about-hero-content .hero-content p{
        font-size: 28px;
        font-family: "montserratextralight";
        line-height: 33px;
    }
    .about-after-hero-content{
        background: #f2f2f2;
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .about-what-we-do .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-do-content p{
        font-family:"montserratextralight";
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 150px;
    }
    .about-what-we-offer{

    }
    .about-what-we-offer .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-offer a:hover{
        text-decoration: none;
    }
    .about-what-we-offer .card{
        background: transparent!important;
        padding-top: 45px;
        border-right: 4px solid #000;
        border-radius: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        max-height: 587px;
    }
    .about-what-we-offer .card-title {
        font-family: "montserratblack";
        font-size: 26px;
        color: #000;
        text-decoration: none;
        letter-spacing: -1px;
    }
    .about-what-we-offer .card-text {
        font-family: "montserratlight";
        font-size: 22px;
        color: #000;
        text-decoration: none;
    }
    .about-location{
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .about-location .heading{
        font-size: 56px;
        font-family: "montserratblack_italic";
    }
    .about-location .heading span{
        font-family: "montserratlight_italic";
    }
    .about-location-address{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4145a+0,9e005d+77 */
        background: rgb(212,20,90); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(212,20,90,1) 0%, rgba(158,0,93,1) 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4145a', endColorstr='#9e005d',GradientType=1 ); /* IE6-9 */
        /*padding-top: 145px;*/
        /*padding-bottom: 100px;*/
        height: 760px;
    }
    .about-location-address .card{
        background: transparent;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 7px solid #ffffff;
        border-radius: 0px;
        height: 760px;
        padding-top: 145px;
        padding-bottom: 100px;
    }
    .about-location-address .card-title{
        font-family: "montserratblack_italic";
        color: #fff;
        font-size: 86px;
        line-height: 103px;
    }
    .about-location-address .card-subtitle{
        font-family: "montserratlight_italic";
        color: #000;
        font-size: 42px;
        line-height: 50px;
    }
    .about-location-address .card-text{
        font-family: "montserratextralight";
        color: #fff;
        font-size: 27px;
        line-height: 32px;
    }
    .about-location-address .card-text span{
        font-family: "montserratblack_italic";
        font-size: 61px;
        text-transform: uppercase;

    }
    .about-location-address .phone span{
        font-size: 27px;
    }
    .about-location-address .phone i{
        transform: rotate(103deg);
    }
    .about-mail{
        background: #9e005d;
        padding: 14px 0;
        margin-bottom: 10px;
    }
    .about-mail a{
        color: #fff;
        font-family: "montserratlight_italic";
        font-size: 35px;
    }
    .about-mail a:hover{
        text-decoration: none;
    }
    .about-us-team{
        background: #f2f2f2;
        padding-top: 117px;
    }
    .about-us-team .heading{
        font-family: "montserratblack_italic";
        font-size: 56px;
        line-height: 67px;
    }
    .about-us-team .heading span{
        font-family: "montserratlight_italic";

    }
    .about-us-team-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dae1e7+81,ffffff+81 */
        background: rgb(218,225,231); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(218,225,231,1) 81%, rgba(255,255,255,1) 81%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .about-us-team-wrapper .card {

        border: 0px;
    }
    .about-us-team-wrapper .card img{
        background: #dae1e7;
    }
    .about-us-team-wrapper .card-body{
        background: #ffffff;
        padding: 18px;
    }
    .about-us-team-wrapper .card-title{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-us-team-wrapper .card-text{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-contact-us{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
        background: rgb(41,171,226); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
    }
    .about-contact-us .left-content{
        padding: 205px 0;
    }
    .about-contact-us .left-content .heading{
        font-family: "montserratblack_italic";
        font-size: 66px;
        line-height: 79px;
    }
    .about-contact-us .right-content{
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .about-contact-us .right-content .form-group{
        margin-bottom: 60px;
        border-bottom: 2px solid #ffffff;
    }
    .about-contact-us .right-content .form-control{
        border: 0px;
        background: transparent;
        border-radius: 0px;
    }
    .about-contact-us .form-control::before{
        content: "\f095";
        font-family: "Font Awesome 5 Free";
    }
    .about-contact-us .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us button {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 30px;
        margin-top: 0px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #f7931e;
        font-style: italic;
        font-family: 'montserratblack';
    }
    /*rfid css*/
    #rfid{
        background: #ffffff;
    }
    #rfid .hero-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e6e6e6+100 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
    }
    #rfid .hero-wrapper-2{
        background: url("../images/hero-rfid.png");
    }
    .let-discus .first-row {
        border-bottom: 2px solid #ffffff;
        padding-bottom:  0px;
    }
    .let-discus .second-row {
        padding-top: 0px;
    }
    .sp-container{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 8s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 8s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 8s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 8s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
    }
    .sp-container h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container h2.frame-2 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container h2.frame-3 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;

    }
    .sp-container h2.frame-4 {

        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        animation-delay: 2s;

    }

}

/*// Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {
    body {
        /*background-image: url("../images/body-track.png");*/
        background-repeat: no-repeat;
        background-position: center 77px;
        font-family: 'montserratregular';
    }

    .logo {
        font-size: 31px;
        font-weight: bold;
        padding-top: 5px;
        font-family: 'league_spartanbold';

    }

    .logo a:hover {
        color: #0056b3;
        text-decoration: none;
    }

    .logo span {
        height: 3.75rem;
    }

    .top-nav {
        width: 100%;
        height: 3.75rem; /*60px */
        /*box-shadow: #1b1e21 0px 0px 1px 0px;*/

    }

    li.nav-item {
        margin-right: 50px;
    }

    li.nav-item:nth-child(4) {
        margin-right: 0px;
    }

    li.nav-item a {
        font-size: 1.2rem;
        font-family: "Sequel Sans Roman Head";
    }

    .text-gradient {
        font-size: 57px; /* 64px*/
        font-weight: bold;
        font-style: italic;
        background: rgba(241, 91, 36, 1);
        background: -moz-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241, 91, 36, 1)), color-stop(100%, rgba(237, 28, 35, 1)));
        background: -webkit-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -o-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: -ms-linear-gradient(left, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        background: linear-gradient(to right, rgba(241, 91, 36, 1) 0%, rgba(237, 28, 35, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f15b24', endColorstr='#ed1c23', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 73px;
        font-family: 'montserratblack';
    }

    .hero {

        padding-top: 93px;
        padding-bottom: 0px;
        min-height: 684px;
        position: relative;
    }

    .after-hero-content {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+65,ffffff+100&0.9+0,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.97) 65%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=1); /* IE6-9 */

        padding-top: 0px;
    }

    .canvasjs-chart-credit {
        display: none !important;
    }

    .business-chart {
        padding: 15px;
    }

    .canvasjs-chart-container {
        padding: 15px;
        border-left: 6px solid #999;
        border-bottom: 6px solid #999;
        height: 534px;
        width: 100%;
    }

    .canvasjs-chart-canvas {
        top: -20px;
    }

    /*business*/
    .business {
        padding: 5px 0 50px 0;
    }

    .business-chart {
        animation-delay: 3s;
    }

    /*chart css*/
    #business_chart {
        animation-delay: 3s;
    }

    .gray_line {
        fill: none;
        stroke: #989898;
        stroke-width: 5;
        stroke-miterlimit: 10;
    }

    .green_line {
        fill: none;
        stroke: #24B574;
        stroke-width: 4;
        stroke-miterlimit: 10;
    }

    .small_circle {
        fill: #1072BA;
    }

    .big_circle {
        opacity: 0.8;
        fill: #1072BA;
        enable-background: new;
    }

    /*chart animation*/
    .item_0 {
        stroke-dasharray: 549 551;
        stroke-dashoffset: 550;
        animation: item_draw 709ms linear 0ms forwards;
    }

    .item_1 {
        stroke-dasharray: 572 574;
        stroke-dashoffset: -573;
        animation: item_draw 709ms linear 0ms forwards;
        /*animation: item_draw 739ms linear 709ms forwards;*/
    }

    .item_2 {
        stroke-dasharray: 224 226;
        stroke-dashoffset: 225;
        animation: item_draw 290ms linear 1449ms forwards;
    }

    .item_3 {
        stroke-dasharray: 175 177;
        stroke-dashoffset: -176;
        animation: item_draw 227ms linear 1739ms forwards;
    }

    .item_4 {
        stroke-dasharray: 131 133;
        stroke-dashoffset: 132;
        animation: item_draw 170ms linear 1966ms forwards;
    }

    .item_5 {
        stroke-dasharray: 109 111;
        stroke-dashoffset: -110;
        animation: item_draw 141ms linear 2136ms forwards;
    }

    .item_6 {
        stroke-dasharray: 138 140;
        stroke-dashoffset: -139;
        animation: item_draw 179ms linear 2278ms forwards;
    }

    .item_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2458ms forwards;
        animation-delay: 3s;
        animation: linear;
    }

    .item_8 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2526ms forwards;
    }

    .item_9 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2646ms forwards;
    }

    .item_10 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2766ms forwards;
    }

    .item_11 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 2834ms forwards;
    }

    .item_12 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 2954ms forwards;
    }

    .item_13 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3023ms forwards;
    }

    .item_14 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3143ms forwards;
    }

    .item_15 {
        stroke-dasharray: 92 94;
        stroke-dashoffset: 93;
        animation: item_draw 120ms linear 3211ms forwards;
    }

    .item_16 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: item_draw 68ms linear 3331ms forwards;
    }

    @keyframes item_draw {
        0% {
            opacity: 0;
        }
        100% {
            stroke-dashoffset: 0;
            opacity: 0.8;
        }
    }

    @keyframes item_fade {
        0% {
            stroke-opacity: 1;
        }
        94.73684210526316% {
            stroke-opacity: 1;
        }
        100% {
            stroke-opacity: 0;
        }
    }
    .business-content {
        padding-top: 26px;

    }

    .business-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #0071bc;
        display: block;
        font-family: 'montserratblack';
    }

    .business-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .business-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;

        font-family: 'montserratblack';
    }

    .business-content p.business-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    .business-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    /*Digital*/
    .digital {
        padding: 50px 0 100px;
    }

    .digital-content {
        padding-top: 0px;

    }

    .digital-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #ed1c24;
        display: block;
        font-family: 'montserratblack';
    }

    .digital-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .digital-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .digital-content p.digital-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    .dots {
        opacity: 0.9;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -o-animation-delay: 1s;
        animation-delay: 1s;
    }

    #dots {

        animation-name: bounce;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: bounce;
        -webkit-animation-duration: 5s;

    }

    @-webkit-keyframes bounce {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }

    }

    .digital-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }


    /*Product development*/
    .development {
        padding: 0px 0 100px;
    }

    .development-chart {
        position: relative;
    }
    .development-chart img{
        position: relative;
        z-index: 2;
    }
    .lab-lines {
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 100;
        left: 0;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -webkit-animation: linear infinite alternate;
        -webkit-animation-name: run;
        -webkit-animation-duration: 5s;
    }

    @-webkit-keyframes run {
        0% {
            top: 0;
        }
        50% {
            top: 100%;
        }
        100% {
            top: 0;
        }
    }


    /*.development-chart:hover .move-right {*/
    /*transform: translate(350px, 0);*/
    /*-webkit-transform: translate(350px, 0); !** Chrome & Safari **!*/
    /*-o-transform: translate(350px, 0); !** Opera **!*/
    /*-moz-transform: translate(350px, 0); !** Firefox **!*/
    /*}*/
    .development-content {
        padding-top: 45px;

    }

    .development-content .heading {
        font-size: 38px;
        font-weight: bold;
        color: #93278f;
        display: block;
        font-family: 'montserratblack';
    }

    .development-content .sub-heading {
        font-size: 42px;
        font-weight: lighter;
        font-style: italic;
        color: #000;

        line-height: 52px;
    }

    .development-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #000;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .development-content p.development-text {
        font-size: 26px;
        font-weight: lighter;
        color: #000;
        display: block;
        line-height: 30px;
    }

    #labs {
        position: relative;
        z-index: 1;
    }

    #myCanvas {
        width: 98%;
        position: relative;
        top: -192px;
        z-index: 0;
        height: 245px;
    }

    .development-content button {
        font-size: 26px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    /*let discus*/
    .let-discus {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed1c24+0,f15a24+41,f7931e+100 */
        background: #ed1c24; /* Old browsers */
        background: -moz-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ed1c24 0%, #f15a24 41%, #f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#f7931e', GradientType=1); /* IE6-9 */
        padding: 116px 0;
    }


    .text{
        color: #fff;
        font-family: "montserratlight";
        font-size: 68px;
        line-height: 170px;
        text-align: center;
        display: inline;
    }


    .discus-content .sub-heading-bold {
        font-size: 50px;
        font-weight: bold;
        color: #fff;
        font-style: normal;
        font-family: 'montserratblack';
    }

    .discus-content button {
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        display: block
        line-height: 30px;
        margin-top: 35px;
        padding: 10px;
        border-radius: 15px;
        width: 225px;
        font-style: italic;
        font-family: 'montserratblack';
        position: relative;
        right: -161px;
        top: 18px;
    }
    .let-discus .first-row {
        border-bottom: 2px solid #ffffff;
        padding-bottom:  0px;
    }
    .let-discus .second-row {
        padding-top: 0px;
    }
    .sp-container-top-left{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-top-right{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-bottom-left{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-bottom-right{
        height: 120px;
        padding-top: 50px;

    }
    .sp-container-top-left h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container-top-right h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container-bottom-left h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container-bottom-right h2 {
        position: absolute;
        top: 78%;
        line-height: 29px;
        height: 90px;
        margin-top: -50px;
        font-size: 25px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "montserratblack";
        color: #fff   ;

    }
    .sp-container-top-left h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 16s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 16s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 16s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 16s;
        animation-fill-mode: backwards;
    }
    .sp-container-top-right h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 20s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 20s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 20s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 20s;
        animation-fill-mode: backwards;
    }
    .sp-container-bottom-left h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 6s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 24s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 24s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 24s;
        animation-fill-mode: backwards;
    }
    .sp-container-bottom-right h2{
        -webkit-animation-name: blurFadeInOut;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 28s;
        animation-fill-mode: backwards;

        -moz-animation-name: blurFadeInOut;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-iteration-count: infinite;
        -moz-animation-duration: 28s;
        animation-fill-mode: backwards;

        -o-animation-name: blurFadeInOut;
        -o-animation-timing-function: ease-in-out;
        -o-animation-iteration-count: infinite;
        -o-animation-duration: 28s;
        animation-fill-mode: backwards;

        animation-name: blurFadeInOut;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        animation-duration: 28s;
        animation-fill-mode: backwards;
    }
    @keyframes blurFadeInOut {
        0% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(0);
        }
        17% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);

        }
        25% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1.3);
        }
        92% {
            opacity:0;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
        100% {
            opacity:1;
            text-shadow: 0px 0px 1px  #fff;
            -webkit-transform: scale(1);
        }
    }
    .sp-container-top-left h2.frame-1 {
        -webkit-animation-delay: 4s;
        -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
        animation-delay: 4s;
    }
    .sp-container-top-left h2.frame-2 {
        -webkit-animation-delay: 12s;
        -moz-animation-delay: 12s;
        -ms-animation-delay: 12s;
        animation-delay: 12s;

    }

    .sp-container-top-right h2.frame-1 {
        -webkit-animation-delay: 6s;
        -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;

    }
    .sp-container-top-right h2.frame-2 {
        -webkit-animation-delay: 14s;
        -moz-animation-delay: 14s;
        -ms-animation-delay: 14s;
        animation-delay: 14s;

    }
    .sp-container-bottom-left h2.frame-1 {
        -webkit-animation-delay: 8s;
        -moz-animation-delay: 8s;
        -ms-animation-delay: 8s;
        animation-delay: 8s;

    }
    .sp-container-bottom-left h2.frame-2 {
        -webkit-animation-delay: 16s;
        -moz-animation-delay: 16s;
        -ms-animation-delay: 16s;
        animation-delay: 16s;

    }
    .sp-container-bottom-right h2.frame-1 {

        -webkit-animation-delay: 10s;
        -moz-animation-delay: 10s;
        -ms-animation-delay: 10s;
        animation-delay: 10s;

    }
    .sp-container-bottom-right h2.frame-2 {

        -webkit-animation-delay: 18s;
        -moz-animation-delay: 18s;
        -ms-animation-delay: 18s;
        animation-delay: 18s;

    }

    /*footer*/
    .footer {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,000000+100 */
        background: #333333; /* Old browsers */
        background: -moz-linear-gradient(left, #333333 0%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #333333 0%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #333333 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); /* IE6-9 */
        padding: 70px 0px;
    }

    .footer-logo span {
        font-family: league_spartanbold;
        font-size: 31px;
        padding-right: 20px;
        border-right: 2px solid #f2f2f2;
        height: 103px;

    }

    .footer-logo a {
        color: #fff;
        font-family: "Montserrat Light";
        font-size: 16px;
        margin-right: 30px;
        text-transform: uppercase;

    }

    .footer-nav {
        margin-left: 30px;
        margin-top: 40px;
    }

    .footer-logo a:hover {
        text-decoration: none;
    }

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 0px solid #ccc;
        float: right;
    }

    .footer-social a img {
        width: 45px;
        margin-right: 15px;
    }

    .footer-copy {
        float: right;
        text-align: right;
        font-family: "Montserrat Light";
        position: absolute;
        bottom: -98px;
        right: 15px;
    }

    /*business css*/
    #business {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,0058d2+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0071bc 0%, #0058d2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0071bc 0%, #0058d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#0058d2', GradientType=0); /* IE6-9 */

    }

    #business .hero-wrapper {
        background-image: url("../images/business-arrow.png");
        background-repeat: no-repeat;
        background-position: right 0px;

    }

    #business .hero {
        background-image: url("../images/tag.svg");
        background-repeat: no-repeat;
        background-position: right 0px;
    }

    #business .hero h1 {
        font-family: "Montserrat Black";
        font-size: 30px;
    }

    #business .hero h1 span {
        font-size: 48px;
        font-style: italic;
    }

    .span-1 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-3 {
        font-family: "montserratextralight_italic";
        display: block;
    }

    .span-5 {
        font-style: italic;
        font-family: "montserratextralight_italic";
    }


    .what-we-do {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffffff 65%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffffff 65%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 */
        padding-top: 75px;
    }
    .what-we-do-content{
        padding-bottom: 50px;
    }
    .what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 42px;
        color: #000;
        text-transform: uppercase;
    }

    .what-we-do-content p {
        padding-right: 7.75rem;
        font-size: 20px;
        font-family: "montserratextralight";
        line-height: 26.4px;
    }

    .business-inside {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        padding-top: 51px;
    }

    .business-inside-content h1 {
        font-family: "montserratblack_italic";
        font-size: 34px;
        color: #000;
        text-transform: uppercase;
    }

    .business-inside-content-columns {
        padding: 0px 0 0px 0;
        min-height: 595px;
    }

    .business-inside-content-columns .heading {
        font-family: "montserratblack";
        font-size: 20px;
    }

    .container-img {
        position: relative;
        top: -203px;
        right: -115px;
        /* width: 439px; */
    }

    .business-inside-content-columns p {
        font-family: "montserratextralight";
        font-size: 20px;
        line-height: 26.4px;
    }

    .business-inside-content-columns button {
        font-size: 20px;
        font-weight: bold;
        color: #000;
        display: block;
        line-height: 30px;
        margin-top: 30px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #333;
        font-style: italic;
        font-family: 'montserratblack';
    }

    .data {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0071bc+0,1b1464+51,9e005d+100 */
        background: #0071bc; /* Old browsers */
        background: -moz-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #0071bc 0%, #1b1464 51%, #9e005d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071bc', endColorstr='#9e005d', GradientType=1); /* IE6-9 */
        padding-top: 93px;
    }

    .data img {
        padding-bottom: 60px;
    }

    .data-content {
        min-height: 260px;
        padding-bottom: 35px;
    }

    .data-content h1 {
        font-family: "montserratblack_italic";
        font-size: 42px;
    }

    .data-content p {
        font-family: "montserratextralight";
        font-size: 20px;
        line-height: 26.4px;

    }

    .data-content a {
        font-family: "montserratblack";
        color: #ffffff;

        font-size: 22px;
    }

    .data-content .card {
        background: transparent;
        color: #fff;
        border: 0px;
    }

    .data-content .card .card-header {
        background-color: transparent;
        border-bottom: 1px solid rgb(255, 255, 255);
        padding-left: 0px;
    }

    .data-content .card .card-header h5 button {
        display: block;
        padding: 15px 15px 15px 0px;
        color: #555;
        font-size: 16px;
        font-weight: bold;
        text-transform: capitalize;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;

        color: #ffffff;
        width: 100%;
        text-align: left;
    }
    .btn-one{
        font-family: "montserratblack";
        text-transform: uppercase!important;
        font-size: 20px!important;
    }
    .btn-two{

        text-transform: uppercase!important;
    }
    .btn-three{
        font-family: "montserratlight";
    }

    .data-content .card .card-header h5 button .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

    .data-content .card .card-header h5 button.btn-link.collapsed i {
        float: right;
        transition: all 0.5s;
        transform: rotate(0deg);
    }

    .data-content .card .card-header h5 button.btn-link i {
        float: right;
        transition: all 0.5s;
        transform: rotate(90deg);
    }

    .data-content .card .card-header h5 button.btn-link .fa-chevron-right:before {
        content: "\f054";
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .white-space {
        min-height: 25px;
        background: #fff;
    }

    .mail {
        background-image: url("../images/mail-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;
        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    .mail span {
        font-family: "montserratblack";

    }

    .mail span a {
        color: #ffffff;
    }

    /*digital css*/
    #digital {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: transparent; /* Old browsers */

    }

    #digital .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+67,e6e6e6+100 */
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 67%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 795px;
    }

    #digital .hero-wrapper-2 {
        background-image: url("../images/digital-hero.png");
        background-position: bottom right;
        background-repeat: no-repeat;
        height: 795px;
    }

    .digital-hero {
        padding-top: 245px;
        min-height: 735px;
    }

    #digital h1 {
        font-size: 48px;
        font-family: "montserratblack_italic";
    }

    #digital .span-1 {
        display: inline;
        font-family: "montserratextralight_italic";
    }

    #digital .span-5 {
        display: block;
    }

    .digital-main-content {
        padding-top: 115px;
        background: #ffffff;
    }

    .digital-spaces {
        background-color: #f2f2f2;
    }

    .digital-spaces-content {
        padding-top: 48px;
        margin-bottom: 128px;
    }

    .subheading {
        font-family: "montserratregular";
        font-size: 29px;
        line-height: 34px;
    }

    .digital-spaces-content p {
        font-family: "montserratextralight";
        font-size: 27px;
        line-height: 32px;
    }

    .digital-ball-img {
        position: relative;
        right: 0px;
        top: -155px;
    }

    .products-and-services {
        background: url("../images/products-and-services-bg.png");
        background-repeat: no-repeat;
        background-position: 100px 0px;
        background-size: contain;
    }

    .products-and-services-overlay {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,fbfbfb+36,f2f2f2+100&1+0,1+18,0.6+50 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(253, 253, 253, 1) 18%, rgba(251, 251, 251, 0.77) 36%, rgba(249, 249, 249, 0.6) 50%, rgba(242, 242, 242, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#99f2f2f2', GradientType=1); /* IE6-9 */
    }

    .products-and-services-content {

    }

    .number {
        font-family: "montserratblack";
        font-size: 45px;
    }

    .heading {
        font-family: "montserratblack";
        font-size: 24px;
    }

    .products-and-services-content p {
        font-family: "montserratlight";
        font-size: 24px;
    }

    .products-and-services-content ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .products-and-services-content ul li {
        font-family: "montserratextrabold";
        font-size: 21px;
    }

    /*Spot Light*/
    .spot-light {
        background: #ffffff;

        padding-top: 70px;
    }

    .spot-light h1 {
        font-family: "montserratblack";
        font-size: 42px !important;
        margin-bottom: 85px;
    }

    .spot-light-content {
        padding-bottom: 60px;
    }
    .spot-light-content .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #008CBA;
    }

    .spot-light-content .container:hover .overlay {
        opacity: 1;
    }

    .spot-light-content .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .spot-light-content .second-row {
        margin-top: 100px;

    }

    .product {
        padding: 0 55px;
    }

    .product-title {
        font-family: "montserratblack";
        font-size: 32px;
    }

    .product-title span {
        font-family: "montserratlight";
        font-size: 30px;
    }

    .product ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .product li {
        font-family: "montserratextralight";
        font-size: 21px;

    }


    #digital .mail {
        background-image: url("../images/mail-digital.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;

        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    #digital .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    #digital .mail span {
        font-family: "montserratblack";

    }

    #digital .mail span a {
        color: #ffffff;
    }

    /*Products Development*/
    #product-development .hero-wrapper {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1b1464+40,d4145a+100 */
        background: rgb(0, 0, 0); /* Old browsers */
        background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(27, 20, 100, 1) 40%, rgba(212, 20, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#d4145a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
        height: 800px;

    }

    #product-development .hero-wrapper-2 {


    }
    #product-development #myCanvas {
        width: 100%;
        position: relative;
        top: -250px;
        z-index: 0;
        height: 315px;
        left: -6px;
    }
    .product-hero-img{
        position: relative;
        z-index: 2;
    }

    .product-hero {
        padding-top: 250px;
    }

    .product-hero h1 {
        font-size: 48px;
    }

    .product-hero .span-1 {
        font-family: "montserratblack";
        font-size: 24px;
        display: block;
        border-bottom: 7px solid #fff;
        width: 335px;
    }

    .product-hero .span-2 {
        font-family: "montserratblack_italic";
        display: block;

    }

    .product-hero .span-3 {
        font-family: "montserratlight_italic";
        display: inline;

    }

    .product-hero .span-4 {
        font-family: "montserratlight_italic";


    }

    .product-hero .span-5 {
        font-family: "montserratblack_italic";


    }

    .product-hero .span-6 {
        font-family: "montserratlight_italic";


    }

    .product-main-content {
        background: #f2f2f2;
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .product-what-we-do {
        *Permalink -use to edit and share this
        gradient: http: / / colorzilla . com /gradient-editor/ #ffffff +0, fdfdfd+36, fcfcfc+57, f2f2f2+100 & 1 +0, 0 +82 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 0.56) 36%, rgba(252, 252, 252, 0.3) 57%, rgba(246, 246, 246, 0) 82%, rgba(242, 242, 242, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00f2f2f2', GradientType=1); /* IE6-9 */
    }

    .product-what-we-do-content {
        padding-top: 27px;
        padding-bottom: 86px;
    }

    .product-what-we-do-content h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
    }

    .product-what-we-do-content h5 {
        font-family: "montserratsemibold";
        font-size: 30px;
    }

    .product-what-we-do-content p {
        font-family: "montserratextralight";
        font-size: 28px;
        line-height: 32px;
    }

    .product-what-we-do-img {
        position: relative;
        right: 0px;
        top: -95px;
    }

    /*how we do it */
    .how-we-do-it {
        padding-bottom: 100px;
        margin-bottom: 45px;
        padding: 0 15px;
    }

    .how-we-do-it h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
        margin-bottom: 100px;
    }

    .how-we-do-it-img {

    }

    .how-we-do-it .title {
        font-family: "montserratblack";
        font-size: 30px;
        padding: 25px 0;
    }

    .how-we-do-it p {
        font-family: "montserratextralight";
        font-size: 24px;
        text-align: left;
    }

    /*areas we are in*/
    .areas-we-are-in {
        background-color: #a22db2;
        padding: 35px 15px 45px;
    }

    .areas-we-are-in h1 {
        font-family: "montserratblack_italic";
        font-size: 44px;
        margin-bottom: 45px;
    }

    .areas-we-are-in-content {

    }

    .areas-we-are-in-content .title {
        font-family: "montserratblack_italic";
        font-size: 32px;
        margin-bottom: 30px;
    }

    .areas-we-are-in-content p {
        font-family: "montserratlight";
        font-size: 26px;
        margin-bottom: 20px;
    }

    .areas-we-are-in-content ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .areas-we-are-in-content ul li {
        font-family: "montserratblack";
        font-size: 24px;
        margin-bottom: 12px;
        color: #fff;
    }

    .areas-we-are-in-content-img-1 {
        position: relative;
        top: -210px;
    }
    .areas-we-are-in-content-img-2 {
        position: relative;
        top: 0px;
    }
    .areas-we-are-in-content-img-3 {
        position: relative;
        top: 0px;
    }

    #product-development .mail {
        background-image: url("../images/mail-product.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;

        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    #product-development .mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    #product-development .mail span {
        font-family: "montserratblack";

    }

    #product-development .mail span a {
        color: #ffffff;
    }

    /*About us css*/
    #about  {
        background: #fff;
    }
    .about-hero{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+32,e6e6e6+64 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%, rgba(230,230,230,1) 64%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, rgba(255,255,255,1) 32%,rgba(230,230,230,1) 64%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding-top: 150px;
    }
    .about-hero-content .heading{
        padding-top: 120px;
    }
    .about-hero-content .span1{
        font-family:"montserratlight_italic";
        font-size: 116px;
        display: block;
        line-height: 1px;
    }
    .about-hero-content .span2{
        font-family:"montserratblack_italic";
        font-size: 116px;
        display: block;
    }
    .about-hero-content .hero-content p{
        font-size: 28px;
        font-family: "montserratextralight";
        line-height: 33px;
    }
    .about-after-hero-content{
        background: #f2f2f2;
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .about-what-we-do .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-do-content p{
        font-family:"montserratextralight";
        font-size: 28px;
        line-height: 32px;
        padding-bottom: 150px;
    }
    .about-what-we-offer{

    }
    .about-what-we-offer .heading{
        font-family:"montserratblack_italic";
        font-size: 56px;
        line-height: 48px;
        margin-bottom:48px ;
    }
    .about-what-we-offer a:hover{
        text-decoration: none;
    }
    .about-what-we-offer .card{
        background: transparent!important;
        padding-top: 45px;
        border-right: 4px solid #000;
        border-radius: 0px;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        max-height: 587px;
    }
    .about-what-we-offer .card-title {
        font-family: "montserratblack";
        font-size: 26px;
        color: #000;
        text-decoration: none;
        letter-spacing: -1px;
    }
    .about-what-we-offer .card-text {
        font-family: "montserratlight";
        font-size: 22px;
        color: #000;
        text-decoration: none;
    }
    .about-location{
        background-color: #fff;
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .about-location .heading{
        font-size: 56px;
        font-family: "montserratblack_italic";
    }
    .about-location .heading span{
        font-family: "montserratlight_italic";
    }
    .about-location-address{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4145a+0,9e005d+77 */
        background: rgb(212,20,90); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(212,20,90,1) 0%, rgba(158,0,93,1) 77%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(212,20,90,1) 0%,rgba(158,0,93,1) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4145a', endColorstr='#9e005d',GradientType=1 ); /* IE6-9 */
        /*padding-top: 145px;*/
        /*padding-bottom: 100px;*/
        height: 760px;
    }
    .about-location-address .card{
        background: transparent;
        border-top: 0px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 7px solid #ffffff;
        border-radius: 0px;
        height: 760px;
        padding-top: 145px;
        padding-bottom: 100px;
    }
    .about-location-address .card-title{
        font-family: "montserratblack_italic";
        color: #fff;
        font-size: 86px;
        line-height: 103px;
    }
    .about-location-address .card-subtitle{
        font-family: "montserratlight_italic";
        color: #000;
        font-size: 42px;
        line-height: 50px;
    }
    .about-location-address .card-text{
        font-family: "montserratextralight";
        color: #fff;
        font-size: 27px;
        line-height: 32px;
    }
    .about-location-address .card-text span{
        font-family: "montserratblack_italic";
        font-size: 61px;
        text-transform: uppercase;

    }
    .about-location-address .phone span{
        font-size: 27px;
    }
    .about-location-address .phone i{
        transform: rotate(103deg);
    }
    .about-mail{
        background: #9e005d;
        padding: 14px 0;
        margin-bottom: 10px;
    }
    .about-mail a{
        color: #fff;
        font-family: "montserratlight_italic";
        font-size: 35px;
    }
    .about-mail a:hover{
        text-decoration: none;
    }
    .about-us-team{
        background: #f2f2f2;
        padding-top: 117px;
    }
    .about-us-team .heading{
        font-family: "montserratblack_italic";
        font-size: 56px;
        line-height: 67px;
    }
    .about-us-team .heading span{
        font-family: "montserratlight_italic";

    }
    .about-us-team-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dae1e7+81,ffffff+81 */
        background: rgb(218,225,231); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(218,225,231,1) 81%, rgba(255,255,255,1) 81%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(218,225,231,1) 81%,rgba(255,255,255,1) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        display: none;
    }
    .about-us-team-wrapper .card {

        border: 0px;
    }
    .about-us-team-wrapper .card img{
        background: #dae1e7;
    }
    .about-us-team-wrapper .card-body{
        background: #ffffff;
        padding: 18px;
    }
    .about-us-team-wrapper .card-title{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-us-team-wrapper .card-text{
        font-size: 24px;
        font-family: "montserratregular";
    }
    .about-contact-us{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
        background: rgb(41,171,226); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
    }
    .about-contact-us .left-content{
        padding: 205px 0;
    }
    .about-contact-us .left-content .heading{
        font-family: "montserratblack_italic";
        font-size: 66px;
        line-height: 79px;
    }
    .about-contact-us .right-content{
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .about-contact-us .right-content .form-group{
        margin-bottom: 60px;
        border-bottom: 2px solid #ffffff;
    }
    .about-contact-us .right-content .form-control{
        border: 0px;
        background: transparent;
        border-radius: 0px;
        color: #fff;
    }
    .about-contact-us .form-control::before{
        content: "\f095";
        font-family: "Font Awesome 5 Free";
    }
    .about-contact-us .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us .form-control:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
        font-size:30px;
        font-family: "montserratblack_italic";
    }
    .about-contact-us button {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 30px;
        margin-top: 0px;
        padding: 5px;
        border-radius: 15px;
        width: 200px;
        border: 2px solid #f7931e;
        font-style: italic;
        font-family: 'montserratblack';
    }
    /*rfid css*/
    #rfid{
        background: #ffffff;
    }
    #rfid .hero-wrapper{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,e6e6e6+100 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(255,255,255,1) 1%, rgba(230,230,230,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,1) 1%,rgba(230,230,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,1) 1%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
    }
    #rfid .hero-wrapper-2{
        background: url("../images/hero-rfid.png");
        background-position: right 277px;
        background-repeat: no-repeat;
    }
    .rfid-hero{
        padding-top: 215px;
        padding-bottom: 345px;

    }
    .rfid-hero .hero-content h1 .span-1{
        font-family: "montserratblack";
        font-size: 36px;
        color: #29abe2;

    }
    .rfid-hero .hero-content h1 .span-2{
        font-family: "montserratblack_italic";
        font-size: 48px;
        color: #333333;
        display: block;

    }
    .rfid-hero .hero-content h1 .span-3{
        font-family: "montserratlight_italic";
        font-size: 48px;
        color: #333333;
        display:inline-block;

    }
    .rfid-hero .hero-content h1 .span-4{
        font-family: "montserratblack_italic";
        font-size: 48px;
        color: #333;
        display: inline-block;

    }
    .rfid-hero .hero-content h1 .span-5{
        font-family: "montserratlight_italic";
        font-size: 48px;
        color: #333333;
        display:inline-block;

    }
    .rfid-hero .hero-content h1 .span-6{
        font-family: "montserratblack_italic";
        font-size: 48px;
        color: #333333;
        display:inline-block;

    }
    .rfid-after-hero-content{
        padding-top: 90px;
        background-color: #fff;
    }

    .rfid-insight .heading{
        font-size: 42px;
        font-family: "montserratblack_italic";
        padding-bottom:65 px;
    }
    .rfid-insight-content{
        font-size: 26px;
        font-family: "montserratextralight";
        line-height: 31px;
    }

    .rfid-insight{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
        background: rgb(41,171,226); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
        padding-bottom: 90px;
        padding-top: 65px;
    }
    .rfid-insight-solution{
        padding-top: 186px;
        padding-bottom: 0px;
    }
    .rfid-insight-solution .heading{
        font-size: 42px;
        font-family: "montserratblack_italic";
        padding-bottom:65 px;
    }
    .rfid-insight-solution-content{
        font-size: 26px;
        font-family: "montserratextralight";
        line-height: 31px;
    }
    .rfid-infrastructure{
        padding-top: 186px;
        padding-bottom: 186px;
    }
    .rfid-infrastructure .heading{
        font-size: 42px;
        font-family: "montserratblack_italic";
        padding-bottom:65px;
    }
    .rfid-infrastructure .card{
        border: 0px;
    }
    .rfid-infrastructure .card-img-top {
        width: 154px;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
        margin: 0 auto;
        height: 148px;
    }
    .rfid-infrastructure .card-title{
    font-size: 26px;
        font-family: montserratblack;
        color: rgba(46,49,146,1);
        text-align: center;
    }
    .rfid-insight-solution-content{
        font-size: 26px;
        font-family: "montserratextralight";
        line-height: 31px;
    }
    .rfid-mail {
        background-image: url("../images/rfid-mail-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        min-height: 141px;
        background-size: cover;
        padding-bottom: 20px;
        position: relative;
        bottom: 102px;
    }

    .rfid-mail p {
        font-family: "montserratlight";
        font-size: 24px;
        padding-top: 75px;
    }

    .rfid-mail span {
        font-family: "montserratblack";

    }

    .rfid-mail span a {
        color: #ffffff;
    }
}

/*NEW WEB*/
.grayed-block-heading {
    font-family: "Sequel Sans Black Disp";
    font-size: 30pt;
    color: #666666;
}

.grayed-block-main-heading {
    font-family: "Sequel Sans Black Disp";
    font-size: 48pt;
    color: #666666;
}

.black-heading {
    font-family: "Sequel Sans Black Disp";
    font-size: 30pt;
    line-height: 1;
}

.light-description {
    font-family: "Sequel Sans Light Head";
    font-size: 18pt;
    color: #666666;
    line-height: 1;
}

.grayed-block-heading-mobile {
    font-family: "Sequel Sans Black Disp";
    font-size: 18pt;
    color: #666666;
}

.black-heading-mobile {
    font-family: "Sequel Sans Black Disp";
    font-size: 22pt;
    line-height: 1;
}

.light-description-mobile {
    font-family: "Sequel Sans Light Head";
    font-size: 12pt;
    color: #666666;
    line-height: 1;
}

.learn-more-button {
    font-family: "Sequel Sans Black Disp";
    color: #000000;
    border-color: #000000;
    border-radius: 15px;
    border-width: 2px;
}

.sub-footer-text {
    font-family: "Sequel Sans Black Disp";
    font-size: 30pt;
    color: #ffffff;
    line-height: 1;
}

@media (max-width: 576px) {
    .hero-mobile {
        padding-top: 93px;
        padding-bottom: 0px;
        height: 60vh !important;
        min-height: 400px !important;
        position: relative;
    }

    .about-contact-us-new .left-content{
        padding: 50px 0 !important;
    }

    .about-contact-us-new .left-content .heading{
        font-family: "Sequel Sans Black Disp";
        font-size: 22px !important;
        line-height: 25px !important;
    }
    .about-contact-us-new .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #ffffff;
        font-size:16px !important;
        font-family: "Sequel Sans Black Disp";
    }
    .about-contact-us-new .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #ffffff;
        font-size:16px !important;
        font-family: "Sequel Sans Black Disp";
    }
    .about-contact-us-new .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #ffffff;
        font-size:16px !important;
        font-family: "Sequel Sans Black Disp";
    }
    .about-contact-us-new .form-control:-moz-placeholder { /* Firefox 18- */
        color: #ffffff;
        font-size:16px !important;
        font-family: "Sequel Sans Black Disp";
    }
    .about-contact-us-new button {
        font-size: 17px !important;
        font-weight: bold;
        color: #fff;
        display: block;
        line-height: 20px !important;
        margin-top: 0px;
        padding: 5px !important;
        border-radius: 15px;
        width: 170px !important;
        border: 2px solid #f7931e;
        font-family: 'Sequel Sans Black Disp' !important;
    }

    li.nav-item a {
        font-size: 1.8rem !important;
        font-family: "Sequel Sans Black Disp" !important;
        font-weight: bold !important;
    }

    .contact-us-button-new {
        padding: 5px 20px 5px 20px !important;
        font-size: 15pt !important;
    }


    .footer-new {
        background-color: black;
    }

    .footer-heading {
        font-size: 18pt !important;
    }

    .footer-nav-link {
        font-size: 12pt !important;
        line-height: 0 !important;
    }

    .logo-footer {
        margin-top: 50px !important;
        max-width: 40% !important;
    }

    .download-button {
        font-family: "Sequel Sans Black Disp";
        font-size: 10pt !important;
        color: #000000;
        border-color: #000000;
        border-radius: 15px;
        border-width: 2px;
        padding: 0.5rem 3rem !important;
    }

}

@media (max-width: 768px) {
    .sub-footer-text {
        font-family: "Sequel Sans Black Disp";
        font-size: 21pt;
        color: #ffffff;
    }

    .grayed-block-main-heading {
        font-family: "Sequel Sans Black Disp";
        font-size: 18pt;
        color: #666666;
    }

    .center-footer-sm {
        text-align: center;
    }

    .grayed-block-heading {
        font-family: "Sequel Sans Black Disp";
        font-size: 18pt !important;
        color: #666666;
    }

    .black-subHeading {
        font-family: "Sequel Sans Black Disp";
        font-size: 16pt !important;
        line-height: 1;
    }

    .black-heading {
        font-family: "Sequel Sans Black Disp";
        font-size: 22pt !important;
        line-height: 1;
    }

    .light-description {
        font-family: "Sequel Sans Book Disp";
        font-size: 12pt;
        color: #666666;
        line-height: 1;
    }

    .hero-sub-book {
        font-family: "Sequel Sans Book Disp";
        font-size: 12pt !important;
        color: #666666;
        line-height: 1;
    }



    .orange-subHeading
    {
        font-family : "Sequel Sans Bold Disp";
        font-size : 15px !important;
        color : #f15a24;
    }


    .blue-subHeading
    {
        font-family : "Sequel Sans Bold Disp";
        font-size : 15px !important;
        color : #4FA0CA;
    }


    .purple-subHeading
    {
        font-family : "Sequel Sans Bold Disp";
        font-size : 15px !important;
        color : #93278F;
    }


    .semi-bold-gray-list li {
        list-style: none;
        font-family : "Sequel Sans Semi Bold Disp";
        font-size : 14px !important;
        color : #666666;
    }


    .learn-more-button {
        font-family: "Sequel Sans Black Disp";
        font-size: 10pt !important;
        color: #000000;
        border-color: #000000;
        border-radius: 15px;
        border-width: 2px;
    }

    .book-disp-list li {
        font-size : 16px !important;
    }


}

.discuss-new {
    background-color: #000000;
    padding: 50px;
}

.contact-us-button {
    background-color: #29abe2;
    border-color: #29abe2;
    border-radius: 15px;
}

.footer-new {
    background-color: black;
}

.footer-heading {
    font-family: 'Sequel Sans Black Disp';
    font-size: 18pt;
    color: white
}

.footer-nav-link {
    font-family: "Sequel Sans Medium Head";
    font-size: 15pt;
    color: #29abe2;
}

.footer-subHeading {
    font-family: 'Sequel Sans Black Disp';
    font-size: 15pt;
    color: #666666;
}

.hero-new {

    padding-top: 93px;
    padding-bottom: 0px;
    height: 90vh;
    min-height: 550px;
    position: relative;
}

.hero-heading {
    font-family: "Sequel Sans Black Disp";
    font-size: 55pt;
    line-height: 1;
}

.hero-subHeading {
    font-family: "Sequel Sans Light Head";
    font-size: 15pt;
    line-height: 1;
}

.hero-image {
    background-image: url("../images/new/lines.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}


.hero-heading-mobile {
    font-family: "Sequel Sans Black Disp";
    font-size: 18pt;
    line-height: 1.1;
}

.hero-subHeading-mobile {
    font-family: "Sequel Sans Light Head";
    font-size: 10pt;
}

.hero-content-image-digital {
    background-image: url("../images/new/cloud.svg");
    background-size: cover;
}

.digital-ball-img-new {
    position: relative;
    right: -13px;
    top: 100px;
    float: right;
    /*width: 150px;*/
}

.orange-subHeading
{
    font-family : "Sequel Sans Bold Disp";
    font-size : 24px;
    color : #f15a24;
}

.purple-subHeading
{
    font-family : "Sequel Sans Bold Disp";
    font-size : 24px;
    color : #93278F;
}

.blue-subHeading
{
    font-family : "Sequel Sans Bold Disp";
    font-size : 24px;
    color : #4FA0CA;
}

.semi-bold-gray-list {
    padding-inline-start: 0;
}

.semi-bold-gray-list li {
    list-style: none;
    font-family : "Sequel Sans Semi Bold Disp";
    font-size : 24px;
    color : #666666;
}

.black-subHeading {
    font-family: "Sequel Sans Black Disp";
    font-size: 25pt;
    line-height: 1;
}

.hero-sub-book {
    font-family: "Sequel Sans Book Disp";
    font-size: 22pt;
    color: #666666;
    line-height: 1;
}

.line-height-one {
    line-height: 1;
}

.book-disp-list {
    padding-inline-start: 0;
}

.book-disp-list li {
    list-style: none;
    font-family : "Sequel Sans Book Disp";
    font-size : 24px;
    color : #666666;
}

.about-contact-number {
    color : #666666;
}

.about-contact-us-new{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29abe2+0,2e3192+100 */
    background: rgb(41,171,226); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(41,171,226,1) 0%, rgba(46,49,146,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(41,171,226,1) 0%,rgba(46,49,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#2e3192',GradientType=1 ); /* IE6-9 */
}
.about-contact-us-new .left-content{
    padding: 205px 0;
}
.about-contact-us-new .left-content .heading{
    font-family: "Sequel Sans Black Disp";
    font-size: 66px;
    line-height: 79px;
}
.about-contact-us-new .right-content{
    padding-top: 35px;
    padding-bottom: 15px;
}
.about-contact-us-new .right-content .form-group{
    margin-bottom: 60px;
    border-bottom: 2px solid #ffffff;
}
.about-contact-us-new .right-content .form-control{
    border: 0px;
    background: transparent;
    border-radius: 0px;
}
.about-contact-us-new .form-control::before{
    content: "\f095";
    font-family: "Font Awesome 5 Free";
}
.about-contact-us-new .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
    font-size:34px;
    font-family: "Sequel Sans Black Disp";
}
.about-contact-us-new .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
    font-size:34px;
    font-family: "Sequel Sans Black Disp";
}
.about-contact-us-new .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
    font-size:34px;
    font-family: "Sequel Sans Black Disp";
}
.about-contact-us-new .form-control:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
    font-size:34px;
    font-family: "Sequel Sans Black Disp";
}
.about-contact-us-new button {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    display: block;
    line-height: 30px;
    margin-top: 0px;
    padding: 10px !important;
    border-radius: 15px;
    width: 200px;
    border: 2px solid #f7931e;
    font-family: 'Sequel Sans Black Disp' !important;
}

.about-contact-us-new input {
    font-family: "Sequel Sans Semi Bold Disp" !important;
    color: white !important;
    font-size: 20pt !important;
}

.about-contact-us-new textarea {
    font-family: "Sequel Sans Semi Bold Disp" !important;
    color: white !important;
    font-size: 20pt !important;
}

.contact-form-heading{
    font-size: 60pt !important;
}

.left-class-for-nav {
    left: 10%;
    top: 2%;
}

.contact-us-button-new {
    font-family: "Sequel Sans Black Disp";
    border-width: 2px;
    background-color: #29abe2;
    border-color: #29abe2;
    border-radius: 25px;
    padding: 15px 50px 15px 50px;
    font-size: 20pt;
}