/* EXAMPLE STYLES */



    body {

        background: #fff;

        margin: 0;

        padding: 0;

        overflow-x: hidden;

        font-family: 'Open Sans', sans-serif;

        outline: none;

    }

.desk {

    display: block;

}

.mob {

    display: none;

}

.call-round-btn {

            display: none!important;

        }



.dgt-top-video {

    position: relative;

    margin-top: 0px;

}

.dgt-top-video a {

    padding-top: 200px;

}

.demo2 a {

    position: absolute;

    bottom: -150px;

    left: 49%;

    z-index: 2;

    display: inline-block;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    color: #fdd503;

    font-weight: bold;

    letter-spacing: .1em;

    text-decoration: none;

    transition: opacity .3s;

}

.dgt-top-video a span {

    position: absolute;

    top: 0;

    left: 50%;

    width: 24px;

    height: 24px;

    margin-left: -12px;

    border-left: 3px solid #fdd503;

    border-bottom: 3px solid #fdd503;

    -webkit-transform: rotate(

-45deg);

    transform: rotate(

-45deg);

    -webkit-animation: sdb07 2s infinite;

    animation: sdb07 2s infinite;

    opacity: 0;

    box-sizing: border-box;

}

.dgt-top-video a span:nth-of-type(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.dgt-top-video a span:nth-of-type(2) {

    top: 16px;

    -webkit-animation-delay: .15s;

    animation-delay: .15s;

}

.dgt-top-video a span:nth-of-type(3) {

    top: 32px;

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

}





    p {







        font-size: 16px;







        line-height: 28px;







        font-weight: normal;







        text-transform: capitalise;







        font-family: 'Montserrat', sans-serif;







        color: #333;







        font-weight: 400;







    }







    /* RESPONSIVE COLUMNS MIXINS */







    







    .img-responsive {







        width: 100%;







    }







    







    .row {







        display: flex;







        margin-right: -16px;







        margin-left: -16px;







        flex-wrap: wrap;







    }







    







    video {







        border: none;

        width:100%;







    }

    

    .client-logo img {

    width: 100%;

    height: auto;

}







    







    video:focus {







        outline: none;







    }







    







    .no-gutters {







        margin-right: 0;







        margin-left: 0;







    }







    







    .no-gutters>[class^="col-"],







    .no-gutters>[class*=" col-"] {







        padding-right: 0;







        padding-left: 0;







    }







    







    .container {







        width: 100%;







        padding-right: 16px;







        padding-left: 16px;







        margin-right: auto;







        margin-left: auto;







    }







    







    .col-1,







    .col-2,







    .col-3,







    .col-4,







    .col-5,







    .col-6,







    .col-7,







    .col-8,







    .col-9,







    .col-10,







    .col-11,







    .col-12 {







        position: relative;







        min-height: 1px;







        padding-left: 16px;







        padding-right: 16px;







        width: 100%;







    }







    







    .col-sm-1,







    .col-sm-2,







    .col-sm-3,







    .col-sm-4,







    .col-sm-5,







    .col-sm-6,







    .col-sm-7,







    .col-sm-8,







    .col-sm-9,







    .col-sm-10,







    .col-sm-11,







    .col-sm-12 {







        position: relative;







        min-height: 1px;







        padding-left: 16px;







        padding-right: 16px;







        width: 100%;







    }







    







    @media (min-width: 992px) {







        .col-1,







        .col-2,







        .col-3,







        .col-4,







        .col-5,







        .col-6,







        .col-7,







        .col-8,







        .col-9,







        .col-10,







        .col-11,







        .col-12 {







            float: left;







        }







        .col-1 {







            max-width: 8.333333%;







        }







        .col-2 {







            max-width: 16.666667%;







        }







        .col-3 {







            max-width: 25%;







        }







        .col-4 {







            max-width: 33.333333%;







        }







        .col-5 {







            max-width: 41.666667%;







        }







        .col-6 {







            max-width: 50%;







        }







        .col-7 {







            max-width: 58.333333%;







        }







        .col-8 {







            max-width: 66.666667%;







        }







        .col-9 {







            max-width: 75%;







        }







        .col-10 {







            max-width: 83.333333%;







        }







        .col-11 {







            max-width: 91.666667%;







        }







        .col-12 {







            max-width: 100%;







        }







        .col-offset-12 {







            margin-left: 100%;







        }







        .col-md-offset-11 {







            margin-left: 91.66666667%;







        }







        .col-offset-10 {







            margin-left: 83.33333333%;







        }







        .col-offset-9 {







            margin-left: 75%;







        }







        .col-offset-8 {







            margin-left: 66.66666667%;







        }







        .col-offset-7 {







            margin-left: 58.33333333%;







        }







        .col-offset-6 {







            margin-left: 50%;







        }







        .col-offset-5 {







            margin-left: 41.66666667%;







        }







        .col-offset-4 {







            margin-left: 33.33333333%;







        }







        .col-offset-3 {







            margin-left: 25%;







        }







        .col-offset-2 {







            margin-left: 16.66666667%;







        }







        .col-offset-1 {







            margin-left: 8.33333333%;







        }







        .col-offset-0 {







            margin-left: 0%;







        }







    }







    







    @media only screen and (min-width: 481px) and (max-width: 768px) {







        .col-sm-1,







        .col-sm-2,







        .col-sm-3,







        .col-sm-4,







        .col-sm-5,







        .col-sm-6,







        .col-sm-7,







        .col-sm-8,







        .col-sm-9,







        .col-sm-10,







        .col-sm-11,







        .col-sm-12 {







            float: left;







        }







        .col-sm-12 {







            width: 100%;







        }







        .col-sm-11 {







            width: 91.66666667%;







        }







        .col-sm-10 {







            width: 83.33333333%;







        }







        .col-sm-9 {







            width: 75%;







        }







        .col-sm-8 {







            width: 66.66666667%;







        }







        .col-sm-7 {







            width: 58.33333333%;







        }







        .col-sm-6 {







            width: 50%;







        }







        .col-sm-5 {







            width: 41.66666667%;







        }







        .col-sm-4 {







            width: 33.33333333%;







        }







        .col-sm-3 {







            width: 25%;







        }







        .col-sm-2 {







            width: 16.66666667%;







        }







        .col-sm-1 {







            width: 8.33333333%;







        }







        .col-sm-pull-12 {







            right: 100%;







        }







        .col-sm-pull-11 {







            right: 91.66666667%;







        }







        .col-sm-pull-10 {







            right: 83.33333333%;







        }







        .col-sm-pull-9 {







            right: 75%;







        }







        .col-sm-pull-8 {







            right: 66.66666667%;







        }







        .col-sm-pull-7 {







            right: 58.33333333%;







        }







        .col-sm-pull-6 {







            right: 50%;







        }







        .col-sm-pull-5 {







            right: 41.66666667%;







        }







        .col-sm-pull-4 {







            right: 33.33333333%;







        }







        .col-sm-pull-3 {







            right: 25%;







        }







        .col-sm-pull-2 {







            right: 16.66666667%;







        }







        .col-sm-pull-1 {







            right: 8.33333333%;







        }







        .col-sm-pull-0 {







            right: auto;







        }







        .col-sm-push-12 {







            left: 100%;







        }







        .col-sm-push-11 {







            left: 91.66666667%;







        }







        .col-sm-push-10 {







            left: 83.33333333%;







        }







        .col-sm-push-9 {







            left: 75%;







        }







        .col-sm-push-8 {







            left: 66.66666667%;







        }







        .col-sm-push-7 {







            left: 58.33333333%;







        }







        .col-sm-push-6 {







            left: 50%;







        }







        .col-sm-push-5 {







            left: 41.66666667%;







        }







        .col-sm-push-4 {







            left: 33.33333333%;







        }







        .col-sm-push-3 {







            left: 25%;







        }







        .col-sm-push-2 {







            left: 16.66666667%;







        }







        .col-sm-push-1 {







            left: 8.33333333%;







        }







        .col-sm-push-0 {







            left: auto;







        }







        .col-sm-offset-12 {







            margin-left: 100%;







        }







        .col-sm-offset-11 {







            margin-left: 91.66666667%;







        }







        .col-sm-offset-10 {







            margin-left: 83.33333333%;







        }







        .col-sm-offset-9 {







            margin-left: 75%;







        }







        .col-sm-offset-8 {







            margin-left: 66.66666667%;







        }







        .col-sm-offset-7 {







            margin-left: 58.33333333%;







        }







        .col-sm-offset-6 {







            margin-left: 50%;







        }







        .col-sm-offset-5 {







            margin-left: 41.66666667%;







        }







        .col-sm-offset-4 {







            margin-left: 33.33333333%;







        }







        .col-sm-offset-3 {







            margin-left: 25%;







        }







        .col-sm-offset-2 {







            margin-left: 16.66666667%;







        }







        .col-sm-offset-1 {







            margin-left: 8.33333333%;







        }







        .col-sm-offset-0 {







            margin-left: 0%;







        }







    }







    







    @media (min-width: 1200px) {







        .container {







            max-width: 1140px;







        }







    }







    







    .home-banner {







        background: url("../images/banner.png") no-repeat center;







        height: 626px !important;







        background-size: cover;







        position: relative;







        top: 0;







        z-index: -1;







    }







    







    .mt-35 {







        margin-top: 35px;







    }







    







    .banner-title {







        text-transform: capitalize;







        font-size: 30px;







        margin-top: 0 !important;







        padding-top: 150px;







    }







    







    .banner-title h1 {







        font-weight: 700;







        line-height: 75px;







        margin-top: 75px;







    }







    







    .traingle-xs img {







        position: absolute;







        left: 30%;







        z-index: -1;







        top: 43%;







    }







    







    .banner-subtitle {







        font-weight: 500;







        font-size: 60px !important;







    }







    







    .banner-title p {







        font-size: 16px !important;







        line-height: 34px;







        margin-top: 25px;







        text-transform: lowercase;







    }







    







    .internal-page-wrapper .bg-img-wrapper {







        background-size: contain;







        background-repeat: no-repeat;







        height: 358px;







        background-position: center center;







        margin-top: 50px;







    }







    







    .head-bold {







        font-weight: 600;







    }







    







    .yellow_font_color {







        color: #fed501;







        font-family: 'Open Sans', sans-serif;







        font-weight: 600;







        font-size: 20px;







    }







    







    .yellow_title {







        font-size: 60px;







        color: #fed501;







        font-family: 'Open Sans', sans-serif;







        font-weight: 300;







        line-height: 45px;







    }







    







    .yellow-bg {







        background-color: #fed501;







    }







    







    .mt {







        margin-top: 20px;







    }







    







    .mt-12 {







        margin-top: 12px;







    }







    







    .small {







        width: 135px;







    }







    







    .large {







        padding: 0 16px !important;







    }







    







    .diagonal a {







        color: #fff;







    }







    







    .diagonal2 a {







        color: #fff;







    }







    







    .diagonal {







        position: relative;







        line-height: 45px;







        background: #fed501;







        text-transform: uppercase;







        font-size: 16px;







        letter-spacing: 1px;







        color: white;







        border: none;







        font-weight: 600;







        font-family: 'Open Sans', sans-serif;







        overflow: hidden;







        z-index: 1;







        padding: 0px;







        text-align: center;







        cursor: pointer;







        box-shadow: 0px 0px 20px 0px #0000000d;







    }







    







    .diagonal:after {







        content: "";







        position: absolute;







        top: 0;







        left: 0;







        width: 525%;







        height: 1000%;







        background: #000;







        z-index: -1;







        transform-origin: 0% 0%;







        transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);







        /* transform: translateY(10%) translateX(16%) rotate(-45deg); */







        transition: transform .3s;







    }







    







    .diagonal:hover::after {







        transform: translateY(10%) translateX(-30px) rotate(-45deg);







    }







    /*diagonal2*/







    







    .diagonal2 {







        position: relative;







        line-height: 45px;







        background: #000;







        text-transform: uppercase;







        font-size: 16px;







        letter-spacing: 1px;







        border: none;







        font-weight: 600;







        font-family: 'Open Sans', sans-serif;







        overflow: hidden;







        z-index: 1;







        padding: 0px;







        text-align: center;







        cursor: pointer;







        box-shadow: 0px 0px 20px 0px #0000000d;







    }







    







    .diagonal2:after {







        content: "";







        position: absolute;







        top: 0;







        left: 0;







        width: 525%;







        height: 1000%;







        background: #6f5d00;







        z-index: -1;







        transform-origin: 0% 0%;







        transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);







        /* transform: translateY(10%) translateX(16%) rotate(-45deg); */







        transition: transform .3s;







    }







    







    .diagonal2:hover::after {







        transform: translateY(10%) translateX(-30px) rotate(-45deg);







    }







    







    .margin-center {







        margin: 0 auto;







    }







    







    .service-content {







        position: relative;







        text-align: center;







        /*margin: 13px 0;*/







    }







    







    .section-subtitle {







        font-size: 30px;







        color: #000000;







        font-family: 'Open Sans', sans-serif;







        font-weight: 500;







        margin-bottom: 25px;







    }







    







    .service-content img {







        position: absolute;







        z-index: -1;







        top: -2%;







        left: 44.4%;







        width: 70px;





    }







    







    .fbox-icon img {







        width: 65px;







        height: auto;







    }







    







    .thin-triangle-ipad {







        display: flex;







        flex-direction: row-reverse;







        margin-top: -75px;







        position: absolute;







        margin: auto;







        top: 44%;







        right: 20px;







    }







    







    .thin-triangle-ipad img {







        width: 55px;







        height: auto;







        margin-left: 20px;







    }



    .thin-triangle-ipad img:hover {

    width: 70px;

}





    /*.thin-triangle-ipad01 {







        display: flex;







        flex-direction: row-reverse;







        margin-top: -75px;







        position: absolute;







        margin: auto;







        top: 40%;







        right: 35px;







    }*/







    







    .section-title {







        font-size: 60px;







        color: #000000;







        font-family: 'Open Sans', sans-serif;







        font-weight: 600;







        z-index: -1;







        /*position: relative;*/







    }







    







    .feature-box {







        position: relative;







        text-align: center;







        margin-bottom: 55px;







        box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);







        padding: 15px;







    }







    







    .feature-box p {







        margin-top: 16px;







        padding: 0 45px;







    }







    







    .feature-box ul li {







        line-height: 30px;







        text-transform: capitalize;







    }







    







    .feature-box h4 {







        margin-top: 5px;







        margin-bottom: 10px;







    }







    







    .fbox-btn {







        margin: 0 auto 0 100px;







    }







    







    .text-center {







        text-align: center;







    }







    







    .text-left {







        text-align: left;







    }







    







    .feature-box-cover {







        position: relative;







        margin-top: 15%;







    }







    







    .feature-box-cover .header-banner-text img {







        position: absolute;







        bottom: -8px;







    }







    







    .feature-box-cover .fbox-traingle {







        position: absolute;







        z-index: 1;







        top: -22%;







    }







    







    .feature-box-cover .fbox-cover {







        margin-bottom: 35px;







    }







    







    .feature-box-cover .btn-push {







        margin-left: 75px;







    }







    







    .ipad-responsive {







        display: none;







    }







    







    #portfolio-wrapper {







        padding: 50px 0;







        background: #fbfbfb;







    }







    







    .portfolio-content {







        padding: 50px 35px;







        background: #FFFFFF;







    }







    







    .portfolio-btn-content span {







        background-color: #fed501;







        width: 100px;







        height: 1px;







        position: absolute;







        bottom: 12%;







    }







    







    .portfolio-img-content {







        padding: 85% 10%;







    }







    







    .portfolio-img-content h1 {







        font-size: 35px;







        font-weight: 300;







        margin-top: 5px;







        color: #FFFFFF;







    }







    







    .portfolio-inner {







        margin-top: 75px;







    }







    







    .play-btn {







        position: absolute;







        right: 40%;







        bottom: 9%;







    }







    







    .portfolio-btn-content {







        height: 296px;







        background: #FFFFFF;







        padding: 50px 35px;







    }







    







    .portfolio-btn-content a {







        color: #000000;







        text-transform: uppercase;







        text-decoration: none;







        font-weight: 400;







        font-size: 19px;







        letter-spacing: 1px;







        position: relative;







    }







    







    .portfolio-img-one img {







        height: 575px;







        cursor: pointer;







        width: 100%;







    }







    







    .portfolio-img-two img {







        height: 575px;







        cursor: pointer;







        width: 100%;







    }







    







    .portfolio-img-two .header-banner-text img {







        position: absolute;







        bottom: -44px;







    }







    







    .portfolio-img-three img{







        height: 575px;







        cursor: pointer;







        width: 100%;







    }







    







    .portfolio-btn-content .header-banner-text img {







        position: absolute;







        bottom: 120px;







    }







    







    .navigation {







        display: flex;







        align-items: center;







        position: absolute;







        padding-top: 25px;







    }







    







    .navigation.yellow-btn {







        width: 100% !important;







    }







    







    .phone-btn span {







        background: #fed501;







        display: flex;







        align-items: center;







        text-align: center;







        height: 40px;







    }







    







    .phone-btn span:hover {







        background-color: #fedd32;







        transition: .8s all;







    }







    







    .phone-btn {







        margin-left: 16px;







    }







    







    .phone-btn img {







        margin-left: 18px;







        margin-right: -20px;







    }







    







    .phone-btn a {







        margin: 0 5px !important;







    }







    







    .phone-btn a:hover {







        color: #000000 !important;







    }







    







    img.logo {







        position: absolute;







        padding-top: 25px;







    }







    







    .home-banner {







        background-size: cover;







    }







    /*header image*/







    







    .header-banner-text {







        display: flex;







        justify-content: center;







        align-items: center;







        flex-direction: column;







    }







    







    .header-banner-text img {







        width: 75px;







        margin-top: 96px;







        height: auto;







    }







    







    .header-banner-text h1 {







        margin-top: 122px;







        color: #fff;







    }







    







    .banner-title {







        text-transform: uppercase;







        margin-top: 120px;







    }







    







    .banner-title p {







        font-family: 'Montserrat', sans-serif;







        font-size: 18px;







        line-height: 30px;







        margin-top: 25px;







    }







    







    .footer-wrapper {







        padding: 50px 0 0 0;







        background: #000000;







    }







    







    .quick-links h4 {







        margin-bottom: 16px;







    }







    







    .quick-links ul li {







        color: #e9e9e9;







        list-style: none;







        margin-bottom: 20px;







        font-size: 16px;







        margin-left: -16px;







    }







    







    .quick-links a li:hover {







        margin-left: -5px;







        transition: 0.5s;







    }







    







    .footer-services a li:hover {







        margin-left: 10px;







        transition: 0.5s;







    }







    







    .links h4 {







        margin-bottom: 16px;







    }







    







    .footer-services ul li {







        color: #e9e9e9;







        list-style: none;







        margin-bottom: 20px;







        font-size: 16px;







    }







    







    .copyright-txt {







        position: relative;







        background: #0b090a;







        padding: 5px 0 10px 0;







        z-index: 10;







        background: url(../images/play-md.png);







        background-size: contain;







        background-repeat: no-repeat;







        background-position: center;







        margin-top: 30px;







    }







    







    .copyright-txt p {







        color: #d8d8d8;







        z-index: 5;







    }







    







    .copyright-txt img {







        position: absolute;







        height: 40px;







        width: 30px;







        z-index: 1;







        bottom: 7px;







        left: 50%;







        margin-left: -15px;







    }







    







    .footer-social-icons img {







        width: 16px;







        height: 16px;







        color: #fff;







        margin-top: 16px;







    }







    







    .footer-social-icons .social-icons {







        margin-top: 16px;







    }







    







    .social-icons a:nth-child(1) .icon-circle:hover {







        background-color: #3b5999;







        color: #fff;







    }







    







    .social-icons a:nth-child(2) .icon-circle:hover {







        background-color: #55acee;







        color: #fff;







    }







    







    .social-icons a:nth-child(3) .icon-circle:hover {







        background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);







        color: #fff;







    }







    







    .social-icons a:nth-child(4) .icon-circle:hover {







        background-color: #0077B5;







        color: #fff;







    }







    







    .icon-circle {







        width: 45px;







        height: 45px;







        background-color: #FFFFFF;







        border-radius: 50%;







        text-align: center;







        list-style: none;







        display: inline-block;







        padding: 14px;







    }







    







    .icon-circle:hover {







        box-shadow: 0px 1px 5px 1px rgba(255, 255, 255, 0.3);







    }







    







    .icon-circle:hover img {







        /* margin-left: 10px; */







        transition: 0.5s;







    }







    







    .second-thirt {







        margin-left: 16px;







    }







    







    #about-wrapper {







        padding: 50px 0;







        background: url("../images/about-bg.jpg") no-repeat;







        background-position: 70px 30px;







        /* height: 664px; */







        background-size: cover;







    }







    







    .about-left-content-desc {







        margin-top: 135px;







        padding: 0 100px;







    }







    







    .about-left-content-desc p {







        margin-bottom: 35px;







    }







    







    .about-right-content-title {







        font-size: 30px;







        color: #fed501;







        font-family: 'Open Sans', sans-serif;







        font-weight: 500;







        margin-bottom: 25px;







    }







    







    .about-right-content p {







        margin-bottom: 35px;







        /*padding: 0 25px;*/







    }







    







    #clients-wrapper {







        padding: 50px 0;







        background: #fed501;







    }







    







    .clients-content {







        position: relative;







        text-align: center;







    }







    







    .clients-content img {







        position: absolute;







        top: -22%;







        left: 45%;







        z-index: 1;







    }







    







    #clients-wrapper p {







        margin-top: 50px;







        margin-bottom: 30px;







    }







    







    #clients-wrapper .small {







        margin: 50px auto 0 auto;







    }







    /*.client-logo {







        margin-bottom: 50px;







    }*/







    







    .cta img {







        width: 30px;







        height: 30px;







    }







    







    section#contact-wrapper {







        padding: 50px 0;







        background: url("../images/contact-bg.jpg") no-repeat;







        background-position: cover;







        /* height: 650px; */







        background-size: cover;







    }







    







    .contact-content {







        position: relative;







        margin-bottom: 50px;







    }







    







    .contact-content img {







        position: absolute;







        top: -22%;







        left: 42%;







    }







    







    .contact-detail-content img {







        width: 30px;







        height: 30px;







    }







    







    .contact-detail-content {







        display: flex;







        margin-bottom: 16px;







    }







    







    .contact-detail-content p {







        padding-left: 16px;







    }







    







    .form-input input {







        line-height: 35px;







        margin: 0 0 20px 0;







        border: none;







        border-bottom: 1px solid rgba(0, 0, 0, 0.9);







        outline: none;







        width: 100%;







        background: transparent;







    }







    







    .map-wrapper {







        margin-bottom: 0px;







    }







    







    .form-input textarea {







        line-height: 25px;







        font-family: 'Open Sans', sans-serif;







        margin: 0;







        color: #333;







        border: none;







        border-bottom: 1px solid rgba(0, 0, 0, 0.9);







        outline: none;







        width: 100%;







        background: transparent;







        font-size: 16px;







    }







    







    .form-input textarea::placeholder {







        font-size: 16px;







    }







    







    .send-btn {







        margin-top: 16px;







    }







    /*faq page*/







    







    .faq-title {







        margin-bottom: 16px;







    }







    







    .faq-content p {







        margin-bottom: 50px;







    }







    







    .slide-img {







        position: relative;







        margin-top: 100px;







    }







    







    .rightgear {







        z-index: 2;







    }




    .service-section.desktop-device .rightgear {


        margin-top: -44px;

        width: auto;




    }







    







    /*.service-center-img {







        margin: 45% 0 0 0;







    }*/







    







    .slide-img .header-banner-text img {







        margin-top: -25px;







        z-index: 1;







    }







    







    .mob-view {



        display: none !important;



    }







    







    .desktop-view {







        display: block !important;







    }







    







    .slide-img .desktop-view .slick-slide img {







        height: auto;







    }







    







    .is-visible .main-photo {







        transform: none;







    }







    







    .is-visible .heading {







        transform: translate(-50%, -50%);







    }







    







    .portfolio-img-two .desktop-view {







        display: flex !important;







    }







    /* .social-icons i {







        color: #000000;







    } */







    







    .social-icons i:hover {







        color: #fff;







    }



     .load {

            bottom: 7%;

        }





    







    @media screen and (max-width: 480px) {







        body {







            overflow-x: hidden;







        }







        video {







            width: 100%;







            height: auto;







            margin-top: 95px !important;







        }

        .desk {

    display: none;

}

.mob {

    display: block;

}

        /*.internal-page-wrapper  video {







            width: 100%;







            height: auto;







            margin-top: 0px !important;







        }

*/





        p {







            font-size: 16px;







            line-height: 24px;







            /*text-align: justify;*/







        }



        .client-logo img {

         width: auto; 

        height: auto;

        }



        .portfolio-img-three {







            height: 435px;







            /*margin-bottom: 40px;*/







        }







        .work-slide-text {







            margin: 40px 0 60px 0 !important;







        }







        .yellow_font_color.mob-view {







            margin-bottom: 15px;







        }







        .services {







            margin-bottom: 0px !important;







        }







        .img-overlay {







            opacity: 1 !important;







        }







        .overlay-play-but {







            opacity: 1 !important;







        }







        .nav-text {

            margin-top: 10px;

            position: absolute;

            right: -6px;

            font-size: 11px;







        }







        .filters .header-banner-text img {







            margin-top: 0px;







        }







        .slide-img {







            margin-top: 94px;







        }







        .phone-btn {







            margin-right: 16px;







        }







        .clearfix:after {







            visibility: hidden;







            display: block;







            font-size: 0;







            content: " ";







            clear: both;







            height: 0;







        }







        .section-t-50-wrapper {







            margin-top: 0px !important;







        }







        #about-wrapper {







            padding: 0 0 15px 0;







            height: auto;







        }







        .section-wrapper {







            margin-top: 75px;







        }







        .service-content {

            margin: 50px 0 50px 0;

        }



        .our-service-top-triangle{

            margin: 15px 0 15px 0;

        }







        .section-title {







            font-size: 45px;







            /*margin-top: 30px;*/







        }







        .yellow_title {







            font-size: 45px;







        }







        .banner-title {







            padding-top: 100px;







        }







        .banner-play {







            opacity: 0;







        }







        .banner-subtitle {







            font-size: 33px !important;







        }







        .banner-title h1 {







            font-size: 35px;







            line-height: 50px;







        }







        .banner-title p {







            line-height: 26px;







        }







        .traingle-xs img {







            left: 35%;







            top: 12%;







        }







        .internal-page-wrapper .bg-img-wrapper {







            margin-top: 75px;







        }







        .header-banner-text {







            position: relative;







            display: flex;







            justify-content: center;







            align-items: center;







            flex-direction: column;







        }







        .broadcast-play-btn {







            position: relative;







            display: flex;







            justify-content: center;







            align-items: center;







            flex-direction: column;







            left: 44%;







            top: -7px;







        }







        .header-banner-text img {







            margin-top: -30px;







            width: 50px !important;







            /*display: none;*/







        }







        .header-banner-text h1 {







            margin-top: 75px;







            color: #fff;







        }







        .service-content img {

            top: -41%;

            left: 34%;

            width: 97px;



        }



        .our-service-top-triangle img.top-triangle{

            top: -22%;

            left: 35%;

            width: 70px;

        }







        .fbox-btn {







            margin: 0 auto;







            margin-top: 25px;







        }







        /*.portfolio-img-two {







            height: 475px;







        }*/







        .portfolio-img-two .header-banner-text img {







            position: absolute;







            bottom: -12px;







            z-index: 1;







        }







        .portfolio-btn-content .header-banner-text img {







            left: 50%;







            bottom: -6px;







        }







        .portfolio-btn-content {







            height: 150px;







        }







        /*.portfolio-content.mob-view {







            margin-bottom: 50px;







        }*/







        .portfolio-img-two {







            margin-top: 5px;







        }







        .portfolio-inner {







            margin-top: 15px;







        }















        .portfolio-img-one img {







            height: auto;







            cursor: pointer;







            width: 100%;







        }















        .portfolio-img-two img {







            height: auto;







            cursor: pointer;







            width: 100%;







        }















        .portfolio-img-three img {







            height: auto;







            cursor: pointer;







            width: 100%;







        }







        .ipad-responsive {







            opacity: 1;







            display: block;







        }







        .desktop-device {







            display: none;







        }







        .feature-box-cover {







            margin-top: 0;







            margin-bottom: 3px;







        }





        

        .feature-box {

            margin: 15px;

            padding: 0 15px 15px 15px;

        }



        .feature-box:nth-child(1){

            padding: 0 15px 15px 15px !important;

        }







        .mb-50 {







            margin-bottom: 25px;







        }







        #portfolio-wrapper {







            padding: 10px 0;







        }







        .portfolio-img-content h1 {







            font-size: 25px;







        }







        .portfolio-img-content {







            padding: 100% 10%;







        }







        .portfolio-img-one {







            height: 415px;







        }





        .play-btn {







            position: absolute;







            right: 15%;







            bottom: 1%;







        }







        .about-left-content-desc {







            margin-top: 50px;







            padding: 0px;







        }







        .about-left-content-desc .mt {







            margin-bottom: 35px;







        }







        .about-right-content p {







            padding: 0px;







            margin-bottom: 25px;







        }







        .clients-content img {







            position: absolute;







            top: -48%;







            left: 38%;







        }







        .client-logo {







            text-align: center;







        }







        #service .cta {







            margin-top: 25px;







        }







        .team-wrapper {







            margin: 0px 0 0 0 !important;







        }







        section#contact-wrapper {







            height: auto;







            padding: 35px 0 10px 0;







        }







        #contact-wrapper .mt {







            margin-bottom: 25px;







        }







        .contact-content img {







            position: absolute;







            top: -42%;







            left: 33%;







        }







        #contact.page-content {







            background: none !important;







        }







        .footer-wrapper {







            height: auto;







        }







        .footer-services,







        .footer-social-icons {







            margin-top: 16px;







        }







        .copyright-txt {







            margin-top: 25px;







        }







        #service p {







            font-size: 16px;







            margin-top: 25px;







        }







        #service li {







            font-size: 16px;







        }







        .services h1 {







            margin: 25px 0 !important;







            font-weight: 500;







            font-size: 22px !important;







        }







        .client-img-wrap img {







            width: 200px;







            height: auto;







            margin-bottom: 16px;







        }







        .service-client-header h1 {







            font-size: 45px !important;







        }







        .internal-page-wrapper .bg-img-wrapper {







            height: 203px;







        }







        .cta-our-services {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta-portfolio {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta-about {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta-client {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta-digital {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta-contact {







            display: flex;







            flex-wrap: wrap;







            align-items: center;







            justify-content: center;







        }







        .cta img {







            width: 15px;







            height: 15px;







        }







        .cta .black-btn {







            margin-top: -50px;







        }







        .cta-our-services h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .cta-portfolio h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .cta-about h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .cta-client h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .cta-digital h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .cta-contact h1 {







            padding: 0 0px;







            font-size: 22px !important;







            line-height: 32px;







        }







        .service-client-wrapper .client-img-wrap {







            text-align: center;







            margin-bottom: 25px;







        }







        .about-header .about-wrapper h1 {







            font-size: 33px !important;







            text-align: left !important;







        }







        .about-header .about-wrapper p {







            font-size: 16px !important;







            margin-bottom: 25px;







        }







        .team-wrapper p {







            font-size: 16px !important;







        }







        .team-wrapper h1 {







            font-size: 22px;







        }







        #client .client-img-wrap img {







            width: 55%;







            height: auto;







        }







        #client .client-img-wrap {







            text-align: center;







            margin-left: 25px;







            margin-right: 25px;







        }







        .client-para p {







            text-align: justify;







            font-size: 16px !important;







            margin-top: 25px !important;







        }







        .client-para .header-banner-text {







            text-align: center;







        }







        .address-wrapper-contact {







            margin-bottom: 25px;







            padding: 40px 22px !important;







        }







        .address-wrapper-contact .social-icons {







            margin-top: 15px;







        }







        a.menu-link {







            display: none;







        }







        .js .navigation {







            max-height: none;







        }







        .navigation ul {







            margin: 0 0 0 -0.25em;







            border: 0;







        }







        .navigation li {







            display: inline-block;







            margin: 0 0.25em;







        }







        .navigation li a {







            border: 0;







        }







        .mob-view {







            display: block !important;







        }







        .desktop-view {







            display: none !important;







        }







        .portfolio-img-two .desktop-view {







            display: none !important;







        }







        .feature-box-cover .header-banner-text img {







            position: absolute;







            /* bottom: 61px; */







        }







        .custom-width-quick-link {







            width: 50%;







        }







        .custom-width-our-services {







            width: 50%;







            margin-top: -16px;







        }







    }







    /*I-pad portrait responsive*/







    







    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {







        video {







            width: 100%;







            height: auto;







        }







        .feature-box-cover {







            position: relative;







            margin-top: 50px;







        }







        .feature-box-cover .mt-35 {







            margin-top: 0;







        }







        .feature-box-cover .header-banner-text img {







            position: absolute;







            bottom: 75px;







        }







        #about-wrapper {







            padding: 75px 0;







            height: auto;







        }







        .header-banner-text img {







            margin-top: 63px;







        }







        .header-banner-text h1 {







            margin-top: 50px;







        }







        .section-wrapper {







            margin-top: 75px;







        }







        .section-title {







            font-size: 45px;







        }







        .service-content {







            margin: 50px 0;







        }







        .yellow_title {







            font-size: 45px;







        }







        .traingle-xs img {







            left: 21%;







            top: 23%;







        }







        .banner-subtitle {







            font-size: 50px !important;







        }







        .banner-title h1 {







            font-size: 50px;







            line-height: 60px;







        }







        .banner-play {







            position: absolute;







            right: 3%;







            bottom: 0;







        }







        .ipad-responsive {







            opacity: 1;







            display: block;







        }







        .desktop-device {







            display: none;







        }







        .fbox-btn {







            margin: 0 auto 35px auto;







        }







        .feature-box-cover {







            text-align: center;







        }







        .feature-box-cover .btn-push {







            margin: 0 auto 35px auto;







        }







        #portfolio-wrapper {







            padding: 50px 0;







        }







        .portfolio-img-three {







            margin: 50px 0;







        }







        .portfolio-img-one {







            margin-bottom: 25px;







        }







        .portfolio-img-two {







            margin-bottom: 50px;







        }







        .portfolio-img-content {







            padding: 50% 25%;







        }







        .about-left-content .section-title {







            text-align: center;







        }







        .about-left-content-desc {







            margin-top: 50px;







            padding: 0px;







        }







        .about-left-content-desc .mt {







            margin: 0 auto 35px auto;







        }







        .about-right-content-title {







            text-align: center;







        }







        .clients-content img {







            top: -45%;







        }







        .client-logo img {







            width: 100px;







            height: auto;







        }







        section#contact-wrapper {







            height: auto;







        }







        #contact-wrapper .mt {







            margin-bottom: 25px;







        }







        .footer-wrapper {







            height: auto;







        }







        .copyright-txt {







            margin-top: 25px;







        }







        .footer-services,







        .footer-social-icons {







            margin-top: 16px;







        }







        /*-------------------Services Page-------------------*/







        .client-img-wrap img {







            width: 100px;







            height: auto;







        }







        .service-content img {







            top: -45%;







        }







        .cta {







            display: flex;







            flex-wrap: wrap;







        }







        .cta .black-btn {







            margin-top: -35px;







            width: 250px;







        }







        .cta h1 {







            font-size: 32px !important;







            line-height: 45px;







        }







        /*-------------------About Us Page-------------------*/







        .about-header .about-wrapper h1 {







            line-height: 65px;







        }







        /*-------------------Client Page-------------------*/







        #client.client-img-wrap img {







            width: 100px;







            height: auto;







        }







        .page-content {







            min-height: 0px !important;







        }







        .client-img-wrap {







            padding: 10px 0px !important;







        }







        .address-wrapper-contact {







            padding: 30px !important;







        }







        .pad-left {







            padding-left: 10px;







        }







    }







    /*I-pad landscape responsive*/







    







    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {







        .services img {







            height: auto;







        }







        .services .header-banner-text img {







            height: auto;







        }







        .header {







            padding: 0 5px !important;







        }







        .phone-btn img {







            margin-right: 0px;







        }







        video {







            width: 100%;







            height: auto;







        }







        .feature-box-cover .fbox-cover {







            margin-bottom: 35px;







            height: 515px;







        }







        .portfolio-img-one {







            height: 515px;







        }







        .portfolio-img-two {







            height: 515px;







        }







        .portfolio-img-three {







            height: 515px;







        }







        .filters li {







            font-size: 11px !important;







        }







    }







    /*Ipad-pro portrait responsive*/







    







    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) {







        video {







            width: 100%;







            height: auto;







        }







        .header {







            padding: 0 5px !important;







        }







        .phone-btn img {







            margin-right: 0px;







        }







        .banner-play {







            right: 35%;







            top: 35%;







        }







        .traingle-xs img {







            left: 25%;







            top: 40%;







        }







        .service-content img {







            top: -40%;







        }







        .desktop-device {







            display: block;







        }







        .ipad-responsive {







            display: none;







        }







        .portfolio-img-content {







            padding: 85% 15%;







        }







        .portfolio-img-three {







            margin: 0px 0;







            height: 515px;







        }







        .portfolio-img-one {







            margin-bottom: 0px;







            height: 515px;







        }







        .portfolio-img-two {







            margin-bottom: 0px;







            height: 515px;







        }







        .client-para p {







            font-size: 16px !important;







        }







        .about-right-content-title {







            text-align: left;







        }







        .about-left-content-desc {







            padding: 0 75px;







        }







        .contact-content img {







            top: 38%;







        }







        /*--------------Service Page----------------*/







        .services img {







            height: 580px;







        }







        .header-banner-text img {







            width: auto !important;







            height: auto;







        }







        /*--------------Client Page----------------*/







        .client-img-wrap {







            padding: 16px 20px !important;







        }







        .page-content {







            min-height: 0px !important;







        }







        /*--------------Contact Us Page----------------*/







        .address-wrapper-contact {







            padding: 50px 55px;







            height: 190px;







        }







        .copyright-txt {







            margin-top: 25px;







        }







    }







    /*I-pad pro landscape mode*/







    







    @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) {







        .client-img-wrap img {







            width: 135px;







            height: auto;







        }







        .phone-btn img {







            margin-right: 0px;







        }







        .page-content {







            min-height: 0px !important;







        }







        video {







            width: 100%;







            height: auto;







        }







    }







    







    * {







        margin: 0;







        padding: 0;







        box-sizing: border-box;







    }







    







    html,







    body,







    navbar,







    header,







    footer {







        margin: 0;







    }







    







    h1,







    h2,







    h3,







    h4,







    h5,







    h6 {







        text-transform: uppercase;







        font-family: 'Open Sans', sans-serif;







    }







    







    ul li {







        list-style: none;







        font-size: 16px;







        font-family: 'Montserrat', sans-serif;







    }







    







    a {







        text-decoration: none;







    }







    







    .padding-item {







        padding: 10px;







    }







    







    .fullwidth {







        width: 100%;







    }







    







    .chat-title,







    .chat-block,







    .chat-editor {







        width: 100%;







    }







    







    .chat-title {







        background: #00a1ff;







        color: #FFFFFF;







        padding: 10px 0;







    }







    







    .chat-title .text {







        padding: 10px;







    }







    







    .chat-block .chat-item {







        padding: 10px;







    }







    







    .chat-block .chat-item.me {







        background: #FFFFFF;







    }







    







    .chat-block .chat-item.opponent {







        background: #f4f4f4;







    }







    







    .chat-editor {







        position: absolute;







        bottom: 0;







    }







    







    .chat-editor div {







        padding: 10px;







    }







    







    .chat-editor textarea {







        width: 100%;







    }







    /* Common Components*/







    







    .section-wrapper {







        margin-top: -10px;







        margin-bottom: 30px;







    }







    /* .section-t-50-wrapper {







    margin-top: 50px;







} */







    







    .page-footer {







        background: #ccc;







        padding: 20px;







        color: #333;







    }







    







    .page-content {







        min-height: 90vh;







        /* background: url(../images/play-md-2.png) no-repeat;







    background-position: center;







    background-size: contain; */







    }







    







    #contact.page-content {







        min-height: 90vh;







        /* background: url(../images/play-md-2.png) no-repeat;







    background-position: center;







    background-size: contain; */







    }







    







    .navigation a {







        margin: 16px;







    }







    







    @media only screen and (min-width: 1367px) {







        .home-banner {







            height: 973px !important;







        }







        .banner-play {







            margin-top: 30%;







            width: 85%;







            height: 45%;







            margin-left: 30%;







        }







        .internal-page-wrapper .bg-img-wrapper {







            height: 359px;







        }







        .header-banner-text img {







            margin-top: 151px;







        }







        #about-wrapper {







            background-position: 70px -150px;







        }







        .slide-img .desktop-view .slick-slide {







            height: auto;







        }







        .slide-img .desktop-view .slick-slide img {







            height: auto;







        }







    }







    /*mujahid css start*/







    /*video division css start*/







    







    .header-top-video {







        height: 540px;







        z-index: 0;







        width: 100%;







    }







    /*video division css end*/







    







    .first-portfolio-wrap {







        position: relative;







    }







    /*    .portfolio-triangle-overlay {







    width: 340px;







    height: 236px;







    background: rgba(0, 0, 0, 0.3);







    position: absolute;







    top: 15px;







    left: 15px;







    opacity: 0;







}















    .first-portfolio-wrap:hover .portfolio-triangle-overlay{







        opacity: 1;







    }*/







    







    img.port-folio-triangle-1 {







        position: absolute;







        top: 15em;







        left: 12em;







        opacity: 0;







    }







    







    .first-portfolio-wrap:hover img.port-folio-triangle-1 {







        opacity: 0;







    }







    







    img.port-folio-triangle-2 {







        position: absolute;







        top: 15em;







        left: 12em;







        opacity: 0;







    }







    







    .first-portfolio-wrap:hover img.port-folio-triangle-2 {







        opacity: 0;







    }







    







    img.port-folio-triangle-3 {







        position: absolute;







        top: 15em;







        left: 12em;







        opacity: 0;







    }







    







    .first-portfolio-wrap:hover img.port-folio-triangle-3 {







        opacity: 0;







    }







    







    @media only screen and (max-width: 480px) {







        .call-round-btn {

            display: block!important;

        }

        .call-round-btn img {

    width: 40px!important;

    height: 40px!important;

    margin-top: 5px;

    margin-left: 275px;

}

.call-icon-mob {

     width: 25px!important;

    height: 25px!important;

}

         .header .menu-icon {

    margin-top: -60px!important;

    }



        img.port-folio-triangle-1 {







            opacity: 0;







            top: 10em;







            left: 8em;







        }







        img.port-folio-triangle-2 {







            opacity: 0;







            top: 10em;







            left: 8em;







        }







        img.port-folio-triangle-3 {







            opacity: 0;







            top: 10em;







            left: 8em;







        }







        .thin-triangle-ipad {







            display: flex;







            flex-direction: unset;







            margin-top: -95px;







            position: absolute;







            margin: auto;







            top: 50%;







            right: 13px;







        }







        .thin-triangle-ipad-2 {







            display: flex;







            flex-direction: column;







            margin-top: -40px;







        }







        .mob-thick-triangle {







            display: none;







        }







    }







    







    .single-item .slick-slide {







        outline: none;







    }







    /*.ipad-services-list-icon{







        display: inherit;







        margin: -22px 0 0 10px;







        padding: 0 0 0 281px;







    }*/







    







    span img.call-icon-mob {







        margin: -3px 10px;







    }







    







    img.desktop-services-list-icon {







        padding: 0 325px;







        margin-left: 160px;







        margin-top: -65px;







    }







    







    img.ad-film-play-image {







        padding: 0 325px;







        margin-left: 85px;







        margin-top: -65px;







    }







    







    img.ott-new-media-play-img {







        padding: 0 325px;







        margin-left: 105px;







        margin-top: -65px;







    }







    







    img.broadcast-film-play-image {







        padding: 0 325px;







        margin-left: 189px;







        margin-top: -65px;







    }







    







    .slick-prev:before,







    .slick-next:before {







        display: none !important;







    }







    







    .slick-prev1 img,







    .slick-next1 img {







        /*background-color: #fdd503;*/







        /*padding: 3px;*/







    }







    







    .slick-prev1 .prev-img-arrow {







        width: 40px;







        height: 40px;







    }







    







    .slick-next1 .next-img-arrow {







        width: 40px;







        height: 40px;







    }







    







    .desk-btn {







        display: none;







    }







    label.error {



    color: red;



}







    /*mujahid css end*/







    /*mujahid css start*/

    .cta-digital {

    position: relative;

    background-image: url(../images/cta/05-new.jpg);

    height: 200px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

	background-size: cover;

    background-repeat: no-repeat;



    }







    







    .cta-digital img {







        width: 30px;







        height: 30px;







    }







    







    .cta-digital h1 {







        position: relative;







        font-family: "Opensans", sans-serif;







        font-weight: 600;







        font-size: 30px;







        display: inline-block;







        padding: 0 35px;







    }







    







    @media only screen and (max-width: 480px) {







        .desk-btn {







            display: block;







        }







        a img.thin-triangle-mobile {







            width: 80px;







            position: absolute;







            top: 25%;







            left: 70%;







        }







        a img.thin-triangle-mob-2 {







            top: 6%;







        }



    .dgt-top-video a span {

    position: absolute;

    top: 0;

    left: 51%;

    width: 18px;

    height: 18px;

    margin-left: -12px;

    border-left: 2px solid #fdd503;

    border-bottom: 2px solid #fdd503;

    -webkit-transform: rotate( 

-45deg);

    transform: rotate( 

-45deg);

    -webkit-animation: sdb07 2s infinite;

    animation: sdb07 2s infinite;

    opacity: 0;

    box-sizing: border-box;

}



.dgt-top-video a span:nth-of-type(1) {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.dgt-top-video a span:nth-of-type(2) {

    top: 12px;

    -webkit-animation-delay: .15s;

    animation-delay: .15s;

}

.dgt-top-video a span:nth-of-type(3) {

    top: 28px;

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

}

.dgt-top-video a {

    padding-top: 145px;

}








    }

/*@media only screen and (max-width: 480px){
.dgt-top-video .mob-2 a {
    padding-top: 145px;
}

}*/



    /*mujahid css end*/







    /*scroll css mujahid */









    .header-top-video {

        position: relative;

        margin-top: 104px;

    }







 







    .header-top-video::after {







        position: absolute;







        content: '';







        bottom: 0;







        left: 0;







    }







    







    .header-top-video a {







        padding-top: 60px;







    }







    







    .header-top-video a span {







        position: absolute;







        top: 0;







        left: 50%;







        width: 24px;







        height: 24px;







        margin-left: -12px;







        border-left: 3px solid #fdd503;







        border-bottom: 3px solid #fdd503;







        -webkit-transform: rotate(-45deg);







        transform: rotate(-45deg);







        -webkit-animation: sdb07 2s infinite;







        animation: sdb07 2s infinite;







        opacity: 0;







        box-sizing: border-box;







    }







    







    .header-top-video a span:nth-of-type(1) {







        -webkit-animation-delay: 0s;







        animation-delay: 0s;







    }







    







    .header-top-video a span:nth-of-type(2) {







        top: 16px;







        -webkit-animation-delay: .15s;







        animation-delay: .15s;







    }







    







    .header-top-video a span:nth-of-type(3) {







        top: 32px;







        -webkit-animation-delay: .3s;







        animation-delay: .3s;







    }







    







    .demo a {







        position: absolute;







        bottom: 5px;







        left: 49%;







        z-index: 2;







        display: inline-block;







        -webkit-transform: translate(0, -50%);







        transform: translate(0, -50%);







        color: #fdd503;







        font-weight: bold;







        letter-spacing: .1em;







        text-decoration: none;







        transition: opacity .3s;







    }







    /*.demo a:hover {







  opacity: .5;







}*/







    







    @-webkit-keyframes sdb07 {







        0% {







            opacity: 0;







        }







        50% {







            opacity: 1;







        }







        100% {







            opacity: 0;







        }







    }







    







    @keyframes sdb07 {







        0% {







            opacity: 0;







        }







        50% {







            opacity: 1;







        }







        100% {







            opacity: 0;







        }







    }







    /*scroll css mujahid */







    







    footer.footer-mob-view {







        display: none;







    }







    







    @media only screen and (max-width: 480px) {




        .header-top-video a span {







            position: absolute;







            top: 50px;







            left: 50%;







            width: 15px;







            height: 15px;







            margin-left: -12px;







            border-left: 2px solid #fdd503;







            border-bottom: 2px solid #fdd503;







            -webkit-transform: rotate(-45deg);







            transform: rotate(-45deg);







            -webkit-animation: sdb07 2s infinite;







            animation: sdb07 2s infinite;







            opacity: 0;







            box-sizing: border-box;







        }







        footer.footer-mob-view {







            display: block;







        }







        footer.footer-desktop-view {







            display: none;







        }







    }







    







    @media only screen and (min-width: 1366px) {

        .header-top-video {

            height: 480px;

        }



        .digital-header-top-video{

            /*height: 759px;*/

            -webkit-overflow:hidden;

        }

    }







    







    @media screen and (max-width: 768px) {







        .header-top-video {







            height: 593px;







        }







    }







    

@media screen and (max-width: 1280px) {

        .header-top-video {



            height: 540px;



        }

    }





    @media screen and (max-width: 480px) {



        .header-top-video {

            height: 309px;

            margin-top: 0;

        }







        .feature-box-cover .fbox-cover {

            margin-bottom: 0px;



        }







    }







    



    @media only screen and (min-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {



        .header-top-video {



            height: 710px;



        }



    }



     /*digital page css start*/

    .video-bottom-content{

        margin: 50px 0;

    }



    section#digital-wrapper {

	    margin: 50px 0;

	}



    .digital-img-one{

        height: 627px;

    }

    .digital-img-one img {

        height: 625px;

        cursor: pointer;

        width: 100%;

    }



    .digital-img-two{

        height: 620px;

        margin-top: -4px;

    }

    .digital-img-two img {

        height: 620px;

        cursor: pointer;

        width: 100%;

    }

    .digital-img-three{

        height: 625px;

    }

    .digital-img-three img {

        height: 625px;

        cursor: pointer;

        width: 100%;

    }



    .digital-content {

        padding: 40px 35px;

        background: #FFFFFF;

    }



    .first-digital-wrap {

        position: relative;

    }



    /*digital-image hover css start*/

    .digital-hover {

    display: inline-block;

    /*-moz-transition: all 1s linear;

    -ms-transition: all 1s linear;

    -o-transition: all 1s linear;

    -webkit-transition: all 1s linear;

    transition: all 1s linear;*/

}



.digital-hover img {

    opacity: 1;

    /*-moz-transition: all 1s linear;

    -ms-transition: all 1s linear;

    -o-transition: all 1s linear;

    -webkit-transition: all 1s linear;

    transition: all 1s linear;*/

}



.digital-hover:hover {

    background-color: #fdd503;

    /*-moz-transition: all 1s linear;

    -ms-transition: all 1s linear;

    -o-transition: all 1s linear;

    -webkit-transition: all 1s linear;

    transition: all 1s linear;*/

}



.digital-item-wrap{

    position: relative;

}



img.digital-triangle-1{

    position: absolute;

    top: 15em;

    left: 12em;

    opacity: 1;

    width: 97px;

    height: 128px;

}



.digital-item-wrap:hover img.digital-triangle-1 {

    opacity: 1;

}



img.digital-triangle-2{

    position: absolute;

    top: 15em;

    left: 12em;

    opacity: 1;

    width: 97px;

    height: 128px;

}

.digital-item-wrap:hover img.digital-triangle-2 {

    opacity: 1;

}

img.digital-triangle-3{

    position: absolute;

    top: 15em;

    left: 12em;

    opacity: 1;

    width: 97px;

    height: 128px;

}

.digital-item-wrap:hover img.digital-triangle-3 {

    opacity: 1;

}



.digital-hover:hover img {

    opacity: 0.5;

    /*-moz-transition: all 1s linear;

    -ms-transition: all 1s linear;

    -o-transition: all 1s linear;

    -webkit-transition: all 1s linear;

    transition: all 1s linear;*/

}

    /*digital-image hover css end*/



.digital-stylish-text{

    font-size: 21px;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    color: #2f2f2f;

}



.digital-normal-text{

    font-size: 19px;

    font-style: italic;

}



    @media only screen and (max-width: 768px){

    .digital-header-top-video {

        height: 593px;

    }

}



    @media only screen and (max-width: 480px){

    .digital-header-top-video {

        height: 309px;

    }



    img.digital-triangle-1 {

        position: absolute;

        top: 8em;

        left: 8em;

        opacity: 10;

        width: 97px;

    }



    img.digital-triangle-2 {

        position: absolute;

        top: 8em;

        left: 8em;

        opacity: 10;

        width: 97px;

    }



    img.digital-triangle-3 {

        position: absolute;

        top: 8em;

        left: 8em;

        opacity: 10;

        width: 97px;

    }



    .video-bottom-content {

	    margin: 20px 0 0 0;

	}



	.digital-content {

	    padding: 0px 25px 20px 25px;

	    background: #FFFFFF;

	}



	.section-subtitle {

	    margin-bottom: 20px;

	}



	.digital-content-top-padd{

		padding-top: 20px;

	}



	section#digital-wrapper {

	    margin: 20px 0 20PX 0;

	}

    .digital-img-one{

        height: auto;

    }

	.digital-img-one img {

	    height: auto;

	}

    .digital-img-two{

        margin-top: -4px;

        height: auto;

    }

    .digital-img-two img {

        height: auto;

	}

    .digital-img-three{

        margin-top: -4px;

        height: 497px;

    }

    .digital-img-three img {

        height: auto;

	}

}



span.nav-text {

    position: absolute;

    top: 10px;

    right: -6px;

}







    /*digital page css end*/