@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 400;

    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');

    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 400;

    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 400;

    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215

}



@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 700;

    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/IQHow_FEYlDC4Gzy_m8fcjh33M2A-6X0bdu871ruAGs.woff2) format('woff2');

    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 700;

    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/IQHow_FEYlDC4Gzy_m8fchHJTnCUrjaAm2S9z52xC3Y.woff2) format('woff2');

    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Montserrat;

    font-style: normal;

    font-weight: 700;

    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(fonts/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215

}

.zmdi {position: relative; top:1px;}
.partners-logo-div .zmdi {position: relative; top:-3px;}
.m-l-14 {margin-left: 14px;}

#menuTxt{ display: none !important;}

.box,

.box2 {

    max-height: 620px

}



.no-padding,

.padding-left {

    padding-left: 0!important

}



.no-padding,

.padding-right {

    padding-right: 0!important;

}



.map-left-btn,

.map-right-btn {

    line-height: 30px;

    display: -webkit-flex;

    text-decoration: none;

    text-transform: uppercase

}



.associate ul,

.commit ul {

    list-style: none;

    overflow: hidden

}



#container,

#margins li,

.about_bottom_text,

.associate ul,

.associate-directors-carousel,

.box,

.box-inner,

.box2,

.carousel-inner-two,

.commit ul,

.header_position,

.hover-underline-from-left,

.middle-two {

    overflow: hidden

}



body,

html {

    font-family: Montserrat, sans-serif; font-weight: normal;

    color: #fff;  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;

}



#menu-open-close img {

    -webkit-transition: all .4s ease;

    -moz-transition: all .4s ease;

    -o-transition: all .4s ease;

    -ms-transition: all .4s ease;

    transition: all .4s ease

}



textarea {

    resize: none;

    box-shadow: none!important;

    outline: 0!important;

    font-weight: 300

}



.no-space-margin {

    margin-right: 0;

    margin-left: 0

}



@font-face {

    font-family: Gotham-Book;

    src: url(fonts/Gotham-Book.eot);

    src: url(fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'), url(fonts/Gotham-Book.woff) format('woff'), url(fonts/Gotham-Book.ttf) format('truetype'), url(fonts/Gotham-Book.svg#Gotham-Book) format('svg');

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    unicode-range: U+0020-FB02

}



@font-face {

    font-family: montserratlight;

    src: url(fonts/montserrat-light_allfont.net.woff2) format('woff2'), url(fonts/montserrat-light_allfont.net.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: HelveticaNeue-Roman;

    src: url(fonts/HelveticaNeue-Roman.eot);

    src: url(fonts/HelveticaNeue-Roman.eot?#iefix) format('embedded-opentype'), url(fonts/HelveticaNeue-Roman.woff) format('woff'), url(fonts/HelveticaNeue-Roman.ttf) format('truetype'), url(fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman) format('svg');

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    unicode-range: U+0020-F002

}



.row {

    margin-right: -15px!important;

    margin-left: -15px!important

}



.transition {

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: 1s;

    transition: all 1s

}


.publication-container .dynamic-height-active .dynamic-height-wrap { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
 overflow: hidden}

.dynamic-height-active .dynamic-height-wrap { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
 overflow: hidden}

.blue,

.grey,

.purple,

.purple-dark {

    transition: all 1s

}



.no-margin {

    margin-left: 0!important;

    margin-right: 0!important

}



.margin-left {

    margin-left: 0

}



.margin-right {

    margin-right: 0

}



.margin-ten {

    margin-left: 10px;

    margin-right: 10px

}



.margin-fifteen {

    margin-left: 15px!important;

    margin-right: 15px!important

}



.margin-left-minus {

    margin-left: -5px!important

}



.margin-right-minus {

    margin-right: -5px!important

}



.padding-left-ten,

.padding-left-ten2,

.padding-ten {

    padding-left: 10px!important

}



.padding-right-ten,

.padding-ten {

    padding-right: 10px!important

}



.padding-left-ten2 {

    padding-right: 0!important

}



.padding-left-ten3 {

    padding-left: 0!important;

    padding-right: 10px!important

}



.padding-fifteen {

    padding-left: 15px!important;

    padding-right: 15px!important

}



.padding-left3 {

    padding-left: 10px!important;

    padding-right: 15px!important

}



.mapping-main h2 {

    margin-top: 0;

    margin-bottom: 25px;

    padding-bottom: 40px

}



.map-tabs>li.active>a,

.map-tabs>li.active>a:focus,

.map-tabs>li.active>a:hover {

    background: #fcb24b;

    color: #fff;

    text-transform: uppercase;

    font-family: Montserrat, sans-serif;

    font-weight: 400;

    border: 0!important;

    border-radius: 0;

    cursor: pointer

}



.map-left-btn,

.map-right-btn,

.publication-category h2 a,

.publication-dropdown h2 {

    font-family: Montserrat, sans-serif;

    font-weight: 700

}



.map-tabs>li.first>a:focus {

    background: #fcb24b;

    color: #fff

}



.map-tabs>li.second>a:focus {

    background: #e08ef9;

    color: #fff

}



.map-tabs>li.third>a:focus {

    background: #54d1f9;

    color: #fff

}



.map-tabs>li.four>a:focus {

    background: #723784;

    color: #fff

}



.map-tabs>li>a {

    color: #919396;

    -moz-transition: all .25s ease;

    -webkit-transition: all .25s ease;

    -o-transition: all .25s ease;

    transition: all .25s ease

}



.map-tabs>li>a:hover {

    background: #e5e7e7;

    transition-delay: .1s;

    color: #919396;

    border: 0;

    border-radius: 0;

    margin-bottom: -1px

}



.map-inn p {

    padding-bottom: 20px

}



.map-left-arrow {

    font-size: 30px!important;

    margin-right: 20px;

    color: #b0b0b0;

    float: left

}



.map-left-btn {

    font-size: 12px;

    color: #b0b0b0;

    align-items: center;

    justify-content: left;

    flex-direction: row;

    -webkit-align-items: left;

    -webkit-justify-content: left;

    -webkit-flex-direction: row

}



.map-left-btn:hover,

.map-left-btn:hover .map-left-arrow {

    color: #fcb24b;

    text-decoration: none

}



.map-right-arrow {

    font-size: 30px!important;

    margin-left: 20px;

    color: #b0b0b0;

    float: right

}



.map-right-btn {

    font-size: 12px;

    color: #b0b0b0;

    text-align: right;

    align-items: center;

    justify-content: left;

    flex-direction: row;

    -webkit-align-items: left;

    -webkit-justify-content: left;

    -webkit-flex-direction: row

}



.map-right-btn:hover,

.map-right-btn:hover .map-right-arrow {

    color: #fcb24b;

    text-decoration: none

}



.publication-dropdown {

    background: #f1f2f2;

    padding: 20px 10px;

    margin-bottom: 20px

}



.publication-dropdown h2 {

    margin: 0 0 20px;

    padding: 0;

    font-size: 15px;

    color: #000;

    text-transform: uppercase;

    text-align: center

}



.publication-category {

    min-height: 485px;

    padding: 45px;

    position: relative;

    margin-bottom: 20px;

    cursor: pointer;

    transition: all 1s

}



.publication-category h2 a,

.publication-category h3 a,

.publication-category h3.light a,

.publication-category-bottom p a {

    text-decoration: none;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    color: #fff

}



.publication-category h2 {

    font-size: 20px;

    padding-bottom: 25px;

    color: #fff;

    margin: 0;

    min-height: 240px

}



.publication-category h2 a {

    font-size: 18px;

    transition: all .5s ease;

    line-height: 27px

}



.publication-category h3,

.publication-category h3.light {

    font-size: 15px;

    margin: 0;

    color: #fff;

    text-transform: uppercase

}



.publication-category h2 a:hover {

    color: #fff;

    text-decoration: none

}



.publication-category h3 {

    padding-bottom: 15px

}



.publication-category h3 a,

.publication-category h3.light a,

.publication-category-bottom p a {

    transition: all .5s ease

}



.grants-category h2 a,

.grants-category h3 a,

.grants-category-bottom p a,

.publication-category-btn {

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    text-decoration: none

}



.publication-category h3 a:hover {

    color: #fff;

    text-decoration: none

}



.publication-category h3.light {

    font-family: montserratlight;

    font-weight: 400

}



.publication-category h3.light a:hover {

    color: #fff;

    text-decoration: none

}



.publication-category-bottom {

    position: absolute;

    bottom: 40px;

    width: 75%;

    margin: 0 auto;

    left: 0;

    right: 0

}



.publication-category-bottom p {

    padding: 0;

    color: #fff;

    margin: 0;

    font-family: montserratlight;

    font-size: 16px

}



.grants-category h2 a,

.styled-select {

    font-family: Montserrat, sans-serif

}



.publication-category-bottom p a:hover {

    color: #fff;

    text-decoration: none

}



.publication-category-btn {

    color: #fff;

    border-radius: 0;

    border: 0;

    transition: all .5s ease;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

    line-height: 16px

}



.publication-category-btn:hover {

    color: #fff;

    text-decoration: none

}



.publication-inn {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    margin: 0 0 20px;

    padding: 10px 0 15px

}



.styled-select {

    width: 245px;

    margin: 0 auto;

    border-bottom: 1px solid #000;

    height: auto;

    border-radius: 0;

    color: #c9c9c9;

    font-weight: 400

}



.styled-select select {

    width: 100%;

    border: 0;

    font-size: 15px;

    border-radius: 0;

    line-height: 1.5;

    padding: 10px;

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: .01px;

    text-overflow: '';

    appearance: none;

    background: url(images/down-arrow.png) top right no-repeat;

    text-transform: uppercase;

   /* @ (-webkit-min-device-pixel-ratio: 2),

    (min-resolution: 192dpi) {

        background: transparent url(images/down-arrow2.png) no-repeat scroll top right;

        background-size: 16px 144px;

    }*/

}



.styled-select select:hover {

    background: url(images/down-arrow2.png) top right no-repeat

}



.styled-select select option {

    line-height: 60px;

    padding: 20px 0!important

}



.carousel-inner-two {

    position: relative;

    width: 100%

}



.carousel-inner-two>.item {

    position: relative;

    display: none;

    -webkit-transition: .6s ease-in-out left;

    -o-transition: .6s ease-in-out left;

    transition: .6s ease-in-out left

}



.carousel-inner-two>.item>a>img,

.carousel-inner-two>.item>img {

    line-height: 1; margin-left: 0.1%;

}



.carousel-inner-two>.active,

.carousel-inner-two>.next,

.carousel-inner-two>.prev {

    display: block

}



.carousel-inner-two>.next,

.carousel-inner-two>.prev {

    position: absolute;

    top: 0;

    width: 100%

}



.carousel-inner-two>.next {

    left: 100%

}



.carousel-inner-two>.active.left,

.carousel-inner-two>.prev {

    left: -100%

}



.carousel-inner-two>.active.right {

    left: 100%

}



.grants-category {

    min-height: 330px;

    padding: 60px 66px;

    position: relative;

    margin-bottom: 20px;

    cursor: pointer;

    transition: all 1s

}



.grants-category h2 {

    font-size: 20px;

    padding-bottom: 40px;

    color: #fff;

    margin: 0;

    line-height: 28px

}



.grants-category h2 a {

    font-size: 20px;

    transition: all .5s ease;

    font-weight: 700;

    color: #fff

}



.grants-category h3 a,

.grants-category-bottom p a {

    transition: all .5s ease;

    color: #fff

}



.grants-category h2 a:hover {

    color: #fff;

    text-decoration: none

}



.grants-category h3 {

    font-size: 15px;

    padding-bottom: 25px;

    color: #fff;

    margin: 0;

    text-transform: uppercase

}



.grants-category h3 a:hover {

    color: #fff;

    text-decoration: none

}



.grants-category span {

    display: block;

    position: absolute;

    bottom: 42px;

    left: 67px

}



.grants-category span a,

.investigator-banner-text a {

    display: inline-block;

    color: #fff;

    line-height: 25px;

    text-transform: uppercase;

    text-decoration: none

}



.grants-category span a {

    font-size: 15px;

    padding: 0;

    margin: 0

}



.grants-category-bottom {

    position: absolute;

    bottom: 40px;

    width: 72%

}



.grants-category-bottom p {

    padding: 0;

    color: #fff;

    margin: 0

}



.grants-category-bottom p a:hover {

    color: #fff;

    text-decoration: none

}



.grants-category-btn {

    color: #fff;

    border-radius: 0;

    border: 0;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    text-decoration: none;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase

}



.grants-category-btn:hover {

    color: #fff;

    text-decoration: none

}



.grants-inn {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    margin: 0 0 20px;

    padding: 10px

}



.investigator-banner {

    margin-bottom: 30px

}



.investigator-banner-text {

    background: #ffaf4a;

    padding: 55px 60px 38px 55px

}



.investigator-banner-text h2 {

    font-size: 27px;

    color: #fff;

    text-transform: uppercase;

    padding: 0 0 36px;

    margin: 0

}



.investigator-banner-text p {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0 0 33px;

    margin: 0;

    font-family: montserratlight;

    font-weight: 400

}



.investigator-banner-text a {

    font-size: 15px;

    padding: 0 0 46px;

    margin: 0

}



.investigators-main {

    margin-bottom: 20px;

    cursor: pointer

}



.investigators-top {

    padding: 55px 90px;

    min-height: 320px

}



.investigators-top img {

    width: 100%

}



.investigators-bottom {

    padding: 20px 60px 0;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

    min-height: 220px

}



.investigators-bottom h2 {

    color: #fff;

    font-size: 24px;

    margin: 0 0 5px;

    padding: 0;

    font-weight: 700;

    font-family: Montserrat, sans-serif;

    text-transform: uppercase

}



.investigators-bottom h3,

.investigators-bottom h4 {

    font-size: 14px;

    margin: 15px 0 0;

    font-family: Montserrat, sans-serif;

    color: #fff

}



.investigators-bottom h3 {

    padding: 15px 0;

    border-top: 1px solid #fff;

    font-weight: 400

}



.investigators-bottom h4 {

    padding: 0;

    font-weight: 400

}



.content-inside p,

.equipment-header p {

    font-family: montserratlight

}



.content-inn {

    margin: 0 15px 20px

}



.content-inside {

    cursor: pointer;

    position: relative;

    padding: 50px 55px 25px!important;

    min-height: 315px!important

}



.content-inside span,

.read-more-bottom {

    position: absolute;

    bottom: 25px

}



.content-inside h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 20px;

    margin: 0;

    text-transform: uppercase

}



.content-inside p {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0

}



.content-inside span {

    display: block;

    left: 55px

}



.content-inside span a {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block

}



.read-more-btn {

    color: #fff;

    border-radius: 0;

    border: 0;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    text-decoration: none;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase

}



.contact-bottom span,

.directortxt h3,

.news-header h3,

.newsletter-input {

    border-bottom: 1px solid #fff

}



.read-more-btn:hover {

    color: #fff;

    text-decoration: none

}



.equipment-header {

    padding: 55px 50px 0;

    position: relative;

    min-height: 618px

}



.equipment-header h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0;

    text-transform: uppercase

}



.equipment-header p,

.equipment-header span a {

    font-size: 15px;

    line-height: 25px;

    padding: 0;

    color: #fff;

    margin: 0

}



.equipment-header span {

    display: block;

    position: absolute;

    bottom: 35px;

    left: 50px

}



.equipment-header span a {

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block

}



.news-header {

    padding: 55px 50px 0;

    position: relative;

    min-height: 618px;

    cursor: pointer

}



.news-header h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 30px;

    margin: 0;

    text-transform: uppercase

}



.news-header h3,

.news-header h4 {

    font-size: 15px;

    font-weight: 400;

    padding: 0 0 20px;

    color: #fff;

    text-transform: uppercase

}



.news-header h3 {

    margin: 0 0 35px

}



.news-header h4 {

    margin: 0

}



.news-header p {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    padding: 0;

    margin: 0;

    font-family: Montserrat, sans-serif;

    font-weight: 700

}



.news-header span {

    display: block;

    position: absolute;

    bottom: 35px;

    left: 50px

}



.news-header span a {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block

}



.news-contain p {

    font-family: Montserrat, sans-serif!important;

    font-weight: 700!important;

    font-size: 20px!important

}



.directortxt p.bold,

.news-inn h2 a,

.news-inn h3 a,

.news-inn-two h2 a,

.news-inn-two h3 a,

.newsbox-in h2 a,

.newsbox-in h3 a {

    font-family: Montserrat, sans-serif

}



.directortxt h3,

.directortxt h4 {

    font-size: 15px;

    font-weight: 400;

    padding: 0 0 20px;

    text-transform: uppercase;

    color: #fff

}



.directortxt h3 {

    margin: 0 0 35px

}



.directortxt h4 {

    margin: 0

}



.directortxt p.bold {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    padding: 0;

    margin: 0;

    font-weight: 700

}



.newsbox {

    margin-bottom: 20px;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: 1s;

    transition: all 1s

}



.news-inn h2 a,

.newsbox-in h2 a,

.newsbox-in h3 a,

.newsbox-in h4 a {

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    text-decoration: none

}



.newsbox-in h2 a,

.newsbox-in h3 a {

    transition: all .5s ease;

    font-size: 20px

}



.newsbox-in {

    min-height: 447px;

    padding: 60px 55px;

    position: relative;

    cursor: pointer

}



.newsbox-in h2 {

    font-size: 27px;

    padding-bottom: 35px;

    color: #fff;

    margin: 0;

    font-weight: 700;

    line-height: 30px;

    text-transform: uppercase

}



.newsbox-in h2 a {

    color: #fff

}



.newsbox-in h2 a:hover {

    color: #000;

    text-decoration: none

}



.newsbox-in h3 {

    font-size: 20px;

    line-height: 27px;

    padding-bottom: 40px;

    color: #fff;

    margin: 0;

    font-weight: 700

}



.newsbox-in h3 a {

    color: #fff

}



.newsbox-in h4,

.newsbox-in span a {

    font-size: 15px;

    margin: 0;

    text-transform: uppercase

}



.news-inn h2 a,

.newsbox-in h4 a {

    color: #fff;

    transition: all .5s ease

}



.newsbox-in h3 a:hover {

    color: #fff;

    text-decoration: none

}



.newsbox-in h4 {

    padding-bottom: 25px;

    color: #fff

}



.newsbox-in h4 a:hover {

    color: #fff;

    text-decoration: none

}



.newsbox-in span {

    display: block;

    position: absolute;

    bottom: 42px;

    left: 55px

}



.newsbox-in span a {

    line-height: 25px;

    color: #fff;

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.news-inn {

    padding: 60px 55px;

    position: relative;

    margin-bottom: 20px;

    cursor: pointer

}



.news-inn h2 {

    font-size: 27px;

    padding-bottom: 35px;

    color: #fff;

    margin: 0;

    font-weight: 700;

    line-height: 30px;

    text-transform: uppercase

}



.news-inn h2 a,

.news-inn h3,

.news-inn h3 a {

    font-size: 20px

}



.news-inn h3 a,

.news-inn h4 a {

    text-decoration: none;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}



.news-inn h2 a:hover {

    color: #000;

    text-decoration: none

}



.news-inn h3 {

    line-height: 27px;

    padding-bottom: 40px;

    color: #fff;

    margin: 0;

    font-weight: 700

}



.news-inn h3 a {

    transition: all .5s ease;

    color: #fff

}



.news-inn h4,

.news-inn span a {

    font-size: 15px;

    text-transform: uppercase

}



.news-inn h3 a:hover {

    color: #fff;

    text-decoration: none

}



.news-inn h4 {

    padding-bottom: 25px;

    color: #fff;

    margin: 0

}



.news-inn span a,

.news-inn-bottom p {

    padding: 0;

    color: #fff;

    margin: 0

}



.news-inn h4 a {

    color: #fff;

    transition: all .5s ease

}



.news-inn-bottom p a,

.news-inn-two h2 a {

    text-decoration: none;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}



.news-inn h4 a:hover {

    color: #fff;

    text-decoration: none

}



.news-inn span {

    display: block;

    position: absolute;

    bottom: 42px;

    left: 55px

}



.news-inn span a {

    line-height: 25px;

    text-decoration: none;

    display: inline-block

}



.news-inn-bottom {

    position: absolute;

    bottom: 40px

}



.news-inn-bottom p a {

    color: #fff;

    transition: all .5s ease

}



.news-inn-bottom p a:hover {

    color: #000;

    text-decoration: none

}



.news-inn-two {

    min-height: 318px;

    padding: 50px 55px 0;

    position: relative;

    cursor: pointer

}



.news-inn-two h2 {

    font-size: 27px;

    padding-bottom: 35px;

    color: #fff;

    margin: 0;

    font-weight: 700;

    line-height: 30px;

    text-transform: uppercase

}



.news-inn-two h2 a {

    font-size: 20px;

    transition: all .5s ease;

    color: #fff

}



.news-inn-two h3 a,

.news-inn-two h4 a {

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    text-decoration: none

}



.news-inn-two h2 a:hover {

    color: #000;

    text-decoration: none

}



.news-inn-two h3 {

    font-size: 20px;

    line-height: 27px;

    padding-bottom: 40px;

    color: #fff;

    margin: 0;

    font-weight: 700

}



.news-inn-two h3 a {

    font-size: 20px;

    transition: all .5s ease;

    color: #fff

}



.news-inn-two h4,

.news-inn-two span a {

    font-size: 15px;

    text-transform: uppercase

}



.news-inn-two h3 a:hover {

    color: #fff;

    text-decoration: none

}



.news-inn-two h4 {

    padding-bottom: 25px;

    color: #fff;

    margin: 0

}



.news-inn-two span a,

.news-inn-two-bottom p {

    padding: 0;

    color: #fff;

    margin: 0

}



.news-inn-two h4 a {

    color: #fff;

    transition: all .5s ease

}



.news-inn-two h4 a:hover {

    color: #fff;

    text-decoration: none

}



.news-inn-two span {

    display: block;

    position: absolute;

    bottom: 37px;

    left: 50px

}



.news-inn-two span a {

    line-height: 25px;

    text-decoration: none;

    display: inline-block

}



.news-inn-two-bottom {

    position: absolute;

    bottom: 0

}



#map,

.contact-header {

    min-height: 317px;

    position: relative

}



.news-inn-two-bottom p a {

    color: #fff;

    text-decoration: none;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



.news-inn-two-bottom p a:hover {

    color: #000;

    text-decoration: none

}



.contact-header {

    padding: 55px 50px 0

}



.contact-header h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0;

    text-transform: uppercase

}



.contact-header p {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0;

    margin: 0;

    font-family: montserratlight

}



.contact-header-icon {

    float: left;

    width: 10%;

    margin-right: 10px

}



#map {

    width: 100%

}



.newsletter-input::-webkit-input-placeholder {

    color: #fff;

    font-family: Montserrat, sans-serif

}



.newsletter-input:-moz-placeholder {

    color: #fff;

    font-family: Montserrat, sans-serif

}



.newsletter-input::-moz-placeholder {

    color: #fff;

    font-family: Montserrat, sans-serif

}



.newsletter-input:-ms-input-placeholder {

    color: #fff;

    font-family: Montserrat, sans-serif

}



.newsletter-input::-ms-input-placeholder {

    color: #fff;

    font-family: Montserrat, sans-serif

}



.con-text p,

.con-txt p,

.con-txt p.address,

.contact-middle-text p,

.directortxt p,

.formation p,

.imagingtxt p,

.itemft span.names,

.microft p,

.middle p,

.names,

.newsft span.names,

.recent p,

.recentft p,

.recentft span.names {

    font-family: montserratlight

}



.newsletter-input:placeholder-shown {

    color: #fff;

    font-size: 15px;

    font-weight: 400

}



.contact-bottom span,

.contact-bottom span a {

    font-size: 20px;

    line-height: 25px;

    text-decoration: none;

    color: #fff;

    margin: 0;

    display: block

}



.contact-bottom {

    display: block;

    position: absolute;

    bottom: 35px;

    left: 50px

}



.contact-bottom span {

    padding: 10px 5px;

    text-transform: uppercase;

    border-top: 1px solid #fff

}



.contact-bottom span.second {

    border-top: 0

}



.contact-bottom span a {

    padding: 0;

    text-transform: none

}



.con-txt a,

.con-txt h2,

.con-txt h3,

.contact-bottom-text h2,

.contact-middle-text h2,

.heading h1 {

    text-transform: uppercase

}



.contact-bottom span:hover {

    background: rgba(255, 255, 255, .1)

}



