@font-face {
    font-family: Nunito, sans-serif;
    src: url(../fonts/NunitoSans-Regular.ttf) format(truetype)
}

@font-face {
    font-family: Nunito-Light, sans-serif;
    src: url(../fonts/NunitoSans-Light.ttf) format(truetype)
}

/* 
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
p,
section,
span {
    font-family: Nunito, sans-serif;
    font-size: 14px;
    color: #000
} */
/* 
.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 28px
}

.h4,
h4 {
    font-size: 24px
}

.h5,
h5 {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 24px
}

.h6,
h6 {
    font-size: 16px
}

p {
    font-size: 14px
}

.small {
    font-size: 12px
} */

/* body {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
} */

.container,
body,
html {
    height: 100%
}

.btn-custom-transparent{
    display: inline-block;
    padding: 16px 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
}
.btn-custom-transparent:hover{
    color: #fff;
    
}

.btn-white {
    display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #6ab4d4;
    border-radius: 0;
    background-color: #fff;
    transition: all 10s ease;
    background: linear-gradient(to right, #fff 50%, #6ab4d4 50%);
    background-size: 400% 100%;
    background-position: left bottom;
    transition: all 1s ease
}

.btn-white:hover {
    background-position: right bottom;
    color: #fff
}

.btn-transparent {
    display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #6ab4d4;
    border-radius: 0;
    background-color: transparent;
    transition: all 10s ease;
    background: linear-gradient(to right, transparent 50%, #6ab4d4 50%);
    background-size: 250% 100%;
    background-position: left bottom;
    transition: all 1s ease;
}


.btn-gradientfill {
    display: inline-block;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background: moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    background: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1;
    color: #fff
}

.btn-transparent:hover {
    background-position: right bottom;
    color: #fff
}

.btn-blue {
    background-color: #6ab4d4;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0!important;
    font-size: 16px
}

.btn-filter {
    background-color: #fff;
    color: #6ab4d4;
    padding: 10px 20px;
    border-radius: 0!important;
    font-size: 16px;
    margin-bottom: 15px
}

.btn-filter:hover {
    background-color: #6ab4d4;
    color: #fff
}

.btn-filter:active,
.btn-filter:focus {
    background-color: #6ab4d4;
    color: #fff
}

.btn-blue:focus,
.btn-blue:visited,
.btn-filter:focus,
.btn-filter:visited,
.btn-transparent:focus,
.btn-transparent:visited,
.btn-white:focus,
.btn-white:visited {
    outline: 0
}

.btn-filter:hover {
    background-color: #6ab4d4;
    color: #fff
}

.btn-filter.is-checked,
.btn-filter:active {
    background-color: #6ab4d4;
    color: #fff
}

.btn-filter.is-checked {
    background-color: #6ab4d4;
    color: #fff
}
 
.btn-filter:active {
    background-color: #6ab4d4;
    color: #fff
}

/* .homepage_banner .banner {
    background-image: url(../New-images/BannerImage.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #464646;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.homepage_banner .banner_text .bannerheading {
    font-size: 105px;
    font-weight: bolder;
    color: #fff;
    line-height: 1em;
    margin-top: 0;
    letter-spacing: 3px;
    margin-bottom: 18px
}

.homepage_banner .banner_text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 200
}

.homepage_banner .banner .banner_text {
    margin-top: 18%;
    color: #fff;
}
.homepage_banner .banner .banner_text {
    margin-left: 16px;
    margin-right: 16px;
}   

.homepage_banner .banner .banner_text .btn-transparent {
    margin-top: 3%;
    color: #fff
}

.homepage_banner .banner .banner_text #talk {
    margin-right: 2%
}

.homepage_banner .banner .scroll_down {
    margin-left: 50%;
    margin-top: 26vh
}

.scroll_down {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

@keyframes scroll_down {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-30px)
    }
    60% {
        transform: translateY(-15px)
    }
}

.homepage_banner .banner .scroll_down img {
    cursor: pointer
} */

.well {
    border: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.work-sample {
    padding: 60px 0;
    background-color: #e9e9ec
}

.work-sample .p-0 {
    padding: 0
}

.work-sample h1 {
    font-size: 36px
}

.work-sample .Worksample-details {
    padding: 30px 0
}

.work-sample .Worksample-details p {
    font-size: 18px;
    font-weight: 300;
    color: #858585
}

.work-sample .sample-button {
    padding: 90px 0 40px
}

.work-sample figure img {
    height: 253px;
    width: 420px
}

figure {
    margin: 0;
    padding: 0;
    height: 248px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden
}

figure:hover figcaption {
    opacity: 5;
    top: 0
}

.div-banner {
    width: 321px;
    margin: auto;
    border: 1px solid transparent;
    margin-top: 33px;
    margin-bottom: 33px;
    text-align: center
}

figcaption {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 250px;
    background: rgba(46, 65, 85, .9);
    color: #fff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s
}

figcaption h3 {
    font-family: avenir, sans-serif!important;
    font-weight: 400;
    color: #fff;
    right: 100%;
    font-size: 24px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    margin: 5px;
    text-align: center
}

figcaption p {
    font-family: avenir, sans-serif!important;
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    left: 100%;
    font-size: 13px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease
}

figure:hover h3,
figure:hover p {
    left: 0
}

figcaption a {
    color: #64a9c7;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-weight: 500
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0
}

.list-unstyled {
    padding: 0;
    margin: 0;
    list-style: none
}

.animate-border {
    height: 100%;
    font-family: MuseoSansCyrl, sans-serif;
    color: #3a3a3a
}

.animate-border .border-align {
    padding: 0;
    margin: 0;
    text-align: center
}

.animate-border .border-body {
    display: inline-block;
    font-size: 1em
}

.animate-border .border-body a {
    position: relative;
    display: block;
    margin: 0 2px;
    padding: 75px 0;
    text-transform: none;
    overflow: hidden
}

.animate-border .border-body a:before {
    box-sizing: border-box;
    transform: translateX(100%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99.5%;
    height: 2px;
    border-bottom: 2px solid transparent;
    border-left: 3px solid transparent
}

.animate-border .border-body a:after {
    box-sizing: border-box;
    transform: translateX(-100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 99.5%;
    height: 2px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent
}

.animate-border .border-body a:hover {
    color: inherit;
    text-decoration: none
}

.animate-border .border-body a:hover:before {
    transition: .3s transform linear, .3s height linear .3s;
    transform: translateX(0);
    height: 100%;
    -moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1
}

.animate-border .border-body a:hover:after {
    transition: .3s transform linear .3s, .2s height linear .4s;
    transform: translateX(0);
    height: 100%;
    -moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1
}

.industry_experience {
    text-align: center;
    margin-bottom: 0
}

.industry_experience .well {
    margin-top: 3%
}

.industry_experience .carousel-control.left,
.industry_experience .carousel-control.right {
    background: 0 0;
    color: #010101;
    margin-top: 13%
}

.industry_experience .carousel-control.left:hover,
.industry_experience .carousel-control.right {
    color: #010101
}

.industry_experience .carousel-control.right .fa-angle-right {
    margin-left: 60%
}

.industry_experience .carousel-control.left .fa-angle-left {
    margin-right: 60%
}

.industry_experience .experience_text {
    height: 210px
}

.industry_experience .carousel-indicators li {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #333;
    margin-left: 20px
}

.industry_experience .testimonial_content .bold {
    font-weight: 700;
    color: #333
}

.industry_experience .testimonial_content h5 {
    color: #333
}

.carousel-indicators .active {
    background-color: #333;
    height: 26px;
    width: 26px
}

.industry_experience {
    background: url(../images/homepage/industry_experience.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding-bottom: 40px
}

.industry_experience .well {
    margin-top: 5%;
    margin-bottom: 30px
}

.industry_experience .projects {
    display: -webkit-inline-box;
    margin-left: -25px;
    margin-bottom: 3%
}

.industry_experience .projects .project_values h1 {
    font-size: 48px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.industry_experience .projects .project_values h5 {
    margin-top: 0;
    color: #000
}

.industry_experience .projects .project_values {
    margin-left: 20px;
    margin-top: -5px
}

.industry_experience .experience_text h5 {
    color: #000;
    line-height: 25px
}

.industry_experience .btn-white {
    margin-bottom: 5%
}

.contact {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%
}

.contact h2 {
    color: #6ab4d4;
    padding-top: 15px;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 29px
}

.contact .lets-discuss {
    font-weight: 400
}

.contact .top {
    border: 6px solid;
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1;
    border-bottom: 0
}

.contact h4,
.contact span {
    color: #6c6c6c
}

.contact span {
    font-size: 26px
}

.contact .contactno {
    color: #6c6c6c;
    font-size: 28px
}

.contact .contacttext {
    color: #6c6c6c;
    font-size: 24px;
    font-weight: 300
}

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

.mt_-2 {
    margin-top: -2px!important
}

.mb-3 {
    margin-bottom: 3%
}

.contact .bottom {
    border: 6px solid;
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1;
    border-top: 0;
    padding-top: 12%;
    padding-bottom: 12%
}

.work_page {
    background-color: rgba(233, 233, 236, .56);
    padding-bottom: 7%;
    padding-top: 4%
}

.work_page .well {
    text-align: center;
    margin-top: 3%
}

.work_page .project .project_details {
    background-color: #fff;
    margin-top: -10px;
    padding: 20px;
    height: 240px
}

.work_page .project {
    margin-top: 10%
}

.work_page .gallery,
.work_page .gallery1,
.work_page .gallery2,
.work_page .gallery3,
.work_page .gallery4,
.work_page .gallery4-1,
.work_page .gallery4-2,
.work_page .gallery5,
.work_page .gallery6,
.work_page .gallery7 {
    margin-top: 10%
}

.project_details h6 {
    color: #6ab4d4;
    cursor: pointer;
    margin-top: 25px
}

.work_projects #filters {
    text-align: center
}

.work_projects .filter_buttons .btn-default .visited,
.work_projects .filter_buttons .btn-default:active,
.work_projects .filter_buttons .btn-default:focus {
    background-color: #a7967e;
    color: #fff
}

.work_projects fieldset h6 {
    display: -webkit-inline-box;
    margin-left: 31%
}

.work_projects fieldset .form-control {
    margin-left: 14px;
    margin-top: -10px;
    min-width: 100%!important;
    display: none
}

.work_projects .filter_buttons {
    text-align: center
}

.work_projects .isotope .project p {
    cursor: pointer
}

.work_projects .load_button {
    margin-top: 20px
}

.filter {
    display: none;
    padding: 10px
}

.work_projects .isotope #load-more {
    margin-top: 5%
}

.work_projects .isotope {
    margin-top: 5%
}

.work_projects .isotope .isotope:after {
    content: '';
    display: block;
    clear: both
}

.work_projects .isotope .element-item {
    position: relative;
    float: left;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s
}

.aboutuspage .aboutus_banner {
    background-image: url(../images/aboutus/aboutus_banner.jpg);
    min-height: 560px;
    width: 100%;
    display: block;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.aboutuspage .aboutus_banner .banner_text {
    text-align: center;
    margin-top: 17%
}

.aboutuspage .aboutus_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 0;
    font-weight: 200
}

.aboutuspage .aboutus_banner .banner_text h5 {
    color: #fff;
    margin-top: 3%
}

.aboutuspage .aboutus_banner .banner_text .secondline br {
    display: none
}

.border_bottom {
    margin-top: 14px;
    width: 225px;
    padding-bottom: 4px;
    moz-background-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    background-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    background-image-slice: 1;
    margin-left: 41%
}

.aboutus_content {
    background-color: #f2f2f2
}

.aboutus_content .about-header {
    background-color: #fff;
    padding: 34px 40px;
    bottom: 60px;
    position: relative;
    left: 99px;
    z-index: 99
}

.aboutus_content .about-header h1 {
    font-weight: 300;
    margin-top: 0
}

.aboutus_content .about-header h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    font-weight: 600
}

.aboutus_content .about-header h6 {
    text-align: left;
    color: #858585;
    line-height: 24px;
    margin-top: 3px;
    margin-bottom: 20px
}

.aboutus_content .about-header ul {
    padding: 11px 20px 0
}

.aboutus_content .details-img {
    background: url(../images/aboutus/about_us.jpg);
    height: 398px;
    background-repeat: no-repeat
}

.team_members {
    margin-bottom: 30px
}

.team_members .well {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 13px;
    margin-top: 20px
}

.team_members .chittlers_info {
    text-align: center;
    padding: 0 8%;
    padding-bottom: 3%
}

.team_members .chittlers_info h5 {
    line-height: 24px
}

.team_members .team_member_info {
    padding: 4% 6%
}

.team_members .team_member_info .center-block {
    margin-right: 0;
    margin-left: 0
}

.team_members .team_member_info h5 {
    color: #333;
    font-weight: 700;
    margin-bottom: 0
}

.team_members .team_member_info p {
    color: gray
}

.our_clients {
    padding-bottom: 30px
}

.our_clients .well {
    text-align: center;
    margin-top: 3%
}

.our_clients .client-logo {
    padding-top: 22px;
    padding-bottom: 22px
}

.contactuspage .contactus_banner {
    background: url(../images/landing-page/thank-you-banner.jpg);
    height: 560px;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.contactuspage .contactus_banner .banner_text {
    text-align: center;
    margin-top: 12%
}

.contactuspage .contactus_banner .banner_text .border_bottom {
    margin-left: 44%
}

.contactuspage .contactus_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 1.5%;
    margin-top: 0;
    font-weight: 500
}

.contactuspage .contactus_banner .banner_text h4,
.contactuspage .contactus_banner .banner_text h5 {
    color: #fff;
    margin-top: 2.4%
}

.contactus_details .contact_info {
    background-color: #f2f2f2;
    padding: 7% 15%;
    margin-top: -18%
}

.contactus_details .contact_info .contactus_heading h1,
.contactus_details .contactus_title h1 {
    font-weight: 300
}

.contactus_details .contact_info .contact_number,
.contactus_details .contact_info .office_add1,
.contactus_details .contact_info .office_add2,
.contactus_details .contact_info .office_add3 {
    margin-bottom: 8%
}

.contactus_details .contact_info .office_add1,
.contactus_details .contact_info .office_add2,
.contactus_details .contact_info .office_add3 {
    border-bottom: 1px solid #d0c9c9;
    padding-bottom: 10px
}

.contactus_details .contact_info .office_add1 h5,
.contactus_details .contact_info .office_add2 h5,
.contactus_details .contact_info .office_add3 h5 {
    color: #000;
    line-height: 22px
}

.contactus_details .contact_info .contact_number h5,
.contactus_details .contactus_title h5 {
    color: #000
}

.contactus_details .contactus_title {
    padding: 30px 0
}

.contactus_details .contactus_title h5 {
    line-height: 24px
}

.contact_form form {
    margin-top: 3%
}

.contact_form form .form-control {
    display: block;
    width: 100%;
    padding: 6px 19px!important;
    font-size: 14px;
    border-bottom: 1px solid #d1d1d1;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #000;
    font-size: 18px
}

.contact_form form .message .form-control {
    border-bottom: 0!important
}

.contact_form form .message textarea {
    background-color: #f2f2f2
}

.contact_form form .message label h5 {
    color: #000;
    margin-left: 19px
}

.contact_form form .form-control::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #000;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

.contact_form form .form-group {
    margin-bottom: 15%
}

.contact_direction {
    margin-top: 3%;
    margin-bottom: 3%
}

.contact_direction .joinus {
    background-color: #ffba00;
    padding: 30px 40px
}

.contact_direction .joinus h1,
.contact_direction .joinus h5 {
    font-weight: 300;
    color: #000
}

.contact_direction .joinus h5 {
    line-height: 24px
}

.callus {
    text-align: center;
    margin-bottom: 2%
}

.callus .well h1 {
    font-weight: 400;
    margin-bottom: 4%
}

.callus .well .bolder {
    font-size: 36px;
    font-weight: 800
}

.callus .well h5 {
    margin-bottom: 4%;
    line-height: 24px;
    color: #000
}

.solutionspage .solutions_banner {
    background: url(../images/solutions/banner.jpg);
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.solutionspage .solutions_banner .banner_text {
    text-align: center;
    margin-top: 30%
}

.solutionspage .solutions_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 0;
    font-weight: 200
}

.solutionspage .solutions_banner .banner_text h5 {
    color: #fff;
    margin-top: 2%;
    padding: 0 20%;
    line-height: 24px
}

.solutionspage .solutions_banner .banner_text .border_bottom {
    margin-top: 25px
}

.digital_factory {
    margin: 0 0
}

.digital_factory .well,
.marketing_360 .well {
    text-align: center
}

.bg-grey {
    background-color: #f0f0f0
}

.digital_factory .well h1,
.marketing_360 .well h1 {
    font-weight: 300;
    margin-bottom: 25px
}

.digital_factory .well h5,
.marketing_360 .well h5 {
    line-height: 23px;
    padding: 0 5%
}

.digital_factory .work_digital_factory,
.marketing_360 .work_marketing {
    overflow: hidden;
    position: relative
}

.digital_factory .work_digital_factory .border,
.marketing_360 .work_marketing .border {
    border-bottom: 8px solid;
    moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1;
    width: 320px;
    margin-top: -10px
}

.digital_factory .work_digital_factory .content img,
.marketing_360 .work_marketing .content img {
    margin-top: 20px;
    width: auto
}

.digital_factory .work_digital_factory .content h4,
.marketing_360 .work_marketing .content h4 {
    margin-top: 20px
}

.digital_factory .work_digital_factory .content h5,
.marketing_360 .work_marketing .content h5 {
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px
}

.work_digital_factory .content,
.work_marketing .content {
    cursor: pointer;
    padding: 10px 5%;
    width: 320px;
    height: 400px
}

.work_digital_factory .content_hover,
.work_marketing .content_hover {
    cursor: pointer;
    background: url(../images/solutions/hoverimg.jpg);
    bottom: -100%;
    color: #fff;
    height: 100%;
    left: 4%;
    position: absolute;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    opacity: 1
}

.work_digital_factory:hover .content_hover,
.work_marketing:hover .content_hover {
    bottom: 0
}

.digital_factory .work_digital_factory .content_hover .content,
.marketing_360 .work_marketing .content_hover .content {
    padding: 10px 7%
}

.digital_factory .work_digital_factory .content_hover h4,
.digital_factory .work_digital_factory .content_hover h5,
.marketing_360 .work_marketing #campaign_hover h6,
.marketing_360 .work_marketing .content_hover h4,
.marketing_360 .work_marketing .content_hover h5 {
    color: #fff
}

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

.marketing_360 {
    margin-top: 5%;
    margin-bottom: 5%
}

.marketing_360 .work_marketing #campaign h4,
.marketing_360 .work_marketing #campaign_hover h4 {
    margin-bottom: 0
}

.marketing_360 .work_marketing #campaign h5,
.marketing_360 .work_marketing #campaign_hover h5 {
    margin-top: 10px!important
}

.marketing_360 .work_marketing #campaign h6,
.marketing_360 .work_marketing #campaign_hover h6 {
    margin-bottom: 0;
    margin-top: 0
}

.work {
    background: url(../images/solutions/workbanner.jpg);
    height: 281px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-repeat: repeat
}

.work .well {
    text-align: center;
    padding-top: 7%
}

.work .well h1 {
    color: #fff;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0
}

.work .well .btn-white {
    margin-top: 4%
}

.tabs-right {
    border-bottom: none;
    padding-top: 2px
}

.tabs-right>li {
    float: none;
    margin-bottom: 2px;
    margin-left: -1px
}

.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0
}

