@import url("../font-awesome/css/font-awesome.min.css");
#secondary-head.affix {
    left: 0;
    right: 0;
    top: 0;
    margin-top: 73px;
    z-index: 99; 
    box-shadow: 0 0 10px #cccccc;
    /* border-top: 1px solid #eee; */
}
.science-secondary-header.affix-top{
    background: rgba(0,0,0,0.4);
    margin-top: -54px;
    margin-bottom: 0;
}
.science-secondary-header.affix-top ul li a{
    color: #fff;
}
.science-secondary-header.affix{
    background: #fff;
}
.science-secondary-header.affix ul li a{
    color: #2c3e50;
}
.mpp #head.affix, .mpi #head.affix, .msp #head.affix{
    box-shadow: none;
    border-radius: 0;
}
#secondary-head{
    border-radius: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}
#secondary-head.navbar{
    min-height: 55px;
}
.science-secondary-header ul li {
    float: none;
    display: inline-block;
}
.science-secondary-header ul li a{
    font-size: 12px;
    font-family: montserrat;
    font-weight: 500;
    padding: 15px 10px;
    margin: 0 25px;
}
.science-secondary-header ul li a:hover, .science-secondary-header ul li a:focus{
    background: transparent;
}
.science-secondary-header ul.nav.navbar-nav {
    display: inline-block;
    float: none;
}
.science-secondary-header li a::before {
    position: absolute;
    content: '';
    bottom: -2.5px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: 5px;
    width: 0px;
    background: #4cd964;
    transition: width ease-out 0.1s;
}
.science-secondary-header li a:hover::before, .science-secondary-header li.active a::before{
    width: 100%;
   
}
.jumbotron-mpp{
    margin-top: 1px;
    border-bottom: 1px solid #eee;
}
.jumbotron-mpp .btn{
    min-width: auto;
    margin-top: 20px;
}
.bg-grey{
    background: #eeeeee;
    padding: 10px 15px 15px;
    margin-bottom: 30px;
    border-radius: 3px;
}
.mpp-test-cards h4{
    color: #27AE60;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0
}
.mpp-test-cards small{
    font-size: 70%;
}
.mpp-test-cards{
    padding-top: 15px;
}
.jumbotron-mpp h3{
    margin-top: 0;
}
.jumbotron-mpp .mpp-right-div h3{
    margin: 15px 0;
}
.highlight b, .highlight span{
    color: #27AE60;
}
.mpptheory{
    padding: 0;
    list-style: none;
}
.mpptheory li:before{
    content: "•";
    color: #27AE60;
    padding-right: 5px; 
    position: absolute;
    left: -15px;
}
.mpptheory li {
    margin-left: 15px;
    position: relative;
}
.mpp-right-div{
    padding-top: 15px;
}
.jumbotron-mpp h2{
    margin-bottom: 20px;
}

.border-left{
    border-left: 1px solid #eeeeee;
    padding-left: 35px;
}
.border-right{
    border-right: 1px solid #eeeeee;
    margin-right: -1px;
}
.mpp-small-container-border{
    border-top: 1px solid #eeeeee;
    margin-top: 25px;
    padding: 35px 0;
}
.mpp-small-container-border .bg-grey{
    margin-bottom: 0;
}
.mpp-small-container-border .mpp-test-cards{
    padding-top: 5px; 
}
.Clientlogo-height img{
    height: 35px;
    margin-bottom: 15px;
}
.mpplanguage a{
    text-decoration: none;
    padding: 15px;
    display: block;
    transition: 0.3s all ease-in;
}
.mpplanguage img {
    width: 35px;
    height: 26px;
    margin-left: -5px;
}
.mpplanguage h4{
    display: inline-block;
    margin: 0;
}
.mpplanguage{
    border: 1px solid #eeeeee;
    display: inline-block;
    border-radius: 5px;
    margin-right: 15px;
}
.viewTestOuterDiv ul{
    padding: 0 15px;
}
.mpplanguage p.viewTest{
   display: block;
   font-size: 15px;
   font-family: Lato, serif;
   margin-bottom: 0;
   color: #2c3e50;
   padding-top: 10px;
   text-align: left;
   transition: all 0.3s ease-in-out;
}
.mpplanguage a:hover p.viewTest, .mpplanguage a:hover p.viewTest .glyphicon, .mpp-news .thumbnail a:hover .glyphicon{
    color: #27AE60;
}
.viewTest .glyphicon {
    transition: 0.3s all ease-in;
}
.box-shadow a:hover, .mpp-news .thumbnail a:hover, .box-shadow-c {
    box-shadow: 0px 0px 35px 1px #ccc;
}