.contact-bottom-text {

    position: relative;

    padding: 52px 50px 25px;

    min-height: 316px;

    transition: all 1s

}



.contact-bottom-text span,

.contact-middle-text span {

    position: absolute;

    bottom: 35px;

    left: 50px

}



.contact-bottom-text h2 {

    font-size: 25px;

    color: #fff;

    padding: 0 0 50px;

    margin: 0;

    line-height: 40px

}



.contact-bottom-text span {

    display: block

}



.contact-bottom-text span a,

.contact-middle-text span a {

    margin: 0;

    text-transform: uppercase;

    display: inline-block;

    color: #fff;

    text-decoration: none

}



.contact-bottom-text span a {

    font-size: 15px;

    line-height: 25px;

    padding: 0

}



.contact-middle-text h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 26px;

    margin: 0;

    line-height: 40px

}



.contact-middle-text span a {

    font-size: 15px;

    line-height: 25px;

    padding: 0

}



.contact-middle-text {

    cursor: pointer;

    transition: all 1s;

    min-height: 555px;

    padding: 45px 50px;

    position: relative;

    margin-bottom: 20px

}



.contact-middle-bottom p a,

.paginationtxt .map-left-btn {

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}



.contact-middle-text p {

    font-size: 15px;

    padding-bottom: 0;

    color: #fff;

    margin: 0;

    line-height: 25px

}



.contact-middle-text p a {

    color: #fff

}



.contact-middle-bottom {

    position: absolute;

    bottom: 40px;

    width: 72%

}



.contact-middle-bottom p {

    padding: 0;

    color: #fff;

    margin: 0

}



.contact-middle-bottom p a {

    color: #fff;

    text-decoration: none;

    transition: all .5s ease

}



.contact-middle-bottom p a:hover {

    color: #000;

    text-decoration: none

}



.map-icon {

    font-size: 30px!important;

    margin-top: 5px

}



.newsletter-input {

    background: 0 0;

    padding: 5px 0;

    color: #fff;

    border-left: 0;

    border-right: 0;

    border-top: 0;

    margin-bottom: 25px;

    outline: 0;

    font-size: 15px;

    width: 100%

}



.newsletter-input.last {

    margin: 0

}



.contact-middle-icon1,

.contact-middle-icon2,

.contact-middle-icon3 {

    padding: 20px 40px;

    margin-bottom: 37px

}



.contact-middle-icon1 {

    background: rgba(255, 255, 255, .3)

}



.contact-middle-icon3 {

    background: #a679b4

}



.contact-icon1 {

    float: left;

    width: 31%;

    padding-right: 15px;

    margin-top: 30px

}



.border-right {

    border-right: 2px solid #000;

    margin-right: 15px

}



.contact-icon2 {

    float: left;

    width: 60%

}



.recentft form {

    margin: 0;

    position: absolute;

    bottom: 42px;

    width: 70%

}



.itemft,

.recent {

    position: relative

}



.topcontain {

    padding: 0

}



.column {

    margin-bottom: 20px

}



.heading {

    padding: 8px 0;

    border-top: 1px solid #b7b9bb;

    border-bottom: 1px solid #b7b9bb;

    margin: 0 0 20px

}



.heading h1 {

    font-size: 27px;

    color: #cccecf;

    padding: 0;

    margin: 0

}



.con-txt h2,

.con-txt h3 {

    color: #fff;

    margin: 0

}



.con-txt {

    padding: 55px 50px 0

}



.con-txt h2 {

    font-size: 27px;

    padding: 0 10px 31px 0

}



.con-txt h3 {

    font-size: 25px;

    padding: 0 0 31px;

    line-height: 40px

}



.con-txt a,

.con-txt p {

    font-size: 15px;

    line-height: 25px;

    color: #fff

}



.con-txt p {

    padding: 0 0 33px;

    margin: 0

}



.con-txt a {

    margin: 0 0 46px;

    padding: 0;

    text-decoration: none;

    display: inline-block!important;

    cursor: pointer

}



.abt-bottomhead-btn {

    margin-bottom: 26px!important

}



.con-txt .listin p,

.con-txt p.address {

    margin: 0;

    padding: 0

}



.about-header-bottom h3 {

    padding-bottom: 20px!important

}



.con-txt p.address {

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    overflow: visible!important

}



.con-txt .listin p a {

    text-decoration: none;

    display: inline-block;

    margin: 0;

    padding: 0;

    text-transform: lowercase;

    text-transform: capitalize

}



.boxft h2,

.itemft h2,

.itemft span.date,

.itemft span.names,

.itemft span.read a,

.middle h2,

.names,

.news h2,

.newsft h2,

.newsft span.date,

.recent h2,

.recent h3,

.recent span.date,

.recent span.read a,

.recentft h2,

.recentft span.date,

.recentft span.names,

.recentft span.read a,

.recentft span.readn a,

.role span a,

.team h2 {

    text-transform: uppercase

}



.con-txt .listin p span {

    margin: 0 15px;

    font-size: 14px;

    color: #000!important

}



.listin span.image,

.listin span.listcon {

    display: inline-block;

    margin: 0!important

}



.list {

    display: none;

    padding: 0;

    border-top: 1px solid #fff

}



.listin {

    border-bottom: 1px solid #fff;

    padding: 10px 15px;

    width: 100%

}





.listin span.image {

    background: url(images/line.png) right center no-repeat;

    padding: 0 6px 0 0

}



.listin span.listcon {

    line-height: 18px;

    vertical-align: middle

}



#action2,

.midrt img {

    display: block

}



.con-text {

    padding: 52px 55px 25px;

    min-height: 620px

}



.con-text p {

    font-size: 20px;

    line-height: 52px;

    color: #fff;

    padding: 0;

    margin: 0

}



#action2 {

    margin-top: 60px

}



.vision {

    background: #54d1f9

}



.middle {

    padding: 52px 55px 25px

}



.middle h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 26px;

    margin: 0

}



.middle p {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0 0 33px;

    margin: 0

}



.midrt {

    padding: 0

}



.team {

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    transition: all 1s;

    padding: 52px 50px 35px;

    cursor: pointer;

    min-height: 324px

}



.team h2 {

    font-size: 35px;

    line-height: 45px;

    color: #fff;

    padding: 0;

    margin: 0;

    min-height: 186px

}



.itemft {

    width: 100%;

    float: left;

    padding: 55px 55px 68px;

    display: none;

    z-index: 10;

    min-height: 465px

}



.itemft h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 26px;

    margin: 0

}



.itemft span.date {

    font-size: 15px;

    color: #fff;

    padding: 0 0 20px;

    margin: 0;

    display: block

}



.itemft h3 {

    padding: 0;

    margin: 0

}



.itemft h3 a {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    padding: 0 0 22px;

    margin: 0;

    text-decoration: none;

    display: inline-block

}



.itemft span.names {

    font-size: 15px;

    color: #fff;

    padding: 0 0 70px;

    margin: 0;

    display: block

}



.itemft span.read a {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    margin: 0 0 30px;

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.item-right {

    float: right;

    width: 50%

}



.slider .carousel-indicators {

    margin: 0;

    text-align: left;

    left: 57px;

    bottom: 35px; width: 40%;

}



.slider .carousel-indicators li {

    text-indent: 0;

    border: 1px solid transparent;

    background: 0 0;

    border-radius: 0;

    color: #fff;

    font-size: 15px;

    margin-right:6.5px;

    width: 20px;

    height: 20px;

    text-align: center

}



.commit ul li p,

.newsft h3 a,

.recentft h3 a {

    border-bottom: 1px solid #fff

}



.slider .carousel-indicators .active {

    border: 1px solid #fff

}



.tweet {

    padding: 40px 55px;

    cursor: pointer;

    min-height: 467px

}



.tweet img {

    margin: 0 0 30px;

    display: block;

    width: 50%

}



.names,

.recent h2,

.recent h3,

.recent span.date,

.tweet p {

    color: #fff;

    margin: 0

}



.tweet p {

    font-size: 20px;

    line-height: 28px;

    padding: 0 0 38px;

    min-height: 236px

}



.names {

    font-size: 15px;

    padding: 0;

    display: block;

   /* position: absolute;*/

    bottom: 42px

}



.recent {

    padding: 55px 55px 0;

    min-height: 318px

}



.recent span.read,

.role span {

    position: absolute;

    bottom: 35px

}



.recent h3 {

    font-size: 25px;

    line-height: 35px;

    padding: 0 0 66px

}



.recent h2 {

    font-size: 27px;

    padding: 0 0 18px

}



.recent span.date {

    font-size: 15px;

    padding: 0 0 10px;

    display: block

}



.recent h4 a,

.recent span.read a {

    display: inline-block;

    text-decoration: none

}



.recent h4 {

    padding: 0;

    margin: 0 0 15px

}



.recent h4 a {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0

}



.recent p,

.recent span.read a,

.role span a {

    font-size: 15px;

    line-height: 25px;

    margin: 0;

    color: #fff

}



.recent span.read {

    left: 55px

}



.recent span.read a {

    padding: 0

}



.recent p {

    padding: 0 0 33px

}



.role span {

    display: block;

    left: 60px

}



.role span a {

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.recentft {

    padding: 50px 55px 0;

    min-height: 300px;

    position: relative

}



.qbi-cluster span.read {

    bottom: 17px!important

}



.recentft h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 18px;

    margin: 0

}



.recentft span.date {

    font-size: 15px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0;

    display: block

}



.recentft h3 a,

.recentft h4 a,

.recentft span.readn a {

    display: inline-block;

    text-decoration: none

}



.recentft h3 {

    padding: 0;

    margin: 0 0 15px

}



.recentft h3 a {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0

}



.recentft h4 {

    padding: 0;

    margin: 0 0 15px;

    font-size: 15px

}



.recentft h4 a {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0

}



.recentft p,

.recentft span.read a,

.recentft span.readn a {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    margin: 0

}



.recentft p {

    padding: 0 0 33px

}



.recentft span.read {

    position: absolute;

    bottom: 30px;

    left: 55px

}



.recentft span.readn {

    position: absolute;

    bottom: 10px;

    left: 55px

}



.boxft,

.boxft a,

.boxft h2,

.boxft h3,

.boxft span,

.directortxt {

    position: relative

}



.recentft span.readn a {

    padding: 0

}



.recentft span.names {

    font-size: 15px;

    color: #fff;

    padding: 0 0 35px;

    margin: 0;

    display: block

}



.recentft span.read a {

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.recentrt {

    padding: 0;

    cursor: pointer

}



.newsft {

    padding: 52px 55px 40px;

    cursor: pointer;

    min-height: 467px

}



.newsft h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 18px;

    margin: 0

}



.newsft span.date {

    font-size: 15px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0;

    display: block

}



.newsft h3 {

    padding: 0;

    margin: 0 0 15px

}



.newsft h3 a {

    font-size: 20px;

    line-height: 28px;

    color: #fff;

    padding: 0 0 10px;

    margin: 0;

    text-decoration: none;

    display: inline-block

}



.newsft span.names,

.newsft span.read a {

    font-size: 15px;

    text-transform: uppercase;

    margin: 0;

    color: #fff

}



.newsft span.names {

    padding: 0 0 88px;

    display: block

}



.newsft span.read a {

    line-height: 25px;

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.newsrt {

    padding: 0;

    cursor: pointer

}



.news {

    padding: 52px 55px 44px

}



.news h2 {

    font-size: 25px;

    line-height: 40px;

    color: #fff;

    padding: 0 0 73px;

    margin: 0

}



.boxft {

    padding: 52px 55px 40px;

    background: url(images/box-img.png) top center no-repeat;

    background-size: cover!important;

    opacity: .85;

    min-height: 385px

}



.boxft h2 {

    font-size: 30px;

    color: #fff;

    padding: 0 0 20px;

    margin: 0;

    z-index: 1

}



.boxft span {

    font-size: 75px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0;

    display: block;

    line-height: 68px;

    z-index: 1

}



.boxft a,

.directortxt p {

    line-height: 25px

}



.boxft h3 {

    font-size: 20px;

    text-transform: none;

    color: #fff;

    padding: 0 0 20px;

    margin: 0;

    min-height: 108px;

    z-index: 1

}



.associate ul li h2,

.boxft a,

.commit ul li h2,

.directortxt h2,

.directortxt span a,

.formation h2 {

    text-transform: uppercase

}



.boxft a {

    font-size: 15px;

    color: #fff;

    padding: 0;

    margin: 0;

    text-decoration: none;

    display: inline-block;

    z-index: 1

}



.boxft:hover {

    opacity: 1;

    cursor: pointer

}



.nohover:hover {

    opacity: .85!important;

    cursor: default!important

}



.directortxt {

    padding: 55px 50px 0;

    min-height: 617px;

    cursor: pointer

}



.research-contain {

    min-height: 615px

}



.directortxt h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0

}



.directortxt p,

.directortxt span a {

    font-size: 15px;

    color: #fff;

    padding: 0;

    margin: 0

}



.directortxt span {
    display: flex;
    position: absolute;
    bottom: 37px;
    left: 50px;
    right: 50px;
    justify-content: space-between;

}



.directortxt span a {

    line-height: 1px!important;

    text-decoration: none;

    display: inline-block!important;

    cursor: pointer

}



.associate ul li p,

.commit ul li p {

    line-height: 19px;

    font-family: montserratlight

}



.director-height {

    min-height: 618px!important

}



.commit {

    background: #c1c921;

    padding: 42px 0 30px 70px;

    min-height: 618px

}



.commit ul {

    padding: 0;

    margin: 0

}



.commit ul li {

    margin: 0 58px 0 0;

    width: 272px;

    float: left;

    padding: 23px 10px 0;

    min-height: 178px

}



.commit ul li h2,

.commit ul li h3 {

    padding: 0 0 11px;

    margin: 0;

    color: #fff

}



.commit ul li h2 {

    font-size: 18px

}



.commit ul li h3 {

    font-size: 14px

}



.commit ul li p {

    font-size: 13px;

    color: #fff;

    padding: 0 28px 22px 0;

    margin: 0

}



.commit ul li.last p {

    border-bottom: none

}



.commit ul li:hover {

    background: #babf20

}



.associate-directors-contain {

    min-height: 618px

}



.associate {


    padding: 42px 0 30px 56px;

    min-height: 616px

}



.associate ul {

    padding: 0;

    margin: 0;display: flex;flex-wrap: wrap;

}



.associate ul li {

    margin: 0 58px 0 0;

    width: 272px;

    float: left;

    padding: 23px 10px 0

}



.associate ul li h2 {

    font-size: 18px;

    color: #fff;

    padding: 0 0 11px;

    margin: 0

}



.associate ul li h3 {

    font-size: 14px;

    color: #fff;

    padding: 0 0 11px;

    margin: 0; min-height: 30px;

}



.associate ul li p {

    font-size: 13px;

    color: #fff;

    padding: 0 28px 22px 0;

    margin: 0;

    border-bottom: 1px solid #fff; min-height: 65px;

}



.associate ul li.last p {

    border-bottom: none

}



/*.associate ul li:hover {

    background: #eb9639

}*/


/*
.orange .carousel-indicators {

    margin-left: -32%

}



.orange .carousel-indicators li {

    margin: 0 4px;

    width: 10px;

    height: 10px

}



.orange .carousel-indicators .active {

    width: 10px;

    height: 10px

}

*/

.formation {

    padding: 55px 50px 0

}



.formation h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0

}



.formation p {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0;

    margin: 0

}



.directorimg {

    cursor: pointer;

    height: 317px;

    overflow: hidden

}



.con-img {

    padding: 0

}



.list-in {

    background: #efbefe;

    border-bottom: 1px solid #fff;

    padding: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color

}



.con-txt .list-in p {

    margin: 0;

    padding: 0

}



.con-txt .list-in p a {

    text-decoration: none;

    margin: 0;

    padding: 0;

    text-transform: lowercase;

    text-transform: capitalize

}



.imagingtxt h2,

.imagingtxt span a,

.microft h2,

.microft span a {

    text-transform: uppercase

}



.con-txt .list-in p span {

    margin: 0 10px;

    font-size: 14px;

    color: #000!important

}



.list-in span.image {

    margin: 0!important;

    background: url(images/line.png) right center no-repeat;

    padding: 0 6px 0 0;

    display: inline-block

}



.list-in span.listcon {

    display: inline-block;

    margin: 0!important;

    line-height: 18px;

    vertical-align: middle

}



.microft p,

.microft span a {

    line-height: 25px;

    color: #fff

}



.list-in:hover {

    background: #e283f9;

    cursor: pointer

}



.imagingtxt {

    padding: 55px 50px 0;

    position: relative;

    min-height: 463px;

    cursor: pointer

}



.imagingtxt h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 40px;

    margin: 0

}



.imagingtxt p,

.imagingtxt span a {

    font-size: 15px;

    padding: 0;

    margin: 0;

    line-height: 25px;

    color: #fff

}



.imagingtxt span {

    display: block;

    position: absolute;

    bottom: 37px;

    left: 50px

}



.imagingtxt span a {

    text-decoration: none;

    display: inline-block

}



.microft {

    position: relative;

    padding: 52px 55px 25px;

    min-height: 320px;

    cursor: pointer

}



#container,

#home,

#member-home,

.microft span {

    position: absolute

}



.microft h2 {

    font-size: 27px;

    color: #fff;

    padding: 0 0 26px;

    margin: 0

}



.mapping-main h3,

.microft p,

.microft span a {

    margin: 0;

    font-size: 15px

}



.microft p {

    padding: 0 0 33px

}



.microft span {

    display: block;

    bottom: 37px;

    left: 50px

}



#inner,

#video,

#video-research,

#video1 {

    position: relative

}



.microft span a {

    padding: 0;

    text-decoration: none;

    display: inline-block

}



.mapping-main h2,

.mapping-main h2.capital-case,

.mapping-main h3 {

    color: #a7bac4;

    font-family: Montserrat, sans-serif;

    text-transform: uppercase

}



.micrort {

    cursor: pointer

}



.mapping-main {

    padding: 0

}



.mapping-main h3 {

    padding-bottom: 42px;

    font-weight: 400

}



.mapping-main h2,

.mapping-main h2.capital-case {

    font-size: 40px;

    font-weight: 700;

    border-bottom: 2px solid #a2a4a7

}



.mapping-main h2 {

    margin: 0 0 25px;

    padding: 0 0 40px

}



.mapping-main h2.capital-case {

    margin: 0 0 28px;

    padding: 0 0 52px

}



.map-content {

    border: 0!important;

    box-shadow: none

}



.hover-underline-from-left,

.hover-underline-from-left2 {

    box-shadow: 0 0 1px transparent;

    -moz-osx-font-smoothing: grayscale

}



.map-navigation {

    background: 0 0!important;

    border: 0;

    padding: 0;

    margin-top: 20px

}



.map-tabs {

    border-bottom: 2px solid #fcb24b

}



.map-tabs>li>a {

    background: 0 0;

    text-transform: uppercase;

    font-family: Montserrat, sans-serif;

    border: 0!important;

    padding: 10px 0;

    font-size: 16px;

    text-align: center

}



.map-content-inn li,

.map-inn p {

    font-size: 16px;

    line-height: 32px;

    font-family: Gotham-Book

}



.lavalamp-object,

.map-tabs>li.active>a {

    background: #fcb24b;

    color: #fff

}



.map-content-inn {

    padding: 30px 0

}



.map-inn p {

    margin: 0;

    padding: 0 0 20px;

    color: grey

}



.map-inn img {

    margin-bottom: 20px;

    padding-bottom: 0

}



.map-inn p a {

    color: #ffae4a;

    text-decoration: underline

}



.map-content-inn ul {

    list-style: disc

}



.desktop-nav ul,

.footer-inn ul,

.footer-links ul,

.footer-logo ul,

.social-icon ul,

.social-icon-top ul,

.top-bar ul {

    list-style: none

}



.map-content-inn li {

    margin: 0;

    padding: 0;

    color: grey

}



.paginationtxt {

    border-top: 1px solid #c4c4c4;

    padding: 27px 0 30px

}



.paginationtxt .map-left-btn,

.paginationtxt .map-right-btn {

    text-transform: uppercase;

    font-family: Montserrat, sans-serif;

    font-weight: 700;

    text-decoration: none;

    padding: 0;

    height: 53px

}



.paginationtxt .map-left-btn {

    font-size: 12px;

    color: #b0b0b0;

    opacity: .9;

    transition: all .5s ease

}



.paginationtxt .map-left-btn:hover {

    color: #fcb24b;

    opacity: 1

}



.paginationtxt .map-left-btn .ionicons {

    font-size: 85px

}



.paginationtxt .map-right-btn {

    font-size: 12px;

    color: #b0b0b0;

    float: right;

    opacity: .9;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



#container,

#home,

#inner,

#member-home,

#play,

#playn {

    width: 100%;

    height: 100%

}



.paginationtxt .map-right-btn:hover {

    color: #fcb24b;



    opacity: 1

}



.paginationtxt .map-right-btn .ionicons {

    font-size: 85px

}



.paginationtxt2 .map-left-btn2,

.paginationtxt2 .map-right-btn2 {

    font-size: 12px;

    line-height: 28px;

    font-family: Montserrat, sans-serif;

    display: block;

    font-weight: 700;

    text-decoration: none;

    text-transform: uppercase

}



.paginationtxt2 {

    border-top: 1px solid #c4c4c4;

    padding: 27px 0 30px

}



.paginationtxt2 .map-left-btn2 {

    background: url(images/left-arrw.png) left center no-repeat;

    color: #b0b0b0;

    padding: 0 0 0 30px

}



.paginationtxt2 .map-left-btn2:hover {

    background: url(images/left-arrw-hv.png) left center no-repeat;

    color: #fcb24b

}



.paginationtxt2 .map-right-btn2 {

    background: url(images/right-arrw.png) right center no-repeat;

    color: #b0b0b0;

    padding: 0 30px 0 0;

    text-align: right

}



.footer-inn a,

.footer-inn a:hover,

.footer-inn h2,

.footer-inn li,

.footer-inn p {

    font-size: 14px

}



.foooter-address-bar p,

.footer-close-panel p {

    font-family: HelveticaNeue-Roman

}



.paginationtxt2 .map-right-btn2:hover {

    background: url(images/right-arrw-hv.png) right center no-repeat;

    color: #fcb24b

}



#home {

    background-color: red

}



#member-home {

    background-color: green

}



.videoin {

    padding: 0

}



#video iframe,

#video img,

#video-research iframe,

#video-research img,

#video1 iframe,

#video1 img {

    display: block

}



#play,

#playn {

    position: absolute;

    top: 0;

    left: 0;

    cursor: pointer;

    background: url(images/play-btn.png) 50% 50% no-repeat;

    background-size: auto, cover;

    z-index: 1

}



.slideRight {

    animation-name: slideRight;

    -webkit-animation-name: slideRight;

    animation-duration: 1s;

    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;

    -webkit-animation-timing-function: ease-in-out;

    visibility: visible!important

}



@keyframes slideRight {

    0% {

        transform: translateX(-150%)

    }

    50% {

        transform: translateX(8%)

    }

    65% {

        transform: translateX(-4%)

    }

    80% {

        transform: translateX(4%)

    }

    95% {

        transform: translateX(-2%)

    }

    100% {

        transform: translateX(0)

    }

}



@-webkit-keyframes slideRight {

    0% {

        -webkit-transform: translateX(-150%)

    }

    50% {

        -webkit-transform: translateX(8%)

    }

    65% {

        -webkit-transform: translateX(-4%)

    }

    80% {

        -webkit-transform: translateX(4%)

    }

    95% {

        -webkit-transform: translateX(-2%)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}



.ripple {

    width: 0;

    height: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, .4);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    position: absolute;

    opacity: 1

}



.hover-underline-from-left2:before,

.hover-underline-from-left:before {

    content: "";

    z-index: -1;

    height: 2px;

    bottom: 0;

    left: 0

}



.rippleEffect {

    -webkit-animation: rippleDrop .6s linear;

    animation: rippleDrop .6s linear

}



@-webkit-keyframes rippleDrop {

    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0

    }

}



@keyframes rippleDrop {

    100% {

        -webkit-transform: scale(2);

        transform: scale(2);

        opacity: 0

    }

}



.purpleslide {

    background: #d184e9

}



.purpleslide.hover:hover {

    background: #d989f2

}



footer {

    padding: 15px 0 0

}



.footer-inn {

    margin: 0;

    padding: 0 0 37px

}