.modal-content {
    box-shadow: none!important;
    border-radius: 0
}

.exampleModalLong .modal-content .modal-body .tabs-right>li a {
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #e7e8e9;
    padding: 10px 15px!important;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    cursor: pointer
}

.exampleModalLong .modal-content .modal-body .tabs-right>li.active>a {
    border-left-color: transparent;
    color: #6ab4d4
}

.exampleModalLong .modal-content .modal-body .tabs-right>li.active {
    border-left: 2px solid transparent
}

.exampleModalLong .modal-content .modal-body .nav>li>a:focus,
.exampleModalLong .modal-content .modal-body .nav>li>a:hover {
    background-color: transparent!important;
    border-bottom: 1px solid #e7e8e9;
    padding: 10px 15px!important
}

.exampleModalLong .modal-content .modal-body .description h5 {
    color: #000;
    font-weight: 600
}

.exampleModalLong .modal-content .modal-body .description {
    border-bottom: 9px solid;
    moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1
}

.exampleModalLong .modal-content .modal-body .close {
    background-color: #6ab4d4;
    opacity: 1!important;
    color: #fff!important;
    font-size: 30px!important;
    padding: 4px 10px!important;
    margin-right: -20px;
    margin-top: -30px
}

.exampleModalLong .modal-content .modal-body .tab-content>.active .images {
    padding: 0 0 0 13px
}