.text-decoration{
    text-decoration: none !important;
}
.box-shadow a{
    display: block;
    transition: all 0.3s ease-in-out;
}

a:hover .viewTest{
    color: #27AE60;
}
.media-heading.mppAplications{
    font-size: 18px;
    color: #2c3e50;
   
}
.jumbotron-mpp .media.product{
    text-align: left;
    margin-bottom: 0;
}
.top-negative .mpplanguage{
    margin-right: 0;
    margin-bottom: 30px;
}
.testimonial-wrapper .carousel{
    padding: 0;
}
.testimonial-wrapper .homeCarousel .carousel-inner{
    width: 100%;
}
.testimonial-wrapper .homeCarousel .carousel-inner:before{
    display: none;
}
.mpptestimonialsImage{
    height: 60px;
}
.testimonial-wrapper .carousel-indicators{
    position: relative;
    bottom: auto;
    left: auto;
    width: inherit;
    margin-left: 0;
    display: inline-block;
    padding: 25px 0;
    text-align: left;
    line-height: 35px;
}
.testimonial-wrapper .carousel-control{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 25px 0;
    display: inline-block;
    background: #4cd964;
    opacity: 1;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.testimonial-wrapper .carousel-control.left{
    margin-right: 5px;
}
.testimonial-wrapper .client-title{
    border-top: 0;
}
.testimonial-wrapper .client-title p{
    font-style: normal;
}
.mppClientLogo img{
    width: 55%;
    height: 46px;
    margin-bottom: 40px;
}
.mppClientLogo{
    padding-left: 50px;
}
.viewnews img{
    width: 30%;
    min-height: 30px;
}
.viewnews .glyphicon{
    line-height: 29px;
}
.mpp-news .thumbnail, .mspLang ul {
    padding: 0;
    transition: all 0.3s ease-in-out;
}
.mpp-news .thumbnail a{
    display: block;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.viewnews{
    margin: 0;
    padding-top: 15px;
}
.mpp-news .thumbnail .caption{
    padding: 15px;
}
p.newstext-height {
    min-height: 70px;
}
.mspLang{
    border-top: 1px solid #eeeeee;
    padding-top: 30px;
}
.jumbotron-mpp .msp-tests .media.product{
    padding: 3px 10px 5px;
}
.msp-tests p{
    margin-bottom: 0;
}
.green-text-highlight{
    background: #27AE60;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: 12px;
    margin-top: -6px;
}
.msp-rdiv .bg-grey{
    margin-bottom: 10px;
}
.mpplanguage.msp-tests {
    margin-bottom: 6px;
}
.bg-white{
    background: #fff;padding: 15px;
}
.custom-nav-pills .nav-pills>li.active>a, .custom-nav-pills .nav-pills>li.active>a:hover, custom-nav-pills .nav-pills>li.active>a:focus, .custom-nav-pills .nav-pills>li>a:hover{
    background-color: #27AE60;
    color: #fff;
}
.custom-nav-pills .nav-pills>li>a {
    border-radius: 0;
    padding: 15px 10px;
    color: #2c3e50;
    font-weight: 600;
    background: #eee;
}
.custom-nav-pills .nav-pills>li:first-child>a{
    border-top-left-radius: 4px;
}
.mb-0{
    margin-bottom: 0;
}
.mb-1{
    margin-bottom: 10px;
}
.mb-2{
    margin-bottom: 20px
}
.profileWrapper .nav-pills{
    margin: -35px;
}
.text-small {
    font-size: 12px;
    padding: 5px 0px;
}
.custom-nav-pills .nav-pills>li{
    border-right: 1px solid #ddd;
    margin: 0
}
.profileWrapper .nav-pills>li:last-child{
    border-right: 0px;
}
.competency1{background-image:  url(/prelogin/resources/images/science/competency1.svg);}
.competency2{background-image:  url(/prelogin/resources/images/science/competency2.svg);}
.competency3{background-image:  url(/prelogin/resources/images/science/competency3.svg);}
.competency4{background-image:  url(/prelogin/resources/images/science/competency4.svg);}
.competencyimagewrapper{
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 30%;
    background-size: 30%;
    padding: 30px 30px 20px;
}
.lower-div{
    padding-top: 80px;
}
.left-nav .nav-tabs li a {
    padding: 25px 15px;
    border: 1px solid #eee;
    color: #2c3e50;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}
.left-nav .nav-tabs>li:first-child.active>a, .left-nav .nav-tabs>li:first-child.active>a:hover, .left-nav .nav-tabs>li:first-child.active>a:focus{
    border:1px solid transparent;
    color: #27AE60;
}
.left-nav .nav-tabs>li:last-child.active>a, .left-nav .nav-tabs>li:last-child.active>a:hover, .left-nav .nav-tabs>li:last-child.active>a:focus{
    border-bottom:1px solid transparent;
}
.left-nav .nav-tabs>li.active>a, .left-nav .nav-tabs>li.active>a:hover, .left-nav .nav-tabs>li.active>a:focus{
    border:1px solid #eee;
    color: #27AE60;
    border-right:1px solid transparent;
}
.left-nav .nav-tabs>li>a:hover, .left-nav .nav-tabs>li>a:focus{ color: #27AE60;}
.left-nav .nav-tabs>li {width:100%;}
.role-competency{
    padding: 20px 15px;
}
.profileWrapper{
    box-shadow: 0px 0px 35px 1px #ccc;
    padding: 35px;
}
.sub-tabs.nav-tabs li{
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.sub-tabs.nav-tabs, .sub-tabs.nav-tabs li a, .sub-tabs.nav-tabs li a:hover, .sub-tabs.nav-tabs li.active a {
    border: none;
}
.sub-tabs.nav-tabs li a{
    background: #eee;
    border-left: 4px solid #27AE60;
    color: #2c3e50;
    padding: 10px;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub-tabs.nav-tabs li.active a, .sub-tabs.nav-tabs li a:hover{
    background: #27AE60;color: #fff; border-left: 4px solid transparent;
}
.profileWrapper .panel-default{
    border-color: transparent;
}
.profileWrapper .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
    color: #27AE60;
    font-weight: 100;
}
.bg-white.panel-heading{background: #fff;}
.profileWrapper .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover,.panel-title > a:active,.panel-title > a:focus  {
    text-decoration:none;
}
.profileWrapper .panel-title > a{color: #27AE60;}
.profileWrapper .panel-title > a.collapsed{
    color: #2c3e50;
}
.secondary-form{
    display: inline-block;
    position: relative;
}

#expand-search{
    position: relative;
}

.secondary-form .btn-transparent{
    min-width: auto;
    line-height: 22px;
    background: transparent;
    color: #4cd964;
    border: 0;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 5px;
    margin-left: 0;
}

.secondary-form .btn-transparent:focus{
    outline: none;
}

.secondary-form input{
    background: transparent;
    border: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding-left: 35px;
    color: #fff;
}

.secondary-form input:focus{
    box-shadow: none;
    color: #000;
}

#secondary-head.affix .secondary-form input{
    color: #2c3e50;
    box-shadow: none;
}

.secondary-form input::placeholder{
    color: #fff;
    text-transform: uppercase;
}
.secondary-form input::-webkit-placeholder{
    color: #fff;
    text-transform: uppercase;
}
.secondary-form input::-moz-placeholder{
    color: #fff;
    text-transform: uppercase;
}
.secondary-form input::-ms-placeholder{
    color: #fff;
    text-transform: uppercase;
}
#secondary-head.affix .secondary-form input::placeholder{
    color: #2c3e50;
}
#expand-search input{
    width:150px;
    margin: 8px 0;
    transition: all 0.5s ease-in-out;
}
#expand-search input.width{
    width: 500px;
    background: #eee;
    color: #000;
}

#expand-search input:focus::placeholder{
    color: #000;
}

#expand-search input:focus::-webkit-placeholder{
    color: #000;
}