.footer-inn h2 {

    margin: 0;

    padding: 0 0 35px;

    text-transform: uppercase;

    color: grey

}



.footer-inn a,

.footer-inn li a,

.footer-inn li a:hover,

.footer-inn p {

    color: #000

}



.footer-inn ul {

    margin: 0;

    padding: 0

}



.footer-inn li {

    min-width: 180px;

    float: left;

    padding: 0;

    margin: 0 0 30px;

    text-transform: uppercase;

    color: #000

}



.footer-add {

    padding-top: 45px

}



.footer-inn p {

    line-height: 25px;

    margin: 0;

    padding: 0 0 36px

}



.footer-icon {

    color: #b7b9bb;

    font-size: 25px!important

}



.footer-icon2 {

    color: #b7b9bb;

    font-size: 20px!important

}



.footer-search {

    margin: 0;

    padding: 0 0 62px;

    display: block

}



.footer-search h2 {

    margin: 0;

    padding: 0 0 20px;

    text-transform: uppercase;

    font-size: 14px;

    color: #000

}



.footer-container {

    border-bottom: 2px solid #231f20;

    margin-bottom: 30px;

    padding-top: 37px

}



.footer-links h2,

.footer-logo {

    border-bottom: 1px solid #b7b9bb

}



.footer-bottom-logo {

    text-align: center;

    background: #fff;

    padding: 50px 0;

    cursor: pointer;

    margin-bottom: 20px

}



.footer-bottom-logo img {

    margin: 0 auto;

    text-align: center;

    width: 50%

}



div.footer-bottom-logo:hover {

    background: #f4f4f5

}



.hover-underline-from-left {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    position: relative

}



.hover-underline-from-left:before {

    position: absolute;

    right: 100%;

    background: #000;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hover-underline-from-left:active:before,

.hover-underline-from-left:focus:before,

.hover-underline-from-left:hover:before {

    right: 0

}



.hover-underline-from-left2 {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    position: relative;

    overflow: hidden

}



.hover-underline-from-left2:before {

    position: absolute;

    right: 100%;

    background: #fff;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hover-underline-from-left2:focus:before,

.hover-underline-from-left2:hover:before,

.hover-underline-from-left:active:before {

    right: 0

}



.footer-logo {

    border-top: 1px solid #b7b9bb;

    margin: 15px 0 35px!important;

    padding: 50px 0 130px

}



.footer-logo ul {

    margin: 0 0 0 20px;

    padding: 0

}



.footer-logo li {

    display: inline-block;

    width: 19%;

    text-align: center

}



.footer-logo li img {

    width: 70%;

    margin: 0 auto;

    text-align: center

}



.footer-logo li a {

    color: #000

}



.footer-logo li.last {

    margin-right: 0

}



.foooter-address-bar {

    margin: 0 0 35px

}



.foooter-address-bar p {

    font-size: 14px;

    color: #6d6e70;

    margin: 0;

    padding: 0

}



.footer-envelope-icon,

.footer-map-icon,

.footer-tel-icon {

    margin-right: 15px;

    float: left

}



.foooter-address-bar p a {

    color: #6d6e70

}



.footer-map-icon {

    color: #000;

    font-size: 25px!important;

    margin-top: -5px

}



.footer-envelope-icon {

    color: #000;

    font-size: 20px!important;

    margin-left: 20px

}



.footer-tel-icon {

    color: #000;

    font-size: 23px!important

}



.footer-social-icon {

    margin: 0

}



.footer-social-icon ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.footer-social-icon li {

    float: left;

    margin-right: 50px;

    font-size: 20px!important;

    color: #000

}



.footer-social-icon li a {

    color: #000

}



.footer-social-icon li.last {

    margin-right: 0

}



.footer-close-panel {

    background: #32afe0;

    padding: 20px 0;

    width: 100%

}



.footer-close-panel p {

    font-size: 12px;

    margin-bottom: 0;

    padding: 0

}



.footer-close-panel p a {

    color: #fff

}



.footer-close-panel p span a {

    color: #262261;

    font-family: Montserrat, sans-serif;

    font-weight: 700

}



.footer-close-panel .more-button p a {

    font-family: Montserrat, sans-serif;

    text-transform: uppercase;

    font-size: 14px;

    text-align: center;

    color: #fff;

    cursor: pointer

}



.footer-links li a,

.top-bar {

    font-family: HelveticaNeue-Roman

}



.footer-links h2,

.footer-links li,

.footer-links li a {

    color: #6d6e70;

    font-size: 14px

}



.footer-more {

    float: right;

    width: 30%;

    margin-left: 5px;

    margin-top: -5px

}



.footer-links h2 {

    padding-bottom: 15px;

    margin-bottom: 18px

}



.footer-links {

    margin: 0;

    padding: 0 0 77px

}



.footer-links ul {

    margin: 0;

    padding: 0

}



.footer-links li {

    margin-bottom: 15px;

    width: 16.66%;

    float: left

}



.footer-links li a {

    display: inline

}



.fixed-footer-bar {

    position: fixed;

    bottom: 0;

    width: 100%

}



.search-input {

    background: 0 0;

    border-bottom: 1px solid #000;

    padding: 10px 10px 12px 0;

    color: #fff;

    border-left: 0;

    border-right: 0;

    border-top: 0;

    margin-bottom: 25px;

    outline: 0;

    font-size: 14px;

    float: left;

    width: 90%

}



.social-icon,

.social-icon ul {

    padding: 0;

    margin: 0

}



.search-input.last {

    margin: 0

}



.search-btn {

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

    border-radius: 100%;

    height: 40px;

    cursor: pointer;

    border: 0;

    width: 10%;

    float: left;

    background-size: 100%

}



.search-input::-webkit-input-placeholder {

    color: #cccecf

}



.search-input:-moz-placeholder {

    color: #cccecf

}



.search-input::-moz-placeholder {

    color: #cccecf

}



.search-input:-ms-input-placeholder {

    color: #cccecf

}



.search-input::-ms-input-placeholder {

    color: #cccecf

}



.search-input:placeholder-shown {

    color: #cccecf

}



.social-icon li {

    display: inline-block;

    margin-right: 77px;

    font-size: 25px!important;

    font-weight: 700

}



.top-bar a,

.top-bar li,

.top-bar p {

    font-size: 13px;

    color: #fff;

    padding: 0

}



.social-icon li .facebook {

    color: #bdcb3b

}



.social-icon li .twitter {

    color: #32afe0

}



.social-icon li .insta {

    color: #985c9d

}



.logo,

header {

    padding: 0

}



.top-bar {

    background: #9aa4b5;

    padding: 13px 0 16px;

    margin-bottom: 32px

}



.top-bar a,

.top-bar p {

    margin: 0

}



.top-bar ul {

    margin: 0;

    padding: 0;

    float: right

}



.top-bar li {

    display: inline-block;

    margin: 0 0 0 30px

}



.top-bar li a,

.top-bar li a:hover {

    color: #fff;

    text-decoration: none

}



.top-search-panel {

    padding: 0 0 45px

}



.contact-top-left {

    float: right;

    position: relative;

    width: 33.33333333%;

    right: 66.66666667%

}



.contact-top-right {

    float: left;

    position: relative;

    width: 66.66666667%;

    left: 33.33333333%

}



#wrap,

.top-seach-submit {

    display: inline-block;

    float: right

}



.box,

.box2,

.ucsf-logo p {

    float: left

}



#wrap {

    margin: -4px 85px 0 0;

    padding: 0;

    position: relative

}



.top-seach-input {

    height: 40px;

    font-size: 14px;

    display: inline-block;

    font-weight: 100;

    border: none;

    outline: 0;

    color: #a2a4a7;

    padding: 10px 8px;

    width: 0;

    position: absolute;

    top: 0;

    right: 5px;

    background: 0 0;

    z-index: 3;

    transition: width .4s cubic-bezier(0, .795, 0, 1);

    cursor: pointer;

    font-family: montserratlight

}



.box2,

.top-seach-submit {

    position: absolute;

    top: 0;

    right: 0

}



.top-seach-input:focus:hover {

    border-bottom: 1px solid #6d6e70;

    color: #A2A4A7;

    font-family: montserratlight

}



.top-seach-input::-webkit-input-placeholder {

    color: #cccecf;

    font-family: montserratlight

}



.top-seach-input::-moz-placeholder {

    color: #cccecf;

    font-family: montserratlight

}



.top-seach-input:focus {

    width: 240px;

    z-index: 1;

    border-bottom: 1px solid #6d6e70;

    cursor: text;

    margin-right: 30px

}



.top-seach-submit {

    height: 48px;

    width: 48px;

    color: red;

    background: url(images/search-top.png) center center no-repeat;

    text-indent: -10000px;

    border: none;

    z-index: 2;

    cursor: pointer;

    opacity: .4;

    transition: opacity .4s ease

}



.top-seach-input:-moz-placeholder {

    color: #fff!important;

    font-family: Montserrat, sans-serif

}



.top-seach-input:-ms-input-placeholder {

    color: #fff!important;

    font-family: Montserrat, sans-serif

}



.top-seach-input:placeholder-shown {

    color: #fff!important;

    font-size: 15px;

    font-weight: 400

}



.top-search-icon {

    color: #000;

    font-size: 30px!important;

    cursor: pointer

}



.desktop-nav ul {

    margin: 0;

    padding: 0

}



.desktop-nav li {

    margin: 0 0 18px;

    font-size: 27px;

    color: #fff;

    text-transform: uppercase;

    display: block

}



.desktop-nav li a {

    color: #fff

}



.social-icon-top,

.social-icon-top ul {

    margin: 0;

    padding: 0

}



.social-icon-top li {

    display: inline-block;

    margin-right: 50px;

    font-size: 20px!important;

    font-weight: 700;

    color: #fff;

    outline : none;

}



.social-icon-top li a {

    color: #fff;

    border-radius: 100%;

    border: 2px solid red;

    min-width: 35px;

    min-height: 35px;

    text-align: center;

    display: block;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: 1s;

    transition: all 1s;

    padding-top: 3px

}



.grants-new-btn,

.page-navigation-left {

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease

}



.read-mobile,

.read-mobile-contact {

    line-height: 25px;

    margin: 0;

    display: none;

}



.social-icon-top li a:hover {

    color: #fff;

    border: 2px solid #fff;

    border-radius: 100%;

}



.read-mobile,

.read-mobile-contact,

.read-open {

    padding: 0;

    text-decoration: none;

    background: 0 0;

    border: 0;

    font-size: 15px;

    color: #fff;

    text-transform: uppercase; outline: none

}



.grants-new h3,

.peer-title {

    border-bottom: 1px solid #fff

}



.read-mobile-contact {

    outline: 0

}



.read-open {

    line-height: 28px;

    margin: 30px 0 0;

    display: block!important;

    outline: 0

}



.header-small-icon {

    width: 47%;

    margin-right: 20px

}



.header_icon_text {

    display: inline-block;

    margin: 15px 0 0!important;

    line-height: 18px

}



.contact-readmore,

.last-header {

    display: none

}



.header-image,

.header-image_2 {

    max-width: 772px;

    max-height: 620px

}



.header_position {

    position: relative

}



.middle-two {

    height: 620px

}



.equipment-readmore {

    display: block

}



.about-exe-committee,

.associate-directors,

.associate-directors-img {

    display: none

}



.associate-directors-slider {

    display: block

}



.research-icon {

    width: 10%

}



.specific-button {

    display: table

}



.associate-directors-carousel {

    height: 618px

}



.affilate-txt span a {

    display: none!important

}



.video-middle span.date,

.video-txt span.date {

    font-size: 15px;

    color: #fff;

    padding: 0 0 20px;

    margin: 0;

    display: block;

    text-transform: uppercase;

    position: initial;

    left: 0;

    font-family: montserratlight

}



.main-navigation,

.nav-top {

    position: relative

}



.micro-fluid-txt span.read {

    bottom: 15px

}



.investigators-txt {

    min-height: 615px

}



.ucsf-logo img {

    float: left;

    width: 75%; display: none;

}



.ucsf-logo p {

    font-family: montserratlight;

    font-size: 18.2px;

    margin-top: 8px

}



.ucsf-logo a {

    color: #231f20

}



.top-bar a.one {



    margin: 0;

    padding: 0;

    color: #fff;

    font-size: 13px;

    float: none;

    display: block

}



.recentft form p {

    padding-bottom: 10px

}



.broad-menu {

    width: 510px!important

}



.broad-menu li {

    width: 150px!important;

    float: left

}



.nav-top {

    right: 0!important

}



.nav-midd {

    float: right;

    position: absolute;

    right: 55px;

    /*top: 80px!important;*/

    top: 70px!important

}



.hideOut {

    display: none!important

}



.menu_fixed {

    position: relative!important;

    right: -90%;

    animation: downtop .25s

}



@keyframes topdown {

    0% {

        top: 0

    }

    100% {

        top: 22px

    }

}



@keyframes downtop {

    0% {

        top: 22px

    }

    100% {

        top: 0

    }

}



.equipment-icon,

.investigator-icon {

    width: 58px;

    height: 38px

}



.top_fixed {

    top: 22px!important;

    animation: topdown 2s

}



.quote-two h3 {

    padding-bottom: 36px!important

}



.orange-quote h3 {

    padding-bottom: 30px!important

}



.mapping-one {

    min-height: 610px

}



.mapping-one-img {

    object-fit: cover;

    min-height: 46vw

}



.about-top-header {

    padding-right: 30px

}



.about-top-header p {

    padding-right: 10px

}



.contact-quote-text h3 {

    padding-bottom: 35px!important

}



#associate_action_extended,

#middle_top_associate {

    cursor: pointer!important

}



#associate_top_action {

    display: inline-block!important

}



.myElement:hover {

    background-color: rgba(0, 0, 0, .5)

}



.technlogy-inn {

    min-height: 500px

}



.technlogy-inn-img {

    object-fit: cover;

    min-height: 500px

}



.newsletter-img,

.sm-block-img img {

    min-height: 330px;

    object-fit: cover

}



.foooter-address-bar p a br {

    display: none

}



.reach-out-img {

    height: 317px

}



.recent a {

    font-size: 15px;

    line-height: 25px;

    color: #fff;

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    text-decoration: none;

    display: inline-block;

    position: absolute;

    bottom: 30px

}



.small-block.tweet img {

    width: 40%;

    margin: 0 0 20px

}



.small-block.tweet p {

    padding: 0 0 20px;

    min-height: 145px

}



.medium-block.wht-qbi img {

    min-height: 460px

}



.medium-block-strict.recentft span.readn {

    bottom: 42px

}



.small-block-strict.recentft span.readn {

    bottom: 40px

}



.con-img.image-fit-class img {

    min-height: 520px;

    object-fit: cover

}



.con-img.image-fit-class.large-block img {

    min-height: 620px;

    object-fit: cover

}



.con-img.image-fit-class.tech-image.large-block img {

    min-height: 620px

}



.con-img.image-fit-class.medium-block-strict img {

    min-height: 100%

}



.text3-link-control.medium-block {

    position: relative

}



.text3-link-control.medium-block a {

    position: absolute;

    bottom: 0

}



.text3-link-control.large-block {

    position: relative

}



.text3-link-control.large-block a {

    position: absolute;

    bottom: -10px

}



.home-slider-image img {

    min-height: 620px;

    overflow: hidden

}



.not-found-pg {

    text-align: center;

    color: #68cef5;

    border-top: 1px solid #b7b9bb;

    padding: 80px 0

}



.grants-new h2 a,

.grants-new-btn,

.grants-new-btn:hover {

    color: #fff;

    text-decoration: none

}



.not-found-pg h2 {

    font-size: 200px;

    margin: 0 0 40px;

    padding: 0;

    letter-spacing: 25px

}



.not-found-pg h3 {

    font-size: 20px;

    letter-spacing: 3px;

    line-height: 37px

}



.publication-inn.peer-inn {

    padding: 5px 0 7px

}



.peer-title {

    padding-bottom: 8px!important;

    margin-bottom: 6px!important

}



.grants-new {

    padding: 40px 55px;

    position: relative;

    min-height: 330px;

    margin-bottom: 20px

}



.grants-new span {

    font-size: 16px;

    font-family: montserratlight;

    margin-bottom: 16px;

    display: block

}



.grants-new h2,

.grants-new h3 {

    font-family: Montserrat, sans-serif;

    font-weight: 700

}



.grants-new h3 {

    margin: 0 0 27px;

    padding: 0 0 18px;

    font-size: 15px

}



.grants-new h2 {

    font-size: 18px;

    line-height: 27px;

    padding: 0;

    margin: 0 0 32px;

    min-height: 85px

}



.grants-new h4,

.grants-new-btn {

    font-size: 15px;

    text-transform: uppercase

}



.grants-new h4,

.news-left p,

.news-txt-right p {

    font-family: montserratlight

}



.grants-new h4 {

    padding: 0;

    margin: 0 0 44px

}



.grants-new-btn {

    border-radius: 0;

    border: 0;

    transition: all .5s ease;

    font-weight: 400;

    line-height: 16px;

    position: absolute!important;

    bottom: 40px

}



.event-heading {

    margin: 40px 0 0;

    padding: 0

}



.event-heading h2 {

    font-size: 27px;

    text-transform: uppercase;

    color: #c9cbcc;

    margin: 0 0 26px;

    padding: 0 0 17px;

    border-bottom: 1px solid #b4b6b8

}



.news-main-content {

    margin-bottom: 20px

}



.news-date {

    padding: 20px 20px 0

}



.news-date h2,

.news-date h3 {

    padding: 0;

    text-transform: uppercase

}



.news-date h3 {

    font-size: 20px;

    margin: 0 0 10px

}



.news-date h2 {

    font-size: 46px;

    margin: 0;

    line-height: 59px

}



.news-container-img {

    height: 180px;

    width: 100%;

    object-fit: cover

}



.news-container-right {

    padding: 20px 0 0 20px!important

}



.news-container-title {

    min-height: 100px;

    padding-right: 20px

}



.news-container-title h2,

.news-container-title h2 a {

    color: #fff;

    line-height: 28px;

    font-size: 20px;

    margin: 0;

    padding: 0

}



.news-container-title h2 a:hover {

    color: #fff;

    text-decoration: none

}



.news-txt-bottom {

    float: left;

    width: 100%;

    border-top: 1px solid #fff

}



.news-left {

    width: 52%;

    float: left;

    padding-top: 13px

}



.news-left p {

    margin: 0;

    padding: 0;

    font-size: 14px

}



.news-left i,

.news-txt-right i {

    font-size: 20px

}



.news-left p a,

.news-left p a:hover {

    color: #fff;

    text-decoration: none

}



.news-txt-right {

    width: 25%;

    float: left;

    border-left: 1px solid #fff;

    margin-top: 13px;

    padding: 0 0 14px 10px

}



.news-txt-right p {

    margin: 0;

    padding: 0;

    font-size: 14px

}



.news-btn-right {

    width: 23%;

    float: left;

    padding: 20px 0

}



.icon-mobile,

.icon-mobile2 {

    padding-right: 5px!important

}



.news-btn-right a {

    text-align: center;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    margin: 0 auto;

    display: block

}



.news-icons {

    width: 80%

}



.icon-mobile {

    width: 45px!important

}



.news-icons2 {

    width: 75%

}



.icon-mobile2 {

    width: 42px!important

}



.event-details {

    border-top: 1px solid #a2a4a7;

    border-bottom: 1px solid #a2a4a7;

    padding: 10px 0;

    margin-top: 40px

}



.event-details h2 {

    text-transform: uppercase;

    font-size: 48px;

    margin: 0;

    padding: 0;

    border: 0;

    line-height: 50px

}



.event-details h3 {

    text-transform: uppercase;

    font-size: 20px;

    margin: 0 0 10px;

    padding: 0

}



.event-details a,

.event-details p {

    font-size: 14px;

    color: #a7bac4;

    text-decoration: none

}



.event-location,

.event-location2 {

    background: url(images/border.png) -10px top repeat-y;

    padding-bottom: 71px;

    padding-left: 40px!important;

    float: left

}



.event-location {

    width: 55%

}



.event-location2 {

    width: 25%

}



.event-details p {

    margin: 0;

    padding: 0

}



.event-details a {

    word-wrap: break-word

}



.event-details a:hover {

    color: #fcb24b

}



.news-info-icon {

    float: left;

    margin-right: 10px;

    width: 15px

}



.event-loc-container {

    width: 30px!important

}



.mapping-main.event-no-border h2 {

    border: 0;

    margin-bottom: 0;

    font-weight: 400

}



.mapping-main.event-no-border h3 {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 15px

}



.event-share-info {

    border-top: 1px solid #a2a4a7;

    border-bottom: 1px solid #a2a4a7;

    margin-bottom: 40px

}



.event-share-btn {

    border-right: 1px solid #a2a4a7

}



.event-share-btn-inn {

    padding: 13px 0 14px

}



.event-share-btn-inn p {

    color: #a7bac4;

    font-size: 15px;

    float: left;

    margin-right: 35px;

    text-transform: uppercase;

    padding: 0;

    line-height: 16px;

    margin-bottom: 0

}



.event-share-btn-inn i {

    font-size: 20px!important;

    color: #a7bac4

}



.save-event,

.subscribe-calender {

    font-size: 15px;

    text-transform: uppercase;

    display: block

}



.event-share-btn-inn i:hover {

    color: #fcb24b

}



.event-share-icon {

    margin-right: 20px

}



.subscribe-calender {

    color: #a7bac4;

    padding: 14px 40px 15px;

    background: url(images/calender2.png) 260px center no-repeat;

    background-size: 35px

}



.subscribe-calender:hover {

    background: url(images/calender-hover2.png) 260px center no-repeat #de8cf8;

    color: #fff;

    background-size: 35px

}



.save-event {

    background: url(images/flag2.png) 150px center no-repeat #ffad4a;

    color: #fff;

    padding: 14px 30px 15px;

    background-size: 35px

}



.save-event:hover {

    background: url(images/flag2.png) 150px center no-repeat #ff941e;

    color: #fff;

    background-size: 35px

}



.event-date {

    float: left;

    width: 20%

}



.subscribe-lightbox {

    background: #de8cf8;

    padding: 73px 52px 53px

}



.subscribe-lightbox h2 {

    font-size: 26px;

    color: #fff;

    text-transform: uppercase;

    border-bottom: 1px solid #fff;

    margin: 0 0 32px;

    padding: 0 0 18px;

    text-align: left

}



.subscribe-lightbox p {

    font-size: 18px;

    color: #fff;

    text-align: left;

    margin: 0 0 60px;

    padding: 0;

    font-family: Gotham-Book;

    line-height: 30px

}



.subscribe-input {

    border-top: 0;

    border-left: 0;

    border-right: 0;

    border-bottom: 1px solid #fff;

    padding: 11px 0;

    background: 0 0;

    margin-bottom: 20px;

    width: 100%;

    font-size: 16px;

    position: relative;

    color: #fff

}



.event-error {

    position: absolute;

    right: 18px;

    bottom: 32px;

    color: #e40084;

    text-transform: uppercase;

    font-size: 10px

}



.event-error.last {

    bottom: 80px

}



.subscribe-input.last {

    margin-bottom: 64px

}



.subscribe-input:focus {

    border-bottom: 1px solid #c451c4;

    outline: 0;

    box-shadow: none

}



.subscribe-input::-webkit-input-placeholder {

    color: #fff

}



.subscribe-input::-moz-placeholder {

    color: #fff

}



.subscribe-input:-ms-input-placeholder {

    color: #fff

}



.subscribe-input:-moz-placeholder {

    color: #fff

}



.subscribe-btn {

    background: #c67ddf;

    padding: 16px 62px 15px;

    color: #fff;

    border: 0;

    outline: 0

}



.subscribe-btn.ical-btn {

    text-transform: uppercase;

    display: inline-block;

    margin-top: -5px

}



.subscribe-input:focus::-webkit-input-placeholder {

    color: transparent

}



.subscribe-input:focus::-moz-placeholder {

    color: transparent

}



.news-subscribe {

    float: right

}



.news-heading {

    float: left;

    padding: 9px 0

}



.news-heading-main {

    padding: 0!important

}



.subscribe-calender2 {

    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

    padding: 14px 95px 15px 70px;

    display: block;

    background: url(images/calender-hover2.png) 290px center no-repeat #fcb24b;

    background-size: 35px

}



.page-navigation-left a,

.page-navigation-right a {

    font-size: 12px;

    text-transform: uppercase;

    text-decoration: none;

    vertical-align: middle

}