.exampleModalLong .modal-content .modal-body .tab-content>.active .title {
    text-align: center;
    padding: 10px 0
}

.exampleModalLong .modal-content .modal-body {
    padding: 30px 20px!important
}

.exampleModalLong .modal-content .modal-body .tab-content .website_link a {
    font-size: 16px;
    color: #6ab4d4
}

.job_banner .banner {
    background: url(../images/career/jobpening_banner.jpg);
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.job_banner .banner .banner_text {
    text-align: center;
    margin-top: 30%
}

.job_banner .banner .banner_text h1 {
    font-size: 48px;
    color: #fff
}

.job_banner .banner .banner_text h5 {
    color: #fff;
    margin-top: 3%
}

.jobopenings {
    background-color: #f1f1f1
}

.jobopenings .well {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px
}

.jobopenings .well h1 {
    font-weight: 300
}

.jobopenings #accordion .panel .panel-heading h5 {
    font-size: 18px;
    font-weight: 700;
    padding: 20px 10px;
    cursor: pointer
}

.jobopenings #accordion .panel .panel-heading .panel-title .details {
    float: right;
    font-size: 14px;
    font-weight: 700
}

.jobopenings #accordion .panel-default {
    border-color: transparent;
    margin-bottom: 20px
}

.jobopenings #accordion .panel .panel-body {
    border-top: none;
    border-bottom: none;
    padding: 10px 25px
}

