.career-banner-text{position:absolute; top:0;bottom:0; left:0;right:0;}
.landingpage-banner-team{margin-top:-60px;}
.con-team { background: #dce3eb; margin: 0 auto;}
.hi-2.col-single-element {margin: 0 auto;}
.middle-block{text-align:center;padding:10px 0px; }
.tabbable-line > .nav-tabs {border: none;margin: 0px;width: 100%;border: 1px solid red;
                            display: block;text-align: center;padding:15px 2px 4px 2px;box-shadow: 0px 0px 10px rgba(0,0,0,.5); margin: auto auto 20px auto ;
                            background:#efefef;}
.new-pd{}
.tabbable-line > .nav-tabs > li{display: inline-block; margin:auto; float: none}
.nav.nav-tabs li a {font-size:18px;}
.team-c{text-align:center;padding:30px 20px;background:#fff;}
.team-a{text-align:center;padding:30px 20px;background:#fff;}
.sky-blue{}   
.gry{color:#807e7e;max-width: 70%;font-weight:300;}
.new-text{color:#807e7e; margin-bottom: 10px;font-size:16px;font-weight:500;}
.fa.fa-linkedin-square.class-lin{margin:10px 0px; display:block; }
.white{background:#fff;}      
.text-cc{text-align:center;}

.tabbable-line {background:#fff;}
.con-pp {padding:10px 0px 45px 0px;max-width:90%;text-align:center;margin:0 auto;float:none;}
.class-lin{display:block;color:#007bb5;font-size:30px; }

.team-a {width:70%;height: 300px;box-sizing:border-box;max-width:100%;padding: 5px 10px;margin:30px auto;background: #fff;position: relative;overflow: hidden;}
.content {height:100%;width: 100%;overflow-y: scroll;}
.scrollbar {position: absolute;right: 11px;width: 14px;border-radius: 10px;margin-top: 5px;background: #000;}
::-webkit-scrollbar { display: none;}

* {-webkit-box-sizing: none;-moz-box-sizing: none !important;box-sizing: none !important;}
.dheeraj-bansal {margin:auto;max-width:500px;height: 400px;background-size: auto 100%;background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/dheeraj-bansal.png") no-repeat;background-position: top left;}
.dheeraj-bansal:hover {margin:auto;max-width: 500px;height: 400px;
                       background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/dheeraj-bansal.png") no-repeat;background-size: auto 100%;animation: slide 2s linear;
                       -webkit-animation: play4 .9s steps(6) forwards;
                       -moz-animation: play4 .9s steps(7) infinite;
                       -ms-animation: play4 .9s steps(7) infinite;
                       -o-animation: play4 .9s steps(7) infinite;
                       animation: play4 .9s steps(6) forwards;
}
@-webkit-keyframes play4 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

@-moz-keyframes play4 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-ms-keyframes play4 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-o-keyframes play4 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@keyframes play4 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

.ankita-kumari {margin:auto;max-width:500px;height: 400px;background-size: auto 100%;
                background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/ankita-kumari.png") no-repeat;background-position: top left;}
.ankita-kumari:hover {margin:auto;max-width: 500px;height: 400px;
                      background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/ankita-kumari.png") no-repeat;
                      background-size: auto 100%;
                      -webkit-animation: play2 .9s steps(6) forwards;
                      -moz-animation: play2 .9s steps(7) infinite;
                      -ms-animation: play2 .9s steps(7) infinite;
                      -o-animation: play2 .9s steps(7) infinite;
                      animation: play2 .9s steps(6) forwards;
}
@-webkit-keyframes play2 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

@-moz-keyframes play2 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-ms-keyframes play2 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-o-keyframes play2 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@keyframes play2 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}



.sandeep-tripathy {margin:auto;max-width:500px;height: 400px;background-size: auto 100%;
    background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/sandeep-t.png") 
    no-repeat;background-position: top left;}
.sandeep-tripathy:hover {margin:auto;max-width: 500px;height: 400px;
          background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/sandeep-t.png") no-repeat;
          background-size: auto 100%;
          -webkit-animation: play2 .9s steps(6) forwards;
          -moz-animation: play2 .9s steps(7) infinite;
          -ms-animation: play2 .9s steps(7) infinite;
          -o-animation: play2 .9s steps(7) infinite;
          animation: play2 .9s steps(6) forwards;
}
@-webkit-keyframes play2 {
from { background-position:    0px; }
to { background-position: -3000px; }
}

@-moz-keyframes play2 {
from { background-position:    0px; }
to { background-position: -3500px; }
}

@-ms-keyframes play2 {
from { background-position:    0px; }
to { background-position: -3500px; }
}

@-o-keyframes play2 {
from { background-position:    0px; }
to { background-position: -3500px; }
}

@keyframes play2 {
from { background-position:    0px; }
to { background-position: -3000px; }
}

.vikas-kaul {margin:auto;    max-width:500px;
             height: 400px;   background-size: auto 100%;
             background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/vikas-kaul.png") no-repeat;
             background-position: top left;
}
.vikas-kaul:hover {margin:auto;
                   max-width: 500px;
                   height: 400px;    background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/vikas-kaul.png") no-repeat;
                   background-size: auto 100%;
                   -webkit-animation: play3 .9s steps(6) forwards;
                   -moz-animation: play3 .9s steps(7) infinite;
                   -ms-animation: play3 .9s steps(7) infinite;
                   -o-animation: play3 .9s steps(7) infinite;
                   animation: play3 .9s steps(6) forwards;
}
@-webkit-keyframes play3 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

@-moz-keyframes play3 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-ms-keyframes play3 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-o-keyframes play3 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@keyframes play3 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}
.piyush-jain {margin:auto;
              max-width:500px;
              height: 400px;
              background-size: auto 100%;
              background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/piyush-jain.png") no-repeat;
              background-position: top left;
}
.piyush-jain:hover {margin:auto;
                    max-width: 500px;
                    height: 400px;
                    background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/piyush-jain.png") no-repeat;
                    background-size: auto 100%;
                    -webkit-animation: play1 .9s steps(6) forwards;
                    -moz-animation: play1 .9s steps(7) infinite;
                    -ms-animation: play1 .9s steps(7) infinite;
                    -o-animation: play1 .9s steps(7) infinite;
                    animation: play1 .9s steps(6) forwards;
}
@-webkit-keyframes play1 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

@-moz-keyframes play1 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-ms-keyframes play1 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-o-keyframes play1 {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@keyframes play1 {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

.khushboo-jain {margin:auto;
                max-width:500px;
                height: 400px;
                background-size: auto 100%;
                background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/khushboo-jain.png") no-repeat;
                background-position: top left;
}
.khushboo-jain:hover {margin:auto;
                      max-width: 500px;
                      height: 400px;
                      background: url("https://d2aq6dqxahe4ka.cloudfront.net/themes/front/page/images/khushboo-jain.png") no-repeat;
                      background-size: auto 100%;
                      -webkit-animation: play .9s steps(6) forwards;
                      -moz-animation: play .9s steps(7) infinite;
                      -ms-animation: play .9s steps(7) infinite;
                      -o-animation: play .9s steps(7) infinite;
                      animation: play .9s steps(6) forwards;
}
@-webkit-keyframes play {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}

@-moz-keyframes play {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-ms-keyframes play {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@-o-keyframes play {
    from { background-position:    0px; }
    to { background-position: -3500px; }
}

@keyframes play {
    from { background-position:    0px; }
    to { background-position: -3000px; }
}


/***************/
#tabs{padding:0px 0px 50px 0px;}

/* Tabs panel */
.no-pad{padding:0px}
.tabbable-panel {background:#f7f7f7;
                 border:0px solid #eee;
                 padding:0px;overflow: hidden;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #21936a;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #21936a;background:none;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 0px solid #eee;
    padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/**********media**************/
/* Large devices (laptops/desktops, 992px and up) */
@media(min-width:980px){

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


}


@media (max-width: 1200px){

}
@media (max-width: 1199px){

}
@media (max-width: 1024px){

}
@media (max-width: 991px){

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

}
@media (max-width: 768px){
    .con-pp{padding: 10px 0px 10px 0px;}
    .gry{max-width: 85%;}
    .landing-b-x{margin-top:-60px;}
    #tabs{padding:00px 0px 30px 0px;}
    .team-a { width:100%}
    .team-c{padding:15px 10px; }
    .tabbable-line > .nav-tabs{margin:auto;}
    .tabbable-line > .tab-content{padding-top:0px;}
}
@media (max-width: 600px){

}
@media (max-width: 480px){

}
@media (max-width: 414px){

}
@media (max-width: 360px){
    .hi-2 {
        background-size: cover;

    }
    .hi-2:hover {background-size: cover;}

}