.subscribe-calender2:hover {

    background: url(images/calender-hover2.png) 290px center no-repeat #fca032;

    color: #fff;

    background-size: 35px

}



.event-main-heading h2 {

    font-weight: 500!important

}



.map-left-btn.reg-font,

.map-right-btn.reg-font {

    font-weight: 500

}



.no-padding-specific {

    padding-left: 0!important;

    padding-right: 0!important;

    clear: left

}



.transparant {

    background: rgba(0, 0, 0, .2)

}



.transparant-img {

    height: 180px;

    width: 100px;

    min-height: 100px;

    max-width: 100px;

    object-fit: initial;

    padding-top: 40px;

    margin: 0 auto;

    padding-bottom: 40px

}



.page-navigation {

    padding: 36px 0 50px;

    margin: 18px 0 0;

    border-top: 1px solid #c8cacb

}



.page-navigation-left {

    background: url(images/left-arrw.png) left center no-repeat;

    width: 50%;

    display: table;

    height: 100%;

    min-height: 100%;

    transition: all .5s ease

}



.page-navigation-left:hover {

    background: url(images/left-arrw-hv.png) left center no-repeat

}



.page-navigation-left a {

    color: #b0b0b0;

    padding: 0 0 0 40px;

    height: 55px;

    display: table-cell

}



.page-navigation-left a:hover {

    color: #fcb24b

}



.page-navigation-right {

    background: url(images/right-arrw.png) right center no-repeat;

    width: 45%;

    display: table;

    height: 100%;

    min-height: 100%;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease

}



.page-navigation-right:hover {

    background: url(images/right-arrw-hv.png) right center no-repeat

}



.page-navigation-right a {

    color: #b0b0b0;

    padding: 0 40px 0 0;

    text-align: right;

    display: table-cell;

    height: 55px

}



.con-txt p,

.directortxt p,

.recent p,

.recentft h3 a {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical

}



.page-navigation-right a:hover {

    color: #fcb24b

}



.event-img-responsive {

    width: 100%

}



.con-txt p,

.recent p {

    max-height: 180px;

    -webkit-line-clamp: 7

}



.recentft h3 a {

    max-height: 90px;

    -webkit-line-clamp: 3

}



.directortxt p {

    max-height: 430px;

    -webkit-line-clamp: 17

}





/****************************** sticky header *******************************/

/*



.logo {font-size:40px; font-weight:bold;color:#00a; font-style:italic;}

.intro {color:#777; font-style:italic; margin:10px 0;}

.menu {background:#00a; color:#fff; height:40px; line-height:40px;letter-spacing:1px; width:100%;}

.content {margin-top:10px;}

.menu-padding {padding-top:40px;}

.content {padding:10px;}

.content p {margin-bottom:20px; font-size: 20px !important; color: #000!important}*/











/************* new navigation ********************/

.logo-center-new {padding-bottom: 40px;width: 169px;margin: 25px auto 0;}

.menu-contain {margin-bottom: 40px; }

.cloned {background:url(images/nav-back.png) left bottom repeat-x; }

.navigation-container {background: none; border:0px; min-height: auto; padding: 0;}

.ucsf-nav {width: 170px;}

.navigation-container .navbar-nav {float: left; margin:10px 0 0 0; padding: 0 0 0 40px; }

.fixed-theme .navbar-container .navbar-nav{ margin:8px 0 0 0 !important; padding: 0 0 0 80px !important}