.jobopenings #accordion .panel .panel-body .requirement h5 {
    color: #333;
    font-weight: 700
}

.jobopenings #accordion .panel .panel-body .requirement .grey {
    font-size: 18px;
    color: #6c6c6c
}

.jobopenings #accordion .panel .panel-body .job_title h5 {
    color: #333;
    font-weight: 700
}

.jobopenings #accordion .panel .panel-body .job_description h5 {
    line-height: 24px;
    color: #6c6c6c
}

.jobopenings #accordion .panel .panel-body .job_description ol li,
.jobopenings #accordion .panel .panel-body .job_description ul li {
    font-size: 18px;
    color: #6c6c6c
}

.jobopenings .panel-group {
    margin-bottom: 8%
}

.jobapplication .modal-header {
    border-bottom: 0;
    padding: 25px 45px
}

.jobapplication .modal-header h5 {
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

.jobapplication .modal-body {
    padding: 15px 43px
}

.jobapplication .modal-body .form-group .form-control,
.jobapplication .modal-body .input-group .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 8%
}

.jobapplication .modal-header .close {
    font-size: 40px;
    opacity: 1
}

.jobapplication .modal-body .job_buttons {
    margin-top: 30px;
    margin-bottom: 17px
}

.jobapplication .modal-body .job_buttons #job_cancel {
    margin-left: 20px
}

.jobopenings #accordion .panel .panel-heading h5 br {
    display: none
}

.careerpage .career_banner {
    background: url(../images/career/banner.jpg);
    min-height: 560px;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.careerpage .career_banner .banner_text {
    text-align: center;
    margin-top: 17%
}

.careerpage .career_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 0;
    font-weight: 200
}

.careerpage .career_banner .banner_text h5 {
    color: #fff;
    margin-top: 2%;
    line-height: 24px
}

.career_content {
    background-color: #fff
}

.career_content .career-header {
    background: linear-gradient(to right, #afdaa5 30%, #78b1cc 70%);
    border-image-slice: 1;
    padding: 50px 40px;
    bottom: 50px;
    position: relative;
    z-index: 99
}

.career_content .career-header h1 {
    font-weight: 300;
    margin-top: 0
}

.career_content .career-header h4 {
    color: #fff;
    text-align: center;
    margin-top: 35px;
    line-height: 24px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 300
}

.career_content .career-header .career-button {
    margin-left: 40%;
    padding-top: 20px;
    margin-bottom: 25px
}

.career_content .details-img {
    background: url(../images/aboutus/about_us.jpg);
    height: 398px;
    background-repeat: no-repeat
}

.hiring {
    padding-bottom: 80px
}

.hiring .well {
    text-align: center;
    margin-bottom: 0
}

.hiring .well h1 {
    margin-bottom: 30px
}

.hiring .well h5 {
    padding: 0 3%;
    margin-bottom: 3%
}

.hiring .hiring_process ul {
    display: inline-flex;
    list-style: none;
    padding: 0
}

.hiring .hiring_process ul li {
    margin-right: 15px;
    margin-left: 15px
}

.hiring .hiring_process ul li:first-child {
    margin-left: 0
}

.hiring .hiring_process ul li:last-child {
    margin-right: 0
}

.hiring .hiring_process .step_icon {
    padding: 44px 50px;
    background-color: #f2f2f2
}

.hiring .hiring_process .step {
    text-align: center
}

.hiring .hiring_process .step h5 {
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    margin-top: 20px
}

.hiring .hiring_process #step3 .step_icon {
    padding: 51px 38px
}

.hiring .hiring_process #step4 .step_icon {
    padding: 51px 41px
}

.hiring .hiring_process #step5 .step_icon {
    padding: 45px 39px
}

.Work-with_us .well {
    margin-top: 3%
}

.Work-with_us {
    text-align: center;
    margin-bottom: 5%
}

.Work-with_us h1 {
    font-weight: 300;
    margin-bottom: 25px
}

.Work-with_us h4 {
    color: #6c6c6c
}

.Work-with_us h4>span {
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.our_culutre {
    background-color: #f2f2f2;
    padding-top: 20px;
    padding-bottom: 4%
}

.our_culutre .well {
    color: #333;
    text-align: center
}

.our_culutre .well h1 {
    margin-bottom: 30px
}

.our_culutre .well h5 {
    line-height: 24px
}

.our_culutre .pd-2 {
    padding: 2px
}

.freelancerpage .freelancer_banner {
    background: url(../images/freelancer/banner.jpg);
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.freelancerpage .freelancer_banner .banner_text {
    text-align: center;
    margin-top: 30%
}

.freelancerpage .freelancer_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 0;
    font-weight: 200
}

.freelancerpage .freelancer_banner .banner_text h5 {
    color: #fff;
    margin-top: 3%;
    line-height: 24px
}

.freelancer_work {
    padding-bottom: 80px
}

.freelancer_work .well {
    text-align: -webkit-center;
    margin-bottom: 0;
    padding-bottom: 13px;
    margin-top: 20px
}

.freelancer_hiring {
    padding-bottom: 80px
}

.freelancer_hiring .well {
    text-align: center;
    margin-bottom: 0
}

.freelancer_hiring .well h1 {
    margin-bottom: 30px
}

.freelancer_hiring .well h5 {
    padding: 0 3%;
    margin-bottom: 3%;
    line-height: 24px
}

.freelancer_hiring .freelancer_hiring_process ul {
    display: inline-flex;
    list-style: none;
    padding: 0
}

.freelancer_hiring .freelancer_hiring_process ul li {
    margin-right: 15px;
    margin-left: 15px
}

.freelancer_hiring .freelancer_hiring_process ul li:first-child {
    margin-left: 0
}

.freelancer_hiring .freelancer_hiring_process ul li:last-child {
    margin-right: 0
}

.freelancer_hiring .freelancer_hiring_process .step_icon {
    padding: 44px 50px;
    background-color: #f2f2f2
}

.freelancer_hiring .freelancer_hiring_process .step {
    text-align: center
}

.freelancer_hiring .freelancer_hiring_process .step h5 {
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    margin-top: 20px
}

.freelancer_hiring .freelancer_hiring_process #step2 .step_icon {
    padding: 51px 0
}

.freelancer_hiring .freelancer_hiring_process #step3 .step_icon {
    padding: 38px
}

.freelancer_hiring .freelancer_hiring_process #step4 .step_icon {
    padding: 41px 22px
}

.freelancer_hiring .freelancer_hiring_process #step5 .step_icon {
    padding: 33px 0
}

.Work-with_freelancer {
    background: linear-gradient(to right, #afdaa5 30%, #78b1cc 70%);
    padding-bottom: 70px;
    padding-top: 15px;
    text-align: center
}

.Work-with_freelancer h1 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}

.Work-with_freelancer h4 {
    color: #fff
}