#expand-search input:focus::-moz-placeholder{
    color: #000;
}

#expand-search input:focus::-ms-placeholder{
    color: #000;
}

#expand-search input.width::placeholder{
    color: #000;
}

#expand-search input.width::-webkit-placeholder{
    color: #000;
}

#expand-search input.width::-moz-placeholder{
    color: #000;
}

#expand-search input.width::-ms-placeholder{
    color: #000;
}

.secondary-form .close{
    display: none;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    color: #fff;
    margin: 13px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -8%;
}

#secondary-head.affix .secondary-form .close{
     color: #2c3e50;
}

.close:focus{
    outline: none;
}
#ebook button.close, #ebook button.close:hover{
    position: absolute;
    right: 0;
    background: #2c3e50;
    opacity: 0.9;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: normal;
    z-index: 1;
}
#ebook button.close:hover{
    opacity: 1;
}
/*.h-50{
   height: 50px;
}*/
.dark-content p {
    color: #545454;
}

.pt-2{
    padding-top: 15px !important;
}

.border-top{
    border-top: 1px solid #eee;
}

.clients-tab .nav.nav-pills{
    margin-top: 15px;
    font-size: 13px;
    font-family: montserrat;
}

#clientfixtabs.affix{
    top:0;
    margin-top: 72px;
    border-top: 1px solid #eee;
    box-shadow: 0 0 10px #cccccc;
    z-index: 91;
    background: #fff;
    left: 0;
    right: 0;
}
.clients-tab .nav-pills li{
    float: none;
    display: inline-block;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.clients-tab .nav-pills li.active{
    border-bottom: 4px solid #4fa500;
}

.clients-tab li a, .clients-tab .left-nav .nav-pills li.active a{
    border-right: 1px solid #eee;
    border-radius: 0px;
    padding: 0px 15px;
    color: #004448;
}
.clients-tab li:last-child a{
    border-right: 0px;
}

.py-2 {
    padding: 20px 0;
}

.pb-2{
    padding-bottom: 20px;
}

.mxn-0{
    margin-right: -15px;
    margin-left: -15px;
}
.mt-1{
    margin-top: 10px;
}
.mt-0{
    margin-top: 0;
}
.pt-0{
    padding-top: 0 !important;
}
.lh-2{
    line-height: 24px;
}
.thumbnail-image {
    height: 120px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    overflow: hidden;
}

.p-0{
    padding: 0;
}

.thumbnail-image .empty-image{
    width: 100%;
}
.thumbnail-image img{
    max-width: 100%;
}

.filter-category{
    list-style: none;
    display: block;
    padding-left: 0px;
    text-align: center;
    padding-top: 15px; 
    height: 37px;
    margin-bottom: 0;
}

.filter-category li{
    display: inline-block;
    font-size: 66%;
    background: #eee;
    color: #7f8c8d;
    padding: 0 7px;
    width: 45%;
}

.filter-category li a{
    color:#7f8c8d;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.filter-category li a:hover, .filter-category li a:focus{
    box-shadow: none;
}
.filter-category li:first-child{
    margin-right: 5px;
}
._download-link:hover{
    color: #09c;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.px-2{
    padding-right: 15px;
    padding-left: 15px;
}
.py-1{
    padding-top: 10px;
    padding-bottom: 10px;
}
.px-0{padding-left: 0;padding-right: 0;}
.visible{
    visibility: hidden; 
}
.mt-2{
    margin-top: 20px;
}
.mt-4{
    margin-top: 40px;
}
.mb-1{
    margin-bottom: 10px;
}

.test-w .case-study-testimonial .carousel-inner{
    margin: 0 auto;
}

/* media query */
@media(min-width:992px){
    .px-0{padding-left: 0;padding-right: 0;}
    .py-0{padding-top: 0;padding-bottom: 0;}
    .text-ellipsis{
        max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        float: left;
    }
    .science-secondary-header li.show:first-child{
        display: inline-block !important;
    }
}
@media(min-width:768px){
   
    .top-negative .media-heading.mppAplications{
        overflow: hidden;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        display: -moz-box;
    }
    @-moz-document url-prefix() {  
        .top-negative .media-heading.mppAplications{
        height: 51px;
        overflow: hidden;
        position: relative;
        }
    
        .top-negative .media-heading.mppAplications:after {
        content: '...';
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 0.3em;
        background: inherit;
        }
    }
    .top-negative .mpplanguage .media.product{
        min-height: 118px;
    }
    
    .py-3{
        padding: 30px 0;
    }

    .mt-4{
        margin-top: 40px;
    }

}
@media (max-width:991px){
    #secondary-head.navbar{
        padding: 0 10px;
    }
    #secondary-head.navbar .nav > li{
        display: inline-block;
    }
    #secondary-head.affix {
        margin-top: 67px;
    }
    .jumbotron-mpp .container{
        width: 100%;
    }
    .homeClient {
        padding: 15px;
        min-height: 155px;
    }
    .mppClientLogo{
        padding-left: 15px;
    }
    .mppClientLogo br{
        display: none;
    }
    .mpplanguage{
        margin-right: 12px;
    }
    .competencyimagewrapper{
        background-size: 15%;
    }
}
@media(max-width:767px){
    #secondary-head.affix {
        margin-top: 61px;
    }
    #secondary-head.navbar{
        padding: 0 30px;
    }
    .bg-grey {
        padding: 10px;
    }
    .border-left{
        border-left: 0;
        padding-left: 15px;
    }
    .border-right {
        border-right: 0px;
        margin-right: 0px;
    }
    .mpp-small-container-border .bg-grey, .top-negative .mpplanguage{
        margin-bottom: 15px;
    }
    .mpp-small-container-border{
        padding: 15px 0;
        margin-top: 15px;
    }
    .homeClient{
        min-height: 100%;
        display: inline-block;  
    }
    .viewTestOuterDiv .mpplanguage{
        float: left;
        min-width: 48%;
        margin-bottom: 4%;
        margin-right: 0;
        text-align: left;
    }
    .viewTestOuterDiv .mpplanguage:nth-child(2n-1){
        margin-right: 4%; 
    }
    .top-negative{
        display: inline-block;
    }
    .testimonial-wrapper .carousel-control.left {
        margin-right: 10px;
        left: auto;
    }
    .testimonial-wrapper .homeCarousel .carousel-inner{
        box-shadow: 0px 0px 15px 3px #ccc;
    }
    .mppClientLogo {
        text-align: center;
    }
    .mpp-news .thumbnail > a > img{
        width: 100%;
    }
    .viewnews img{
        width: 15%;
    }
    p.newstext-height {
        min-height: auto;
    }  
    .profileWrapper .nav-pills{
        margin: -10px;
    }
    .custom-nav-pills .nav-pills>li{
        float: none;
    }
    .custom-nav-pills .nav-pills>li>a{
        text-align: center;
    }
    .nav li.mobile-tabshow{
        display: block;
    }
    #mobile-tab li{
        display: none;
    }
    #mobile-tab li.active{
        display: block;
    }
    #mobile-tab .dropdown-menu li{
        display: block;
        float: none;
    }
    .next, .prev{cursor: pointer;}
    .tab-pills-custom{position: relative;}
    .mobile-tab-icons{
        position: absolute;
    }
    .mobile-tab-icons.glyphicon{
        top: 50%;
        color: #fff;
        margin-top: -7px;
    }
    #secondary-head .mobile-tab-icons.glyphicon{
        color: #27AE60;
    }
    #secondary-head .mobile-tab-icons.glyphicon-arrow-right{
        right: 5%;
    }
    #secondary-head .mobile-tab-icons.glyphicon-arrow-left{
        left: 5%;
    }
    .mobile-tab-icons.glyphicon-arrow-right{
        right: 0;
    }
    .mobile-tab-icons.glyphicon-arrow-left{
        left: 0;
    }
    .science-secondary-header li{
        display: none !important;
    }

    .science-secondary-header li.active, .science-secondary-header.affix-top li:first-child, .science-secondary-header li.showp:first-child{
        display: block !important;
    }

    .science-secondary-header li:first-child a::before{width: 100%;}
    .mpp .container.text-center.backgroundText, .mpi .container.text-center.backgroundText, .msp .container.text-center.backgroundText{
        padding: 0px 0 160px;
    }
    .mtH{
        margin-top: 0px !important;
    }
    .translateYup{
        transform: translateY(-73px);
    }
    .translateYdown{
        transform: translateY(0); 
    }
    .science-secondary-header li a::before {
        bottom: -1px;
    }
    .clients-tab .nav-pills li.active, .clients-tab .nav-pills li{
        background: #4fa500;
        padding-bottom: 0px;
        border-bottom: 0;
    }
    .clients-tab .left-nav .nav-pills li.active a, .clients-tab .left-nav .nav-pills li a{
        color: #fff;
        padding: 10px;
        border-right: 0;
    }
    .px-xs-0{
        padding: 0;
    }
    #clientfixtabs .mobile-tab-icons.glyphicon-arrow-right{
        right:10px;
    }
    #clientfixtabs .mobile-tab-icons.glyphicon-arrow-left{
        left: 10px;
    }
    .clients-tab .nav.nav-pills{
        margin-top: -1px;
    }
    .jumbotron.pt-2{
        padding-top: 0 !important;
    }
    #clientfixtabs.affix{
        margin-top: 60px;
    }
    .nav-pills > li + li{
        margin-left: 0;
    }
    .backgroundText .text-overflow.desc{
        height: auto;
    }
    .w-100{
        width: 100%;
    }
    .pl-0{
        padding-left: 0px !important ;
    }
    #industryDropdownMenu{
        color: #004448;
        text-decoration: none;
    }
    #industryDropdownMenu .caret{
        color: #4cd964;
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }
    .industryDropdown{
        border: 0px;
        border-radius: 0px !important;
        border-top: 1px solid #eee;
    }
    .clients-tab .industryDropdown li a{
        padding: 3px 20px;
    }
    .showp{
        display: block;
    }
}
@media(max-width:575px){
    .jumbotron.main.msp, .jumbotron.main.mpp, .jumbotron.main.mpi{
        background-size: 95% !important;
    }
    .navbar-relative-top{
        position: relative !important;
    }
    .homeItem .caption {
        padding-top: 15px;
    }
    .mpptestimonialsImage {
        height: 40px;
    }
}
@media(max-width:360px){
    .mppClientLogo img {
        width: 80%;
    }
    .viewnews img{
        width: 35%;
    }
}