.navigation-container .navbar-nav li a {text-transform: uppercase; font-family: montserratlight; font-size: 14px; padding: 0 22px; letter-spacing: 1px;  color: #9aa3b3}

.navigation-container .navbar-nav li a:hover, .navigation-container .navbar-nav li a:focus {color: #9aa3b3 !important; background: none !important;}

.navigation-container .navbar-nav>li>.dropdown-menu {border:0px; box-shadow: none; padding-top: 20px;}

.navigation-container .navbar-nav .dropdown-menu > li > a {text-transform: none; font-size: 12px; border:0px; padding: 10px 0; letter-spacing: 0px; color: #9aa3b3}



.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background: none; color: #9aa3b3}

.navigation-container .navbar-nav li span {display: none}



.nav.navbar-nav li.social-icon-nav {float: right; margin:0px; padding: 0px;}



.social-icon-nav ul {margin:0px; padding: 0px;}

.social-icon-nav li {display: inline-block; }

.navigation-container .social-icon-nav li a {color: #000;  padding: 0px; margin-left:18px; font-size: 20px;}

.collapse.navbar-collapse {/* padding: 0px; */}

.navbar-toggle {z-index: 1}

.hamburger {display: none}

li.dropdown:hover .dropdown-menu{  display: block; transition: all 0.1s ease}

.qbi-logo-new {display: none}

.cloned .qbi-logo-new {display: block; width: 120px;}

.cloned .ucsf-nav {display: none}





.navbar-brand {  /* font-size: 24px;*/}

.navbar-container { padding: 0px 15px 0px 15px; /*background:#fff*/}

.navbar.navbar-fixed-top.fixed-theme { background-color: #fff;box-shadow: 0px 0px 4px rgba(0,0,0,0.15);}

.navbar-brand.fixed-theme { /*font-size: 18px;*/}

.navbar-container.fixed-theme { padding: 0;}

.navbar-brand.fixed-theme,

.navbar-container.fixed-theme,

.navbar.navbar-fixed-top.fixed-theme,

.navbar-brand,

.navbar-container{ transition: 0.3s; -webkit-transition:  0.3s;}

.navbar-fixed-top.navigation-container {top:0px; height: auto; position: relative;}

.fixed-theme.navbar-fixed-top.navigation-container {top:0px; padding: 16px 0 16px;

    position: fixed;}

.navbar-fixed-top.navigation-container.fixed-theme .ucsf-nav {display: none}

.navbar-fixed-top.navigation-container.fixed-theme .qbi-logo-new {display: block; width: 75px}

.social-icon-nav {margin-top: 9px; }





.publication-container {padding: 15px 30px;}

.publication-container h2 {font-size: 22px; line-height: 32px; text-transform: none; border-bottom: 1px solid #fff; margin:0 0 15px; padding: 0 0 10px}

.publication-container p {font-size: 12px; line-height: 20px; margin:0 0 15px;}

.publication-container hr {border-top: 1px solid #fff; margin:15px 0;}

.publication-container a {font-size: 16px; text-transform: uppercase; color: #fff;}

/*.publication-container .dynamic-height-wrap {max-height: 100% !important}*/





.color-logo { /* filter: url(filters.svg#grayscale); Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all 1.0s ease-in-out;  cursor: pointer; padding: 60px;}

.color-logo:hover {filter: none; -webkit-filter: grayscale(0);}





.logo-container ul {margin:0px; padding: 0px; list-style: none}
.logo-container ul:last-of-type {margin-bottom:30px;}

.logo-container ul li {display: inline-block; border-left:1px solid #E5E5E5; border-top: 1px solid #E5E5E5; float: left; width: 33.33%; height: 280px; display: flex;  align-items: center;  justify-content: center; flex-direction: row; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center;-webkit-flex-direction: row;}

.logo-container ul li img{ opacity: 0.5; /* filter: url(filters.svg#grayscale); Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */ -webkit-transition: all 0.3s;  cursor: pointer; padding: 0px 60px; margin:0 auto;}

.logo-container ul li img:hover {filter: none; -webkit-filter: grayscale(0); opacity: 1;}



.logo-container ul:nth-child(1) li:nth-child(1) { border-top:0px;}

.logo-container ul:nth-child(1) li:nth-child(2) { border-top:0px;}

.logo-container ul:nth-child(1) li:nth-child(3) { border-top:0px;}

.logo-container ul li:nth-child(1) {  border-left: 0px;}

.logo-container ul li:nth-child(4) {border-left: 0px;}

.logo-container ul li:nth-child(7) {border-left: 0px;}



.multi-media .itemrt img {cursor: pointer;}

.video-btn-slider {position: absolute; top:45%; bottom:0; left:0; right:0; margin:0 auto; height: 120px; width: 120px;}



.large-block-strict img.video-btn-slider  {height: 120px; width: 120px; min-height: auto}



.multi-media .itemft h3 a { font-size: 16px; line-height: 25px;}

.multi-media .itemft span.read a {position: absolute; left:45px; bottom: 48px;}

.multi-media.slider .carousel-indicators {left: 46px;}
.multi-media.slider .carousel-indicators li {margin-right: 8px;}

.carousel-inner-two .item .video-btn-slider {position: absolute; top:41%; bottom:0; left:0; right:0; margin:0 auto; height:20%; width:20%; z-index: 1;}



.publication-container button.read-mobile.hvr-icon-float-away::before {display: none;}

.publication-container button.read-mobile.hvr-icon-float-away::after {display: none;}

.publication-container .dynamic-height-active button.read-mobile.hvr-icon-float-away::before {display: block;}

.publication-container .dynamic-height-active button.read-mobile.hvr-icon-float-away::after {display: block;}



.logo-container .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {max-height: 100%;}



.interview-header p {font-size: 15px; line-height: 16px; margin:0 0 20px;}

.interview-header h2 {font-size: 27px; line-height: 30px; padding-bottom: 50px;}

.interview-header p.slide-title {font-size: 20px; line-height: 22px;}

.interview-header p.slider-author{font-size: 15px; line-height: 16px; font-weight: 300;}



.investigators-top.interview-img {padding: 0px; position: relative;}

.interview-header .carousel-inner-two>.item>a>img, .carousel-inner-two>.item>img {cursor: pointer;}



.investigators-top.interview-img img {height: 320px; object-fit: cover;}

.multi-media.interview-header.slider .carousel-indicators li {margin-right: 8px;}
.interview-img .overlay {opacity: 0.2}
.interview-img + .investigators-bottom {min-height: 185px;}

span.highlight {font-weight: 700}

.slide-individual-container .image-selected-thumbnail img {height:460px !important; width:500px !important; object-fit:cover}
.slide-individual-container {padding-bottom: 30px;}

@media screen and (min-width:320px) and (max-width:380px) {

    .footer-close-panel p,

    .footer-icon,

    .footer-icon2,

    .footer-inn a,

    .footer-inn h2,

    .footer-inn li,

    .footer-inn p,

    .footer-search h2,

    .search-input,

    .social-icon li,

    .top-bar p,

    .top-bar ul,

    .top-left-logo {

        text-align: center

    }

    .read-mobile,

    .read-mobile-contact {

        font-size: 15px;

        line-height: 10px;

        outline: 0;

        z-index: 1;

        position: relative

    }

    .directortxt span,

    .grants-category span,

    .imagingtxt span,

    .news-inn span,

    .newsbox-in span,

    .recent span.read,

    .recentft span.read {

        left: 22px;

        bottom: 30px

    }

    .associate ul li p,

    .associate-collapse-btn,

    .commit ul li p,

    .contact-bottom span,

    .contact-bottom span a {

        font-family: montserratlight

    }

    .read-mobile {

        margin: 40px 0 30px

    }

    .read-mobile-contact {

        height: 10px;

        margin: 0

    }

    .dynamic-height-wrap {

        overflow: hidden;

        position: relative;

        -webkit-transition: max-height .25s ease-in-out;

        -moz-transition: max-height .25s ease-in-out;

        -o-transition: max-height .25s ease-in-out;

        transition: max-height .25s ease-in-out;

        width: 100%

    }

    .dynamic-height-active .dynamic-show-more {

        display: block

    }

    .selectboxit-container .selectboxit {

        width: 100%!important

    }

    .header-image,

    .list,

    .listin {

        width: 100%

    }

    .news-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .con-txt p.address {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: 100%!important

    }

    .associate-directors-contain p,

    .con-txt .list-in p span,

    .con-txt .listin p span,

    .con-txt p,

    .con-txt p.open,

    .directortxt p,

    .directortxt p.open,

    .equipment-contain p,

    .equipment-contain p.open,

    .home-header-txt p,

    .imagingtxt p,

    .imagingtxt p.open,

    .recent p,

    .recent p.open,

    .recentft p,

    .recentft p.open {

        -webkit-text-fill-color: transparent!important

    }

    .heading {

        margin: 0 5px 20px

    }

    .heading h1 {

        font-size: 16px

    }

    .con-txt .list-in p span,

    .con-txt .listin p span {

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 100%)!important;

        -webkit-background-clip: text!important;

        font-size: 12px;

        margin: 0 11px

    }

    .listin {

        padding: 10px

    }

    .list {

        margin-top: 30px

    }

    .wht-qbi {

        padding-bottom: 30px!important

    }

    .itemft span.names {

        padding-bottom: 30px

    }

    .content-inn {

        margin: 0 20px 20px

    }

    .directortxt h2 {

        padding: 0 0 17px;

        font-size: 26px;

        line-height: 33px

    }

    .imagingtxt {

        padding: 32px 22px 0;

        min-height: 298px

    }

    .imagingtxt h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .imagingtxt p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .imagingtxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recentft h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .con-txt p,

    .recent p,

    .recentft p {

        line-height: 26px

    }

    .recentft p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recentft p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recent h2 {

        padding: 0 0 5px;

        font-size: 26px

    }

    .recent p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recent p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .equipment-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important

    }

    .equipment-contain p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .newsbox-in {

        padding: 32px 22px 0;

        min-height: 340px;

        margin-bottom: 0

    }

    .news-contain {

        min-height: 412px!important

    }

    .press-contain {

        min-height: 395px!important

    }

    .news-inn {

        padding: 32px 22px 0;

        min-height: 340px

    }

    .newsbox-in h2 {

        padding-bottom: 25px

    }

    .newsbox-in h4 {

        padding-bottom: 10px

    }

    .news-inn h2 {

        padding-bottom: 18px

    }

    .news-inn h4 {

        padding-bottom: 8px

    }

    .grants-category {

        padding: 32px 22px 0;

        min-height: 268px

    }

    .grants-category h3 {

        padding-bottom: 10px

    }

    .styled-select {

        width: auto;

        margin: 0 auto 15px

    }

    .selectboxit-container,

    .selectboxit-container .selectboxit,

    .styled-select select {

        width: 100%

    }

    .investigators-bottom {

        padding: 20px 22px 0;

        min-height: auto

    }

    .name_container {

        min-height: auto

    }

    .investigators-top {

        min-height: 210px;

        padding: 30px 60px

    }

    .investigators-bottom h2 {

        font-size: 20px

    }

    .investigators-bottom h3,

    .investigators-bottom h4 {

        font-size: 16px

    }

    .con-txt p,

    .contact-bottom span,

    .contact-bottom span a {

        font-size: 18px

    }

    #map {

        min-height: 230px

    }

    .con-txt h2 {

        padding: 0 0 20px

    }

    .margin-fifteen {

        margin-left: 20px!important;

        margin-right: 20px!important

    }

    .contact-header {

        padding: 32px 22px;

        min-height: 268px

    }

    .contact-bottom {

        left: 20px

    }

    .con-txt {

        padding: 30px 22px 0

    }

    .about-header-bottom {

        margin-bottom: 30px

    }

    .con-txt p {

        padding: 0 0 5px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .con-txt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .home-header-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 80%);

        -webkit-background-clip: text!important

    }

    .contact-middle-text {

        padding: 32px 22px;

        min-height: 200px

    }

    .padding-left3 {

        padding-left: 20px!important;

        padding-right: 20px!important

    }

    .recentft {

        padding: 30px 22px 1px;

        min-height: 268px

    }

    .news-inn.medium-block,

    .newsbox-in.medium-block {

        min-height: 300px

    }

    .recentft form {

        margin: 0;

        bottom: 40px

    }

    .technlogy-inn {

        min-height: auto;

        padding-bottom: 80px

    }

    .recent {

        padding: 30px 22px;

        min-height: 240px

    }

    .orange-quote {

        padding-bottom: 30px

    }

    .contact-middle-text span {

        left: 22px;

        bottom: 30px

    }

    .recent h3 {

        font-size: 22px;

        line-height: 33px;

        padding: 0 0 55px

    }

    .directortxt p,

    .publication-dropdown h2 {

        font-size: 18px

    }

    .contact-middle-icon1,

    .contact-middle-icon2,

    .contact-middle-icon3 {

        margin-bottom: 40px;

        padding: 10px 40px 0

    }

    .contact-readmore {

        width: 100%;

        margin: 5px 0 0;

        padding: 20px 0;

        position: inherit!important;

        left: inherit!important;

        border-bottom: 1px solid #fff;

        display: block

    }

    #margins li,

    .map-tabs {

        border-bottom: 1px solid #fcb24b

    }

    .associate ul li.last p,

    .commit ul li.last p,

    .mobile-news-container {

        border-bottom: 1px solid #fff

    }

    .contact-middle-text p {

        margin-bottom: 20px

    }

    .directortxt {

        padding: 30px 21px 1px;

        min-height: 280px

    }

    .associate-directors-carousel {

        height: auto

    }

    .associate-directors-contain {

        padding-bottom: 40px

    }

    .directortxt p {

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .associate-directors-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 6%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .directortxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .publication-dropdown {

        margin-right: 5px;

        margin-left: 5px;

        padding: 35px 10px

    }

    .publication-category {

        padding: 33px 21px 0;

        min-height: 430px

    }

    .padding-left-ten,

    .padding-right-ten,

    .padding-ten {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .publication-inn {

        padding: 5px 0;

        margin: 0 0 50px

    }

    .publication-category-bottom {

        width: 85%;

        bottom: 30px

    }

    .specific-margin-fifteen {

        margin-left: 20px;

        margin-right: 20px

    }

    .mapping-main h3 {

        font-size: 14px

    }

    .mapping-main h2 {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    #margins li {

        width: 100%!important

    }

    .nav-tabs>li>a {

        margin-right: 0

    }

    .map-content-inn {

        padding: 20px 0 0

    }

    .panel {

        margin-bottom: 10px

    }

    .paginationtxt .map-left-btn {

        line-height: 26px;

        padding: 0 0 0 40px

    }

    .paginationtxt .map-right-btn {

        line-height: 26px;

        padding: 0 40px 0 0

    }

    .mapping-main h2.capital-case {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    .header_position {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .top-bar p {

        margin-bottom: 10px

    }

    .top-bar li {

        margin-left: 10px

    }

    .top-left-logo {

        width: 80%;

        margin: 5px auto 20px;

    }

    .team {

        padding: 25px 22px;

        min-height: 110px;

        height: 110px;

        align-items: center;

        justify-content: left;

        flex-direction: row;

        display: -webkit-flex;

        -webkit-align-items: left;

        -webkit-justify-content: left;

        -webkit-flex-direction: row

    }

    .team h2 br {

        display: block

    }

    .team h2 {

        font-size: 23px;

        float: left;

        width: 78%;

        line-height: 30px;

        min-height: 60px

    }

    .team img {

        float: right

    }

    .itemft {

        width: 100%;

        padding: 32px 22px;

        min-height: 380px

    }

    .tweet p {

        padding: 0 0 25px;

        min-height: auto

    }

    .tweet img {

        margin: 0 0 32px;

        width: auto

    }

    .footer-inn li,

    .itemrt {

        width: 100%

    }

    .recentft span.names {

        padding: 0 0 75px

    }

    .newsft span.names {

        padding: 0 0 30px

    }

    .boxft,

    .news,

    .newsft,

    .tweet {

        padding: 30px 22px

    }

    .tweet {

        min-height: 200px

    }

    .recentft span.readn {

        left: 22px;

        bottom: 30px

    }

    .newsft {

        min-height: 150px

    }

    .boxft {

        margin-bottom: 18px;

        background-size: cover!important

    }

    .boxft h2 {

        font-size: 20px;

        padding-bottom: 14px

    }

    .boxft span {

        font-size: 76px;

        padding-bottom: 27px

    }

    .boxft h3 {

        font-size: 27px;

        padding-bottom: 15px

    }

    .boxft a {

        line-height: 10px

    }

    .news h2 {

        font-size: 22px;

        line-height: 33px;

        padding-bottom: 78px

    }

    .footer-icon,

    .footer-icon2 {

        display: block!important

    }

    .social-icon li {

        width: 30%;

        margin-right: 0

    }

    .associate ul li,

    .commit ul li,

    .commit-collapse {

        width: 100%

    }

    .social-icon {

        margin: 0 0 20px

    }

    .no-fade-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: inherit!important;

        padding-bottom: 0

    }

    .formation-txt p,

    .technology-used p,

    .technology-used p.open {

        -webkit-text-fill-color: transparent!important

    }

    .con-txt .list-in p span {

        font-size: 12px;

        padding-top: 8px

    }

    .header_icon_text {

        margin: 15px 0 0!important

    }

    .middle-two {

        height: auto

    }

    .executive-text {

        min-height: 332px

    }

    .executive-text p {

        height: 160px;

        overflow: hidden

    }

    .executive-text span {

        display: block;

        position: absolute;

        bottom: 30px

    }

    .slider .carousel-indicators {

        left: 20px

    }

    .affilate-txt {

        min-height: auto;

        padding-bottom: 30px

    }

    .press-mobile {

        min-height: 340px

    }

    .equipment-readmore {

        display: none!important

    }

    .about-exe-committee,

    .associate-directors-img {

        display: block

    }

    .associate-directors {

        display: block;

        margin-top: -70px;

        margin-bottom: 20px

    }

    .associate-directors-slider {

        display: none

    }

    .commit-collapse {

        padding: 0 10px 20px;

        margin: -30px auto 0

    }

    .associate-directors-contain span {

        position: inherit!important;

        bottom: 0;

        left: 0

    }

    .associate-directors-contain p {

        padding-bottom: 40px

    }

    .association-container {

        background: #f4a141;

        display: block

    }

    .associate-collapse {

        padding: 0 10px 20px;

        width: 100%;

        margin: 0 auto

    }

    .associate-collapse-btn {

        display: block;

        margin-top: 5px;

        font-size: 14px

    }

    .see-members-btn {

        font-size: 15px;

        margin: 20px 0 0 10px;

        display: block

    }

    .commit ul li h2 {

        font-size: 22px

    }

    .commit ul li p {

        font-size: 18px;

        line-height: 26px

    }

    .about-carousel {

        margin-top: 10px;

        display: block

    }

    .associate ul {

        margin-bottom: 50px

    }

    .associate ul li h2 {

        font-size: 22px

    }

    .associate ul li p,

    .formation-txt p {

        font-size: 18px;

        line-height: 26px

    }

    .listing-about-bottom {

        margin-top: 20px

    }

    .technology-used p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 40%);

        -webkit-background-clip: text!important

    }

    .technology-used p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .con-txt a {

        margin-bottom: 0

    }

    .formation-txt p {

        padding: 0 0 5px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .grants-txt p,

    .investigators-txt p,

    .mapping-txt p,

    .papers-txt p,

    .research-contain p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .press-video-txt {

        min-height: 424px

    }

    .mapping-one {

        min-height: 100px

    }

    .imaging {

        min-height: 380px

    }

    .sys-bio {

        min-height: 410px

    }

    .computation-txt,

    .micro-fluid-txt {

        min-height: 243px

    }

    .more-come-txt {

        min-height: 271px

    }

    .qbi-role-txt {

        min-height: 270px

    }

    .collaboration-txt {

        min-height: 242px

    }

    .basic-research {

        min-height: 355px

    }

    .cloud-computing {

        min-height: 297px

    }

    .qbi-cluster {

        min-height: 270px

    }

    .abt-bottomhead-btn {

        margin-top: 20px!important;

        margin-bottom: 0!important

    }

    .contact-quote-text {

        min-height: 230px

    }

    .equipment-contain {

        min-height: 100%;

        padding-bottom: 30px

    }

    .basic-research span {

        bottom: 27px

    }

    .research-icon {

        width: 14%

    }

    .top-bar p {

        margin: 0;

        font-size: 15px

    }

    .top-bar ul {

        float: none;

        display: none

    }

    .top-search-panel {

        padding-bottom: 40px

    }

    .top-bar {

        margin-bottom: 10px

    }

    .logo {

        width: 70%;

        display: none!important

    }

    .b-cluster-img,

    .basic-research-img,

    .contact-header-img,

    .directorimg img,

    .equipment-header-img,

    .header-image,

    .investigator-image,

    .itemrt img,

    .mapping-image,

    .mapping-one-img,

    .news-header-img,

    .news-image,

    .newsletter-img,

    .newsrt img,

    .recentrt img,

    .research-image,

    .research-image-three,

    .research-image-two,

    .stat-img,

    .technlogy-inn-img,

    .videoin img {

        width: 100%;

        height: 233px!important;

        object-fit: cover

    }

    .directorimg,

    .small-block-strict.recentft,

    .small-block-strict.recentrt {

        height: 100%

    }

    .imagingtxt.imaging.no-fade-txt p {

        padding-bottom: 80px

    }

    .directortxt.press-contain.no-fade-txt p,

    .imagingtxt.no-fade-txt p,

    .imagingtxt.sys-bio.no-fade-txt p,

    .recent.more-come-txt p,

    .recent.no-fade-txt.computation-txt p,

    .recentft.micro-fluid-txt.no-fade-txt p {

        padding-bottom: 40px

    }

    .publication-category h2 {

        min-height: 120px

    }

    .publication-category h2 a {

        font-size: 16px;

        line-height: 23px

    }

    .recentft.mapping-one.no-fade-txt p {

        padding-bottom: 80px

    }

    .address-txt,

    .home-header-txt {

        padding-bottom: 30px

    }

    .technlogy-inn-img {

        min-height: 233px!important

    }

    .home-header-txt {

        min-height: 220px

    }

    .executive-text {

        background: 0 0;

        z-index: 2

    }

    .ucsf-logo p {

        font-size: 13px

    }

    footer {

        padding: 0

    }

    .footer-logo {

        margin: 0 0 40px!important;

        padding: 40px 0 0

    }

    .footer-logo ul {

        margin: 0

    }

    .footer-logo li {

        width: 49%;

        margin-bottom: 30px

    }

    .footer-envelope-icon,

    .footer-map-icon,

    .footer-tel-icon {

        display: block!important;

        float: none;

        margin-bottom: 20px

    }

    .footer-logo li img {

        width: 80%

    }

    .footer-map-icon {

        font-size: 35px!important

    }

    .footer-envelope-icon {

        margin-left: 0;

        margin-right: 0;

        font-size: 25px!important

    }

    .footer-tel-icon {

        font-size: 30px!important

    }

    .foooter-address-bar p {

        font-size: 15px;

        line-height: 26px;

        margin-bottom: 40px

    }

    .footer-social-icon li {

        font-size: 25px!important

    }

    .footer-more {

        width: 26%

    }

    .footer-close-panel p {

        font-size: 13px;

        line-height: 21px

    }

    .mobile-more-btn {

        width: 100px;

        margin: -75px auto 0;

        display: block

    }

    .copyright-txt {

        margin-top: 40px;

        border-top: 1px solid #fff;

        padding-top: 15px

    }

    .footer-links {

        padding-bottom: 100px

    }

    #wrap {

        margin-right: 80px;

        margin-top: 4px

    }

    .top-seach-input:focus {

        width: 226px;

        background: #fff

    }

    .navbar-toggle-main {

        right: 12px!important

    }

    .menu_fixed {

        position: fixed!important

    }



    .social-icon-top {

        top: 90%!important;

        left: 0;

        right: 0!important;

        width: 206px!important;

        /*margin: 10px auto 0!important;*/

    }

    .social-icon-top {

    top: 90%!important;

    left: 0 !important;

    right: 0!important;

    width: 100vw !important;

    display: block;

    text-align: center;

    /* margin: 10px auto 0!important; */

}

.social-icon-top ul {width: 100% !important}





    .desktop-nav li {

        margin-bottom: 0px!important;

        font-size: 20px; width: 100vw !important;

    }

    .desktop-nav ul {text-align: center; width: 100% !important}

    span.main ul li a {

        font-size: 18px!important;

        min-width: 40px;

        min-height: 39px

    }

    .top-bar a {

        text-align: left;

        display: block

    }

    .top-bar-left {

        width: 100%!important

    }

    .associate-top-image {

        display: none

    }

    .recentft form {

        width: 85%

    }

    .foooter-address-bar p a br {

        display: block

    }

    .carousel-indicators {

        text-align: left!important;

        left: 36%!important

    }

    .names {

        bottom: 30px

    }

    .medium-block span.names,

    .small-block span.names {

        bottom: 42px

    }

    .newsletter-txt.medium-block,

    .newsletter-txt.small-block {

        min-height: 200px

    }

    .recent-with-link {

        padding-bottom: 80px

    }

    .medium-block.tweet p,

    .small-block.tweet p {

        padding-bottom: 40px

    }

    .medium-block.tweet img {

        width: 40%;

        margin: 0 0 20px

    }

    .footer-links li {

        width: 50%

    }

    .con-img.large-block-strict,

    .con-img.medium-block-strict,

    .con-img.small-block-strict,

    .text4.medium-block-strict,

    .text4.small-block-strict {

        height: 233px

    }

    .recentft.recent_news_text.medium-block-strict {

        height: 340px

    }

    .con-txt.formation-txt.medium-block {

        padding-bottom: 30px

    }

    .con-img.image-fit-class img {

        min-height: 100%

    }

    .con-txt.formation-txt.large-block {

        min-height: 100%;

        padding-bottom: 60px; 

    }
    .text3-link-control.large-block a {bottom: 20px;}

    .grants-new {

        padding: 33px 21px 0;

        min-height: 330px

    }

    .grants-new h4 {

        margin: 0

    }

    .grants-new-btn {

        bottom: 30px

    }

    .grants-new h2 {

        min-height: auto

    }

    .not-found-pg h2 {

        font-size: 100px;

        letter-spacing: 20px

    }

    .not-found-pg h3 {

        font-size: 17px;

        line-height: 30px

    }

    .not-found-pg h3 br {

        display: none

    }

    .mobile-news-container {

        float: left

    }

    .news-container-img {

        object-fit: cover;

        width: 100%;

        min-height: 175px

    }

    .news-container-title h2 a {

        font-size: 16px;

        line-height: 22px;

        display: block

    }

    .news-left {

        width: 100%;

        padding: 15px 20px 0

    }

    .news-txt-right {

        width: 100%;

        border: 0;

        padding: 0 20px 15px

    }

    .news-btn-right {

        width: 100%

    }

    .news-container-right {

        padding: 20px 0 0!important

    }

    .news-container-title {

        min-height: 110px;

        padding: 0 20px

    }

    .news-txt-right p {

        padding-left: 0

    }

    .news-date h2 {

        font-size: 60px

    }

    .event-date {

        width: 100%

    }

    .mapping-main.event-no-border h3 {

        padding-bottom: 12px;

        color: #a2a4a7;

        font-size: 16px

    }

    .mapping-main.event-no-border h2 {

        line-height: 32px;

        padding-bottom: 19px;

        font-size: 26px

    }

    .event-share-btn-inn {

        padding: 15px 12px;

        border-bottom: 1px solid #a2a4a7

    }

    .save-event,

    .subscribe-calender,

    .subscribe-calender:hover {

        padding: 16px 12px;

        font-size: 14px;

        background-position: right center

    }

    .subscribe-calender,

    .subscribe-calender:hover {

        background-size: 35px

    }

    .event-share-btn-inn p {

        font-size: 14px

    }

    .save-event {

        border-top: 1px solid #a2a4a7

    }

    .save-event:hover {

        background-position: right center

    }

    .event-share-btn {

        border: 0

    }

    .event-social-icon {

        float: right

    }

    .event-location {

        border-top: 1px solid #a2a4a7;

        background: 0 0;

        padding: 20px!important;

        width: 100%

    }

    .event-location2 {

        border-top: 0;

        background: 0 0;

        padding: 10px 20px!important;

        width: 100%

    }

    .remodal {

        width: 90%!important;

        margin-top: 30px;

        margin-bottom: 30px

    }

    .subscribe-lightbox {

        padding: 40px 20px

    }

    .subscribe-lightbox h2 {

        font-size: 20px;

        padding: 0 0 15px;

        margin: 0 0 20px

    }

    .subscribe-lightbox p {

        font-size: 16px;

        line-height: 27px;

        margin: 0 0 30px

    }

    .event-date h2 {

        font-size: 55px!important

    }

    .event-heading h2 {

        font-size: 20px;

        margin-bottom: 12px;

        padding-bottom: 10px

    }

    .news-heading,

    .news-subscribe {

        float: none

    }

    .subscribe-calender2 {

        padding: 9px 12px;

        display: block;

        background: url(images/calender-hover2.png) right center no-repeat #fcb24b;

        background-size: 30px;

        border-top: 1px solid #a2a4a7

    }

    .subscribe-calender2:hover {

        background: url(images/calender-hover2.png) right center no-repeat #fca032;

        background-size: 30px

    }

    .event-details {

        margin-top: 25px

    }

    .event-share-info {

        margin-bottom: 25px

    }

    .transparant-img {

        width: 160px;

        padding-left: 23px;

        padding-right: 23px

    }

    body {

        overflow-x: hidden

    }



.publication-container h2 {font-size: 16px; line-height: 23px;}

.publication-container { padding: 15px 20px;}

.publication-container .dynamic-height-active .dynamic-height-wrap { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;

 overflow: hidden; }

/*.publication-container .dynamic-height-wrap p.open { background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; max-height: 100%; -webkit-line-clamp:inherit;}*/

.publication-container button.read-mobile  {margin:10px 0 30px;}





.logo-container ul {width: 80%; margin:0 auto;}

.logo-container ul li {width: 100%; border-bottom: 1px solid #E5E5E5}

.logo-container ul li img {margin:0 auto; padding: 20px;}

.logo-container ul li:nth-child(1), .logo-container ul li:nth-child(2), .logo-container ul li:nth-child(3), .logo-container ul li:nth-child(4), .logo-container ul li:nth-child(5), .logo-container ul li:nth-child(6), .logo-container ul li:nth-child(7), .logo-container ul li:nth-child(8), .logo-container ul li:nth-child(9) { border-top:0px; border-left: 0px;}





.large-block-strict img.video-btn-slider { height: 80px !important;width: 80px !important;}

.multi-media .itemft span.read a {left: 22px;}

.multi-media .carousel-indicators { left: 22px!important;}



.investigators-top.interview-img img {height: 233px; object-fit: cover}

}



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

    .news-inn h3 a,

    .newsbox-in h3 a {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        max-height: 90px;

        -webkit-line-clamp: 3;

        margin-bottom: 30px

    }

    .footer-close-panel p,

    .footer-icon,

    .footer-icon2,

    .footer-inn a,

    .footer-inn h2,

    .footer-inn li,

    .footer-inn p,

    .footer-search h2,

    .search-input,

    .social-icon li,

    .top-bar p,

    .top-bar ul,

    .top-left-logo {

        text-align: center

    }

    .read-mobile,

    .read-mobile-contact {

        font-size: 15px;

        line-height: 10px;

        outline: none;

    }

    .associate ul li p,

    .associate-collapse-btn,

    .commit ul li p,

    .contact-bottom span,

    .contact-bottom span a {

        font-family: montserratlight

    }

    .read-mobile {

        margin: 30px 0

    }

    .read-mobile-contact {

        height: 10px;

        margin: 0

    }

    .dynamic-height-wrap {

        overflow: hidden;

        position: relative;

        -webkit-transition: max-height .25s ease-in-out;

        -moz-transition: max-height .25s ease-in-out;

        -o-transition: max-height .25s ease-in-out;

        transition: max-height .25s ease-in-out;

        width: 100%

    }

    .dynamic-height-active .dynamic-show-more {

        display: block

    }

    .selectboxit-container .selectboxit {

        width: 100%!important

    }

    .header-image,

    .list,

    .listin {

        width: 100%

    }

    .news-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .con-txt p.address {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: 100%!important

    }

    .about-header-bottom p,

    .associate-directors-contain p,

    .con-txt .list-in p span,

    .con-txt .listin p span,

    .con-txt p,

    .con-txt p.open,

    .directortxt p,

    .directortxt p.open,

    .equipment-contain p.open,

    .home-header-txt p,

    .imagingtxt p,

    .imagingtxt p.open,

    .recent p,

    .recent p.open,

    .recentft p,

    .recentft p.open {

        -webkit-text-fill-color: transparent!important

    }

    .heading {

        margin: 0 5px 20px

    }

    .heading h1 {

        font-size: 16px

    }

    .associate-top-image {

        display: none

    }

    .con-txt .list-in p span,

    .con-txt .listin p span {

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 100%)!important;

        -webkit-background-clip: text!important;

        font-size: 12px;

        margin: 0 11px

    }

    .listin {

        padding: 10px

    }

    .list {

        margin-top: 30px

    }

    .wht-qbi {

        padding-bottom: 30px!important;

        min-height: auto!important

    }

    .itemft span.names {

        padding-bottom: 30px

    }

    .content-inn {

        margin: 0 20px 20px

    }

    .recentft span.read {

        left: 22px;

        bottom: 30px

    }

    .qbi-cluster span.read {

        bottom: 30px!important

    }

    .directortxt h2 {

        padding: 0 0 17px;

        font-size: 26px;

        line-height: 33px

    }

    .directortxt span {

        left: 22px;

        bottom: 30px

    }

    .imagingtxt {

        padding: 32px 22px 0;

        min-height: 298px

    }

    .imagingtxt h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .imagingtxt p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .imagingtxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recentft h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .about-header-bottom p,

    .con-txt p,

    .recent p,

    .recentft p {

        line-height: 26px

    }

    .recentft p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recentft p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recent h2 {

        padding: 0 0 5px;

        font-size: 26px

    }

    .recent p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recent p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recent span.read {

        left: 22px;

        bottom: 30px

    }

    .equipment-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .equipment-contain p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .imagingtxt span {

        left: 22px;

        bottom: 30px

    }

    .newsbox-in {

        padding: 32px 22px 0;

        min-height: 340px;

        margin-bottom: 0

    }

    .newsbox-in span {

        left: 22px;

        bottom: 30px

    }

    .news-contain {

        min-height: 412px!important

    }

    .press-contain {

        min-height: 395px!important

    }

    .news-inn {

        padding: 32px 22px 0;

        min-height: 270px

    }

    .newsbox-in h2 {

        padding-bottom: 25px

    }

    .newsbox-in h4 {

        padding-bottom: 10px

    }

    .news-inn h2 {

        padding-bottom: 18px

    }

    .news-inn h4 {

        padding-bottom: 8px

    }

    .news-inn span {

        left: 22px;

        bottom: 30px

    }

    .grants-category {

        padding: 32px 22px 0;

        min-height: 240px

    }

    .grants-category span {

        left: 22px;

        bottom: 30px

    }

    .grants-category h3 {

        padding-bottom: 10px

    }

    .styled-select {

        width: auto;

        margin: 0 auto 15px

    }

    .selectboxit-container,

    .selectboxit-container .selectboxit,

    .styled-select select {

        width: 100%

    }

    .investigators-bottom {

        padding: 20px 22px 0;

        min-height: auto

    }

    .name_container {

        min-height: auto

    }

    .investigators-top {

        min-height: 210px;

        padding: 30px 60px

    }

    .investigators-bottom h2 {

        font-size: 20px

    }

    .investigators-bottom h3,

    .investigators-bottom h4 {

        font-size: 16px

    }

    #map {

        min-height: 230px

    }

    .con-txt h2 {

        padding: 0 0 20px

    }

    .margin-fifteen {

        margin-left: 20px!important;

        margin-right: 20px!important

    }

    .contact-header {

        padding: 32px 22px;

        min-height: 268px

    }

    .contact-bottom {

        left: 20px

    }

    .contact-bottom span,

    .contact-bottom span a {

        font-size: 18px

    }

    .con-txt {

        padding: 30px 22px 0

    }

    .about-header-bottom p,

    .con-txt p {

        font-size: 18px;

        padding: 0 0 5px

    }

    .con-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .con-txt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .about-header-bottom p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .home-header-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0) 80%);

        -webkit-background-clip: text!important

    }

    .contact-middle-text {

        padding: 32px 22px;

        min-height: 200px

    }

    .padding-left3 {

        padding-left: 20px!important;

        padding-right: 20px!important

    }

    .recentft {

        padding: 30px 22px 1px;

        min-height: 268px

    }

    .technlogy-inn {

        min-height: auto;

        padding-bottom: 80px

    }

    .recent {

        padding: 30px 22px;

        min-height: 240px

    }

    .contact-middle-text span {

        left: 22px;

        bottom: 30px

    }

    .recent h3 {

        font-size: 22px;

        line-height: 33px;

        padding: 0 0 55px

    }

    .directortxt p,

    .publication-dropdown h2 {

        font-size: 18px

    }

    .contact-middle-icon1,

    .contact-middle-icon2,

    .contact-middle-icon3 {

        margin-bottom: 40px;

        padding: 10px 40px 0

    }

    .contact-readmore {

        width: 100%;

        margin: 5px 0 0;

        padding: 20px 0;

        position: inherit!important;

        left: inherit!important;

        border-bottom: 1px solid #fff;

        display: block

    }

    #margins li,

    .map-tabs {

        border-bottom: 1px solid #fcb24b

    }

    .associate ul li.last p,

    .commit ul li.last p,

    .mobile-news-container {

        border-bottom: 1px solid #fff

    }

    .contact-middle-text p {

        margin-bottom: 20px

    }

    .directortxt {

        padding: 30px 21px 1px;

        min-height: 200px

    }

    .associate-directors-carousel {

        height: auto

    }

    .associate-directors-contain {

        padding-bottom: 40px

    }

    .directortxt p {

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .associate-directors-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 8%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .directortxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .publication-dropdown {

        margin-right: 5px;

        margin-left: 5px;

        padding: 35px 10px

    }

    .publication-category {

        padding: 33px 21px 0;

        min-height: 430px

    }

    .padding-left-ten,

    .padding-right-ten,

    .padding-ten {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .publication-inn {

        padding: 5px 0;

        margin: 0 0 50px

    }

    .publication-category-bottom {

        width: 90%;

        bottom: 30px;

        left: 0

    }

    .specific-margin-fifteen {

        margin-left: 20px;

        margin-right: 20px

    }

    .mapping-main h3 {

        font-size: 14px

    }

    .mapping-main h2 {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    #margins li {

        width: 100%!important

    }

    .nav-tabs>li>a {

        margin-right: 0

    }

    .map-tabs>li>a:hover {

        margin-bottom: 0

    }

    .map-content-inn {

        padding: 20px 0 0

    }

    .panel {

        margin-bottom: 10px

    }

    .paginationtxt .map-left-btn,

    .paginationtxt .map-right-btn {

        line-height: 26px;

        padding: 0

    }

    .mapping-main h2.capital-case {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    .no-padding-specific {

        padding-left: 0!important;

        padding-right: 0!important

    }

    .header_position {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .top-bar p {

        margin-bottom: 10px

    }

    .top-bar li {

        margin-left: 10px

    }

    .team {

        padding: 25px 22px;

        height: 110px;

        min-height: 110px;

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        justify-content: center;

        -webkit-box-align: center;

        -webkit-flex-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center

    }

    .team h2 br {

        display: block

    }

    .team h2 {

        font-size: 25px;

        float: left;

        width: 80%;

        line-height: 30px;

        min-height: 60px;

        height: 60px

    }

    .team img {

        float: right

    }

    .itemft {

        width: 100%;

        padding: 32px 22px;

        min-height: 380px

    }

    .tweet p {

        padding: 0 0 25px;

        min-height: auto

    }

    .tweet img {

        margin: 0 0 32px;

        width: auto

    }

    .footer-inn li,

    .itemrt {

        width: 100%

    }

    .recentft span.names {

        padding: 0 0 75px

    }

    .newsft span.names {

        padding: 0 0 30px

    }

    .boxft,

    .news,

    .newsft,

    .tweet {

        padding: 30px 22px

    }

    .itemrt {

        min-height: 233px

    }

    .tweet {

        min-height: 200px

    }

    .recentft span.readn {

        left: 22px;

        bottom: 30px

    }

    .newsft {

        min-height: 150px

    }

    .boxft {

        margin-bottom: 18px;

        background-size: cover!important;

        min-height: auto

    }

    .boxft h2 {

        font-size: 20px;

        padding-bottom: 14px

    }

    .boxft span {

        font-size: 90px;

        padding-bottom: 27px

    }

    .boxft h3 {

        font-size: 27px;

        padding-bottom: 15px

    }

    .boxft a {

        line-height: 10px

    }

    .news h2 {

        font-size: 22px;

        line-height: 33px;

        padding-bottom: 78px

    }

    .footer-icon,

    .footer-icon2 {

        display: block!important

    }

    .social-icon li {

        width: 30%;

        margin-right: 0

    }

    .associate ul li,

    .commit ul li,

    .commit-collapse {

        width: 100%

    }

    .social-icon {

        margin: 0 0 20px

    }

    .no-fade-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: inherit!important;

        padding-bottom: 0

    }

    .formation-txt p,

    .research-contain p,

    .technology-used p,

    .technology-used p.open {

        -webkit-text-fill-color: transparent!important

    }

    .con-txt .list-in p span {

        font-size: 12px;

        padding-top: 8px

    }

    .header_icon_text {

        margin: 15px 0 0!important

    }

    .middle-two {

        height: auto

    }

    .executive-text {

        min-height: auto;

        padding-bottom: 80px

    }

    .executive-text p {

        overflow: hidden

    }

    .executive-text span {

        display: block;

        position: absolute;

        bottom: 30px

    }

    .slider .carousel-indicators {

        left: 20px

    }

    .affilate-txt {

        min-height: 100px;

        padding-bottom: 30px

    }

    .press-mobile {

        min-height: 340px

    }

    .equipment-readmore {

        display: none!important

    }

    .about-exe-committee,

    .associate-directors-img {

        display: block

    }

    .associate-directors {

        display: block;

        margin-top: -70px;

        margin-bottom: 20px

    }

    .associate-directors-slider {

        display: none

    }

    .commit-collapse {

        padding: 0 10px 20px;

        margin: -50px auto 0

    }

    .associate-directors-contain span {

        position: inherit!important;

        bottom: 0;

        left: 0

    }

    .associate-directors-contain p {

        padding-bottom: 40px

    }

    .association-container {

        background: #f4a141;

        display: block

    }

    .associate-collapse {

        padding: 0 10px 20px;

        width: 100%;

        margin: 0 auto

    }

    .associate-collapse-btn {

        display: block;

        margin-top: 5px;

        font-size: 14px

    }

    .see-members-btn {

        font-size: 15px;

        margin: 20px 0 0 10px;

        display: block

    }

    .commit ul li h2 {

        font-size: 22px

    }

    .commit ul li p {

        font-size: 18px;

        line-height: 26px

    }

    .about-carousel {

        margin-top: 10px;

        display: block

    }

    .associate ul {

        margin-bottom: 50px

    }

    .associate ul li h2 {

        font-size: 22px

    }

    .associate ul li p,

    .formation-txt p,

    .research-contain p {

        font-size: 18px;

        line-height: 26px

    }

    .listing-about-bottom {

        margin-top: 20px

    }

    .technology-used p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 40%);

        -webkit-background-clip: text!important

    }

    .technology-used p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .con-txt a {

        margin-bottom: 0

    }

    .formation-txt p {

        padding: 0 0 5px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .grants-txt p,

    .investigators-txt p,

    .mapping-txt p,

    .papers-txt p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .research-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .press-video-txt {

        min-height: 424px

    }

    .imaging,

    .mapping-one {

        min-height: 100px

    }

    .computation-txt,

    .sys-bio {

        min-height: 200px

    }

    .micro-fluid-txt {

        min-height: 243px

    }

    .more-come-txt {

        min-height: 271px

    }

    .qbi-role-txt {

        min-height: 200px

    }

    .collaboration-txt {

        min-height: 242px

    }

    .basic-research {

        min-height: 100px;

        padding-bottom: 40px

    }

    .cloud-computing,

    .qbi-cluster {

        min-height: 100px;

        padding-bottom: 80px

    }

    .abt-bottomhead-btn {

        margin-top: 20px!important;

        margin-bottom: 0!important

    }

    .about-header-bottom {

        margin-bottom: 30px

    }

    .contact-quote-text {

        min-height: 100px;

        padding-bottom: 30px

    }

    .contact-quote-text h3 {

        padding-bottom: 25px

    }

    .equipment-contain {

        min-height: 100%;

        padding-bottom: 30px

    }

    .basic-research span {

        bottom: 27px

    }

    .research-icon {

        width: 15%

    }

    .top-left-logo {

        margin: 5px auto 30px

    }

    .logo {

        width: 70%;

        display: none!important

    }

    .b-cluster-img,

    .basic-research-img,

    .contact-header-img,

    .directorimg img,

    .equipment-header-img,

    .header-image,

    .investigator-image,

    .itemrt img,

    .mapping-image,

    .mapping-one-img,

    .news-header-img,

    .news-image,

    .newsletter-img,

    .newsrt img,

    .recentrt img,

    .research-image,

    .research-image-three,

    .research-image-two,

    .stat-img,

    .technlogy-inn-img,

    .videoin img {

        width: 100%;

        height: 233px!important;

        object-fit: cover

    }

    .directorimg,

    .small-block-strict.recentft,

    .small-block-strict.recentrt {

        height: 100%

    }

    .imagingtxt.imaging.no-fade-txt p,

    .imagingtxt.sys-bio.no-fade-txt p,

    .recent.no-fade-txt.computation-txt p {

        padding-bottom: 80px

    }

    .directortxt.press-contain.no-fade-txt p,

    .imagingtxt.no-fade-txt p,

    .recent.more-come-txt p,

    .recentft.micro-fluid-txt.no-fade-txt p {

        padding-bottom: 40px

    }

    .publication-category h2 {

        min-height: 120px

    }

    .publication-category h2 a {

        font-size: 16px;

        line-height: 23px

    }

    .recentft.mapping-one.no-fade-txt p {

        padding-bottom: 80px

    }

    .address-txt,

    .home-header-txt,

    .orange-quote {

        padding-bottom: 30px

    }

    .technlogy-inn-img {

        min-height: 233px!important

    }

    .home-header-txt {

        min-height: 220px

    }

    .executive-text {

        background: 0 0;

        z-index: 2

    }

    .orange-quote {

        min-height: 200px

    }

    .top-bar p {

        margin: 0;

        font-size: 15px

    }

    .top-bar ul {

        float: none

    }

    .top-search-panel {

        padding-bottom: 40px

    }

    .top-bar {

        margin-bottom: 10px

    }

    .top-left-logo {

        width: 50%!important

    }

    .ucsf-logo p {

        font-size: 13px

    }

    footer {

        padding: 0

    }

    .footer-logo {

        margin: 0 0 40px!important;

        padding: 40px 0 0

    }

    .footer-logo ul {

        margin: 0

    }

    .footer-logo li {

        width: 49%;

        margin-bottom: 30px

    }

    .footer-envelope-icon,

    .footer-map-icon,

    .footer-tel-icon {

        display: block!important;

        float: none;

        margin-bottom: 20px

    }

    .footer-logo li img {

        width: 80%

    }

    .footer-map-icon {

        font-size: 35px!important

    }

    .footer-envelope-icon {

        margin-left: 0;

        margin-right: 0;

        font-size: 25px!important

    }

    .footer-tel-icon {

        font-size: 30px!important

    }

    .foooter-address-bar p a br,

    .top-bar a {

        display: block

    }

    .foooter-address-bar p {

        font-size: 15px;

        line-height: 26px;

        margin-bottom: 40px

    }

    .footer-social-icon li {

        font-size: 25px!important

    }

    .footer-more {

        width: 26%

    }

    .footer-close-panel p {

        font-size: 13px;

        line-height: 21px

    }

    .mobile-more-btn {

        width: 100px;

        margin: -75px auto 0;

        display: block

    }

    .copyright-txt {

        margin-top: 40px;

        border-top: 1px solid #fff;

        padding-top: 15px

    }

    .footer-links {

        padding-bottom: 100px

    }

    #wrap {

        margin-right: 80px;

        margin-top: 4px

    }

    .top-seach-input:focus {

        width: 226px;

        background: #fff

    }

    .navbar-toggle-main {

        right: 12px!important

    }

    .social-icon-top {

        top: 84%!important;

        left: 0;

        right: 60px!important;

        width: 206px!important;

        margin: 10px auto 0!important

    }

    .desktop-nav li {

        margin-bottom: 10px!important;

        font-size: 20px;

        margin-left: 30px!important

    }

    span.main ul li a {

        font-size: 20px;

        min-width: 40px;

        min-height: 39px

    }

    .top-bar a {

        text-align: left

    }

    .desktop-nav ul li a {

        font-size: 18px!important

    }

    .menu_fixed {

        position: fixed!important

    }

    .recentft form {

        bottom: 40px;

        width: 89%

    }

    .carousel-indicators {

        text-align: left!important;

        left: 35%!important

    }

    .names {

        bottom: 30px

    }

    .medium-block span.names,

    .small-block span.names {

        bottom: 42px

    }

    .newsletter-txt.medium-block,

    .newsletter-txt.small-block {

        min-height: 200px

    }

    .con-img.image-fit-class img,

    .grants-new {

        min-height: 100%

    }

    .recent-with-link {

        padding-bottom: 80px

    }

    .medium-block.tweet p,

    .small-block.tweet p {

        padding-bottom: 40px

    }

    .medium-block.tweet img {

        width: 40%;

        margin: 0 0 20px

    }

    .footer-links li {

        width: 50%

    }

    .con-img.large-block-strict,

    .con-img.medium-block-strict,

    .con-img.small-block-strict,

    .text4.medium-block-strict,

    .text4.small-block-strict {

        height: 233px

    }

    .recentft.recent_news_text.medium-block-strict {

        height: 350px

    }

    .con-txt.formation-txt.medium-block {

        padding-bottom: 30px

    }

    .con-txt.formation-txt.large-block {

        min-height: 100%;

        padding-bottom: 60px;

    }
    .text3-link-control.large-block a {bottom: 20px;}

    .grants-new {

        padding: 33px 21px 70px

    }

    .grants-new h4 {

        margin: 0

    }

    .grants-new-btn {

        bottom: 30px

    }

    .grants-new h2 {

        min-height: auto

    }

    .not-found-pg h2 {

        font-size: 100px;

        letter-spacing: 20px

    }

    .not-found-pg h3 {

        font-size: 17px;

        line-height: 30px

    }

    .not-found-pg h3 br {

        display: none

    }

    .mobile-news-container {

        float: left;

        width: 100%

    }

    .news-container-img {

        object-fit: cover;

        width: 100%;

        min-height: 175px

    }

    .news-container-title h2 a {

        font-size: 16px;

        line-height: 22px;

        display: block

    }

    .news-left {

        width: 100%;

        padding: 15px 20px 0

    }

    .news-txt-right {

        width: 100%;

        border: 0;

        padding: 0 20px 15px

    }

    .news-btn-right {

        width: 100%

    }

    .news-container-right {

        padding: 20px 0 0!important

    }

    .news-container-title {

        min-height: 110px;

        padding: 0 20px

    }

    .news-txt-right p {

        padding-left: 0

    }

    .news-date h2 {

        font-size: 60px

    }

    .icon-mobile {

        width: 45px!important

    }

    .event-date {

        width: 100%

    }

    .mapping-main.event-no-border h3 {

        padding-bottom: 12px;

        color: #a2a4a7;

        font-size: 16px

    }

    .mapping-main.event-no-border h2 {

        line-height: 32px;

        padding-bottom: 19px;

        font-size: 26px

    }

    .event-share-btn-inn {

        padding: 15px 12px;

        border-bottom: 1px solid #a2a4a7

    }

    .save-event,

    .subscribe-calender,

    .subscribe-calender:hover {

        padding: 16px 12px;

        font-size: 14px;

        background-position: right center

    }

    .subscribe-calender,

    .subscribe-calender:hover {

        background-size: 35px

    }

    .event-share-btn-inn p {

        font-size: 14px

    }

    .save-event {

        border-top: 1px solid #a2a4a7

    }

    .save-event:hover {

        background-position: right center

    }

    .event-share-btn {

        border: 0

    }

    .event-social-icon {

        float: right

    }

    .event-location {

        border-top: 1px solid #a2a4a7;

        background: 0 0;

        padding: 20px!important;

        width: 100%

    }

    .event-location2 {

        border-top: 0;

        background: 0 0;

        padding: 10px 20px!important;

        width: 100%

    }

    .remodal {

        width: 90%!important;

        margin-top: 30px;

        margin-bottom: 30px

    }

    .subscribe-lightbox {

        padding: 40px 20px

    }

    .subscribe-lightbox h2 {

        font-size: 20px;

        padding: 0 0 15px;

        margin: 0 0 20px

    }

    .subscribe-lightbox p {

        font-size: 16px;

        line-height: 27px;

        margin: 0 0 30px

    }

    .event-date h2 {

        font-size: 55px!important

    }

    .event-heading h2 {

        font-size: 20px;

        margin-bottom: 12px;

        padding-bottom: 10px

    }

    .news-heading,

    .news-subscribe {

        float: none

    }

    .subscribe-calender2 {

        padding: 9px 12px;

        display: block;

        background: url(images/calender-hover2.png) right center no-repeat #fcb24b;

        background-size: 30px;

        border-top: 1px solid #a2a4a7

    }

    .subscribe-calender2:hover {

        background: url(images/calender-hover2.png) right center no-repeat #fca032;

        background-size: 30px

    }

    .event-details {

        margin-top: 25px

    }

    .event-share-info {

        margin-bottom: 25px

    }





.publication-container h2 {font-size: 16px; line-height: 23px;}

.publication-container { padding: 15px 20px;}

.publication-container .dynamic-height-active .dynamic-height-wrap p { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;  overflow: hidden; }

/*.publication-container .dynamic-height-wrap p.open { background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; max-height: 100%; -webkit-line-clamp:inherit;}*/

.publication-container button.read-mobile  {margin:10px 0 30px;}



.logo-container ul {width: 80%; margin:0 auto;}

.logo-container ul li {width: 100%; border-bottom: 1px solid #E5E5E5}

.logo-container ul li img {margin:0 auto; padding: 20px;}

.logo-container ul li:nth-child(1), .logo-container ul li:nth-child(2), .logo-container ul li:nth-child(3), .logo-container ul li:nth-child(4), .logo-container ul li:nth-child(5), .logo-container ul li:nth-child(6), .logo-container ul li:nth-child(7), .logo-container ul li:nth-child(8), .logo-container ul li:nth-child(9) { border-top:0px; border-left: 0px;}



.large-block-strict img.video-btn-slider { height: 80px !important;width: 80px !important;}

.multi-media .itemft span.read a {left: 22px;}

.multi-media .carousel-indicators { left: 6%!important;}



.investigators-top.interview-img img {height: 233px; object-fit: cover;}

}



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

    .read-mobile,

    .read-mobile-contact {

        font-size: 15px;

        color: #fff;

        padding: 0;

        text-transform: uppercase;

        text-decoration: none;

        display: block;

        background: 0 0;

        border: 0;

        outline: 0;

        z-index: 1;

        position: relative

    }

    .associate ul li p,

    .associate-collapse-btn,

    .commit ul li p,

    .contact-bottom span,

    .contact-bottom span a {

        font-family: montserratlight

    }

    .footer-inn a,

    .footer-inn h2,

    .footer-inn li,

    .footer-inn p,

    .footer-search h2,

    .search-input,

    .social-icon li,

    .top-bar p,

    .top-left-logo {

        text-align: center

    }

    .read-mobile {

        line-height: 18px;

        height: 19px;

        margin: 10px 0 30px

    }

    .read-mobile-contact {

        line-height: 10px;

        height: 10px;

        margin: 0

    }

    .dynamic-height-wrap {

        overflow: hidden;

        position: relative;

        -webkit-transition: max-height .25s ease-in-out;

        -moz-transition: max-height .25s ease-in-out;

        -o-transition: max-height .25s ease-in-out;

        transition: max-height .25s ease-in-out;

        width: 100%

    }

    .dynamic-height-active .dynamic-show-more {

        display: block

    }

    .selectboxit-container .selectboxit {

        width: 100%!important

    }

   
    .list {

        width: 340px;

        margin-top: 30px

    }

    .header-image,

     {

        width: 340px;

       

    }

    .con-txt p.address,

    .news-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: 100%!important

    }

    .con-txt p.address,

    .no-fade-txt p {

        -webkit-text-fill-color: inherit!important

    }

    .associate-directors-contain p,

    .con-txt .list-in p span,

    .con-txt .listin p span,

    .con-txt p,

    .con-txt p.open,

    .director-statement p,

    .directortxt p,

    .directortxt p.open,

    .equipment-contain p,

    .equipment-contain p.open,

    .home-header-txt p,

    .imagingtxt p,

    .imagingtxt p.open,

    .recent p,

    .recent p.open,

    .recentft p,

    .recentft p.open {

        -webkit-text-fill-color: transparent!important

    }

    .heading {

        margin: 0 5px 20px

    }

    .heading h1 {

        font-size: 16px

    }

    .associate-top-image {

        display: none

    }

    .con-txt .list-in p span,

    .con-txt .listin p span {

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 100%)!important;

        -webkit-background-clip: text!important;

        font-size: 12px;

        margin: 0 11px

    }

    .listin {

        padding: 10px

    }

    .wht-qbi {

        padding-bottom: 30px!important;

        min-height: auto!important

    }

    .itemft span.names {

        padding-bottom: 30px

    }

    .content-inn {

        margin: 0 20px 20px

    }

    .recentft span.read {

        left: 22px;

        bottom: 30px

    }

    .qbi-cluster span.read {

        bottom: 30px!important

    }

    .directortxt h2 {

        padding: 0 0 17px;

        font-size: 26px;

        line-height: 33px

    }

    .directortxt span {

        left: 22px;

        bottom: 30px

    }

    .imagingtxt {

        padding: 32px 22px 0;

        min-height: 298px

    }

    .imagingtxt h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .imagingtxt p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .imagingtxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recentft h2 {

        padding: 0 0 5px;

        line-height: 32px

    }

    .con-txt p,

    .recent p,

    .recentft p {

        line-height: 26px

    }

    .recentft p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recentft p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recent h2 {

        padding: 0 0 5px;

        font-size: 26px

    }

    .recent p {

        font-size: 18px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .recent p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .recent span.read {

        left: 22px;

        bottom: 30px

    }

    .equipment-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important

    }

    .equipment-contain p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .imagingtxt span {

        left: 22px;

        bottom: 30px

    }

    .newsbox-in {

        padding: 32px 22px 40px;

        min-height: 200px;

        margin-bottom: 0

    }

    .newsbox-in span {

        left: 22px;

        bottom: 30px

    }

    .news-contain {

        min-height: auto!important;

        padding-bottom: 80px!important

    }

    .press-contain {

        min-height: 100px!important;

        padding-bottom: 50px!important

    }

    .news-inn {

        padding: 32px 22px 40px;

        min-height: 200px

    }

    .newsbox-in h2 {

        padding-bottom: 25px

    }

    .newsbox-in h4 {

        padding-bottom: 10px

    }

    .news-inn h2 {

        padding-bottom: 18px

    }

    .news-inn h4 {

        padding-bottom: 8px

    }

    .news-inn span {

        left: 22px;

        bottom: 30px

    }

    .grants-category {

        padding: 32px 22px 50px;

        min-height: 100px

    }

    .grants-category span {

        left: 22px;

        bottom: 30px

    }

    .grants-category h3 {

        padding-bottom: 10px

    }

    .styled-select {

        width: auto;

        margin: 0 auto 15px

    }

    .selectboxit-container,

    .selectboxit-container .selectboxit,

    .styled-select select {

        width: 100%

    }

    .investigators-bottom {

        padding: 20px 22px 0;

        min-height: auto

    }

    .name_container {

        min-height: auto

    }

    .investigators-top {

        min-height: 210px;

        padding: 30px 60px

    }

    .investigators-bottom h2 {

        font-size: 20px

    }

    .investigators-bottom h3,

    .investigators-bottom h4 {

        font-size: 16px

    }

    .con-txt p,

    .contact-bottom span,

    .contact-bottom span a {

        font-size: 18px

    }

    #map {

        min-height: 230px

    }

    .con-txt h2 {

        padding: 0 0 20px

    }

    .margin-fifteen {

        margin-left: 20px!important;

        margin-right: 20px!important

    }

    .contact-header {

        padding: 32px 22px;

        min-height: 268px

    }

    .contact-bottom {

        left: 20px

    }

    .con-txt {

        padding: 30px 22px 0;

        min-height: auto

    }

    .con-txt p {

        padding: 0 0 5px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .con-txt p.open {



        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .director-statement p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .home-header-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 80%)!important;

        -webkit-background-clip: text!important;

        padding-bottom: 20px!important

    }

    .contact-middle-text {

        padding: 32px 22px;

        min-height: 200px

    }

    .padding-left3 {

        padding-left: 20px!important;

        padding-right: 20px!important

    }

    .recentft {

        padding: 30px 22px 1px;

        min-height: 268px

    }

    .technlogy-inn {

        min-height: auto;

        padding-bottom: 80px

    }

    .stats-txt {

        padding: 30px 22px 40px!important;

        min-height: auto!important

    }

    .recent {

        padding: 30px 22px;

        min-height: 200px

    }

    .orange-quote {

        padding-bottom: 30px

    }

    .contact-middle-text span {

        left: 22px;

        bottom: 30px

    }

    .recent h3 {

        font-size: 22px;

        line-height: 33px;

        padding: 0 0 55px

    }

    .contact-middle-icon1,

    .contact-middle-icon2,

    .contact-middle-icon3 {

        margin-bottom: 40px;

        padding: 10px 40px 0

    }

    .contact-readmore {

        width: 100%;

        margin: 5px 0 0;

        padding: 20px 0;

        position: inherit!important;

        left: inherit!important;

        border-bottom: 1px solid #fff;

        display: block

    }

    #margins li,

    .map-tabs {

        border-bottom: 1px solid #fcb24b

    }

    .associate ul li.last p,

    .commit ul li.last p,

    .mobile-news-container {

        border-bottom: 1px solid #fff

    }

    .contact-middle-text p {

        margin-bottom: 20px

    }

    .directortxt {

        padding: 30px 21px 1px;

        min-height: 280px

    }

    .associate-directors-contain {

        padding-bottom: 40px;

        min-height: 200px

    }

    .associate-directors-carousel {

        height: auto

    }

    .directortxt p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .associate-directors-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .directortxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .publication-dropdown {

        margin-right: 5px;

        margin-left: 5px;

        padding: 35px 10px

    }

    .publication-category {

        padding: 33px 21px 0;

        min-height: 380px

    }

    .padding-left-ten,

    .padding-right-ten,

    .padding-ten {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .publication-inn {

        padding: 5px 0;

        margin: 0 0 50px

    }

    .publication-category-bottom {

        width: 90%;

        bottom: 30px

    }

    .specific-margin-fifteen {

        margin-left: 20px;

        margin-right: 20px

    }

    .mapping-main h3 {

        font-size: 14px

    }

    .mapping-main h2 {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    #margins li {

        width: 100%!important

    }

    .map-tabs>li>a:hover {

        margin-bottom: 0

    }

    .nav-tabs>li>a {

        margin-right: 0

    }

    .map-content-inn {

        padding: 20px 0 0

    }

    .panel {

        margin-bottom: 10px

    }

    .paginationtxt .map-left-btn,

    .paginationtxt .map-right-btn {

        line-height: 26px;

        padding: 0

    }

    .no-padding-specific {

        padding-left: 0!important;

        padding-right: 0!important

    }

    .mapping-main h2.capital-case {

        font-size: 26px;

        line-height: 34px;

        padding: 0 0 32px;

        margin: 0 0 20px

    }

    .header_position {

        padding-right: 20px!important;

        padding-left: 20px!important

    }

    .top-bar p {

        margin-bottom: 10px

    }

    .top-bar li {

        margin-left: 10px

    }

    .top-left-logo {

        margin-bottom: 0px; margin-top: 5px;

        width: 50%!important

    }

    .team {

        padding: 25px 22px;

        height: 110px;

        min-height: 110px;

        align-items: center;

        justify-content: left;

        flex-direction: row;

        display: -webkit-flex;

        -webkit-align-items: left;

        -webkit-justify-content: left;

        -webkit-flex-direction: row

    }

    .team h2 br {

        display: block

    }

    .team h2 {

        font-size: 27px;

        float: left;

        width: 85%;

        line-height: 30px;

        min-height: 60px;

        height: 60px

    }

    .team img {

        float: right

    }

    .itemft {

        width: 100%;

        padding: 32px 22px;

        min-height: 380px

    }

    .tweet p {

        padding: 0 0 25px;

        min-height: auto

    }

    .tweet img {

        margin: 0 0 32px;

        width: auto

    }

    .footer-inn li,

    .itemrt {

        width: 100%

    }

    .recentft span.names {

        padding: 0 0 75px

    }

    .newsft span.names {

        padding: 0 0 30px

    }

    .itemrt {

        min-height: 233px

    }

    .tweet {

        padding: 30px 22px;

        min-height: 150px

    }

    .recentft span.readn {

        left: 22px;

        bottom: 30px

    }

    .newsft {

        padding: 30px 22px 40px;

        min-height: 200px

    }

    .boxft,

    .news {

        padding: 30px 22px

    }

    .boxft {

        margin-bottom: 18px;

        background-size: cover!important;

        min-height: auto

    }

    .boxft h2 {

        font-size: 20px;

        padding-bottom: 14px

    }

    .boxft span {

        font-size: 90px;

        padding-bottom: 27px

    }

    .boxft h3 {

        font-size: 27px;

        padding-bottom: 15px

    }

    .boxft a {

        line-height: 10px

    }

    .news h2 {

        font-size: 22px;

        line-height: 33px;

        padding-bottom: 40px

    }

    .footer-icon,

    .footer-icon2 {

        text-align: center;

        display: block!important

    }

    .social-icon li {

        width: 30%;

        margin-right: 0

    }

    .associate ul li,

    .commit ul li,

    .commit-collapse {

        width: 100%

    }

    .social-icon {

        margin: 0 0 20px

    }

    .no-fade-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: inherit!important;

        padding-bottom: 0

    }

    .formation-txt p,

    .technology-used p,

    .technology-used p.open {

        -webkit-text-fill-color: transparent!important

    }

    .con-txt .list-in p span {

        font-size: 12px;

        padding-top: 8px

    }

    .header_icon_text {

        margin: 15px 0 0!important

    }

    .middle-two {

        height: auto

    }

    .executive-text {

        min-height: auto;

        padding-bottom: 80px

    }

    .executive-text p {

        overflow: hidden

    }

    .executive-text span {

        display: block;

        position: absolute;

        bottom: 30px

    }

    .slider .carousel-indicators {

        left: 20px

    }

    .affilate-txt {

        min-height: 100px;

        padding-bottom: 30px

    }

    .press-mobile {

        min-height: 100px;

        padding-bottom: 40px

    }

    .equipment-readmore {

        display: none!important

    }

    .about-exe-committee,

    .associate-directors-img {

        display: block

    }

    .associate-directors {

        display: block;

        margin-top: -70px;

        margin-bottom: 20px

    }

    .associate-directors-slider {

        display: none

    }

    .commit-collapse {

        padding: 0 10px 20px;

        margin: -50px auto 0

    }

    .associate-directors-contain span {

        position: inherit!important;

        bottom: 0;

        left: 0

    }

    .associate-directors-contain p {

        padding-bottom: 40px!important

    }

    .association-container {

        background: #f4a141;

        display: block

    }

    .associate-collapse {

        padding: 0 10px 20px;

        width: 100%;

        margin: 0 auto

    }

    .associate-collapse-btn {

        display: block;

        margin-top: 5px;

        font-size: 14px

    }

    .see-members-btn {

        font-size: 15px;

        margin: 20px 0 0 10px;

        display: block

    }

    .commit ul li h2 {

        font-size: 22px

    }

    .commit ul li p {

        font-size: 18px;

        line-height: 26px

    }

    .about-carousel {

        margin-top: 10px;

        display: block

    }

    .associate ul {

        margin-bottom: 50px

    }

    .associate ul li h2 {

        font-size: 22px

    }

    .associate ul li p,

    .formation-txt p {

        font-size: 18px;

        line-height: 26px

    }

    .listing-about-bottom {

        margin-top: 20px;

        width: 65%!important

    }

    .technology-used p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 110%, rgba(255, 255, 255, 0) 40%);

        -webkit-background-clip: text!important

    }

    .technology-used p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .con-txt a {

        margin-bottom: 0

    }

    .formation-txt p {

        padding: 0 0 5px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .grants-txt p,

    .investigators-txt p,

    .mapping-txt p,

    .papers-txt p,

    .research-contain p {

        font-size: 18px;

        line-height: 26px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: transparent!important

    }

    .mapping-one,

    .press-video-txt {

        min-height: 100px;

        padding-bottom: 40px

    }

    .imaging,

    .sys-bio {

        padding: 32px 22px 40px

    }

    .imaging {

        min-height: 200px

    }

    .sys-bio {

        min-height: auto

    }

    .computation-txt,

    .micro-fluid-txt {

        min-height: 100px

    }

    .more-come-txt {

        min-height: 200px

    }

    .qbi-role-txt {

        min-height: 100%;

        padding-bottom: 40px

    }

    .collaboration-txt {

        min-height: auto;

        padding-bottom: 80px

    }

    .basic-research {

        min-height: 100px;

        padding-bottom: 40px

    }

    .cloud-computing,

    .qbi-cluster {

        min-height: 100px;

        padding-bottom: 80px

    }

    .abt-bottomhead-btn {

        margin-top: 20px!important;

        margin-bottom: 0!important

    }

    .about-header-bottom {

        margin-bottom: 30px

    }

    .contact-quote-text {

        min-height: auto;

        padding-bottom: 30px

    }

    .contact-quote-text h3 {

        padding-bottom: 35px

    }

    .equipment-contain {

        min-height: 100%;

        padding-bottom: 40px

    }

    .basic-research span {

        bottom: 27px

    }

    .research-icon {

        width: 8%

    }

    .top-bar p {

        margin: 0 0 10px

    }

    .top-bar ul {

        text-align: right;

        float: none

    }

    .top-bar {

        margin-bottom: 10px;

        padding: 13px 0 6px

    }

    .logo {

        width: 70%;

        display: none!important

    }

    .imagingtxt.imaging.no-fade-txt p,

    .imagingtxt.sys-bio.no-fade-txt p {

        padding-bottom: 40px

    }

    .recent.more-come-txt p,

    .recent.no-fade-txt.computation-txt p,

    .recentft.micro-fluid-txt.no-fade-txt p {

        padding-bottom: 80px

    }

    .directortxt.press-contain.no-fade-txt p,

    .imagingtxt.no-fade-txt p,

    .recentft.mapping-one.no-fade-txt p {

        padding-bottom: 40px

    }

    .publication-category h2 {

        min-height: 100px

    }

    .publication-category h2 a {

        font-size: 16px;

        line-height: 23px

    }

    .address-txt,

    .home-header-txt {

        padding-bottom: 30px

    }

    .b-cluster-img,

    .basic-research-img,

    .con-img img,

    .contact-header-img,

    .directorimg img,

    .equipment-header-img,

    .header-image,

    .investigator-image,

    .itemrt img,

    .mapping-image,

    .mapping-one-img,

    .news-header-img,

    .news-image,

    .newsletter-img,

    .newsrt img,

    .recentrt img,

    .research-image,

    .research-image-three,

    .research-image-two,

    .stat-img,

    .technlogy-inn-img,

    .videoin img {

        width: 100%;

        height: 233px!important;

        object-fit: cover

    }

    .directorimg,

    .small-block-strict.recentrt {

        height: 100%

    }

    .technlogy-inn-img {

        min-height: 233px!important

    }

    .home-header-txt {

        min-height: 220px

    }

    .executive-text {

        background: 0 0;

        z-index: 2

    }

    .ucsf-logo p {

        font-size: 13px

    }

    footer {

        padding: 0

    }

    .footer-logo {

        margin: 0 0 40px!important;

        padding: 40px 0 0

    }

    .footer-logo ul {

        margin: 0

    }

    .footer-logo li {

        width: 49%;

        margin-bottom: 30px

    }

    .footer-envelope-icon,

    .footer-map-icon,

    .footer-tel-icon {

        display: block!important;

        float: none;

        margin-bottom: 20px

    }

    .footer-logo li img {

        width: 60%

    }

    .footer-map-icon {

        font-size: 35px!important

    }

    .footer-envelope-icon {

        margin-left: 0;

        margin-right: 0;

        font-size: 25px!important

    }

    .footer-tel-icon {

        font-size: 30px!important

    }

    .foooter-address-bar p a br,

    .top-bar a {

        display: block

    }

    .foooter-address-bar p {

        font-size: 15px;

        line-height: 26px;

        margin-bottom: 40px

    }

    .footer-social-icon li {

        font-size: 25px!important

    }

    .footer-more {

        width: 26%

    }

    .footer-close-panel p {

        font-size: 13px;

        text-align: center;

        line-height: 21px

    }

    .mobile-more-btn {

        width: 100px;

        margin: -75px auto 0;

        display: block

    }

    .copyright-txt {

        margin-top: 40px;

        border-top: 1px solid #fff;

        padding-top: 15px

    }

    .footer-links {

        padding-bottom: 100px

    }

    #wrap {

        margin-right: 80px;

        margin-top: 4px

    }

    .top-seach-input:focus {

        width: 226px;

        background: #fff

    }

    .navbar-toggle-main {

        right: 12px!important

    }

    .desktop-nav li {

        margin-bottom: 0px!important;

        font-size: 20px;

        margin-left: 10%!important

    }

    span.main ul li a {

        font-size: 18px!important;

        min-width: 40px;

        min-height: 39px

    }

    .bottom_social {

        right: 0!important;

        top: 80%!important

    }

    .top-bar a {

        text-align: left;

        margin-bottom: 10px

    }

    .menu_fixed {

        position: fixed!important

    }

    .recentft form {

        bottom: 40px;

        width: 92%

    }

    .carousel-indicators {

        text-align: left!important;

        left: 35%!important

    }

    .names {

        bottom: 30px

    }

    .medium-block span.names,

    .small-block span.names {

        bottom: 42px

    }

    .newsletter-txt.medium-block,

    .newsletter-txt.small-block {

        min-height: 200px

    }

    .con-img.image-fit-class img,

    .grants-new {

        min-height: 100%

    }

    .recent-with-link {

        padding-bottom: 80px

    }

    .medium-block.tweet p,

    .small-block.tweet p {

        padding-bottom: 40px

    }

    .medium-block.tweet img {

        width: 40%;

        margin: 0 0 20px

    }

    .footer-links li {

        width: 50%

    }

    .con-img.large-block-strict,

    .con-img.medium-block-strict,

    .con-img.small-block-strict,

    .text4.medium-block-strict,

    .text4.small-block-strict {

        height: 233px

    }

    .recentft.recent_news_text.medium-block-strict {

        height: 320px

    }

    .con-txt.formation-txt.medium-block {

        padding-bottom: 30px

    }

    .con-txt.formation-txt.large-block {

        min-height: 100%;

        padding-bottom: 60px;

    }
    .text3-link-control.large-block a {bottom: 20px}

    .grants-new {

        padding: 33px 21px 70px

    }

    .grants-new-btn {

        bottom: 30px

    }

    .grants-new h4 {

        margin: 0

    }

    .grants-new h2 {

        min-height: auto

    }

    .mobile-news-container {

        float: left;

        width: 100%

    }

    .news-container-img {

        object-fit: cover;

        width: 100%;

        min-height: 175px

    }

    .news-container-title h2 a {

        font-size: 16px;

        line-height: 22px;

        display: block

    }

    .news-left {

        width: 100%;

        padding: 15px 20px 0

    }

    .news-txt-right {

        width: 100%;

        border: 0;

        padding: 0 20px 15px

    }

    .news-btn-right {

        width: 100%

    }

    .news-container-right {

        padding: 20px 0 0!important

    }

    .news-container-title {

        min-height: 110px;

        padding: 0 20px

    }

    .news-txt-right p {

        padding-left: 0

    }

    .icon-mobile {

        width: 45px!important

    }

    .news-date h2 {

        font-size: 60px

    }

    .event-date {

        width: 100%

    }

    .mapping-main.event-no-border h3 {

        padding-bottom: 12px;

        color: #a2a4a7;

        font-size: 16px

    }

    .mapping-main.event-no-border h2 {

        line-height: 32px;

        padding-bottom: 19px;

        font-size: 26px

    }

    .event-share-btn-inn {

        padding: 15px 12px;

        border-bottom: 1px solid #a2a4a7

    }

    .save-event,

    .subscribe-calender,

    .subscribe-calender:hover {

        padding: 16px 12px;

        font-size: 14px;

        background-position: right center

    }

    .subscribe-calender,

    .subscribe-calender:hover {

        background-size: 35px

    }

    .event-share-btn-inn p {

        font-size: 14px

    }

    .save-event {

        border-top: 1px solid #a2a4a7

    }

    .save-event:hover {

        background-position: right center

    }

    .event-share-btn {

        border: 0

    }

    .event-social-icon {

        float: right

    }

    .event-location {

        border-top: 1px solid #a2a4a7;

        background: 0 0;

        padding: 20px!important;

        width: 100%

    }

    .event-location2 {

        border-top: 0;

        background: 0 0;

        padding: 10px 20px!important;

        width: 100%

    }

    .remodal {

        width: 90%!important;

        margin-top: 30px;

        margin-bottom: 30px

    }

    .subscribe-lightbox {

        padding: 40px 20px

    }

    .subscribe-lightbox h2 {

        font-size: 20px;

        padding: 0 0 15px;

        margin: 0 0 20px

    }

    .subscribe-lightbox p {

        font-size: 16px;

        line-height: 27px;

        margin: 0 0 30px

    }

    .event-date h2 {

        font-size: 55px!important

    }

    .event-heading h2 {

        font-size: 20px;

        margin-bottom: 12px;

        padding-bottom: 10px

    }

    .news-heading,

    .news-subscribe {

        float: none

    }

    .subscribe-calender2 {

        padding: 9px 12px;

        display: block;

        background: url(images/calender-hover2.png) right center no-repeat #fcb24b;

        background-size: 30px;

        border-top: 1px solid #a2a4a7

    }

    .subscribe-calender2:hover {

        background: url(images/calender-hover2.png) right center no-repeat #fca032;

        background-size: 30px

    }

    .event-details {

        margin-top: 25px

    }

    .event-share-info {

        margin-bottom: 25px

    }