.Work-with_freelancer h4>span {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.Work-quickly {
    padding-bottom: 70px;
    padding-top: 50px;
    text-align: center
}

.Work-quickly h1 {
    font-weight: 600;
    color: #333;
    margin-bottom: 20px
}

.Work-quickly h5 {
    color: #333;
    line-height: 24px
}

.Work-quickly h5>span {
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.benefits {
    background-color: #f2f2f2;
    padding-top: 30px
}

.benefits .well {
    text-align: center
}

.benefits .well h1 {
    margin-bottom: 20px
}

.benefits .benefits_info h5 {
    color: #6c6c6c;
    text-align: center
}

.benefits .benefits-block .benefit-content {
    display: inline-flex;
    margin: 25% 11% 3% 4%
}

.benefits .benefits-block .benefit-content h5 {
    padding-left: 20px
}

.benefits .benefits-block .benefit-content1 {
    background: url(../images/freelancer/benefit_img1.png) center top;
    height: 480px;
    width: 100%
}

#freelancerapplication .modal-header {
    border-bottom: 0;
    padding: 25px 45px
}

#freelancerapplication .modal-header h5 {
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

#freelancerapplication .modal-body {
    padding: 15px 43px
}

#freelancerapplication .modal-body .form-group .form-control,
#freelancerapplication .modal-body .input-group .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 8%
}

#freelancerapplication .modal-header .close {
    font-size: 40px;
    opacity: 1
}

#freelancerapplication .modal-body .job_buttons {
    margin-top: 30px;
    margin-bottom: 17px
}

#freelancerapplication .modal-body .job_buttons #job_cancel {
    margin-left: 20px
}

.career_banner .banner-text1 ul {
    display: inline-flex;
    color: #fff
}

.career_banner .banner-text1 ul li {
    margin-left: 15px;
    margin-right: 15px
}

.career_banner .banner-text1 {
    text-align: center;
    margin-top: 3%
}

.career_banner .banner-text1 h5 {
    margin-top: 0;
    margin-bottom: 0
}

.career_banner .banner-text1 .top {
    margin-bottom: .4%
}

.exampleModalLong .modal-body .tab-content .video .large-8 {
    padding: 0 0 0 13%;
    margin-bottom: 40px
}

.center {
    text-align: center
}

a[href^=tel] {
    text-decoration: inherit;
    color: inherit
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #000;
    background: rgba(0, 0, 0, .7);
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 14px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top,
#return-to-top:hover {
    background-color: #333
}

#return-to-top:hover i {
    color: #fff;
    top: 5px
}

#filters.btn.active,
#filters.btn:active {
    background-color: #6ab4d4;
    color: #fff
}

.contactus_details .contact_info .contact_number h5 i {
    margin-right: 10px
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer
}

.hovereffect .overlay {
    width: 100%;
    height: 15%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(46, 65, 85, .9);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: inline-flex
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    margin-top: 14px;
    text-align: center;
    position: relative;
    font-size: 14px;
    -webkit-transform: translatey(-100px);
    -ms-transform: translatey(-100px);
    transform: translatey(-100px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-left: 7%
}

.hovereffect a {
    color: #fff;
    position: relative;
    margin-left: 42%;
    margin-top: 12px;
    text-transform: uppercase;
    -webkit-transform: translatey(-100px);
    -ms-transform: translatey(-100px);
    transform: translatey(-100px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hovereffect #reche a {
    margin-left: 35%
}

.hovereffect #pani a {
    margin-left: 20%
}

.hovereffect #katara a {
    margin-left: 28%
}

.hovereffect #healthcare a,
.hovereffect #hihw a {
    margin-left: 8%
}

.hovereffect #star a {
    margin-left: 32%
}

.hovereffect #jeevangeet a {
    margin-left: 36%
}

.hovereffect #signpost a {
    margin-left: 30%
}

.hovereffect #engg a {
    margin-left: 5%
}

.hovereffect #qbite a {
    margin-left: 47%
}

.hovereffect #engg h2 {
    margin-left: 6%
}

.hovereffect #stpatricks a {
    margin-left: 16%
}

.hovereffect #fruityum a {
    margin-left: 39%
}

.hovereffect #ashra a {
    margin-left: 31%
}

.hovereffect #darshan a {
    margin-left: 14%
}

.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hovereffect:hover .overlay {
    opacity: 1
}

.hovereffect:hover a,
.hovereffect:hover h2 {
    opacity: 1;
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0)
}

.all .project {
    display: none
}

.logo .gallery {
    display: none
}

.brandidentity .gallery3 {
    display: none
}

.exhibit .gallery5 {
    display: none
}

.infographics .gallery1 {
    display: none
}

.presentation .gallery2 {
    display: none
}

.ui .gallery6 {
    display: none
}

.video .gallery7 {
    display: none
}

.campaign .gallery4 {
    display: none
}

blockquote {
    font-size: 24px;
    border-left: none!important;
    padding: 0!important;
    position: relative;
    font-family: Nunito, sans-serif
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 59px;
    position: absolute;
    color: #333
}

blockquote:after {
    display: block;
    content: "\201D";
    font-size: 59px;
    position: absolute;
    color: #333
}

.industry_experience #test1 blockquote:before {
    left: 26px;
    top: -18px
}

.industry_experience #test1 blockquote:after {
    right: 24%;
    top: 47px
}

.industry_experience #test2 blockquote:before {
    left: 10px;
    top: -18px
}

.industry_experience #test2 blockquote:after {
    right: 22%;
    top: 76%
}

.industry_experience #test3 blockquote:before {
    left: -15px;
    top: -18px
}

.industry_experience #test3 blockquote:after {
    right: 36%;
    top: 50px
}

.industry_experience #test4 blockquote:before {
    left: 2px;
    top: -18px
}

.industry_experience #test4 blockquote:after {
    right: 39%;
    top: 56%
}

.industry_experience #test1 .experience_text blockquote br {
    display: none
}

.testimonial #test5 blockquote:before {
    left: -14px;
    top: -12px
}

.testimonial #test5 blockquote:after {
    right: -2%;
    top: 69%
}

.testimonial #test6 blockquote:before {
    left: -22px;
    top: -18px
}

.testimonial #test6 blockquote:after {
    right: 39%;
    top: 20px
}

.testimonial #test7 blockquote:before {
    left: -8px;
    top: -12px
}

.testimonial #test7 blockquote:after {
    right: 10%;
    top: 18px
}

.testimonial #test8 blockquote:before {
    left: 13px;
    top: -12px
}

.testimonial #test8 blockquote:after {
    right: 39%;
    top: 74%
}

.work_details .digital_factory {
    background: url(../images/homepage/Digital-Factory1.jpg);
    width: 100%;
    height: 740px;
    background-size: 100% 100%
}

.work_details .digital_factory h2 {
    padding-top: 42px;
    color: #fff;
    padding-left: 15px;
    text-align: left;
    font-size: 32px
}

.work_details .marketing {
    background: url(../images/homepage/marketing_images.jpg);
    height: 740px;
    width: 100%;
    background-size: 100% 100%
}

.work_details .factory_content {
    padding-top: 50px
}

.work_details .factory_content1 {
    padding-top: 50px
}

.work_details {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 6%
}

