@font-face {
    font-family: 'openSans-bold';
    src: url('../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-medium';
    src: url('../fonts/open-sans/OpenSans-Medium.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-display: swap;
}



body {
    overflow-x: hidden;
}
a, a:hover, a:focus{outline:none; text-decoration:none;}

.no-margin {
    margin: 0;
}

.marB20 {
    margin-bottom: 20px;
}

.padB50 {
    padding-bottom: 50px;
}

.padB150 {
    padding-bottom: 150px;
}

.padT5 {
    padding-top: 5px;
}

.padT10 {
    padding-top: 10px;
}

.padR10 {
    padding-right: 10px;
}





.banner {
    background-image: url('../images-new/about-us/banner-about.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 662px;
    z-index: 99;
}

.banner-left {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    height: 662px;
}

.banner-right-1 {
    width: 0%;
    float: left;
    text-align: center;
    padding-top: 110px;
    position: relative;
}

.banner-right-2 {
    width: 0%;
    float: left;
    text-align: center;
    padding-top: 110px;
    position: relative;
}

.main-text {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 348px;
    height: 250px;
}

.new-award-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 262px;
}

.bottom-section a {
    cursor: pointer;
}

.gallery .row {
    background-color: #fff;
    z-index: 9;
    position: relative;
}

.regular-text {
    font-size:16px;
    line-height:24px;
    font-family: 'openSans-regular';
}

.bold-text {
    font-family: openSans-bold;
    font-size: 16px;
    line-height:24px;
    margin-bottom: 0;
    text-transform: uppercase;
}


.main-text h2 {
    font-family: 'openSans-regular';
    font-size: 22px;
    line-height:30px;
    color: #303030;
    border-top: 1px solid #b7b7b7;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b7b7b7;
    text-transform: uppercase;
    width:316px;
}

.main-text span {
    display:block;
    font-size:14px;
    line-height:20px;
    font-family: 'openSans-regular';
    margin-top:18px;
}

.down-arrow {
    cursor: pointer;
}

.down-arrow-text {
    font-family: 'openSans-regular';
    font-size: 12px;
    line-height:18px;
    padding-top: 5px;
}


.banner-text {
    font-family: 'openSans-regular';
    font-size: 13px;
}

.awards-publicatoins {
    height: 346px;
    background: rgba(249,133,62,1);
    background: -moz-linear-gradient(-45deg, rgba(249,133,62,1) 0%, rgba(243,107,109,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(249,133,62,1)), color-stop(100%, rgba(243,107,109,1)));
    background: -webkit-linear-gradient(-45deg, rgba(249,133,62,1) 0%, rgba(243,107,109,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(249,133,62,1) 0%, rgba(243,107,109,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(249,133,62,1) 0%, rgba(243,107,109,1) 100%);
    background: linear-gradient(135deg, rgba(249,133,62,1) 0%, rgba(243,107,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9853e', endColorstr='#f36b6d', GradientType=1 );
    /*display: table-cell;
        vertical-align: middle;
        width: 337px;*/
    position: relative;
    top: -422px;
}

.awards-publicatoins a , .leaders a , .clients a , .uxplorations a {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery img {
    display: none;
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.award-text {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height:20px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 40px;
    padding-top: 10px;
}

.button-banner {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 15px;
    border-radius: 20px;
    display: inline-block;
    font-family: 'openSans-light';
}

 .button-banner:focus {
        text-decoration: none;
        color: #fff;
    }

.black-text:focus {
    text-decoration: none;
    color: #303030;
}

.button-banner:hover {
    color: #fff;
    text-decoration: none;
}

.black-text:hover {
    color: #303030;
    text-decoration: none;
}

.award-image {
    padding-top: 45px;
}

.award-image span {
        background-image: url(../images-new/about-us/sprite.png);
        background-repeat: no-repeat;
        background-position: -8px -4px;
        width: 50px;
        height: 85px;
        display: inline-block;
    }

.leaders {
    height: 206px;
    background-color: rgba(70, 70, 70, 0.68);
    position: relative;
    bottom: -210px;
}

.clients {
    height: 346px;
    background-color: rgba(222, 222, 222, 0.68);
    position: relative;
    top: -400px;
}

.uxplorations {
    height: 206px;
    background-color: rgba(205, 205, 205, 0.68);
    position: relative;
    bottom: -250px;
    opacity: 0;
}

.new-leaders-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
}

.black-text {
    color: #303030;
}

.clients .new-award-div .button-banner {
    border: 1px solid #303030;
}

.uxplorations .new-leaders-div .button-banner {
    border: 1px solid #303030;
}

.uxplorations .new-leaders-div .award-text {
    padding-bottom: 15px;
}

.awards-publicatoins .new-award-div .award-text {
    padding-bottom: 15px;
    padding-top: 15px;
}

.awards-publicatoins .new-award-div .award-image {
    padding-top: 0px;
    padding-bottom: 35px;
}

.reward-image {
    padding-top: 0px;
    padding-bottom: 35px;
}

.reward-image span {
        background-image: url(../images-new/about-us/sprite.png);
        background-repeat: no-repeat;
        background-position: -74px -4px;
        width: 70px;
        height: 85px;
        display: inline-block;
    }

/***********************consumer voice css*******************************/

.consumer-voice {
    /*background-color: #6DB3F2;
   background-image: url(../images-new/about-us/consumer-voice.jpg);*/
    background: #000 url(../images-new/about-us/consumer-voice.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 577px;
    position: relative;
    text-align: center;
}

.consumer-voice-text-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 577px;
    background-color: rgba(225, 73, 37, 0.68);
    padding: 12% 10%;
}

.passionate-delivering {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height:20px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;
    top: -40px;
}

.consumer-voice h2,.consumer-voice .head2 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height:24px;
    color: #fff;
    border-top: 1px solid #f1b3a3;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1b3a3;
    text-transform: uppercase;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
}

.first-text {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height:20px;
    color: #fff;
    padding-top: 30px;
    position: relative;
    top: -40px;
}

.second-text {
    font-family: 'openSans-light';
    font-size: 14px;
    line-height:20px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: -40px;
}

.bottom-section p {
    font-family: "openSans-regular";
    font-size: 14px;
    line-height:20px;
    color: #fff;
    position: relative;
    top: -40px;
}

.bottom-section .down-arrow {
    border: 1px solid #fff;
    padding: 8px 12px;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
}

.bottom-section img {
    display: inline-block;
    position: relative;
    top: -30px;
}

.img-res {
    width: 100%;
}

#slidecaption {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* WebKit and Opera browsers */ @-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
    }
}
/* all other browsers */
@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.down-animated-arrow {
    border: 0px solid #303030;
    padding: 0;
    border-radius: 100%;
}

/**********************************design thinkers css*******************************************/
.award-publication-section {
    background-image: url(../images-new/about-us/publication.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 670px;
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    z-index: 1;
    background-position:center;
}

.award-publication-section h2,.award-publication-section .head2 {
        font-family: 'openSans-light';
        font-size: 28px;
        line-height:38px;
        color: #303030;
        text-transform: uppercase;
        margin-bottom: 5px;
        margin: 0 auto;
        padding: 30px 0px 10px 0px;
    }

.award-publication-section p {
        font-family: 'openSans-light';
        font-size: 14px;
        line-height:20px;
        color: #303030;
        padding-bottom: 25px;
    }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.award-publication-section .tabbable .nav-tabs {
    width: 70%;
    margin: 0 15%;
    border-bottom: 1px solid #b7b7b7;
}

.award-publication-section .tabbable .nav > li > a {
    padding: 10px 25px;
    font-family: 'openSans-light';
    color: #303030;
}

.award-publication-section .tab-content {
    padding-top: 30px;
}

.award-publication-section .nav-tabs > li.active > a {
    font-family: 'openSans-bold';
    color: #303030;
    cursor: default;
    background-color: #e4e4e4;
    border-width: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    border-bottom: none;
    border-radius: 0px;
    position: relative;
    top: 1px;
}

.award-publication-section .nav > li > a:focus, .award-publication-section .nav > li > a:hover {
    background-color: #e4e4e4;
    border-width: 1px;
    border-style: solid;
    border-color: #b7b7b7;
    border-bottom: none;
    border-radius: 0px;
    outline: none;
}

.award-publication-section .carousel-control.left {
    background-image: none;
}

.award-publication-section .carousel-control.right {
    background-image: none;
}

.award-publication-section .text-slider-p {
    font-family: 'openSans-medium';
    font-size: 14px;
    line-height:20px;
    color: #303030;
    margin-bottom: 0;
    padding-right: 0px;
    padding-bottom: 0;
}

.award-publication-section .text-slider-small {
    font-family: openSans-light;
    font-size: 12px;
    line-height:18px;
    color: #303030;
}

.carousel-inner .item .container {
    padding: 10px 60px;
    text-align: center;
}

/*.left .carousel-control span{
    background-image: url(../images-new/about-us/sprite.png);
background-repeat: no-repeat;
background-position: -20px -4px;
width: 50px;
height: 85px;
display: inline-block;

}*/

/**********************************design thinkers css*******************************************/
.uxploration-div {
    position: absolute;
    margin: auto;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    padding: 5% 4%;
}

.design-thinkers {
    /*background-image: url(../images-new/about-us/bottom-section.jpg);*/
    background-image: url(../images-new/about-us/bottom-section.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 580px;
    position: relative;
    text-align: center;
    background-position:center;
}

.design-text-p {
    font-family: "openSans-regular";
    font-size: 13px;
    color: #303030;
}

.uxploration-div h2 {
    font-family: 'openSans-medium';
    font-size: 18px;
    border-top: 1px solid #8b8b8b;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8b8b8b;
    color: #303030;
    margin: 25px;
    position: relative;
    top: -50px;
    opacity: 0;
}

.thickness-para1 {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
    padding: 0 15px;
    position: relative;
    top: -80px;
    opacity: 0;
}

.thickness-para2 {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
    padding: 0 20px;
    position: relative;
    top: -50px;
    opacity: 0;
}
/**********************************************dynaneshwar css******************************************************************************/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}

.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
}

.carousel-control {
    width: auto;
}

.left-arrow {
    background-image: url('../images-new/industry-logo/newabout25.png');
    height: 39px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
}

.right-arrow {
    background-image: url('../images-new/industry-logo/newabout26.png');
    height: 39px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
    position:relative; 
    right:-25px;
}


.carousel-control {
    position: absolute;
    top: 194px;
    bottom: 0;
    left: 0;
}

.client-response-box {
    background: #ececec;
    display: inline-block;
    width: 100%;
    margin: 30px auto 5px;
    padding-top: 0px;
    border-radius: 10px;
    padding-bottom: 20px;
    height: 210px;
}

.client-response-box span {
    font-size:14px;
    line-height:20px;
    padding-right: 20px;
    font-family: 'openSans-semi-bold';
    width: 100%;
    text-align: right;
}

.client-response-box small {
    font-size:12px;
    line-height:18px;
    padding-right: 20px;
    text-align: right;
}

.carousel-inner {
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.top-brands-right-sec {
    background-image: url('../images/newabout1.jpg');
    height: 590px;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-brands-right-sec1 {
    background-image: url('../images/newabout17.jpg');
    height: 590px;
    background-repeat: no-repeat;
    background-size: cover;
}

.orange-color {
    background-color: rgba(225,73,37,0.8);
    height: 100%;
    width: 100%;
    padding: 100px 60px 0px 60px;
}

.orange-color h5 {
        font-size: 12px;
        line-height:18px;
        color: #ffffff;
        text-align: center;
        font-family: openSans-medium;
        font-weight: 500;
        text-transform: uppercase;
        padding-bottom: 10px;
        position: relative;
        top: -65px;
        opacity: 0;
    }

.bottom-top-brands {
    position: relative;
    top: -72px;
    opacity: 0;
}

.top-brands-arrow .mylazyload {
    position: relative;
    top: -30px;
}

.orange-color h3 {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    line-height:24px;
    font-family: openSans-semi-bold;
    font-weight: 600;
    text-transform: uppercase;
}

.orange-color p {
    font-size: 14px;
    line-height:20px;
    color: #ffffff;
    text-align: center;
    font-family: openSans-medium;
    font-weight: 300;
    padding: 15px 25px 0px 25px;
}

.top-brands-right-sec1 .orange-color .first-child {
    position: relative;
    top: -50px;
    opacity: 0;
}

.top-brands-right-sec1 .orange-color .second-child {
    position: relative;
    top: -50px;
    opacity: 0;
}

.top-brands-right-sec1 .orange-color .third-child {
    position: relative;
    top: -50px;
    opacity: 0;
}

.top-brands-right-sec1 .inspired-us-arrow {
    position: relative;
    top: -30px;
    opacity: 0;
}

.top-brands-right-sec1 .inspare-para {
    position: relative;
    top: -50px;
    opacity: 0;
}

.orange-color .btn-para {
    padding-top: 120px;
    font-size: 12px;
    line-height:18px;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    position: relative;
    top: -100px;
}

.orange-color .bottom-content {
    position: relative;
    top: -64px;
}

.orange-color a {
    display: block;
    text-align: center;
    outline: none;
    cursor: pointer;
}

.orange-color hr {
    border-top: 1px solid #f1b3a3;
}

.top-left-sec {
    text-align: center;
    padding-top: 15px;
}

.top-left-sec li {
        margin: 0 20px;
    }

.top-left-sec li span {
            font-size: 22px;
            line-height:30px;
            color: #303030;
        }

.top-left-sec li small {
            font-size: 14px;
            line-height:20px;
            color: #303030;
            font-family: 'openSans-regular';
            padding-left: 6px;
        }

.dropdown-left-sec {
    text-align: center;
    padding-top: 24px;
}

.dropdown-left-sec span {
    font-size: 14px;
    line-height:20px;
    color: #303030;
    font-family: 'openSans-semi-bold';
    font-weight: 600;
    text-transform: uppercase;
    display:block;
    margin-bottom: 5px;
}

.dropdown-left-sec .search-industry-sec {
        width: auto;
        padding-left: 0px;
        vertical-align:middle;
        font-size:0;
    }

.dropdown-left-sec span.logo-pill{
    border:1px solid #f36f25;
    color:#f36f25;
    display:inline-block;
    margin:0 10px;
    padding:6px 20px;
    border-radius:50px;
    line-height:20px;
    cursor:pointer;
}

.dropdown-left-sec span.logo-pill.active {
    background:#f36f25;
    color:#FFFFFF;
}

.search-industry-sec .dropdown{
    display:inline-block;
    margin:0 10px;
}

.search-industry-sec .dropdown .btn{
    border:1px solid #f36f25;
    color:#f36f25;
    background:transparent;
    padding:6px 20px;
    border-radius:50px;
    line-height:1;
    min-width:170px;
    text-align:left;
    display:flex;
    justify-content:flex-start;
    outline:none;
    box-shadow:none;
}

.search-industry-sec .dropdown .btn span{
    color:#f36f25;
    margin-right:auto;
    margin-bottom:0px;
}

.search-industry-sec .dropdown .btn i{
    margin-left:15px;
}

.search-industry-sec .dropdown.active .btn{
    color:#ffffff;
    background:#f36f25;
}

.search-industry-sec .dropdown.active .btn span{
    color:#ffffff;
}

.search-industry-sec .dropdown.active .btn i{
    color:#ffffff;
}

.dropdown-left-sec .selectpicker {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ccc;
        width: 100%;
        outline: none;
    }

.whole-slider .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.client-response-box img {
    position: relative;
    top: -26px;
    left: 45px;
    display: block;
    text-align: right;
    margin-left:0;
}

.dropdown-left-sec select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: rgba(0, 0, 0, 0) url("../images-new/industry-logo/dropdownarrow.png") no-repeat scroll 100% center / 20px 13px !important;
    overflow: hidden;
    padding: 6px 20px 6px 6px !important;
    width: auto;
    font-size: 16px;
    font-family: openSans-medium;
    color: #303030;
    outline: none;
}

select::-ms-expand {
    display: none;
}

.industry-img-icon li {
    text-align: center;
    width: 19%;
    padding-top: 20px;
    padding-bottom: 15px;
}

.inspare-para {
    text-align: center;
    padding: 0;
    font-family: openSans-light;
    font-weight: 300;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 10px;
    list-style-type: none;
}

.orange-color .btn-para2 {
    padding-top: 0px;
    font-size: 14px;
    line-height:20px;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    padding-top: 40px;
}

.leadership-head-sec {
    padding-top: 15px;
    text-transform: uppercase;
    font-size: 18px;
    line-height:24px;
    color: #303030;
    font-family: 'openSans-light';
    text-align: center;
    font-weight: 300;
}

.leader-face-sec {
    text-align: center;
}

.leader-face-sec li img {
        width: 50%;
    }

.leader-face-sec li {
        width: 24%;
    }


/*==========Start of the new team about us==============*/
.team-members{text-align:center;background:#f5f5f5;border:1px solid #e0e0e0; border-radius:5px;padding:5px;min-height:215px;margin-bottom:20px;}
.team-members h6{margin:0px;padding-top:20px; font-family: openSans-regular; font-weight:bold;font-size:14px;line-height:20px; color:#303030;}
.team-members p{font-family:openSans-regular; font-size:12px;line-height:18px; color:#a7a7a7;}
 .core-team-member{padding-top:20px;}
 .core-member-team{text-align:center;}
 .core-member-team img{border-radius:5px;}
 .core-member-team h4{font-family:openSans-bold; font-weight:bold;font-size:13px;color:#303030;margin:0px;padding-top:10px;padding-bottom:5px;}
    .core-member-team.list-inline li a {
        color: #0b81d3 !important;
        font-family: openSans-regular;
        font-size: 15px;
    }
 .coremember-team{margin:0 auto;text-align:center;}
 .coremember-team li{padding-bottom:20px}

/*============End of the new team about u================*/

        .leader-face-sec li h6 {
            font-size: 14px;
            font-family: openSans-semi-bold;
            color: #303030;
            font-weight: 600;
            margin: 10px 0px auto;
        }

        .leader-face-sec li p {
            font-size: 11px;
            font-family:openSans-regular;
            color: #303030;
            font-weight: 400;
            margin: 5px 0px auto;
        }

    .leader-face-sec .read-bio {
        font-size: 12px;
        color: #0b81d3;
        font-family:openSans-regular;
        font-weight: 400;
        padding-top: 10px;
        outline: none;
        cursor: pointer;
        display: none;
    }


.client-response-box .cleint-txt {
    text-align: left;
    font-size: 14px;
    padding: 0px 30px 5px 30px;
    color: #303030;
    font-family: openSans-light;
    font-weight: 200;
}


.client-respone-head-sec {
    text-align: center;
    margin: 0 auto;
    color: #303030;
    font-size: 16px;
    padding-top: 25px;
    font-family: 'openSans-light';
    font-weight: 200;
}

.client-response-sec .head {
    text-align: center;
    margin: 0 auto;
    color: #303030;
    font-size: 30px;
    padding-top: 25px;
    font-family: 'openSans-light';
    font-weight: 200;
}

.client-response-sec p.sub {
    text-align: center;
    font-size: 16px;
    line-height:20px;
    padding-top: 5px;
    color: #303030;
    font-family: 'openSans-light';
    font-weight: 200;
}

.cliet-txt-sec {
    xdisplay: block;
    padding: 60px;
    background-color: #efefef;
    border-radius: 10px;
    margin: 30px auto;
}

.whole-slider {
    padding: 0px 30px 30px 30px;
    display: inline-block;
    width: 100%;
}

#recentlogo, #newinternet, #newbanking, #newtravel, #neweducation, #newhealthcare, #newIT, #newmediaenter, #newreal, #newnonprofit, #newgovt, #newsoftwareapp {
    display: none;
}

.read-bio {
    cursor:pointer;
}




/*===============Start of the mobile css====================== */
.top-bannerSection {
    background: url('../images-new/about-us/banner-about.jpg');
    background-repeat:  no-repeat;
    height:361px;
    width:100%;
    background-size:cover;
}

    
.bannerContent{background:rgba(139,123,111,0.5);padding-top:125px;height:100%;text-align:center;}
.bannerContent h6{color:#303030; font-family: openSans-bold;text-transform:uppercase;margin:0;padding-bottom:5px;}
.bannerContent p{color:#303030;font-size:12px;line-height:18px; font-family: 'openSans-regular';}
.bannerContent h5{color:#303030;font-family: 'openSans-regular';padding:8px 0;border:1px solid #958674; border-left:none;
                  border-right:0px;text-transform:uppercase;width:190px;margin:0 auto 10px auto;font-size:14px;}

.bannerContent span {
    display: block;
    font-size: 14px;
    font-family: 'openSans-regular';
    margin-top: 18px;
        padding: 0 26px;
}
.mobile-gallery-images img{xxheight:95px;}
.team-members{min-height:225px;}
.coremember-team li{width:45%;}

/*===============End of the mobile css====================== */

/*************New Mobile responsive css******************/

.res-award-section .award-publication-section{height: 830px;}
.res-award-section .award-publication-section h2{
    font-family: 'openSans-light';
    font-size: 18px;
    color: #303030;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin: 0 auto;
    padding: 30px 0px 10px 0px;
}

.res-award-section .award-publication-section p {
    font-family: 'openSans-light';
    font-size: 12px;
    line-height:18px;
    color: #303030;
    padding-bottom: 25px;
}

.res-accordian .accordion-toggle:after {
    font-family: openSans-regular;
    content: "\f067";    
    float: right;
}
.res-accordian .accordion-opened .accordion-toggle:after {    
    content: "\f068";    
}

.res-accordian .accordion-heading a{
        background: #fff;
        padding: 10px 40px;
        display: inline-block;
        margin-bottom: 20px;
        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
        width:80%;
}

.res-accordian .carousel-control{
    position: absolute;
    
    bottom: 0;
   
}

.res-accordian .carousel-control.left {
    left: 50px;

    }
.res-accordian .carousel-control.right {
    right: 50px;
}

.res-accordian .carousel-inner .text-slider-p{
   font-family: 'openSans-medium';
color: #303030;
font-size: 14px;
line-height:20px;
padding-bottom: 5px;
padding-top: 6px;
}

.res-accordian #collapse1 .carousel-control{ top:220px;}
.res-accordian #collapse2 .carousel-control{top:390px;}
.res-accordian #collapse3 .carousel-control{top:420px;}
.res-accordian #collapse4 .carousel-control{top:460px;}

.res-accordian .panel-group .panel{margin: 0 10%; border: 0; margin-bottom:15px;}

.res-accordian .panel-title a{
    display: block;
width: 100%;
padding: 5px;
  font-family: 'openSans-light';
    font-size: 16px;
}
.res-accordian .panel{background-color:transparent;}
/*************New Mobile responsive css ends******************/


/************Industry type logo css***************/
.industry-type-res .carousel-control.left{ left:30px;top:0;}
.industry-type-res .carousel-control.right{ right:7px;top:0;}

.clientCarouseItem { margin: auto; width: 80%; text-align: center;}
.clientCarouseItem li{width:45%;}
.mob-client-section .client-response-sec {
    background-image: url('../images-new/industry-logo/newabout24.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    height: 400px;
    background-size: cover;
    position: relative;
    z-index: 9;
}

.mob-client-section .client-response-box .cleint-txt{
    text-align: left;
font-size: 14px;
padding: 0px 30px 5px 30px;
color: #303030;
font-family: openSans-light;
font-weight: 200;


}

.mob-client-section .client-response-box{
    margin: 30px auto;
}

.mob-client-section .carousel-control{
    top: 100px;
}

.mob-client-section .carousel-control.left{
    left:-8px;
}

.mob-client-section .carousel-control.right{
    right:-8px;
}



 .team-manager-txt-sec p {
        text-align: center;
        padding-top: 10px;
        margin: 3px auto;
        font-size: 13px;
        font-family:openSans-regular;
    }

    .team-manager-txt-sec hr {
        text-align: center;
        margin-top: 0px;
        width: 15%;
        border-bottom: 1px solid #303030;
    }

    .popup-txt-sec {
        display: inline-block;
        width: 100%;
    }

    .team-manager-txt-sec .popup-txt-sec {
        text-align: center;
        padding: 0px 5px;
        list-style: none;
        font-size: 13px;
        color: #303030;
        font-family: openSans-regular;
    }
    .prev-nex-list{margin:0 auto; width:200px;text-align:center}

    .next-sec {
        display: inline-block;
        text-align: center;
        outline: none;
        padding: 10px;
        font-size: 13px;
        color: #1580e3;
        outline: none;
        cursor: pointer;
    }

        .next-sec:hover {
            color: #1580e3;
        }


    .prev-sec {
        display: inline-block;
        text-align: center;
        outline: none;
        padding: 10px;
        font-size: 13px;
        color: #1580e3;
        outline: none;
        cursor: pointer;
    }

        .prev-sec:hover {
            color: #1580e3;
        }

        .modal-dialog {
    width: 272px;
}

.mob-client-section .client-response-box img{ left: 7px;  }


@media(min-width:320px) and (max-width:640px) {

.mob-client-section .client-response-box .cleint-txt{
overflow-y: scroll;
display: inline-block;
height: 80px;
}

.top-brand-left-sec{
    padding:0 3px;
}

.top-brand-left-sec ul.top-left-sec , .top-brand-left-sec ul.dropdown-left-sec {
    margin: 0;
}

.top-left-sec li {
    display: block;
    margin: 0;
    padding: 0;
}

.top-brand-left-sec ul.dropdown-left-sec li {
    padding:0;
}

.dropdown-left-sec span.logo-pill{
    padding:6px 15px;
    margin: 5px 5px;
}

.search-industry-sec .dropdown {
    display: inline-block;
    margin: 5px;
    max-width:90%;
}

.search-industry-sec .dropdown .btn{
    max-width:100%;
    white-space: inherit;
    line-height:20px;
    padding:3px 20px;
    align-items: center;
    text-align:center;
}

.search-industry-sec .dropdown .dropdown-menu {
    
}

}

@media(min-width:320px) and (max-width:479px){

.mobile-gallery-images img {
    height: 82px;
}

.team-members {
    min-height: 185px;
}

}

@media(min-width:480px) and (max-width:640px){

.mobile-gallery-images img {
    height: 130px;
}

.team-members {
    min-height: 230px;
}
}

@media(min-width:768px) {

/*===========Start of the mobile section=====================*/
    .top-bannerSection {
    background: url('../images-new/about-us/banner-about.jpg');
    background-repeat:  no-repeat;
    height:300px;
    width:100%;
    background-size:cover;
}
    .mobile-gallery-images img{xxheight:auto;}
    .coremember-team li{width:18%;}

    .uxploration-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 55%;
    height: 530px;
    padding: 5% 10%;
}
    
.uxploration-div h2 {
    font-family: 'openSans-medium';
    font-size: 18px;
    border-top: 1px solid #8b8b8b;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #8b8b8b;
    color: #303030;
    margin: 25px;
    position: relative;
    top: -50px;
    opacity: 0;
}

.thickness-para1 {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
    padding: 0 15px;
    position: relative;
    top: -80px;
    opacity: 0;
}

.thickness-para2 {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
    padding: 0 15px;
    position: relative;
    top: -50px;
    opacity: 0;
}
.uxploration-div {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 530px;
    padding: 5% 10%;
}
.client-respone-head-sec {
    text-align: center;
    margin: 0 auto;
    color: #303030;
    font-size: 28px;
    line-height:38px;
    padding-top: 25px;
    font-family: 'openSans-light';
    font-weight: 200;
} 
.client-response-sec p {
    text-align: center;
    font-size: 14px;
    line-height:20px;
    padding-top: 5px;
    margin-bottom:15px;
    color: #303030;
    font-family: 'openSans-light';
    font-weight: 200;
}

/*===========End of the mobile section=====================*/


    .leader-face-sec li h6 {
        font-size: 13px;
    }

    .leader-face-sec li p {
        font-size: 8px;
    }



    .client-response-sec {
        background-image: url('../images-new/industry-logo/newabout24.jpg');
        /*height: 553px;*/
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        height: 610px;
        background-size: cover;
        position: relative;
        z-index: 9;
    }

    .client-response-box .cleint-txt {
        text-align: left;
        font-size: 11px;
        padding: 0px 15px 1px 15px;
        color: #303030;
        font-family: openSans-regular;
        font-weight: 400;
    }


    .teamperson-bio-sec {
        background-color: #ececec;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .aboutus-modal .modal-body {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .modal-dialog {
        width: 270px;
    }

    .modal-dialog.news-modal-dialog{
        width: 600px;
    }

    .teamperson-data {
        padding: 40px 25px 25px 25px;
    }

        .teamperson-data h6 {
            font-size: 14px;
            color: #303030;
            font-family: openSans-semi-bold;
            font-weight: 600;
            margin: 10px 10px auto;
        }

        .teamperson-data p {
            font-size: 14px;
            color: #303030;
            font-family: openSans-regular;
        }

    .teamperson-bio-sec button {
        position: relative;
        left: -10px;
        top: 4px;
        color: #303030;
        opacity: 1;
    }

        .teamperson-bio-sec button:hover {
            color: #303030;
            opacity: 1;
        }

    .team-manager-txt-sec p {
        text-align: center;
        padding-top: 10px;
        margin: 3px auto;
        font-size: 13px;
        font-family: openSans-regular;
    }

    .team-manager-txt-sec hr {
        text-align: center;
        margin-top: 0px;
        width: 15%;
        border-bottom: 1px solid #303030;
    }

    .popup-txt-sec {
        display: inline-block;
        width: 100%;
    }

    .team-manager-txt-sec .popup-txt-sec {
        text-align: center;
        padding: 0px 5px;
        list-style: none;
        font-size: 13px;
        color: #303030;
        font-family: openSans-regular;
    }
    .prev-nex-list{margin:0 auto; width:200px;text-align:center}

    .next-sec {
        display: inline-block;
        text-align: center;
        outline: none;
        padding: 10px;
        font-size: 13px;
        color: #1580e3;
        outline: none;
        cursor: pointer;
    }

        .next-sec:hover {
            color: #1580e3;
        }


    .prev-sec {
        display: inline-block;
        text-align: center;
        outline: none;
        padding: 10px;
        font-size: 13px;
        color: #1580e3;
        outline: none;
        cursor: pointer;
    }

        .prev-sec:hover {
            color: #1580e3;
        }

    .team-manager-txt-sec .text-sec-a {
        display: block;
        padding-left: 12px;
        position: relative;
        top: 2px;
    }

    .team-manager-txt-sec .text-sec-b {
        display: block;
        padding-right: 11px;
        position: relative;
        top: -12px;
    }
}


@media(min-width:992px)
{
    /*===========Start of the hover caption=============*/
    .about-imgCaption{position:relative;}
    .about-hover{position:absolute;top:0px;left:0;    margin: 0 auto;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    background: rgba(0,0,0,0.7);
    color: #fff;padding-top:70px;border-radius:5px; display:none;}
    .about-hover a{color:#fff;}
    .about-imgCaption:hover .about-hover{display:block}
    .uxploration-div {
    position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 55%;
    height: 530px;padding: 5% 10%;}
}

@media(min-width:1200px) {

    .whole-slider .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right
    {
            -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    }
    .client-response-box .cleint-txt {
        text-align: left;
        font-size: 12px;
        line-height:18px;
        margin: 0 auto;
        font-weight: 400;
    }

    .client-response-sec {
        min-height: 590px;
    }

    .client-response-sec .container {
        overflow:inherit;
    }

    .leader-face-sec li h6 {
        font-size: 13px;
        font-family: 'openSans-semi-bold';
        color: #303030;
        font-weight: 600;
        margin: 10px 0px auto;
    }

    .leader-face-sec li p {
        font-size: 11px;
        font-family: openSans-regular;
        color: #303030;
        font-weight: 400;
        margin: 5px 0px auto;
    }
}

@media(min-width:1280px) {
    .award-publication-section .tabbable .nav-tabs {
        width: 56%;
        margin: 0 28%;
        border-bottom: 1px solid #b7b7b7;
    }

    .carousel-inner {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

}

@media(max-width:991px){
    .respadB50{padding-bottom: 50px;}
    .consumer-voice {
      height: 450px;
  }

    .top-brands-right-sec{ height: 410px;}
.consumer-voice-text-div {
    height: 450px;
}
.top-brands-right-sec1{height: 500px;}

.orange-color {padding: 50px 60px 0px 60px;}

.orange-color .btn-para{padding-top: 40px;}
}