.publication-container h2 {font-size: 16px; line-height: 23px;}

.publication-container { padding: 15px 20px;}

.publication-container .dynamic-height-active .dynamic-height-wrap p { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;

 max-height: 80px; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}

.publication-container button.read-mobile  {margin:10px 0 30px;display: none;}



.logo-container ul {width: 80%; margin:0 auto; }

.logo-container ul:last-child { margin:0 auto 30px; }

.logo-container ul li {width: 50%; height:165px;  border-bottom: 1px solid #E5E5E5}

.logo-container ul li img {margin:0 auto; padding:30px;}



.logo-container ul li{ border-top:0px; border-left: 0px;}

.logo-container ul li{ border-top:0px; border-left: 0px;}

.logo-container ul:last-child li:nth-child(6),.logo-container ul:last-child li:nth-child(5){ border-bottom:0px;}

.logo-container ul li:nth-child(9) { border-top:0px; border-left: 0px; border-bottom: 0px;}

.logo-container ul li:nth-child(odd) { border-right: 1px solid #E5E5E5;}



.large-block-strict img.video-btn-slider { height: 80px !important;width: 80px !important;}

.multi-media .itemft span.read a {left: 22px;}

.multi-media .carousel-indicators { left: 22px!important;}



.investigators-top.interview-img img {height: 233px; object-fit: cover;}

}



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

    .news-inn h3 a,

    .newsbox-in h3 a {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        max-height: 90px;

        -webkit-line-clamp: 3;

        margin-bottom: 30px

    }

    .news-inn.medium-block,

    .newsbox-in.medium-block {

        min-height: 290px

    }

    .directorimg.large-block-strict {

        height: auto

    }

    .con-txt .listin p span,

    .con-txt p,

    .con-txt p.open,

    .contact-middle-text p,

    .contact-middle-text p.open,

    .directortxt p.open,

    .formation-txt p {

        -webkit-text-fill-color: transparent!important

    }

    .directorimg img,

    .mapping-image,

    .recentrt img {

        object-position: 100% 100%

    }

    .hvr-fade,

    .list-in {

        float: left

    }

    .contact-bottom span,

    .contact-bottom span a,

    .grants-category h3,

    .grants-category span a,

    .publication-category h3 {

        font-family: montserratlight

    }

    .affilate-txt span a,

    .read-mobile {

        color: #fff;

        text-transform: uppercase;

        text-decoration: none

    }

    .con-img img,

    .directorimg img,

    .itemrt img,

    .newsletter-img,

    .recentrt img {

        object-fit: cover;

        width: 100%

    }

    .read-mobile {

        font-size: 15px;

        line-height: 16px;

        padding: 0;

        margin: 0;

        background: 0 0;

        border: 0;

        outline: 0;

        position: absolute!important;

        bottom: 45px

    }

    .padding-left3,

    .padding-right-ten {

        padding-right: 15px!important

    }

    .read-mobile-contact {

        display: block!important;

        position: relative;

        z-index: 1000;

        line-height: 10px;

        height: 15px

    }

    .associate-directors-carousel,

    .middle-two {

        height: auto

    }

    .padding-left3 {

        padding-left: 15px!important

    }

    .contact-header {

        padding: 32px 30px 0;

        min-height: 240px

    }

    .contact-bottom {

        left: 30px;

        bottom: 45px

    }

    .contact-bottom span,

    .contact-bottom span a {

        font-size: 18px

    }

    .con-txt {

        padding: 32px 22px

    }

    .con-txt p {

        padding: 0 0 5px

    }

    .contact-middle-text {

        padding: 32px 30px 10px;

        min-height: 150px

    }

    .dynamic-height-wrap {

        -webkit-transition: all .7s ease;

        -moz-transition: all .7s ease;

        -o-transition: all .7s ease;

        -ms-transition: all .7s ease;

        transition: all .7s ease

    }

    .contact-readmore {

        width: 100%;

        margin: 5px 0 0;

        display: block;

        padding: 20px 0;

        bottom: 47px!important;

        position: inherit!important;

        left: inherit!important;

        border-bottom: 1px solid #fff

    }

    .associate-top-image,

    .sys-bio h2 br {

        display: none

    }

    .contact-middle-text p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 0);

        -webkit-background-clip: text!important

    }

    .contact-middle-text p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        padding-bottom: 40px

    }

    .recentft {

        padding: 32px 30px 0;

        min-height: 220px

    }

    .technlogy-inn {

        min-height: auto;

        padding-bottom: 80px

    }

    .mapping-one {

        min-height: auto!important;

        padding-bottom: 80px!important

    }

    .recentft form {

        margin: 0;

        bottom: 40px;

        width: 92%

    }

    .newsft {

        padding: 32px 30px 0;

        min-height: 220px

    }

    .cloud-computing,

    .qbi-cluster {

        min-height: auto;

        padding-bottom: 90px

    }

    .newsft span.read {

        bottom: 45px;

        position: absolute

    }

    .recent {

        padding: 32px 30px 30px;

        min-height: 220px

    }

    .contact-middle-text span {

        left: 30px;

        bottom: -20px;

        padding-bottom: 40px

    }

    .recent h3 {

        font-size: 22px;

        line-height: 33px

    }

    .publication-category {

        padding: 32px 30px 0;

        min-height: 420px

    }

    .computation-txt,

    .micro-fluid-txt {

        min-height: 220px

    }

    .styled-select {

        width: 100%

    }

    .selectboxit-container .selectboxit {

        width: 215px!important

    }

    .specific-margin-fifteen {

        padding-left: 20px;

        padding-right: 20px

    }

    .mapping-main,

    .no-padding-specific {

        padding-left: 15px;

        padding-right: 15px

    }

    .directortxt {

        padding: 35px 30px 80px

    }

    .directortxt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .computation-txt p {

        padding-bottom: 50px!important

    }

    .affilate-txt {

        min-height: 170px;

        padding: 32px 30px 0

    }

    .more-come-txt {

        min-height: 215px

    }

    .video-txt h2 {

        padding-bottom: 25px

    }

    .listin {

        padding: 20px;

        width: 33%;

        border: 0;

        border-left: 1px solid #fff

    }

    .con-txt .listin p span {

        font-size: 16px;

        line-height: 26px;

        margin: 0 11px;

        padding-top: 0

    }

    .list {

        margin: 30px auto 0;

        border: 0

    }

    .hvrfade-last,

    .list-in {

        border-right: 1px solid #fff

    }

    .header_icon_text {

        margin: 5px 0 0!important

    }

    .header-small-icon {

        width: 80%

    }

    .list-in {

        margin-bottom: 30px;

        width: 33.3%

    }

    .padding-ten {

        padding-left: 15px!important;

        padding-right: 15px!important

    }

    .team h2 {

        float: none;

        width: auto;

        min-height: 120px;

        font-size: 19px;

        line-height: 30px

    }

    .research-icon {

        width: 17%

    }

    .team {

        min-height: 229px;

        padding: 25px 30px;

        position: relative

    }

    .team img {

        position: absolute;

        bottom: 25px

    }

    .itemft {

        padding: 40px 30px;

        min-height: 310px

    }

    .itemft h2 {

        padding-bottom: 23px

    }

    .itemft h3 a,

    .itemft span.date {

        padding-bottom: 15px

    }

    .itemft span.names {

        padding-bottom: 25px

    }

    .slider .carousel-indicators {

        left: 30px

    }

    .tweet {

        padding: 40px 30px 0;

        min-height: 210px

    }

    .tweet img {

        float: left;

        margin-right: 50px;

        width: auto;

        margin-bottom: 130px

    }

    .tweet p {

        font-size: 25px;

        line-height: 35px;

        padding-bottom: 40px;

        min-height: auto

    }

    .orange-quote {

        min-height: 180px;

        background: url(images/quote.png) center right no-repeat #ffaf4a;

        background-size: 25%

    }

    .orange-quote-two {

        background: #ffaf4a!important

    }

    .orange-quote h3 {

        padding-right: 30%

    }

    .green-quote {

        min-height: 235px;

        background: url(images/quote-two.png) center right no-repeat #c6d333;

        padding: 32px 30px 0;

        background-size: 25%

    }

    .green-quote h2 {

        padding-right: 30%;

        font-size: 23px;

        line-height: 39px;

        padding-bottom: 25px

    }

    .recentft h2 {

        font-size: 25px;

        padding-bottom: 23px;

        line-height: 32px

    }

    .boxft h3 {

        font-size: 20px;

        padding-bottom: 10px

    }

    .boxft a {

        font-size: 13px;

        line-height: 10px

    }

    .boxft {

        padding: 32px 22px;

        margin-bottom: 18px;

        background-size: cover!important;

        min-height: 329px

    }

    .boxft h2 {

        font-size: 20px;

        padding-bottom: 14px

    }

    .boxft span {

        font-size: 60px;

        padding-bottom: 27px

    }

    .recentft span.readn {

        left: 30px;

        bottom: 45px

    }

    .recent_news_text {

        min-height: 280px

    }

    .recent h2 {

        padding-bottom: 23px;

        font-size: 25px;

        line-height: 30px

    }

    .con-txt p,

    .formation-txt p {

        font-size: 18px;

        line-height: 26px

    }

    .con-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 81%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .con-txt p.open {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;

        -webkit-background-clip: text!important;

        padding-bottom: 40px

    }

    .formation-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .con-txt .listin p span {

        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 100%)!important;

        -webkit-background-clip: text!important

    }

    .con-txt p.address,

    .no-fade-txt p {

        -webkit-text-fill-color: inherit!important

    }

    .recent h3 {

        padding-bottom: 30px

    }

    .con-txt p.address {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important

    }

    .no-fade-txt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        padding-bottom: 0

    }

    .associate-directors-contain p,

    .directortxt p,

    .equipment-contain p,

    .imaging p,

    .recent p,

    .recentft p,

    .research-contain p,

    .sys-bio p {

        -webkit-text-fill-color: transparent!important

    }

    .contact-middle-icon1,

    .contact-middle-icon2,

    .contact-middle-icon3 {

        margin-bottom: 20px

    }

    .directortxt h2 {

        padding-bottom: 23px

    }

    .publication-category h3 {

        font-size: 16px

    }

    .publication-category h2 a {

        font-size: 16px;

        font-weight: 400;

        line-height: 22px

    }

    .publication-category h2 {

        padding-bottom: 10px;

        min-height: 145px

    }

    .publication-category-bottom {

        bottom: 35px

    }

    .grants-category span,

    .recentft span.read {

        bottom: 38px;

        left: 30px

    }

    .grants-category h2 a {

        font-size: 18px;

        font-weight: 400;

        line-height: 23px

    }

    .grants-category h3 {

        font-size: 16px;

        padding-bottom: 15px

    }

    .grants-category {

        padding: 32px 30px 0;

        min-height: 280px

    }

    .grants-category span a {

        font-size: 14px

    }

    .investigators-top {

        min-height: 195px;

        padding: 24px 50px

    }

    .investigators-bottom {

        padding: 20px 30px 0;

        min-height: 210px

    }

    .investigators-bottom h2 {

        font-size: 18px

    }

    .investigators-bottom h3,

    .investigators-bottom h4 {

        font-size: 12px

    }

    .directortxt h4,

    .imagingtxt span a,

    .news-inn span a,

    .newsbox-in span a,

    .recent span.date,

    .recent span.read a,

    .recentft span.date,

    .recentft span.read a {

        font-size: 14px;

        font-family: montserratlight

    }

    .name_container {

        min-height: 68px

    }

    .qbi-cluster span.read {

        bottom: 38px!important

    }

    .associate-directors-contain,

    .directortxt {

        min-height: 200px

    }

    .directortxt h3 {

        margin-bottom: 22px;

        padding-bottom: 20px

    }

    .directortxt h4 {

        padding-bottom: 10px

    }

    .recent h4 a,

    .recentft h4 a {

        padding-bottom: 40px

    }

    .directortxt span {

        left: 30px

    }

    .recent span.read {

        left: 30px;

        bottom: 38px

    }

    .news-inn span,

    .newsbox-in span {

        bottom: 45px;

        left: 30px

    }

    .imagingtxt {

        padding: 32px 30px 0;

        min-height: auto

    }

    .imagingtxt span {

        left: 30px

    }

    .imagingtxt h2 {

        padding-bottom: 23px

    }

    .newsbox-in {

        padding: 45px 30px 0;

        min-height: 235px;

        margin-bottom: 0

    }

    .newsbox-in h2 {

        padding-bottom: 23px

    }

    .newsbox-in h4 {

        padding-bottom: 10px

    }

    .news-inn {

        padding: 45px 30px 0;

        min-height: 235px

    }

    .padding-tablet-left,

    .padding-tablet-middle {

        padding-right: 10px!important

    }

    .basic-research p,

    .directortxt p,

    .imaging p,

    .recent p,

    .recentft p,

    .research-contain p,

    .sys-bio p {

        font-size: 18px;

        line-height: 26px

    }

    .news-inn h2 {

        padding-bottom: 23px

    }

    .news-inn h4 {

        padding-bottom: 10px

    }

    .recentft h3 a {

        padding-bottom: 30px

    }

    .padding-left-ten {

        padding-left: 15px!important

    }

    .padding-tablet-middle,

    .padding-tablet-right {

        padding-left: 10px!important

    }

    .equipment-contain {

        min-height: 225px

    }

    .equipment-contain h2 {

        padding-bottom: 23px

    }

    .basic-research {

        padding: 35px 30px 50px;

        min-height: 100px

    }

    .basic-research h2 {

        padding-bottom: 23px

    }

    .basic-research span {

        left: 30px;

        bottom: 38px

    }

    .imaging span,

    .sys-bio span {

        bottom: 45px;

        left: 30px

    }

    .directortxt p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 120%, rgba(255, 255, 255, 0) 120%);

        -webkit-background-clip: text!important

    }

    .associate-directors-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important

    }

    .equipment-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0) 120%);

        -webkit-background-clip: text!important

    }

    .recent p,

    .recentft p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 60%);

        -webkit-background-clip: text!important

    }

    .research-contain {

        min-height: 215px;

        padding-bottom: 45px

    }

    .research-contain h2 {

        padding-bottom: 23px

    }

    .research-contain p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);

        -webkit-background-clip: text!important;

        padding-bottom: 40px

    }

    .imaging {

        padding: 32px 30px 60px;

        min-height: 200px

    }

    .imaging h2 {

        padding-bottom: 23px

    }

    .imaging p {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%);

        -webkit-background-clip: text!important

    }

    .sys-bio {

        padding: 32px 30px 50px;

        min-height: 200px

    }

    .sys-bio h2 {

        padding-bottom: 23px

    }

    .sys-bio p {

        padding-bottom: 40px;

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 50%);

        -webkit-background-clip: text!important

    }

    .collaboration-txt p,

    .qbi-role-txt p {

        font-size: 14px!important;

        font-family: montserratlight!important

    }

    .stats-txt {

        padding: 32px 30px 0;

        min-height: 225px

    }

    .stats-txt span.read {

        left: 30px;

        bottom: 38px

    }

    .news-contain span,

    .press-contain span,

    .video-middle span,

    .video-txt span {

        bottom: 45px

    }

    .paginationtxt .map-left-btn,

    .paginationtxt .map-right-btn {

        line-height: 50px

    }

    .header-image {

        width: 100%;

        object-fit: cover;

        height: 266px

    }

    .con-txt h2 {

        padding-bottom: 23px

    }

    .contact-quote-text {

        padding: 32px 30px 30px;

        min-height: auto;

        background: url(images/quote.png) right center no-repeat #ffaf4a;

        background-size: 25%

    }

    .contact-quote-text h3 {

        padding-right: 40%;

        line-height: 39px;

        padding-bottom: 15px

    }

    .collaboration-txt,

    .qbi-role-txt {

        min-height: 340px!important;

        padding: 35px 30px

    }

    .mapping-grey,

    .press-tablet {

        padding: 32px 30px 45px

    }

    .commit {

        background: #c1c921;

        padding: 20px 0 30px 20px;

        min-height: 550px

    }

    .commit ul li {

        margin: 0 20px 0 0;

        width: 210px;

        float: left;

        padding: 23px 10px 0;

        min-height: 218px

    }

    .commit ul li p {

        min-height: 120px;

        padding: 0 28px 0 0

    }

    .commit ul li.last p {

        border-bottom: 1px solid #fff

    }

    .see-members-btn {

        margin-top: 20px;

        display: block;

        font-size: 17px

    }

    .associate-directors-img {

        display: block

    }

    .associate-directors {

        margin-top: -60px

    }

    .associate {

        padding: 10px 0 70px 20px;

        min-height: 470px;

        margin-top: 20px;

        margin-bottom: 20px

    }

    .associate ul li {

        width: 212px;

        margin: 0 20px 0 0

    }

    .associate ul li p,

    .associate ul li.last p {

        border-bottom: 1px solid #fff;

        min-height: 100px

    }

    .associate-collapse-btn {

        margin-top: 10px;

        display: block;

        font-size: 17px

    }

    .contact-header h2 {

        padding-bottom: 23px

    }

    .address-txt {

        padding: 32px 30px 45px!important

    }

    .directorimg img {

        height: 266px

    }

    .technlogy-inn-img {

        height: 266px!important;

        min-height: 266px!important;

        width: 100%

    }

    .recentrt img {

        height: 266px

    }

    .recent h2 br {

        display: none

    }

    .affilate-txt span a {

        font-size: 15px;

        line-height: 25px;

        padding: 0;

        margin: 0;

        display: block!important

    }

    .con-txt h2 br,

    .directortxt h2 br {

        display: none

    }

    .newsletter-img {

        height: 266px!important

    }

    .con-img img,

    .itemrt img,

    .large-block-strict.con-img img,

    .large-block-strict.itemrt img,

    .large-block-strict.newsbox img,

    .medium-block-strict.con-img img,

    .medium-block-strict.itemrt img,

    .medium-block-strict.newsbox img,

    .newsbox img,

    .small-block-strict.con-img img,

    .small-block-strict.itemrt img,

    .small-block-strict.newsbox img {

        height: 266px;

        object-position: 100% 100%

    }

    .con-img.large-block-strict,

    .con-img.small-block-strict {

        height: 100%

    }

    .con-img img {

        background-size: 100% 100%

    }

    .itemrt {

        min-height: 266px

    }

    .press-contain {

        min-height: 300px

    }

    .video-middle,

    .video-txt {

        min-height: 280px

    }

    .news-contain {

        min-height: 300px

    }

    .newsbox img {

        object-fit: cover;

        width: 100%

    }

    .about-tablet,

    .grants-image,

    .investigator-image,

    .mapping-image {

        height: 266px!important;

        object-fit: cover;

        width: 100%

    }

    .investigator-image {

        object-position: 100% 99%

    }

    .about-tablet,

    .grants-image {

        object-position: 100% 100%

    }

    .home-header-txt {

        min-height: 180px;

        padding-bottom: 45px!important

    }

    .con-txt.formation-txt.large-block p,

    .con-txt.formation-txt.no-fade-txt.medium-block p {

        padding-bottom: 50px

    }

    .home-header-txt a {

        margin-bottom: 0!important

    }

    .mapping-main img,

    .newsrt img {

        height: 266px;

        object-fit: cover;

        width: 100%;

        object-position: 100% 100%

    }

    .videoin img {

        height: 266px;

        object-fit: cover;

        width: 100%;

        object-position: 100% 50%

    }

    .mapping-one-img {

        height: 266px!important;

        object-fit: cover;

        width: 100%;

        object-position: 100% 100%

    }

    .wht-qbi {

        min-height: 50px!important

    }

    .social-icon-top {

        top: 50%!important

    }

    .broad-menu {

        width: 440px!important

    }

    .desktop-nav li {

        margin-bottom: 5px!important;

        font-size: 20px;

        width: 210px!important

    }

    span.main ul li a {

        font-size: 18px!important;

        min-height: 35px;

        min-width: 35px

    }

    .bottom_social {

        right: 6%!important;

        top: 80%!important

    }

    .mobile-more-btn {

        width: 90px;

        margin: 0 auto

    }

    .footer-more {

        width: 30%

    }

    .foooter-address-bar p {

        font-size: 15px;

        line-height: 26px;

        margin-bottom: 20px

    }

    .footer-social-icon li {

        font-size: 25px!important;

        margin-right: 30px

    }

    .footer-envelope-icon {

        margin-left: 0

    }

    #wrap {

        margin-right: 80px

    }

    .medium-block.tweet img,

    .small-block.tweet img {

        width: 20%;

        margin: 0 20px 100px

    }

    .directorimg {

        height: 100%

    }

    .names {

        bottom: 30px

    }

    .medium-block span.names,

    .small-block span.names {

        position: inherit;

        bottom: 0

    }

    .newsletter-txt.medium-block,

    .newsletter-txt.small-block {

        min-height: 200px

    }

    .footer-links li {

        width: 50%

    }

    .quote {

        min-height: 100%!important

    }

    .large-block.tweet,

    .medium-block.tweet,

    .small-block.tweet {

        min-height: 100%

    }

    .text4.medium-block-strict,

    .text4.small-block-strict {

        height: 266px

    }

    .recent.quote.orange.small-block {

        min-height: 375px!important

    }

    .con-txt.formation-txt.large-block,

    .con-txt.formation-txt.no-fade-txt.medium-block {

        min-height: 100%; padding-bottom: 70px;

    }

    .recent.text_object_fill.quote.orange.small-block span {

        position: absolute;

        bottom: 30px

    }

    .con-txt.formation-txt.large-block a,

    .con-txt.formation-txt.no-fade-txt.medium-block a {

        bottom: -20px;

    }

    .grants-new {

        padding: 32px 30px 0;

        min-height: 360px

    }

    .grants-new span {

        font-size: 14px

    }

    .grants-new h3 {

        margin-bottom: 20px;

        padding-bottom: 15px

    }

    .grants-new h2 {

        line-height: 23px;

        min-height: 125px

    }

    .grants-new-btn {

        bottom: 30px

    }

    .news-container-title {

        float: left;

        width: 50%;

        padding-right: 15px

    }

    .news-txt-bottom {

        float: left;

        width: 50%;

        min-height: 200px;

        border-top: 0;

        border-left: 1px solid #fff;

        margin-top: -20px;

        position: relative

    }

    .news-container-right {

        padding: 20px 0 0 20px!important

    }

    .news-container-right h2,

    .news-container-title h2 a {

        font-size: 16px;

        line-height: 22px

    }

    .news-left {

        width: 100%;

        padding: 20px 0 0 20px

    }

    .news-txt-right {

        width: 100%;

        border: 0;

        padding: 0 0 20px 20px

    }

    .news-btn-right {

        width: 100%;

        position: absolute;

        padding: 16px 0;

        bottom: 0

    }

    .news-container-img {

        width: 100%;

        object-fit: cover;

        min-height: 200px

    }

    .news-left p {

        padding: 0 10px 0 0;

        font-size: 12px;

        margin-left: -5px;

        min-height: 70px

    }

    .news-txt-right p {

        font-size: 12px;

        padding: 0;

        margin: 0 0 0 -3px

    }

    .news-btn-right a {

        font-size: 14px

    }

    .news-left p a {

        word-break: break-all

    }

    .news-date h2 {

        font-size: 55px

    }

    .event-date {

        width: 20%

    }

    .event-location {

        width: 80%;

        padding-bottom: 40px

    }

    .event-location2 {

        width: 80%;

        padding-bottom: 10px

    }

    .mapping-main.event-no-border h3 {

        padding-bottom: 3px;

        font-size: 15px

    }

    .mapping-main.event-no-border h2 {

        font-size: 30px;

        padding-bottom: 20px

    }

    .event-share-btn-inn p {

        margin-right: 20px;

        font-size: 14px

    }

    .subscribe-calender {

        padding: 16px 20px 17px;

        background: url(images/calender2.png) 250px center no-repeat;

        background-size: 35px

    }

    .news-info-icon {

        height: auto!important;

        width: 35px!important;

        object-fit: inherit!important

    }

    .save-event {

        padding: 16px 30px 17px

    }

    .event-share-btn-inn {

        padding: 15px 0 16px

    }

    .event-date h3 {

        font-size: 16px!important

    }

    .event-date h2 {

        font-size: 44px!important

    }

    .event-heading h2 {

        font-size: 24px;

        margin-bottom: 20px;

        padding-bottom: 15px

    }

    .event-details {

        margin-top: 25px

    }

    .event-share-info {

        margin-bottom: 25px

    }

    .map-content-inn {

        padding: 15px 0

    }

    .transparant-img {

        padding-top: 46px;

        padding-bottom: 47px

    }