.work_details .factory_content h5 {
    text-align: left;
    line-height: 24px;
    margin-top: 25px;
    margin-bottom: 0;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.work_details .factory_content p {
    text-align: left;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 0;
    padding-right: 25px;
    font-size: 16px
}

.work_details .factory_content .morecontent span {
    display: none;
    font-size: 16px
}

.work_details .factory_content .morelink {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.morelink:focus,
.work_details .factory_content .morelink:hover {
    text-decoration: none;
    color: #333
}

.work_details .marketing_content {
    padding-top: 50px
}

.work_details .marketing_content1 {
    padding-top: 50px
}

.work_details .marketing_content h5 {
    text-align: left;
    line-height: 24px;
    margin-top: 25px;
    margin-bottom: 0;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.work_details .marketing_content1 h5 {
    text-align: left;
    line-height: 24px;
    margin-top: 25px;
    margin-bottom: 0;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.work_details .marketing_content p {
    text-align: left;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 16px
}

.work_details .marketing_content .morecontent span {
    display: none;
    font-size: 16px
}

.work_details .marketing_content .morelink {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.morelink:focus,
.work_details .marketing_content .morelink:hover {
    text-decoration: none;
    color: #333
}

.work_details .marketing_content1 p {
    text-align: left;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 0;
    padding-right: 20px;
    font-size: 16px
}

.work_details .marketing_content1 .morecontent span {
    display: none;
    font-size: 16px
}

.work_details .marketing_content1 .morelink {
    display: block;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 16px
}

.morelink:focus,
.work_details .marketing_content1 .morelink:hover {
    text-decoration: none;
    color: #333
}

.work_details .about_text h5 {
    color: #333;
    line-height: 26px
}

.work_details .marketing p {
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 10px 20px;
    line-height: 20px
}

.work_details .marketing h2 {
    padding-top: 42px;
    color: #fff;
    text-align: left;
    padding-left: 20px;
    font-size: 36px
}

.work_details .well {
    padding-bottom: 5px
}

.work-sample .Worksample-details p {
    color: #333;
    height: 65px;
    padding: 0 78px
}

.work-sample .work-image1 {
    margin-top: -50px;
    margin-right: -15px
}

.work-sample .work-image2 {
    margin-top: 15px
}

.work-sample .work-image3 {
    margin-top: -50px;
    margin-left: -15px
}

.work-sample .work-image4 {
    margin-right: -15px
}

.work-sample .work-image6 {
    margin-left: -15px
}

.industry_experience .experience_text {
    padding: 0 15%;
    margin-bottom: 4%;
    margin-top: 100px
}

.industry_experience .industry_details img {
    padding: 0 46% 0 48%
}

.industry_experience .industry_details {
    padding-bottom: 100px
}

.industry_experience .industry_details h4 {
    text-transform: uppercase;
    font-weight: 700
}

.industry_experience .industry_details h5 {
    color: #333;
    margin-bottom: 0;
    margin-top: 5px
}

.testimonial .experience_text {
    padding: 0 14%;
    margin-bottom: 4%;
    height: 190px
}

.testimonial .industry_details img {
    padding: 0 46% 0 48%
}

.testimonial .industry_details {
    padding-bottom: 100px
}

.testimonial .industry_details h4 {
    text-transform: uppercase;
    font-weight: 700
}

.testimonial .industry_details h5 {
    color: #333
}

.our_clients .client-logo1 {
    padding: 22px 0
}

.our_clients .client-logo2 {
    margin: 22px 0 22px -45px
}

.our_clients .client-logo3 {
    margin: 22px -87px 22px 45px
}

.our_clients .client-logo4 {
    margin: 22px 0 22px 65px
}

.work_details .digital_factory p {
    color: #fff;
    font-size: 16px;
    text-align: left;
    padding: 10px 20px;
    line-height: 20px
}

.work_details .digital_factory h5,
.work_details .marketing h5 {
    color: #fff;
    font-weight: 300
}

.work_details .digital_factory img,
.work_details .marketing img {
    padding: 21px 0;
    padding-right: 20px
}

.work_details .digital_factory ul,
.work_details .marketing ul {
    list-style: none;
    padding: 10px 37px;
    text-align: left
}

.work_details .digital_factory ul li,
.work_details .marketing ul li {
    margin-bottom: 8px
}

.work_details .digital_factory ul li a,
.work_details .digital_factory ul li a:hover,
.work_details .marketing ul li a,
.work_details .marketing ul li a:hover {
    text-decoration: none
}

.work_details .digital_factory .View-Details {
    background-color: #6ab4d4;
    text-align: right;
    margin-top: 8px
}

.work_details .marketing .View-Details {
    margin-top: 39px;
    background-color: #6ab4d4;
    text-align: right
}

.work_details .digital_factory .View-Details p,
.work_details .marketing .View-Details p {
    padding-top: 10px;
    padding-bottom: 11px;
    color: #fff;
    padding-right: 40px
}

.work_details .about_text {
    padding-left: 5%;
    padding-right: 5%
}

.testimonial {
    text-align: center;
    margin-bottom: 4%;
    margin-top: 6%
}

.testimonial .well {
    margin-top: 3%
}

.testimonial .carousel-control.left,
.testimonial .carousel-control.right {
    background: 0 0;
    color: #010101;
    margin-top: 15px
}

.testimonial .carousel-control.left:hover,
.testimonial .carousel-control.right {
    color: #010101
}

.testimonial .carousel-control.right .fa-angle-right {
    margin-left: 60%
}

.testimonial .carousel-control.left .fa-angle-left {
    margin-right: 60%
}

.testimonial #myCarousel .carousel-inner .item {
    padding: 10px 10%
}

.testimonial .carousel-indicators li {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #6ab4d4;
    margin-left: 20px
}

.testimonial .testimonial_content .bold {
    font-weight: 700;
    color: #333
}

.testimonial .testimonial_content h5 {
    color: #333
}

.testimonial .carousel-indicators .active {
    background-color: #6ab4d4;
    height: 21px;
    width: 21px
}

.our_clients .client-logo #client12,
.our_clients .client-logo #client15 {
    margin-left: 16px
}

.industry_experience1 {
    background: url(../images/aboutus/industry_experience.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center
}

.industry_experience1 .well {
    margin-top: 5%;
    margin-bottom: 30px
}

.industry_experience1 .projects {
    display: -webkit-inline-box;
    margin-left: -25px;
    margin-bottom: 3%
}

.industry_experience1 .projects .project_values h1 {
    font-size: 48px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.industry_experience1 .projects .project_values h5 {
    margin-top: 0;
    color: #000
}

.industry_experience1 .projects .project_values {
    margin-left: 20px;
    margin-top: -5px
}

.industry_experience1 .experience_text {
    padding: 0 4%;
    margin-bottom: 5%
}

.industry_experience1 .experience_text h5 {
    color: #000;
    line-height: 25px;
    padding: 0 10px 35px
}

.industry_experience1 .btn-white {
    margin-bottom: 5%
}

.test-mobile {
    display: none
}

.work_details .marketing_content1 #market1 br {
    display: block
}

.work_details .factory_content #digi4 br,
.work_details .factory_content #digi5 br {
    display: none
}

.our_clients .client-logo #client16 {
    margin-top: 13px
}

#mobile_clients {
    display: none
}

.workcontent_hiddendiv {
    display: none
}

.workcontent_hiddendiv p {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.workcontent .readmore {
    font-weight: 700;
    cursor: pointer;
    color: #898989
}

.title {
    color: #000;
    font-size: 36px
}

.work_details .factory_content h5 .solution_link {
    text-decoration: none;
    color: #333
}

.work_details .factory_content h5 .solution_link:hover {
    text-decoration: underline;
    color: #333
}

.salescontent {
    text-align: center;
    padding: 70px 0
}

.salescontent .salesbox h5 {
    color: #000
}

.salescontent .salesbox p {
    font-size: 16px;
    color: #75777a
}

.salescontent .salescontentheading {
    margin-top: 15px
}

.salescontent .salescontentsub-title {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 24px
}

.salescontent .salescontentsub-title h1 {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 24px;
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 0
}

.salescontent .salesbox {
    text-align: left;
    margin-top: 20%;
    margin-bottom: 10%;
    padding: 10px 2px 10px 20px;
    height: 275px;
    background-color: transparent!important;
    moz-border-image: -moz-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    -webkit-border-image: -webkit-linear-gradient(left, #9cccb1 0, #9cccb1 100%);
    border-left: 3px solid;
    border-image: linear-gradient(to right, #9cccb1 0, #78b1cc 100%);
    border-image-slice: 1
}

.digitalsalesbox {
    height: 200px!important
}

.chooseus {
    background: url(../images/servicelist/choseusbg.jpg);
    height: auto;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    padding: 70px 0
}

.chooseus .title {
    color: #fff
}

.chooseus .choseustext {
    text-align: left;
    margin-top: 70px
}

.chooseus .choseustext h5 {
    color: #93d083;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 5px
}

.uiuxpage .ppt_banner .banner_text h2 br {
    display: none
}

.chooseus .choseustext p {
    font-size: 16px;
    color: #f1f1f1
}

.chooseus .choseustext img {
    margin-left: auto;
    margin-top: 7px
}

.servicework {
    text-align: center;
    padding: 70px 0
}

.servicework h5 {
    margin-bottom: 6%
}

.servicework .workshowcase img {
    height: 362px
}

.pd-5 {
    padding: 5px
}

.otherservices {
    text-align: center;
    margin-bottom: 75px
}

.otherservices #serviceCarousel .item {
    margin-bottom: 30px
}

.otherservices #serviceCarousel .carousel-indicators {
    bottom: -50px
}

.otherservices #serviceCarousel .carousel-indicators li {
    border: 1px solid #6ab4d4;
    height: 15px;
    width: 15px
}

.otherservices #serviceCarousel .carousel-indicators .active {
    height: 17px;
    width: 17px;
    background-color: #6ab4d4
}

.otherservices #serviceCarousel .item {
    text-align: left
}

.pd-side-5 {
    padding: 0 5px
}

.floaticon {
    position: fixed;
    width: 250px;
    height: 59px;
    bottom: 0;
    right: 25px;
    background-color: #72bcdc;
    border-top-right-radius: 8px;
    text-align: center;
    border-top-left-radius: 8px;
    text-decoration: none
}

.floaticon p {
    display: flex;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-left: 13px
}

.floaticonsection a:focus,
.floaticonsection a:hover {
    text-decoration: none
}

a:focus {
    border: 0;
    outline: 0
}

.servicemodal .modal-body .form-group .form-control,
.servicemodal .modal-body .input-group .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 8%
}

.servicemodal .modal-header {
    border-bottom: 0;
    padding: 25px 45px
}

.servicemodal .modal-body {
    padding: 15px 43px
}

.servicemodal .modal-header h5 {
    color: #333;
    font-weight: 700;
    margin-bottom: 10px
}

.servicemodal .modal-header .close {
    font-size: 40px;
    opacity: 1
}

.servicemodal .modal-body .job_buttons {
    margin-top: 30px;
    margin-bottom: 17px
}

.sales-background {
    background-color: #f9f6f6
}

.client-background {
    background-color: #f3f4f4
}

.video-logos img {
    margin: auto
}

.video-Block .video-text {
    padding-right: 25px
}

.servicevideomodal .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none
}

.servicevideomodal .modal-header {
    border-bottom: none
}

.servicevideomodal .modal-header .close {
    color: #fff;
    position: relative;
    top: 23px;
    font-size: 40px;
    opacity: 1
}

.servicevideomodal .modal-dialog {
    margin: 15% auto
}

.Banner .BannerImage {
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.Banner .BannerImage .banner_text {
    text-align: center;
    margin-top: 40%
}

.Banner .BannerImage .banner_text h1 {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    display: inline-flex;
    margin: 0
}

.Banner .BannerImage .banner_text .firstline,
.Banner .BannerImage .banner_text h2 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 7px;
    margin-top: 0;
    font-weight: 200
}

.Banner .BannerImage .banner_text span {
    color: #fff;
    font-size: 18px;
    margin-top: 3%;
    display: block
}

.elearning {
    background-image: url(../images/servicelist/E-LearningBanner.jpg)
}

.Infographic {
    background-image: url(../images/servicelist/InfographicBanner.jpg)
}

.MobileApp {
    background-image: url(../images/servicelist/MobileAppBanner.jpg)
}

.LogoBrandIdentity {
    background-image: url(../images/servicelist/LogoBrandBanner.jpg)
}

.webDesign {
    background-image: url(../images/servicelist/ui-uxbanner.jpg)
}

.uiuxBanner {
    background-image: url(../images/servicelist/uxuibanner.jpg)
}

.video-banner {
    background-image: url(../images/servicelist/video-banner.jpg)
}

.ppt_banner {
    background-image: url(../images/servicelist/pptbanner.jpg);
    background-image: url(../images/servicelist/pptbanner.jpg)
}

.digitalmarketing {
    background-image: url(../images/servicelist/digitalmarketing-banner.jpg)
}

.internaldisplay {
    background-image: url(../images/servicelist/internaldisplaybanner.jpg)
}

.print {
    background-image: url(../images/servicelist/printbanner.jpg)
}

.marketresearch {
    background-image: url(../images/servicelist/marketresearch.jpg)
}

.salescontent .salesbox .workcontent_hiddendiv {
    display: none;
    color: #75777a;
    font-size: 16px
}

.salescontent .salesbox .workcontent .ReadMore {
    font-weight: 700;
    color: #75777a;
    cursor: pointer
}

.Mobile-Application-box {
    height: auto!important
}

.LogoBrand {
    height: 250px!important
}

.internaldisplaysalesbox {
    height: 235px!important
}

.salescontent .marketsalesbox {
    height: 205px!important
}

.integratedmarket {
    background-image: url(../images/solutions/integratedmarket_banner.jpg)
}

.integratedmarket_detail p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 22px
}

.integratedmarket_detail .steps .stepsimage img {
    border-bottom: 1px solid #e6e7e8
}

.integratedmarket_detail {
    margin: 100px 0
}

.integratedmarket_detail h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.integratedmarket_detail .bg-lightgrey {
    background-color: #fafafa;
    padding: 10px 0
}

.integratedmarket_detail .bg-lightgrey .steps {
    background-color: #fff;
    height: 450px;
    margin-bottom: 20px
}

.integratedmarket_detail .bg-lightgrey .steps .stepsimage {
    height: 270px
}

.integratedmarket_detail .bg-lightgrey .steps .stepstext {
    text-align: center;
    padding: 20px
}

.integratedmarket_detail .bg-lightgrey .steps .stepstext h6 {
    font-size: 18px;
    font-weight: 700
}

.integratedmarket_detail .bg-lightgrey .steps .stepstext p {
    font-size: 16px
}

.digital_factory .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px
}

.integrated-market-solution {
    margin-top: 50px
}

.DesignPartnerSolutions {
    background-image: url(../images/solutions/design-partner-solutions-banner.png)
}

.DesignPartnerSolutions_detail p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px
}

.DesignPartnerSolutions_detail {
    margin: 100px 0
}