.publication-container h2 {font-size: 16px; line-height: 23px;}

.publication-container { padding: 15px 20px;}

/*.publication-container .dynamic-height-wrap p { background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;max-height: 80px; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}*/

/*.publication-container .dynamic-height-wrap p.open { background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; max-height: 100%; -webkit-line-clamp:inherit;}*/

.publication-container button.read-mobile  {margin:10px 0 30px; position: inherit !important; bottom: inherit;}

.publication-container .dynamic-height-active .dynamic-height-wrap {overflow: hidden;    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, rgba(255,255,255,0) 120%,rgba(255,255,255,0) 100%);

    -webkit-background-clip: text !important;

    -webkit-text-fill-color: transparent !important;}





/*.logo-container ul {width: 80%; margin:0 auto;}

.logo-container ul li {width: 100%; border-bottom: 1px solid #E5E5E5}

.logo-container ul li img {margin:0 auto; padding: 20px;}

.logo-container ul li:nth-child(1), .logo-container ul li:nth-child(2), .logo-container ul li:nth-child(3), .logo-container ul li:nth-child(4), .logo-container ul li:nth-child(5), .logo-container ul li:nth-child(6), .logo-container ul li:nth-child(7), .logo-container ul li:nth-child(8), .logo-container ul li:nth-child(9) { border-top:0px; border-left: 0px;}*/