.DesignPartnerSolutions_detail h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.DesignPartnerSolutions_detail .bg-lightgrey {
    background-color: #fafafa;
    padding: 10px 0
}

.DesignPartnerSolutions_detail .bg-lightgrey .steps {
    background-color: #fff;
    height: 450px;
    margin-bottom: 20px
}

.DesignPartnerSolutions_detail .bg-lightgrey .steps .stepsimage {
    height: 270px
}

.DesignPartnerSolutions_detail .bg-lightgrey .steps .stepstext {
    text-align: center;
    padding: 20px
}

.DesignPartnerSolutions_detail .bg-lightgrey .steps .stepstext h6 {
    font-size: 18px;
    font-weight: 700
}

.DesignPartnerSolutions_detail .bg-lightgrey .steps .stepstext p {
    font-size: 16px
}

.DesignPartnerSolutions .integrated-market-solution {
    margin-top: 50px
}

.design-solutions-flow {
    background-color: #f0f0f0
}

.solutions-contact {
    background: url(../images/solutions/solutions-contact.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    padding: 50px 0
}

.solutions-contact .BannerImage .well h4 {
    padding-bottom: 20px
}

.design-solutions-flow {
    padding: 100px 0
}

.DigitalTransformationSolutions {
    background-image: url(../images/solutions/design-transformation-banner.png)
}

.DigitalTransformationSolutions_detail p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px
}

.DigitalTransformationSolutions_detail {
    margin: 100px 0
}

.DigitalTransformationSolutions_detail h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.DigitalTransformationSolutions_detail .bg-lightgrey {
    background-color: #fafafa;
    padding: 10px 0
}

.DigitalTransformationSolutions_detail .bg-lightgrey .steps {
    background-color: #fff;
    height: 450px;
    margin-bottom: 20px
}

.DigitalTransformationSolutions_detail .bg-lightgrey .steps .stepsimage {
    height: 270px
}

.DigitalTransformationSolutions_detail .bg-lightgrey .steps .stepstext {
    text-align: center;
    padding: 20px
}

.DigitalTransformationSolutions_detail .bg-lightgrey .steps .stepstext h6 {
    font-size: 18px;
    font-weight: 700
}

.DigitalTransformationSolutions_detail .bg-lightgrey .steps .stepstext p {
    font-size: 16px
}

.LearningDevelopmentSolutions {
    background-image: url(../images/solutions/learning-solution-banner.png)
}

.LearningDevelopmentSolutions_detail p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px
}

.LearningDevelopmentSolutions_detail {
    margin: 100px 0
}

.LearningDevelopmentSolutions_detail h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.LearningDevelopmentSolutions_detail .bg-lightgrey {
    background-color: #fafafa;
    padding: 10px 0
}

.LearningDevelopmentSolutions_detail .bg-lightgrey .steps {
    background-color: #fff;
    height: 450px;
    margin-bottom: 20px
}

.LearningDevelopmentSolutions_detail .bg-lightgrey .steps .stepsimage {
    height: 270px
}

.LearningDevelopmentSolutions_detail .bg-lightgrey .steps .stepstext {
    text-align: center;
    padding: 20px
}

.LearningDevelopmentSolutions_detail .bg-lightgrey .steps .stepstext h6 {
    font-size: 18px;
    font-weight: 700
}

.LearningDevelopmentSolutions_detail .bg-lightgrey .steps .stepstext p {
    font-size: 16px
}

.SalesEnablementSolution {
    background-image: url(../images/solutions/sales-enablement-solution-banner.png)
}

.SalesEnablementSolution_detail p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px
}

.SalesEnablementSolution_detail {
    margin: 100px 0
}

.SalesEnablementSolution_detail h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0
}

.SalesEnablementSolution_detail .bg-lightgrey {
    background-color: #fafafa;
    padding: 10px 0
}

.SalesEnablementSolution_detail .bg-lightgrey .steps {
    background-color: #fff;
    height: 450px;
    margin-bottom: 20px
}

.SalesEnablementSolution_detail .bg-lightgrey .steps .stepsimage {
    height: 270px
}

.SalesEnablementSolution_detail .bg-lightgrey .steps .stepstext {
    text-align: center;
    padding: 20px
}

.SalesEnablementSolution_detail .bg-lightgrey .steps .stepstext h6 {
    font-size: 18px;
    font-weight: 700
}

.SalesEnablementSolution_detail .bg-lightgrey .steps .stepstext p {
    font-size: 16px
}

.policypage .policy_banner {
    background: url(../images/privacy-policy/policy-banner.jpg);
    height: 560px;
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.policypage .policy_banner .banner_text {
    text-align: center;
    margin-top: 12%
}

.policypage .policy_banner .banner_text h1 {
    font-size: 48px;
    color: #fff;
    margin-bottom: 1.5%;
    margin-top: 0;
    font-weight: 200
}

.policypage .policy_banner .border_bottom {
    margin: 16px auto!important
}

.Policy {
    padding: 70px 0 10px
}

.Policy .TextBlock h3 {
    font-size: 24px;
    margin-bottom: 10px
}

.Policy .TextBlock h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.Policy .TextBlock .border_bottom {
    margin-left: 0!important
}

.Policy .TextBlock p {
    font-size: 16px
}

.Policy .TextBlock {
    margin-bottom: 35px
}

.Policy .TextBlock p .link {
    font-size: 16px;
    color: #000;
    text-decoration: underline;
    text-decoration-color: #a3a3a3
}

.Policy .TextBlock ul {
    font-size: 16px;
    padding-left: 15px
}

.Policy .TextBlock ul li {
    margin-top: 10px
}

.Policy-Bg-Gray {
    background-color: #f1f1f1;
    padding: 40px 0 10px
}

.BgPadding {
    padding: 40px 0 10px
}

.footer .copyright_text p .CopyrightLink {
    text-decoration: none;
    color: #fff
}

.contact_form form .msg-error {
    color: red
}

.contact_form form .g-recaptcha.error {
    border: solid 2px red;
    padding: .2em;
    width: 22em
}

.contact_form form .recaptcha {
    margin-top: -10%;
    margin-bottom: 3%!important
}

.campaign_banner .banner {
    background-image: url(../images/landing-page/landing-page-banner-01.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #464646;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.campaign_banner_two .banner {
    background-image: url(../images/landing-page/landing-page-banner-02.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #464646;
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.campaign-form {
    margin-top: 65%
}

.campaign-form .form-control {
    display: block;
    width: 100%;
    padding: 6px 19px!important;
    border-bottom: 1px solid #d1d1d1;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: #000;
    font-size: 18px;
    color: #fff;
    background-color: transparent
}

.campaign-form input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.campaign-form form .form-group {
    margin-bottom: 5%
}

.campaign_banner .banner_text .bannerheading {
    font-size: 53px;
    font-weight: 300;
    color: #fff;
    line-height: 1em;
    margin-top: 0;
    letter-spacing: 3px;
    margin-bottom: 18px
}

.campaign_banner .banner_text h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    line-height: 1.3
}

.campaign_banner .banner_text h4 a[href^=tel] {
    font-size: 24px
}

.campaign_banner .banner .banner_text {
    margin-top: 45%;
    color: #fff;
    padding-right: 18%
}

.btn-dark-blue {
    background-color: #1655ac;
    border-radius: 25px;
    color: #fff;
    padding: 12px 25px;
    font-size: 16px
}

.btn-dark-blue:hover {
    color: #fff
}

.btn-dark-blue .fa-long-arrow-right {
    color: #fdc909
}