.logo-container ul li img {padding: 50px;}

.logo-container ul li {min-height: 200px;}



.multi-media .itemrt img { height: 620px;}

.large-block-strict img.video-btn-slider{ height: 120px;}

.video-btn-slider {top:30%;}

.multi-media .itemft span.read a {left: 30px;}



.investigators-top.interview-img img {height: 266px; object-fit: cover;}

}



@media screen and (min-width:992px) and (max-width:1024px) {


    .newsletter-img {

        min-height: 350px;

        object-fit: cover

    }

    .medium-block-strict.news-inn,

    .medium-block-strict.recent_news_text,

    .recentrt.object_fill.medium-block-strict {

        height: 400px

    }

    .con-txt.formation-txt.no-fade-txt.large-block {

        min-height: 520px

    }

    .con-img.image-fit-class img,

    .con-img.image-fit-class.medium-block-strict img {

        min-height: 540px

    }

    .news-container-title {

        float: left;

        width: 50%;

        padding-right: 15px

    }

    .news-txt-bottom {

        float: left;

        width: 50%;

        border-top: 0;

        border-left: 1px solid #fff;

        margin-top: -20px

    }

    .news-container-right {

        padding: 20px 0 0 20px!important

    }

    .news-container-right h2,

    .news-container-title h2 a {

        font-size: 16px;

        line-height: 22px

    }

    .news-left {

        width: 100%;

        padding: 20px 0 0 20px

    }

    .news-txt-right {

        width: 100%;

        border: 0;

        padding: 0 0 20px 20px

    }

    .news-btn-right {

        width: 100%;

        padding: 16px 0

    }

    .news-container-img {

        width: 100%;

        object-fit: cover;

        min-height: 193px

    }

    .news-left p {

        padding: 0 10px 0 0;

        font-size: 12px;

        margin-left: -5px;

        min-height: 70px

    }

    .news-txt-right p {

        font-size: 12px;

        padding: 0;

        margin: 0 0 0 -3px

    }

    .news-btn-right a {

        font-size: 14px

    }

    .news-left p a {

        word-break: break-all

    }

    .news-date h2 {

        font-size: 55px

    }

    .event-date {

        width: 20%

    }

    .event-location {

        width: 80%;

        padding-bottom: 40px

    }

    .event-location2 {

        width: 80%;

        padding-bottom: 10px

    }

    .mapping-main.event-no-border h3 {

        padding-bottom: 3px;

        font-size: 15px

    }

    .mapping-main.event-no-border h2 {

        font-size: 30px;

        padding-bottom: 20px

    }

    .event-share-btn-inn p {

        margin-right: 20px;

        font-size: 14px

    }

    .subscribe-calender {

        padding: 16px 20px 17px;

        background: url(images/calender2.png) 250px center no-repeat;

        background-size: 35px

    }

    .news-info-icon {

        height: auto!important;

        width: 35px!important;

        object-fit: inherit!important

    }

    .save-event {

        padding: 16px 30px 17px

    }

    .event-share-btn-inn {

        padding: 15px 0 16px

    }

    .event-date h3 {

        font-size: 16px!important

    }

    .event-date h2 {

        font-size: 55px!important

    }

    .event-heading h2 {

        font-size: 24px;

        margin-bottom: 20px;

        padding-bottom: 15px

    }

    .event-details {

        margin-top: 25px

    }

    .event-share-info {

        margin-bottom: 25px

    }

    .map-content-inn {

        padding: 15px 0

    }

    .transparant-img {

        padding-top: 46px;

        padding-bottom: 47px

    }



.investigators-top.interview-img img {height: 280px; object-fit: cover;}



}



@media screen and (min-width:1025px) and (max-width:1199px) {

    .newsletter-img {

        min-height: 330px;

        object-fit: cover

    }

    .con-txt.formation-txt.no-fade-txt.large-block {

        min-height: 520px

    }

    .con-img.image-fit-class img {

        min-height: 540px

    }

    .con-img.image-fit-class.medium-block-strict img {

        min-height: 510px

    }



.investigators-top.interview-img img {height: 280px; object-fit: cover;}

}



@media screen and (min-width:992px) and (max-width:1199px) {

    .grants-image,

    .listin,

    .news-image,

    .stat-img {

        width: 100%

    }

    .directortxt h4,

    .news-inn h4,

    .publication-category h3,

    .publication-category-btn,

    .recent span.date,

    .recent span.read a,

    .recentft span.date,

    .recentft span.read a {

        font-family: montserratlight

    }

    .research-image {

        min-height: 630px

    }

    .object_fill img {

        height: 330px;

        object-fit: cover;

        overflow: hidden

    }

    .text_object_fill {

        min-height: 330px;

        height: 440px;

        padding-bottom: 0

    }

    .recent_news_text {

        min-height: 330px!important

    }

    .team {

        padding: 52px 35px 35px

    }

    .team h2 {

        font-size: 28px

    }

    .con-txt {

        padding: 55px 25px 0 40px;

        min-height: 630px

    }

    .listin {

        padding: 10px

    }

    .contact-header,

    .recent,

    .recentft {

        padding: 50px 42px 0

    }

    .con-txt .listin p span {

        font-size: 13px

    }

    .contact-header {

        min-height: 325px

    }

    .contact-bottom {

        left: 42px;

        right: 20px

    }

    .recent {

        min-height: auto

    }

    .orange-quote-two {

        min-height: 300px!important;

        height: 300px

    }

    .recentft {

        min-height: auto

    }

    .recent h3 {

        font-size: 23px;

        line-height: 33px;

        padding-bottom: 0

    }

    .con-txt p.address {

        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)!important;

        -webkit-background-clip: text!important;

        -webkit-text-fill-color: inherit!important

    }

    .contact-middle-text {

        padding: 50px 42px 0;

        min-height: 530px

    }

    .directortxt h2 {

        padding-bottom: 23px;

        font-size: 24px;

        padding-right: 22px;

        line-height: 30px

    }

    .about-tablet {

        height: 63.5vw;

        object-fit: cover

    }

    .publication-category {

        padding: 50px 42px;

        min-height: 420px

    }

    .publication-category h2 {

        min-height: 120px

    }

    .grants-category {

        padding: 50px 42px 0;

        min-height: 300px

    }

    .grants-category span {

        left: 43px;

        bottom: 39px

    }

    .grants-image {

        height: 630px;

        object-fit: cover

    }

    .investigators-top {

        padding: 50px 80px;

        min-height: 270px

    }

    .investigators-bottom {

        padding: 20px 40px 0

    }

    .investigator-image {

        height: 630px!important;

        background-size: cover;

        object-fit: cover;

        max-width: 100.1%

    }

    .directortxt p {

        line-height: 24px

    }

    .imagingtxt h2,

    .news-inn h2,

    .newsbox-in h2,

    .recentft h2 {

        line-height: 30px

    }

    .recentft span.read {

        left: 42px;

        bottom: -23px

    }

    .recentft span.read a {

        font-size: 14px

    }

    .recentft h2 {

        font-size: 24px;

        padding-bottom: 15px

    }

    .directortxt h3 {

        padding-bottom: 20px;

        margin-bottom: 25px

    }

    .imagingtxt,

    .newsbox-in {

        padding: 50px 42px 0

    }

    .press-tablet {

        min-height: 345px!important

    }

    .imagingtxt,

    .mapping-grey {

        min-height: 360px

    }

    .press-tablet span.read {

        bottom: 24px

    }

    .press-tablet-img {

        max-width: 100.5%;

        min-height: 360px;

        width: 100%;

        object-fit: cover

    }

    .computation-txt,

    .micro-fluid-txt {

        min-height: 284px

    }

    .imagingtxt span {

        left: 42px

    }

    .recent span.read {

        bottom: 40px;

        left: 42px

    }

    .computation-txt span.read,

    .micro-fluid-txt span.read,

    .news-inn span {

        bottom: 39px

    }

    .recent span.read a {

        font-size: 14px

    }

    .news-contain {

        min-height: 620px!important

    }

    .press-contain {

        min-height: 500px

    }

    .directortxt span {

        left: 40px

    }

    .newsbox-in {

        min-height: 360px;

        margin-bottom: 0

    }

    .newsbox-in span {

        left: 45px;

        bottom: 39px

    }

    .news-inn span {

        left: 45px

    }

    .equipment-contain {

        min-height: 630px

    }

    .research-image {

        height: 63.4vw!important;

        object-fit: cover

    }

    .imagingtxt h2 {

        padding-bottom: 24px;

        font-size: 24px

    }

    .imagingtxt span {

        bottom: 0

    }

    .sys-bio span {

        bottom: 39px

    }

    .yellow-bottom-text span.read {

        left: 45px;

        bottom: 39px

    }

    .stats-txt span.read {

        bottom: 17px

    }

    .investigators-bottom h2 {

        font-size: 20px;

        margin-bottom: 3px

    }

    .publication-dropdown {

        padding: 30px 10px

    }

    .directortxt,

    .news-inn {

        padding: 50px 42px 0;

        min-height: 300px

    }

    .publication-dropdown h2 {

        margin-bottom: 25px

    }

    .selectboxit-text {

        font-size: 15px!important

    }

    .newsbox-in h2,

    .recent h2 {

        font-size: 24px

    }

    .investigators-bottom h3 {

        margin: 0

    }

    .investigators-bottom h4 {

        margin-bottom: 10px

    }

    .investigators-bottom {

        min-height: 195px

    }

    .sys-bio {

        min-height: 422px

    }

    .micro-fluid-image {

        height: 284px!important;

        object-fit: cover

    }

    .affilate-txt,

    .more-come-txt {

        min-height: 307px

    }

    .affiated-image {

        height: 307px!important;

        object-fit: cover

    }

    .equipment-header-img {

        height: 630px!important;

        object-fit: cover

    }

    .basic-research {

        min-height: 453px

    }

    .basic-research-img {

        height: 453px!important;

        object-fit: cover

    }

    .basic-research span {

        bottom: 39px

    }

    .qb-cluster-img {

        min-height: 300px!important;

        object-fit: cover

    }

    .news-header-img {

        min-height: 630px!important;

        object-fit: cover

    }

    .news-inn h2 {

        font-size: 23px;

        padding-bottom: 25px

    }

    .news-inn h4 {

        font-size: 14px

    }

    .news-inn h3 a,

    .newsbox-in h3 a {

        font-size: 18px;

        line-height: 22px

    }

    .directortxt span a,

    .news-inn span a,

    .newsbox-in span a {

        font-family: montserratlight;

        font-size: 14px

    }

    .stats-txt {

        min-height: 315px

    }

    .recentft h3 a {

        font-size: 18px;

        line-height: 22px

    }

    .press-image {

        min-height: 63.5vw;

        object-fit: cover

    }

    .press-contain h3 {

        padding-bottom: 10px;

        margin-bottom: 30px

    }

    .directortxt h4 {

        font-size: 14px

    }

    .press-contain p {

        font-size: 18px;

        font-weight: 700

    }

    .recentft span.date {

        font-size: 14px

    }

    .video-middle {

        min-height: 485px

    }

    .recentft h4 a {

        font-size: 18px;

        line-height: 22px

    }

    .recent span.date {

        font-size: 14px

    }

    .recent h4 a {

        font-size: 18px;

        line-height: 22px

    }

    .imagingtxt span a,

    .publication-category h3 {

        font-size: 14px

    }

    .press-mobile span {

        bottom: 30px

    }

    .mapping-grey span.read,

    .video-middle span,

    .video-txt span {

        bottom: 39px

    }

    #video iframe,

    #video img {

        min-height: 485px;

        object-fit: cover

    }

    #video-research iframe,

    #video-research img {

        min-height: 284px;

        object-fit: cover

    }

    .technlogy-inn-img {

        object-fit: cover;

        min-height: 550px!important

    }

    .education-image {

        min-height: 360px;

        object-fit: cover

    }

    .video-txt {

        min-height: 485px

    }

    #video1 iframe,

    #video1 img {

        min-height: 485px;

        object-fit: cover

    }

    .publication-category h2 a {

        font-size: 16px;

        line-height: 22px

    }

    .publication-category h3.light,

    .publication-category-bottom p a {

        font-size: 13px

    }

    .publication-category-btn {

        font-size: 14px

    }

    .mapping-image {

        height: 63.4vw!important;

        object-fit: cover

    }

    .mapping-one {

        min-height: 74vw;

        padding: 50px 42px

    }

    .mapping-one-img {

        min-height: 74vw;

        object-fit: cover

    }

    .contact-header h2 {

        font-size: 24px

    }

    .contact-bottom span {

        font-size: 18px

    }

    .contact-header-img {

        min-height: 325px;

        object-fit: cover

    }

    .con-txt h2 {

        font-size: 24px

    }

    .home-video {

        min-height: 330px;

        object-fit: cover

    }

    #map,

    .address-txt {

        min-height: 317px

    }

    .address-txt {

        padding: 50px 42px 0

    }

    .address-txt h2 {

        padding-bottom: 87px

    }

    .address-txt p {

        padding-bottom: 0

    }

    .contact-middle-icon1,

    .contact-middle-icon2,

    .contact-middle-icon3 {

        margin-bottom: 30px;

        padding: 15px 35px

    }

    .contact-txt,

    .newsletter-txt {

        padding: 50px 42px 0
    }
}

@media (min-width: 991px) and (max-width: 1199px) {

.associate ul li{width: 220px}

}

.f-height {display: flex;}
.f-height .boxft{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.multi-media .itemft span.read a,.multi-media.slider .carousel-indicators {left:55px}
@media (min-width: 320px) and (max-width: 767.98px) {
.f-height,.f-height .boxft {display: block;}
.f-height .boxft {height: auto}
.multi-media.slider .carousel-indicators{left: 30px}