body,html{font-family: 'Montserrat', sans-serif; color:#fff; /*line-height: 25px;*/}
#menu-open-close img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
textarea {resize:none; box-shadow:none !important; outline:none !important; font-weight: 300; }
.no-space-margin {margin-right: 0px; margin-left: 0px;}
@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: normal;
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;}
.hover{ cursor: pointer !important;}
/*************** MARGIN CSS ***********************/
.no-margin {margin-left:0px !important; margin-right:0px !important;}
.margin-left {margin-left:0px;}
.margin-right {margin-right:0px;}
.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 CSS ***********************/
.no-padding {padding-left:0px !important; padding-right:0px !important;}
.padding-left {padding-left:0px !important;}
.padding-right {padding-right:0px !important;}
.padding-right-ten {padding-right:10px !important;}
.padding-ten {padding-left:10px !important; padding-right:10px !important;}
.padding-left-ten {padding-left:10px !important;}
.padding-left-ten2 {padding-left:10px !important; padding-right:0px !important;}
.padding-left-ten3 {padding-left:0px !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;}
/********************* RAKHI COLOR CSS *******************/
.purple {background:#e08efa; transition: all 1s;}
.purple-dark {background:#7f3f93; transition: all 1s;}
.grey {background:#a6b9c3; transition: all 1s;}
.blue {background:#54d1f9; transition: all 1s;}
.green {background:#c6d333;}
.orange {background:#ffaf4a;}
.yellow {background:#ffd917;}
.blue {background:#54d1f9;}
.grey {background:#a6b9c3;}
.equipment-orange {background:#fcb24b;}
.home-blue{background:#a3c2fa;}
.home-dark{background:#33b9e4;}
.press-blue{background:#33bde8;}
.mapping-grey {background:#a7bac4;}
.darkblue{background:#99b9f2;}
.darkpurple{ background:#d989f2;}
/********************* EXTRA COLOR CSS *******************/
.pink {background:#e492fe;}
.green-two {background:#c9d748;}
.green-top {background:#d1dc5c}
.orange-two {background:#fcb24b;}
.skyblue {background:#61ccf4;}
.blue-two {background:#a7c6fe;}
.purple-two {background:#7f3f94;}
.yellow-two {background:#ffd917;}
/*.blue-three {background:#a7c6fe;}*/
.blue-top {background:#76dafa}
.purple-top {background:#9965a9}
.orange-top {background:#ffbf6e}
.yellow-top {background:#ffe145}
.home-dark:hover{background:#12a0cd}
.grey.hover:hover{ background:#7c8d96;}
.grey.hover:hover .recentrt img{ opacity:0.75; background:#8b9da6; cursor:pointer;}
.grey.hover:hover img{ background:#8b9da6;opacity:0.75;}
.grey:hover{ background:#a6b9c3;}
.grey:hover .directortxt{ background:#a6b9c3; cursor:auto;}
.grey:hover .microft{ background:#a6b9c3; cursor:auto;}
.grey:hover img{background:none;opacity:1; cursor:auto;}
.grey:hover .directorimg img{ background:none;opacity:1; cursor:auto;}
.home-blue.hover:hover .newsft{ background:#7ca0de;}
.home-blue.hover:hover .newsrt img{ opacity:0.75; background:#93b2e8;}
.purple-dark.hover:hover{ background:#723784;}
.purple-dark.hover:hover img {background:#723784; opacity:0.75; }
.purple-dark.hover:hover .directorimg img {background:#723784; opacity:0.75; }
.purple-dark.hover:hover .contact-middle-icon3 img { background:#a679b4;opacity:1; }
.purple-dark:hover .directortxt{ background:#7f3f93;}
.purple-dark:hover img {background:#7f3f93; opacity:1;}
.orange.hover:hover{ background:#eaa247; }
.orange.hover:hover img{opacity:0.75;background:none;cursor:pointer;}
.orange.hover:hover .directortxt{ background:#ffaf4a; cursor:pointer;}
.orange:hover .directortxt{ background:#ffaf4a; cursor:auto;}
.orange:hover img{background:none;opacity:1; cursor:auto;}
/*
.orange.recent:hover { background:#ffaf4a; cursor:auto;}*/
.green.hover:hover{ background:#b9c52f;}
.green.hover:hover .directorimg img{ opacity:0.75; background:#b9c52f;}
.contact-middle-icon2 {background:#d7e071 !important;}
.blue.hover:hover{ background:#4ac6ed;}
.blue.hover:hover .directorimg img{ opacity:0.75; background:#4ac6ed;}
.blue.hover:hover img{ opacity:0.75; background:#4ac6ed;}
.blue.tweet.hover:hover img{ background:none;}
.blue.hover:hover .contact-middle-icon1 img{ background:#88dffb !important;}
.blue:hover .technology{ background:#54d1f9;cursor:auto;}
.blue:hover .directortxt{ background:#54d1f9;cursor:auto;}
.blue:hover .directorimg img{ opacity:1; background:#54d1f9;cursor:auto;}
.purple.hover:hover{ background:#d989f2;}
.purple.hover:hover .con-img img{ background:#d989f2;opacity:0.75;}
.purple:hover .directorimg img{ background:none;opacity:1;cursor:auto;}
.yellow.hover:hover{ background:#f6d213;}
.yellow.hover:hover .directorimg img{ background:#ffdb20;opacity:0.85;}
.yellow.hover:hover img{ background:#f6d213;opacity:0.75;}
.green-two.hover:hover{ background:#bcca3c;}
.green-two.hover:hover img{ background:#bcca3c;opacity:0.85;}
.skyblue.hover:hover{ background:#52b6db;}
.skyblue.hover:hover img{ background:#52b6db;opacity:0.75;}
.purple-two.hover:hover{ background:#713285;}
.blue-three.hover:hover{background:#98b6eb;}
.yellow-top.hover:hover{ background:#ffdb20;}
.yellow-two.hover:hover { background:#ffce00;}
.green-top.hover:hover {background:#c3ce50;}
.purple-top.hover:hover {background:#915fa1;}
.blue-top.hover:hover {background:#6bd2f3;}
.orange-top.hover:hover {background:#f6b96b;}
.orange-two.hover:hover{ background:#efa846;}
.orange-two.hover:hover img{ background:#efa846;opacity:0.85;}
.blue-two.hover:hover{ background:#a3c0f5;}
.blue-two.hover:hover img{ background:#a3c0f5;opacity:0.85;}
.blue-two.hover:hover .recentft{ background:#a3c0f5;}
.blue-two.hover:hover img{ background:#a3c0f5;opacity:0.85;}
.pink.hover:hover{ background:#da8df3;}
.pink.hover:hover .directorimg img{ background:#da8df3;opacity:0.85;}
.pink:hover .directortxt{ background:#e492fe; cursor:auto;}
.press-blue.hover:hover{background:#2fb0d8;}
.press-blue.hover:hover .directorimg img{background:#2fb0d8;opacity:0.85;}
.mapping-grey.hover:hover{background:#9dafb9;}
.purple.hover:hover {background:#d184e9;}
/*.home-blue.hover:hover{background:#9cb9ef;}*/
.home-blue.hover:hover{background:#80a0d6;}
.home-blue.hover:hover .con-img img{background:#9cb9ef; opacity:0.75;}
/*************** MAPPING MAIN ***********************/
.mapping-main {}
.mapping-main h3 {color: #a7bac4; margin: 0px; padding-bottom:45px; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase;}
.mapping-main h2 {color: #a7bac4; margin-top: 0px; margin-bottom: 25px; padding-bottom:40px; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-bottom: 2px solid #a2a4a7}
.map-content {border:0px; box-shadow: none;}
.map-navigation {background: none !important; border: 0px; padding:0px; margin-top: 20px;}
.map-tabs {border-bottom: 2px solid #fcb24b}
.map-tabs > li.active > a, .map-tabs > li.active > a:hover, .map-tabs > li.active > a:focus {background: #fcb24b; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 0px !important; border-radius: 0px; cursor: pointer;}
.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 {background: none;text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #919396; border:0px; padding:10px 59px; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.map-tabs > li > a:hover {background: #e5e7e7; transition-delay: 100ms; color: #919396; border: 0px; border-radius: 0px; margin-bottom:-1px;}
.map-content-inn {padding:10px 0;}
.map-inn p {margin:0px; padding-bottom: 20px; font-family:'Gotham-Book';}
.map-inn img {margin-bottom:20px; padding-bottom: 0px;}
.map-left-arrow {font-size: 30px !important; margin-right: 20px; color: #b0b0b0; float: left;}
.map-left-btn {font-size: 12px; text-transform: uppercase; color: #b0b0b0; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none;
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
display: -webkit-flex;
-webkit-align-items: left;
-webkit-justify-content: left;
-webkit-flex-direction: row;
}
.map-left-btn:hover {color: #fcb24b; text-decoration: none;}
.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; text-transform: uppercase; color: #b0b0b0; line-height: 30px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; display: block; text-align: right;
display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
display: -webkit-flex;
-webkit-align-items: left;
-webkit-justify-content: left;
-webkit-flex-direction: row;
}
.map-right-btn:hover {color: #fcb24b; text-decoration: none;}
.map-right-btn:hover .map-right-arrow {color: #fcb24b; text-decoration: none;}
.content-inside{ cursor:pointer;}
/*************** PUBLICATION ***********************/
.publication-dropdown {background: #f1f2f2; padding: 20px 10px; margin-bottom: 20px;}
.publication-dropdown h2 {margin:0px 0 20px 0px; padding:0px; font-size: 15px; color: #000; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; text-align: center;}
.publication-category {min-height: 485px; padding:45px 45px; position: relative; margin-bottom: 20px; cursor:pointer; transition: all 1s;}
.publication-category h2 {font-size: 20px; padding-bottom: 25px; color: #fff; margin:0px; min-height: 240px;}
.publication-category h2 a{font-size: 18px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; line-height: 27px; }
.publication-category h2 a:hover{color: #fff; text-decoration: none}
.publication-category h3 {font-size: 15px; padding-bottom: 15px; color: #fff; margin:0px; text-transform: uppercase;}
.publication-category h3 a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.publication-category h3 a:hover{color: #fff; text-decoration: none}
.publication-category h3.light {font-size: 15px; color: #fff; margin:0px; text-transform: uppercase; font-family: 'montserratlight'; font-weight: 400}
.publication-category h3.light a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.publication-category h3.light a:hover{color: #fff; text-decoration: none}
/*.publication-category-bottom {position: absolute; bottom:40px; width:245px;}*/
.publication-category-bottom {
position: absolute;
bottom: 40px;
width: 75%;
margin: 0 auto;
left: 0%;
right: 0%;
}
.publication-category-bottom p {padding:0px 0 0px; color: #fff; margin:0px; font-family: 'montserratlight'; font-size: 16px;}
.publication-category-bottom p a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.publication-category-bottom p a:hover{color: #fff; text-decoration: none}
.publication-category-btn {color: #fff; border-radius: 0px; border:0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; 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:0px 0 20px; padding:10px 0 15px; }
.styled-select { width:245px; margin:0 auto; /*overflow: hidden;*/ border-bottom: 1px solid #000; height: auto; border-radius:0px; color: #c9c9c9; font-family: 'Montserrat', sans-serif; font-weight: 400}
.styled-select select { width: 100%; border: 0; font-size: 15px; border-radius:0px; line-height: 1.5; padding: 10px;
-webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none;
background: transparent url("images/down-arrow.png") no-repeat scroll top right; 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: transparent url("images/down-arrow2.png") no-repeat scroll top right;}
.styled-select select option { line-height:60px; padding:20px 0 !important;}
/**************************** CAROUSEL **************************/
.carousel-inner-two {
position: relative;
width: 100%;
overflow: hidden;
}
.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 > img,
.carousel-inner-two > .item > a > img {
line-height: 1;
}
.carousel-inner-two > .active,
.carousel-inner-two > .next,
.carousel-inner-two > .prev {
display: block;
}
.carousel-inner-two > .active {
/*left: 50%;*/
}
.carousel-inner-two > .next,
.carousel-inner-two > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner-two > .next {
left: 100%;
}
.carousel-inner-two > .prev {
left: -100%;
}
.carousel-inner-two > .next.left,
.carousel-inner-two > .prev.right {
/*left: 50%;*/
}
.carousel-inner-two > .active.left {
left: -100%;
}
.carousel-inner-two > .active.right {
left: 100%;
}
/*************** GRANTS MAIN ***********************/
.grants-category {min-height: 330px; padding:60px 66px; position: relative; margin-bottom: 20px; cursor:pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 01s; }
.grants-category h2 {font-size: 20px; padding-bottom: 40px; color: #fff; margin:0px; line-height: 28px;}
.grants-category h2 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; }
.grants-category h2 a:hover{color: #fff; text-decoration: none}
.grants-category h3 {font-size: 15px; padding-bottom: 25px; color: #fff; margin:0px; text-transform: uppercase; }
.grants-category h3 a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.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{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.grants-category-bottom {position: absolute; bottom:40px; width: 72%}
.grants-category-bottom p {padding:0px 0 0px; color: #fff; margin:0px;}
.grants-category-bottom p a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.grants-category-bottom p a:hover{color: #fff; text-decoration: none}
.grants-category-btn {color: #fff; border-radius: 0px; border:0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.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:0px 0 20px; padding:10px; }
/*************** INVESTIGATORS ***********************/
.investigator-banner {margin-bottom: 30px;}
.investigator-banner-text {background: #ffaf4a; padding: 55px 60px 38px 55px; /*min-height: 620px*/}
.investigator-banner-text h2{ font-size:27px; color:#fff; text-transform:uppercase; padding:0 0 36px 0; margin:0px;}
.investigator-banner-text p{ font-size:15px; line-height:25px; color:#fff; padding:0 0 33px 0; margin:0px; font-family: 'montserratlight'; font-weight: 400;}
.investigator-banner-text a{ font-size:15px; line-height:25px; color:#fff; padding:0 0 46px 0; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/*.name_container{min-height: 88px;}*/
.investigators-main {margin-bottom: 20px; cursor:pointer;}
.investigators-top {padding: 60px 90px; min-height:320px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.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: 184px;}
.investigators-bottom h2 {color: #fff; font-size: 24px; margin:0px 0 5px; padding: 0px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.investigators-bottom h3 {color: #fff; font-size: 14px; margin:15px 0 0; padding: 15px 0; border-top: 1px solid #fff; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.investigators-bottom h4 {color: #fff; font-size: 14px; margin:15px 0 0; padding: 0; font-weight: 400; font-family: 'Montserrat', sans-serif;}
/*************** content-inn ***********************/
.content-inn {margin:0 15px 20px 15px;}
.content-inside {position: relative; padding: 50px 55px 25px !important; min-height: 315px !important}
.content-inside h2{ font-size:27px; color:#fff; padding:0 0 20px 0; margin:0px; text-transform:uppercase;}
.content-inside p{font-size:15px; line-height:25px; color:#fff; padding:0 0 10px 0; margin:0px; font-family: 'montserratlight';}
.content-inside span{ display:block; position:absolute; bottom:25px; left:55px;}
.content-inside span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/*read-more-bottom*/
.read-more-bottom {position: absolute; bottom: 25px;}
.read-more-btn {color: #fff; border-radius: 0px; border:0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; font-size: 15px; font-weight: 400; text-transform: uppercase;}
.read-more-btn:hover {color: #fff; text-decoration: none;}
/*************** EQUIPMENT CSS ***********************/
/* equipment-header */
.equipment-header{ padding:55px 50px 0; position:relative; min-height:618px;}
.equipment-header h2{font-size:27px; color:#fff; padding:0 0 40px 0; margin:0px; text-transform:uppercase;}
.equipment-header p{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.equipment-header span{ display:block; position:absolute; bottom:35px; left:50px;}
.equipment-header span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/*************** NEWS CSS ***********************/
/* news-header */
.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 0; margin:0px; text-transform:uppercase;}
.news-header h3{font-size:15px; color:#fff; font-weight:400; padding:0 0 20px 0; margin:0px 0 35px; text-transform:uppercase; border-bottom: 1px solid #fff}
.news-header h4{font-size:15px; color:#fff; font-weight:400; padding:0 0 20px 0; margin:0px 0 0px; text-transform:uppercase;}
.news-header p{ font-size:20px; line-height:30px; color:#fff; padding:0px; margin:0px; 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:0px; margin:0px 0 0 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 h3{font-size:15px; color:#fff; font-weight:400; padding:0 0 20px 0; margin:0px 0 35px; text-transform:uppercase; border-bottom: 1px solid #fff}
.directortxt h4{font-size:15px; color:#fff; font-weight:400; padding:0 0 20px 0; margin:0px 0 0px; text-transform:uppercase;}
.directortxt p.bold{ font-size:20px; line-height:30px; color:#fff; padding:0px; margin:0px; font-family: 'Montserrat', sans-serif; font-weight: 700}
.newsbox{ margin-bottom:20px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: 1s; transition: all 1s; }
/* .newsbox-in */
.newsbox-in {min-height: 447px; padding:60px 55px; position: relative; margin-bottom: 20px; cursor:pointer;}
.newsbox-in h2 {font-size: 27px; padding-bottom: 35px; color: #fff; margin:0px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.newsbox-in h2 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; 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:0px; font-weight: 700;}
.newsbox-in h3 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; color: #fff; }
.newsbox-in h3 a:hover{color: #fff; text-decoration: none}
.newsbox-in h4 {font-size: 15px; padding-bottom: 25px; color: #fff; margin:0px; text-transform: uppercase;}
.newsbox-in h4 a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.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{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* .news-inn */
.news-inn {min-height: 468px; padding:60px 55px; position: relative; margin-bottom: 20px; cursor:pointer;}
.news-inn h2 {font-size: 27px; padding-bottom: 35px; color: #fff; margin:0px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.news-inn h2 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; color: #fff; }
.news-inn h2 a:hover{color: #000; text-decoration: none}
.news-inn h3 {font-size: 20px; line-height: 27px; padding-bottom: 40px; color: #fff; margin:0px; font-weight: 700;}
.news-inn h3 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; color: #fff; }
.news-inn h3 a:hover{color: #fff; text-decoration: none}
.news-inn h4 {font-size: 15px; padding-bottom: 25px; color: #fff; margin:0px; text-transform: uppercase;}
.news-inn h4 a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.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{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.news-inn-bottom {position: absolute; bottom:40px;}
.news-inn-bottom p {padding:0px 0 0px; color: #fff; margin:0px;}
.news-inn-bottom p a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.news-inn-bottom p a:hover{color: #000; text-decoration: none}
/*news inn two*/
.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:0px; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.news-inn-two h2 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; color: #fff; }
.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:0px; font-weight: 700;}
.news-inn-two h3 a{font-size: 20px; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-family: 'Montserrat', sans-serif; color: #fff; }
.news-inn-two h3 a:hover{color: #fff; text-decoration: none}
.news-inn-two h4 {font-size: 15px; padding-bottom: 25px; color: #fff; margin:0px; text-transform: uppercase;}
.news-inn-two h4 a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.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{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.news-inn-two-bottom {position: absolute; bottom:0px;}
.news-inn-two-bottom p {padding:0px 0 0px; color: #fff; margin:0px;}
.news-inn-two-bottom p a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.news-inn-two-bottom p a:hover{color: #000; text-decoration: none}
/*************** CONTACT CSS ***********************/
/* contact-header */
.contact-header{ padding:55px 50px 0; position:relative; min-height:317px;}
.contact-header h2{font-size:27px; color:#fff; padding:0 0 40px 0; margin:0px; text-transform:uppercase;}
.contact-header p{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.contact-header-icon {float: left; width: 10%; margin-right: 10px;}
#map { width: 100%; min-height: 316px; position:relative;}
.newsletter-input::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #fff; font-family: 'Montserrat', sans-serif;}
.newsletter-input:-moz-placeholder { /* Firefox 18- */ color: #fff; font-family: 'Montserrat', sans-serif;}
.newsletter-input::-moz-placeholder { /* Firefox 19+ */color: #fff; font-family: 'Montserrat', sans-serif;}
.newsletter-input:-ms-input-placeholder { /* IE 10+ */color: #fff; font-family: 'Montserrat', sans-serif;}
.newsletter-input::-ms-input-placeholder { /* Edge */ color: #fff; font-family: 'Montserrat', sans-serif;}
.newsletter-input:placeholder-shown { /* Standard one last! */color: #fff; font-size: 15px; font-weight: normal}
.contact-bottom { display:block; position:absolute; bottom:35px; left:50px;}
.contact-bottom span { font-size:20px; line-height:25px; color:#fff; padding:10px 5px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none; display:block; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.contact-bottom span.second {border-top: 0px}
.contact-bottom span a{ font-size:20px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:none; text-decoration:none; display:block;}
.contact-bottom span:hover{ background: #e17ff9}
/*contact bottom text*/
.contact-bottom-text{ position:relative; padding:52px 50px 25px;min-height:316px;transition: all 1s;}
.contact-bottom-text h2{ font-size:25px; color:#fff; padding:0 0 50px 0; margin:0px; text-transform:uppercase; line-height: 40px}
.contact-bottom-text span{ display:block; position:absolute; bottom:35px; left:50px;}
.contact-bottom-text span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/*contact middle text*/
.contact-middle-text{ position:relative; padding:52px 55px 25px;min-height:317px;cursor:pointer; transition: all 1s;}
.contact-middle-text h2{ font-size:27px; color:#fff; padding:0 0 26px 0; margin:0px; text-transform:uppercase; line-height: 40px}
.contact-middle-text span{ position:absolute; bottom:35px; left:50px;}
.contact-middle-text span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.contact-middle-text {min-height: 555px; padding:45px 50px; position: relative; margin-bottom: 20px; }
.contact-middle-text p {font-size: 15px; padding-bottom: 0px; color: #fff; margin:0px; font-family: 'montserratlight'; line-height:25px;}
.contact-middle-text p a {color: #fff;}
.contact-middle-bottom {position: absolute; bottom:40px; width: 72%}
.contact-middle-bottom p {padding:0px 0 0px; color: #fff; margin:0px;}
.contact-middle-bottom p a{color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.contact-middle-bottom p a:hover{color: #000; text-decoration: none}
.map-icon {font-size: 30px !important; margin-top: 5px;}
/*newwletter input*/
.newsletter-input {background:none; border-bottom:1px solid #fff; padding:5px 0px; color:#fff; border-left:0px; border-right:0px; border-top:0px; margin-bottom:25px; outline:0px; font-size:15px; width:100%;}
.newsletter-input.last {margin:0px;}
/* contact-top-icon */
.contact-middle-icon1 {background:#88dffb; padding: 20px 40px; margin-bottom: 37px; }
.contact-middle-icon2 {background:#bfcc44; padding: 20px 40px; margin-bottom: 37px; }
.contact-middle-icon3 {background:#a679b4; padding: 20px 40px; margin-bottom: 37px; }
.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:0px 0 0 0; position:absolute; bottom:20px; width: 70%;}
/********************** RAKHI CSS ***********************/
/* topcontain */
.topcontain{ padding:0px; }
/* column */
.column{margin-bottom:20px;}
/* heading */
.heading{ padding:8px 0; border-top:1px solid #b7b9bb; border-bottom:1px solid #b7b9bb; margin:0 0 20px 0;}
.heading h1{ font-size:27px; color:#cccecf; padding:0px; margin:0px; text-transform:uppercase;}
/* con-txt */
.con-txt{ padding:55px 50px 0;}
.con-txt h2{ font-size:27px; color:#fff; text-transform:uppercase; padding:0 10px 31px 0; margin:0px; }
.con-txt h3{ font-size:25px; color:#fff; text-transform:uppercase; padding:0 0 31px 0; margin:0px; line-height:40px;}
.con-txt p{ font-size:15px; line-height:25px; color:#fff; padding:0 0 33px 0; margin:0px;font-family: 'montserratlight';}
.con-txt a{ font-size:15px; line-height:25px; color:#fff; margin:0 0 46px 0; padding:0px; text-transform:uppercase; text-decoration:none;display:inline-block !important; cursor:pointer;}
.abt-bottomhead-btn {margin-bottom: 26px !important;}
.about-header-bottom h3 {padding-bottom: 20px !important}
.con-txt p.address{ font-size:18px; line-height:30px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.con-txt .listin p{ margin:0px; padding:0px;}
.con-txt .listin p a{ text-decoration:none; display:inline-block; margin:0px; padding:0px; text-transform:lowercase; text-transform:capitalize;}
.con-txt .listin p span{ margin:0 15px;font-size:14px; color:#000 !important;}
/* list */
.list{ padding:0px; border-top:1px solid #fff;}
/* listin */
.listin{ background:#c8dafc; border-bottom:1px solid #fff;padding: 10px 15px; width: 265px;}
.listin span.image{ margin:0 !important; background:url(images/line.png) right center no-repeat; padding:0 6px 0 0; display:inline-block;}
.listin span.listcon{ display:inline-block; margin:0px !important;line-height: 18px; vertical-align: middle;}
/*.listin:hover{ background:#9ebcf3; cursor:pointer;}*/
/* con-text */
.con-text{ padding:52px 55px 25px; min-height: 620px;}
.con-text p{ font-size:20px; line-height:52px; color:#fff;padding:0 ; margin:0px;font-family: 'montserratlight';}
#action2{ margin-top:60px; display:block;}
.vision{background:#54d1f9;}
/* middle */
.middle{ padding:52px 55px 25px;}
.middle h2{ font-size:27px; color:#fff; padding:0 0 26px 0; margin:0px; text-transform:uppercase;}
.middle p{font-size:15px; line-height:25px; color:#fff; padding:0 0 33px 0; margin:0px;font-family: 'montserratlight';}
/* midrt */
.midrt{ padding:0px;}
.midrt img{display:block;}
/* team */
/* team */
.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; text-transform:uppercase; padding:0px; margin:0px; min-height:186px;}
/* .team h2 br {display: none;}*/
/* itemft */
.itemft{ padding:0px; width:100%; float:left;padding:55px 55px 68px; display: none; position: relative; z-index: 10; background: #c6d333; min-height: 465px}
.itemft h2{font-size:27px; color:#fff; padding:0 0 26px 0; margin:0px; text-transform:uppercase;}
.itemft span.date{font-size:15px; color:#fff; padding:0 0 20px 0; margin:0px; display:block; text-transform:uppercase;}
.itemft h3 { padding:0px; margin:0px; }
.itemft h3 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 22px 0; margin:0px;text-decoration:none;
display:inline-block;}
.itemft span.names{font-size:15px; color:#fff; padding:0 0 70px 0; margin:0px; display:block; text-transform:uppercase;font-family: 'montserratlight';}
.itemft span.read a{ font-size:15px; line-height:25px; color:#fff; margin:0 0 30px 0; padding:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* itemrt */
.itemrt{ /*float:right; width:50%;*/}
.item-right{ float:right; width:50%;}
.slider .carousel-indicators{ margin:0px; text-align:left; left:52px;bottom: 25px;}
.slider .carousel-indicators li{ text-indent:0px; border:1px solid transparent; background:none; border-radius:0px; color:#fff; font-size:15px; margin-right:30px;width:20px; height:20px; text-align:center;}
.slider .carousel-indicators .active{ border:1px solid #fff;}
/* tweet */
.tweet{padding:40px 55px 40px; cursor:pointer; min-height: 467px;}
.tweet img{ margin:0 0 30px 0; display:block; width: 50%;}
.tweet p{ font-size:20px; line-height:28px;color:#fff; padding:0 0 38px 0; margin:0px; min-height: 236px;}
.names{font-size:15px; color:#fff; padding:0; margin:0px; display:block; text-transform:uppercase;font-family: 'montserratlight';}
/* recent */
.recent{ padding:55px 55px 0;min-height:318px; position:relative;}
.recent h3{font-size:25px; line-height:35px;color:#fff; padding:0 0 66px 0; margin:0px; text-transform:uppercase;}
.recent h2{font-size:27px; color:#fff; padding:0 0 18px 0; margin:0px; text-transform:uppercase;}
.recent span.date{font-size:15px; color:#fff; padding:0 0 10px 0; margin:0px; display:block; text-transform:uppercase;}
.recent h4 { padding:0px; margin:0 0 15px 0; }
.recent h4 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 10px 0; margin:0px;text-decoration:none;
display:inline-block; }
.recent span.read{ position:absolute; bottom:35px; left:55px;}
.recent span.read a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.recent p{font-size:15px; line-height:25px; color:#fff; padding:0 0 33px 0; margin:0px;font-family: 'montserratlight';}
/* role
.role{ padding:52px 50px 40px; min-height:307px; cursor:pointer; transition: all 1s;}
.role h2{ font-size:27px; line-height:30px; color:#fff; text-transform:uppercase; padding:0 0 28px 0; margin:0px;}
.role p{ font-size:15px; line-height:25px; color:#fff; padding:0; margin:0px;font-family: 'montserratlight';}
*/
.role span{display:block; position:absolute; bottom:35px; left:60px;}
.role span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* recentft */
.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 0; margin:0px; text-transform:uppercase;}
.recentft span.date{font-size:15px; color:#fff; padding:0 0 10px 0; margin:0px; display:block; text-transform:uppercase;}
.recentft h3 { padding:0px; margin:0 0 15px 0; }
.recentft h3 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 10px 0; margin:0px;text-decoration:none;
display:inline-block; border-bottom:1px solid #fff;}
.recentft h4 { padding:0px; margin:0 0 15px 0; font-size: 15px; }
.recentft h4 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 10px 0; margin:0px;text-decoration:none;
display:inline-block;}
.recentft p {font-size: 15px; line-height: 25px; color: #fff; padding: 0 0 33px 0; margin: 0px; font-family: 'montserratlight';}
.recentft span.read{ position:absolute; bottom:30px; left:55px;}
.recentft span.readn{ position:absolute; bottom:10px; left:55px;}
.recentft span.readn a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.recentft span.names{font-size:15px; color:#fff; padding:0 0 25px 0; margin:0px; display:block; text-transform:uppercase;font-family: 'montserratlight';}
.recentft span.read a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* recentrt */
.recentrt{ padding:0px; cursor:pointer;}
/* newsft */
.newsft{ padding:52px 55px 40px; cursor:pointer; min-height: 467px;}
.newsft h2{font-size:27px; color:#fff; padding:0 0 18px 0; margin:0px; text-transform:uppercase;}
.newsft span.date{font-size:15px; color:#fff; padding:0 0 10px 0; margin:0px; display:block; text-transform:uppercase;}
.newsft h3 { padding:0px; margin:0 0 15px 0; }
.newsft h3 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 10px 0; margin:0px;text-decoration:none;
display:inline-block; border-bottom:1px solid #fff;}
.newsft span.names{font-size:15px; color:#fff; padding:0 0 88px 0; margin:0px; display:block; text-transform:uppercase;font-family: 'montserratlight';}
.newsft span.read a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* newsrt */
.newsrt{ padding:0px; cursor:pointer;}
/* news */
.news{ padding:52px 55px 44px; }
.news h2{font-size:25px; line-height:40px; color:#fff; padding:0 0 73px 0; margin:0px; text-transform:uppercase;}
/* boxft */
.boxft{ padding:52px 55px 40px; /*cursor:pointer;*/background:url(images/box-img.png) top center no-repeat; background-size: cover !important; /*background-size: 100% !important;*/ opacity: 0.85; min-height: 385px;}
.boxft h2{ font-size:30px; color:#fff; padding:0 0 20px 0; margin:0px; text-transform:uppercase;}
.boxft span{ font-size:90px;color:#fff; padding:0 0 40px 0; margin:0px; display:block; line-height:68px;}
.boxft h3{ font-size:20px; text-transform: none; color:#fff; padding:0 0 20px 0; margin:0px; }
.boxft a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.boxft:hover{ opacity:1; background:#dc8cf6; cursor:pointer; }
.nohover:hover{ opacity: 0.85 !important; cursor:default !important; }
/********************** ABOUT US CSS ************************/
/* directortxt */
/*.executive-text {background: #c6d333; z-index: 2}*/
.directortxt{ padding:55px 50px 0; position:relative; min-height:617px; cursor:pointer;}
.research-contain {min-height: 615px;}
.directortxt h2{font-size:27px; color:#fff; padding:0 0 40px 0; margin:0px; text-transform:uppercase;}
.directortxt p{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.directortxt span{ display:block; position:absolute; bottom:37px; left:50px;}
.directortxt span a{ font-size:15px; /*line-height:25px;*/ line-height:1px !important; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;cursor:pointer;}
.director-height{ min-height:618px !important;}
/* commit */
.commit{ background:#c1c921;padding:42px 0 30px 70px; min-height:618px;}
.commit ul{ padding:0px; margin:0px; list-style:none; overflow:hidden;}
.commit ul li{ margin:0 58px 0 0; width:272px; float:left; padding:23px 10px 0; min-height: 178px;}
.commit ul li h2{ font-size:18px; color:#fff; text-transform:uppercase; padding:0 0 11px 0; margin:0px;}
.commit ul li h3{ font-size:14px; color:#fff; padding:0 0 11px 0; margin:0px;}
.commit ul li p{ font-size:13px; line-height:19px; color:#fff; padding:0 28px 22px 0; margin:0px;font-family: 'montserratlight';border-bottom:1px solid #fff;}
.commit ul li.last p{ border-bottom:none;}
.commit ul li:hover{ background:#babf20;}
/* associate */
.associate-directors-contain {min-height: 618px}
.associate{ background:#f4a141;padding:42px 0 30px 56px; min-height:616px;}
.associate ul{ padding:0px; margin:0px; list-style:none; overflow:hidden;}
.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; text-transform:uppercase; padding:0 0 11px 0; margin:0px;}
.associate ul li h3{ font-size:14px; color:#fff; padding:0 0 11px 0; margin:0px;}
.associate ul li p{ font-size:13px; line-height:19px; color:#fff; padding:0 28px 22px 0; margin:0px;font-family: 'montserratlight';border-bottom:1px solid #fff;}
.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 */
.formation {padding:55px 50px 0;}
.formation h2{font-size:27px; color:#fff; padding:0 0 40px 0; margin:0px; text-transform:uppercase;}
.formation p{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.directorimg{ cursor:pointer;}
.con-img{ padding:0px;}
/* list-in */
.list-in{ background:#efbefe; border-bottom:1px solid #fff; padding:0px; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color;}
.con-txt .list-in p{ margin:0px; padding:0px;}
.con-txt .list-in p a{ text-decoration:none; margin:0px; padding:0px; text-transform:lowercase; text-transform:capitalize;}
.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:0px !important;line-height: 18px; vertical-align: middle;}
.list-in:hover{background:#e283f9; cursor:pointer;}
/*
.intro-txt .list-in .hvr-fade:hover, .intro-txt .list-in .hvr-fade:focus, .intro-txt .list-in .hvr-fade:active {
background-color: #e283f9 !important;
}*/
/*************** RESEARCH CSS ***********************/
/* imagingtxt */
.imagingtxt{ padding:55px 50px 0; position:relative; min-height:463px; cursor:pointer;}
.imagingtxt h2{font-size:27px; color:#fff; padding:0 0 40px 0; margin:0px; text-transform:uppercase;}
.imagingtxt p{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px;font-family: 'montserratlight';}
.imagingtxt span{ display:block; position:absolute; bottom:37px; left:50px;}
.imagingtxt span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
/* microft */
.microft{ position:relative; padding:52px 55px 25px;min-height:320px; cursor:pointer;}
.microft h2{ font-size:27px; color:#fff; padding:0 0 26px 0; margin:0px; text-transform:uppercase;}
.microft p{font-size:15px; line-height:25px; color:#fff; padding:0 0 33px 0; margin:0px;font-family: 'montserratlight';}
.microft span{ display:block; position:absolute; bottom:37px; left:50px;}
.microft span a{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px 0 0 0; text-transform:uppercase; text-decoration:none;
display:inline-block;}
.micrort{ cursor:pointer;}
/*************** RESEARCH SPECIFIC CSS ***********************/
/*MAPPING MAIN*/
.mapping-main { padding:0px;}
.mapping-main h3 {color: #a7bac4; margin: 0px; padding-bottom:42px; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase;}
.mapping-main h2 {color: #a7bac4; margin:0 0 25px 0; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-bottom: 2px solid #a2a4a7; padding:0 0 40px 0; text-transform: uppercase;}
.mapping-main h2.capital-case {color: #a7bac4; margin:0 0 28px 0; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-bottom: 2px solid #a2a4a7; padding:0 0 52px 0; text-transform: uppercase; }
.map-content {border:0px !important; box-shadow: none;}
.map-navigation {background: none !important; border: 0px; padding:0px; margin-top: 20px;}
.map-tabs {border-bottom: 2px solid #fcb24b}
/*.map-tabs > li.active > a, .map-tabs > li.active > a:hover, .map-tabs > li.active > a:focus {background: #fcb24b; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 0px; border-radius: 0px; cursor: pointer; font-size: 16px;}
*/
.map-tabs > li > a {background: none;text-transform: uppercase; font-family: 'Montserrat', sans-serif; border:0px !important; padding:10px 0px;
font-size:16px; text-align:center;}
.map-tabs > li.active > a{background: #fcb24b; color: #fff; }
.lavalamp-object {
background: #fcb24b; color: #fff;
}
.map-content-inn {padding:30px 0;}
.map-inn p {margin:0px; padding:0 0 20px 0; color:#808080; font-size:16px; line-height:32px;font-family:'Gotham-Book';}
.map-inn img {margin-bottom:20px; padding-bottom: 0px;}
.map-inn p a {color:#808080; text-decoration: underline;}
.map-content-inn ul {list-style:disc;}
.map-content-inn li {margin:0px; padding:0 0 20px 0; color:#808080; font-size:16px; line-height:32px;font-family:'Gotham-Book';}
/* paginationtxt */
.paginationtxt{ border-top:1px solid #c4c4c4; padding:27px 0 30px 0;}
.paginationtxt .map-left-btn { font-size: 12px; text-transform: uppercase; color: #b0b0b0;
font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; padding:0 0 0 0;
height: 53px;opacity: 0.9;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.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; text-transform: uppercase; color: #b0b0b0;
font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; padding:0 0 0 0 ;
float: right; height: 53px; opacity: 0.9;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.paginationtxt .map-right-btn:hover { color: #fcb24b; opacity: 1;}
.paginationtxt .map-right-btn .ionicons {font-size: 85px;}
/*mapping specific bottom buttons*/
.paginationtxt2{ border-top:1px solid #c4c4c4; padding:27px 0 30px 0;}
.paginationtxt2 .map-left-btn2 { background:url(images/left-arrw.png) left center no-repeat; font-size: 12px; text-transform: uppercase; color: #b0b0b0;
line-height:28px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; padding:0 0 0 30px;display:block;}
.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; font-size: 12px; text-transform: uppercase; color: #b0b0b0; line-height:28px; font-family: 'Montserrat', sans-serif; font-weight: 700; text-decoration: none; padding:0 30px 0 0 ;display:block;
text-align:right;}
.paginationtxt2 .map-right-btn2:hover { background:url(images/right-arrw-hv.png) right center no-repeat;color: #fcb24b; }
.page-navigation { padding: 36px 0 50px; margin: 18px 0 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%; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.page-navigation-left:hover { background: url(images/left-arrw-hv.png) left center no-repeat;}
.page-navigation-left a { color: #b0b0b0; text-decoration: none; font-size: 12px; text-transform: uppercase; padding: 0 0 0 40px; text-decoration: none; height: 55px; display: table-cell; vertical-align: middle;}
.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 0.5s ease; -webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.page-navigation-right:hover { background: url(images/right-arrw-hv.png) right center no-repeat;}
.page-navigation-right a { color: #b0b0b0; text-decoration: none; font-size: 12px; text-transform: uppercase; padding: 0 40px 0 0; text-align: right; text-decoration: none; display: table-cell; vertical-align: middle; height: 55px;}
.page-navigation-right a:hover {color:#fcb24b}
#container {
position:absolute;
width:100%;
height:100%;
overflow:hidden
}
#inner {
position: relative;
width:100%;
height:100%;
}
#home {
position:absolute;
width:100%;
height:100%;
background-color: red;
}
#member-home {
position:absolute;
width: 100%;
height:100%;
background-color: green;
}
/************* PRESS CSS ***********************/
/*video css start*/
.videoin{ padding:0;}
#video { position: relative; }
#video-research { position: relative; }
#video img,
#video iframe { display: block; }
#video-research img,
#video-research iframe { display: block; }
#play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
background: url(images/play-btn.png) no-repeat 50% 50%;
background-size: auto, cover;
z-index: 1;
}
#video1 { position: relative; }
#video1 img,
#video1 iframe { display: block; }
#playn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
background: url(images/play-btn.png) no-repeat 50% 50%;
background-size: auto, cover;
z-index: 1;
}
/*
==============================================
slideRight
==============================================
*/
.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 */
.ripple {
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
opacity: 1;
}
.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;
}
}
#margins li{ overflow:hidden;}
.purpleslide{background: #d184e9;}
.purpleslide.hover:hover {background:#d989f2;}
/************************** FOOTER ****************************/
footer {padding:15px 0 0px;}
.footer-inn {margin:0px; padding:0px 0 37px;}
.footer-inn h2{margin:0px; padding:0px 0 35px 0; text-transform: uppercase; font-size: 14px; color: #808080}
.footer-inn ul {margin:0px; padding:0px; list-style: none}
.footer-inn li {min-width:180px; float:left; padding:0; margin:0 0 30px; text-transform: uppercase; font-size: 14px; color: #000}
.footer-inn li a {color: #000;}
.footer-inn li a:hover {color: #000;}
.footer-add {padding-top: 45px;}
.footer-inn p{font-size: 14px; color: #000; line-height: 25px; margin:0px; padding: 0 0 36px;}
.footer-inn a {font-size: 14px; color: #000;}
.footer-inn a:hover {font-size: 14px;}
.footer-icon {color: #b7b9bb; font-size: 25px !important;}
.footer-icon2 {color: #b7b9bb; font-size: 20px !important;}
/*footer-search*/
.footer-search {margin:0; padding:0px 0 62px; display: block;}
.footer-search h2{margin:0px; padding:0px 0 20px 0; text-transform: uppercase; font-size: 14px; color: #000}
.footer-container {border-bottom: 2px solid #231f20; margin-bottom: 30px; padding-top: 37px;}
.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;}
/* Underline From Left */
.hover-underline-from-left {
/* display: inline-block;
vertical-align: middle;*/
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.hover-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #000;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hover-underline-from-left:hover:before, .hover-underline-from-left:focus:before, .hover-underline-from-left:active:before {right: 0;}
/* Underline From Left */
.hover-underline-from-left2 {
/* display: inline-block;
vertical-align: middle;*/
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
}
.hover-underline-from-left2:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #fff;
height: 2px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hover-underline-from-left2:hover:before, .hover-underline-from-left2:focus:before, .hover-underline-from-left:active:before {right: 0;}
/******************FOOTER LOGO ***********************/
.footer-logo { border-top: 1px solid #b7b9bb; margin: 15px 0 35px !important; padding: 50px 0 130px;border-bottom: 1px solid #b7b9bb; }
.footer-logo ul {
margin: 0 0px 0 20px;
padding: 0px;
list-style: none;
}
.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: 0px;}
.foooter-address-bar {margin:0px 0 35px;}
.foooter-address-bar p {font-family:'HelveticaNeue-Roman'; font-size: 14px; color: #6d6e70; margin:0px; padding: 0px;}
.foooter-address-bar p a {color: #6d6e70;}
.footer-map-icon {color: #000; font-size: 25px !important; margin-right: 15px; margin-top: -5px; float: left}
.footer-envelope-icon {color: #000; font-size: 20px !important; margin-right: 15px; margin-left: 20px; float: left}
.footer-tel-icon {color: #000; font-size: 23px !important; margin-right: 15px; float: left}
.footer-social-icon {margin:0px;}
.footer-social-icon ul{margin:0px; padding: 0px; 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: 0px;}
.footer-close-panel {background: #32afe0; padding: 20px 0; width: 100%;}
.footer-close-panel p {font-family:'HelveticaNeue-Roman'; font-size: 12px; margin-bottom: 0px; padding: 0px;}
.footer-close-panel p a{color: #fff;}
.footer-close-panel p span a{color: #262261; font-family: 'Montserrat', sans-serif; font-weight: bold}
.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-more {
float: right;
width: 30%;
margin-left: 5px;
margin-top: -5px;
}
.footer-links h2 {color: #6d6e70; font-size: 14px; border-bottom: 1px solid #b7b9bb; padding-bottom: 15px; margin-bottom: 18px;}
.footer-links {margin:0px; padding: 0px 0 77px 0}
.footer-links ul{margin:0px; padding: 0px; list-style: none}
.footer-links li{ font-size: 14px; color: #6d6e70; margin-bottom: 15px;}
.footer-links li a{color: #6d6e70;display: inline;
font-family:'HelveticaNeue-Roman'; font-size: 14px;
}
.fixed-footer-bar{
position: fixed;
bottom: 0;
width: 100%;
}
/********************* FOOTER SEARCH *********************/
/*newwletter input*/
.search-input {background:none; border-bottom:1px solid #000; padding:10px 10px 12px 0; color:#fff; border-left:0px; border-right:0px; border-top:0px; margin-bottom:25px; outline:0px; font-size:14px; width:100%; float: left; width: 90%}
.search-input.last {margin:0px;}
.search-btn {background: url(images/search.png) center center no-repeat; border-radius: 100%; width: 40px; height: 40px; cursor: pointer; border: 0px; width: 10%; float: left; background-size: 100%;}
.search-input::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #cccecf;}
.search-input:-moz-placeholder { /* Firefox 18- */ color: #cccecf; }
.search-input::-moz-placeholder { /* Firefox 19+ */color: #cccecf;}
.search-input:-ms-input-placeholder { /* IE 10+ */color: #cccecf; }
.search-input::-ms-input-placeholder { /* Edge */ color: #cccecf; }
.search-input:placeholder-shown { /* Standard one last! */color: #cccecf; }
/*social-icon*/
.social-icon {margin:0px; padding:0px;}
.social-icon ul {list-style: none; margin:0px; padding:0px;}
.social-icon li { display: inline-block; margin-right: 77px; font-size: 25px !important; font-weight: 700;}
.social-icon li .facebook {color: #bdcb3b}
.social-icon li .twitter {color: #32afe0}
.social-icon li .insta {color: #985c9d}
/* header */
header{ padding:0px;}
.logo {padding: 0px 0 0px;}
.top-bar { background: #9aa4b5; padding: 13px 0 16px; margin-bottom: 40px; font-family:'HelveticaNeue-Roman';}
.top-bar p {margin:0px; padding: 0px; color: #fff; font-size: 13px;}
.top-bar a{margin:0px; padding: 0px; color: #fff; font-size: 13px;}
.top-bar ul {margin:0px; padding:0px; list-style: none; float: right;}
.top-bar li {color: #fff; display: inline-block; margin: 0px 0 0 30px; padding: 0px; font-size: 13px;}
.top-bar li a {color: #fff; text-decoration: none}
.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 {
margin: -4px 85px 0 0;
display: inline-block;
position: relative;
/*height: 60px;*/
float: right;
padding: 0;
position: relative;
/* display: none;*/ opacity: 0; cursor: auto;
}
.top-seach-input {
height: 40px;
font-size: 14px;
display: inline-block;
font-weight: 100;
border: none;
outline: none;
color: #a2a4a7;
padding: 10px 8px;
/*padding-right: 60px;*/
width: 0;
position: absolute;
top: 0; /*border:1px solid red !important;*/
right: 5px;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
font-family: 'montserratlight';
}
.top-seach-input:focus:hover {
border-bottom: 1px solid #6d6e70; color: #A2A4A7;font-family: 'montserratlight';
}
.top-seach-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cccecf;
font-family: 'montserratlight';
}
.top-seach-input::-moz-placeholder { /* Firefox 19+ */
color: #cccecf;
font-family: 'montserratlight';
}
.top-seach-input:-ms-input-placeholder { /* IE 10+ */
color: #cccecf;
font-family: 'montserratlight';
}
.top-seach-input:-moz-placeholder { /* Firefox 18- */
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;
display: inline-block;
color:red;
float: right;
background: url(images/search-top.png) center center no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.4;
cursor: pointer;
transition: opacity .4s ease;
}
.top-seach-input:-moz-placeholder { /* Firefox 18- */ color: #fff !important; font-family: 'Montserrat', sans-serif;}
.top-seach-input:-moz-placeholder { /* Firefox 19+ */color: #fff !important; font-family: 'Montserrat', sans-serif;}
.top-seach-input:-ms-input-placeholder { /* IE 10+ */color: #fff !important; font-family: 'Montserrat', sans-serif;}
.top-seach-input:-ms-input-placeholder { /* Edge */ color: #fff !important; font-family: 'Montserrat', sans-serif;}
.top-seach-input:placeholder-shown { /* Standard one last! */color: #fff !important; font-size: 15px; font-weight: normal}
.top-seach-input[type="submit"]:hover {
/*opacity: 0.8;*/
}
.top-search-icon {color: #000; font-size: 30px !important; cursor: pointer;}
/****** HOMEPAGE LIGHTBO MENU ********/
.desktop-nav {}
.desktop-nav ul {list-style:none; margin:0px; padding:0px;}
.desktop-nav li {margin:0 0 18px 0; font-size:27px; color:#fff; text-transform:uppercase; display:block}
.desktop-nav li a{ color:#fff;}
/*social-icon-top*/
.social-icon-top {margin:0px; padding:0px;}
.social-icon-top ul {list-style: none; margin:0px; padding:0px;}
.social-icon-top li { display: inline-block; margin-right: 50px; font-size: 20px !important; font-weight: 700; color:#fff;}
.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;}
.social-icon-top li a:hover{ color:#fff; border:2px solid #fff; border-radius:100%;}
.read-mobile{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none;
display:none !important; background: none; border: 0px;}
.read-mobile-contact{ font-size:15px; line-height:25px; color:#fff; padding:0px; margin:0px; text-transform:uppercase; text-decoration:none; outline: none;
display:none !important; background: none; border: 0px;}
.read-open{ font-size:15px; line-height:28px; color:#fff; padding:0px; margin:30px 0 0; text-transform:uppercase; text-decoration:none;
display:block !important; background: none; border: 0px; outline: none}
/**************HOME PAGE HEADER SLIDER ****************/
.header-small-icon {float: left; width: 100%; margin-right: 0px;}
.header_icon_text {
display: inline-block;
margin: 15px 0 0 !important;
line-height: 18px;
}
.box2{ position: absolute; top:0; right: 0px; float:left; max-height: 620px; overflow: hidden;}
/*.box3{ position: relative; top:0; left: 0px; float:left; max-height: 620px; overflow: hidden;}*/
.header-image {max-width: 772px; max-height: 620px;}
.header-image_2 {max-width: 772px; max-height: 620px;}
.header_position {overflow: hidden; position:relative;}
.last-header {display: none;}
.box{float:left; overflow: hidden; max-height: 620px;}
.box-inner{overflow: hidden;}
.middle-two{overflow: hidden; height: 620px;}
.box-inner{ overflow: hidden;}
.about_bottom_text { overflow: hidden;}
/*.item > img, .carousel-inner > .item > a > img, .carousel-inner {max-width: auto !important; width: auto !important}*/
.contact-readmore {display: none;}
.equipment-readmore {display: block}
.about-exe-committee {display: none;}
.associate-directors {display: none;}
.associate-directors-img {display: none;}
.associate-directors-slider {display: block}
/*.research-icon {width: 13%;}*/
.research-icon {width: 14%;}
.specific-button {display: table;}
.associate-directors-carousel {overflow:hidden; height: 618px;}
.affilate-txt span a {display: none !important;}
.video-middle span.date {
font-size: 15px;
color: #fff;
padding: 0 0 20px 0;
margin: 0px;
display: block;
text-transform: uppercase;
position: initial; left: 0;
font-family: 'montserratlight';}
.video-txt span.date {
font-size: 15px;
color: #fff;
padding: 0 0 20px 0;
margin: 0px;
display: block;
text-transform: uppercase;
position: initial; left: 0;
font-family: 'montserratlight';}
.micro-fluid-txt span.read{bottom: 15px;}
.investigators-txt {min-height: 615px}
.main-navigation {position: relative;}
.ucsf-logo img {float: left;/* margin-right: 15px;*/ width: 75%}
.ucsf-logo p {font-family: 'montserratlight'; font-size: 18.2px;float: left; margin-top: 8px;}
.ucsf-logo a{color: #231f20}
.top-bar a.one{margin:0px; padding: 0px; color: #fff; font-size: 13px; float: none; display: block}
.recentft form p {padding-bottom: 10px;}
/*.broad-menu {width:390px !important;}
.broad-menu li {width:150px !important; float: left; }*/
.broad-menu {width:510px !important;}
.broad-menu li {width:150px !important; float: left; }
.nav-top {position: relative; right: 0px !important;}
.nav-midd {float: right; position: absolute; right: 55px; top:80px !important}
.hideOut{ display: none !important;}
.menu_fixed{
position: relative !important;
right: -90%;
animation: downtop 0.25s;
}
@keyframes topdown {
0%{top: 0px;}
100%{top: 22px;}
}
@keyframes downtop {
0%{top: 22px;}
100%{top: 0px;}
}
.equipment-icon {width: 58px; height: 38px}
.research-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 {background: #915fa1 !important; 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, 0.5);
}
.technlogy-inn {min-height: 500px;}
.technlogy-inn-img { object-fit: cover; min-height: 500px;}
/***************************** grants new **********************/
.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 h3 {border-bottom: 1px solid #fff; margin:0px 0 27px; padding: 0px 0 18px; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: bold}
.grants-new h2 {font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: bold; line-height: 27px; padding:0px; margin:0 0 32px; min-height: 85px;}
.grants-new h2 a {color: #fff; text-decoration: none}
.grants-new h4 {font-size: 15px; font-family: 'montserratlight'; text-transform: uppercase; padding: 0px; margin:0 0 44px;}
.grants-new-btn {color: #fff; border-radius: 0px; border:0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height:16px; position: absolute !important; bottom: 40px;}
.grants-new-btn:hover {color: #fff; text-decoration: none;}
@media screen and (min-width: 320px) and (max-width: 380px) {
.grants-new {padding: 33px 21px 0; min-height: 330px;}
.grants-new h4 {margin:0px;}
.grants-new-btn {bottom: 30px;}
.grants-new h2 {min-height: auto;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
.grants-new {padding: 33px 21px 70px; min-height: 100%;}
.grants-new h4 {margin:0px;}
.grants-new-btn {bottom: 30px;}
.grants-new h2 {min-height: auto;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.grants-new {padding: 33px 21px 70px; min-height: 100%;}
.grants-new-btn {bottom: 30px;}
.grants-new h4 {margin:0px;}
.grants-new h2 {min-height: auto;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.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;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.grants-new { padding: 50px 42px 0; min-height: 360px;}
}
/*************************** news page new **************************/
.event-heading {margin:40px 0 0px; padding: 0px;}
.event-heading h2{font-size: 27px; /*font-weight: 700;*/ text-transform: uppercase; color: #c9cbcc; margin:0px 0 26px; padding: 0px 0 17px; border-bottom: 1px solid #b4b6b8}
.news-main-content {margin-bottom: 20px;}
.news-date {padding: 20px 20px 0}
.news-date h3 {font-size: 20px; text-transform: uppercase; margin:0 0 10px; padding: 0px;}
.news-date h2 {font-size: 66px; margin:0px; padding: 0px; text-transform: uppercase; line-height: 59px;}
.news-container-img {min-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 {color: #fff; line-height: 28px; font-size: 20px; margin:0px; padding: 0px;}
.news-container-title h2 a{color: #fff; line-height: 28px; font-size: 20px; margin:0px; padding: 0px;}
.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 {font-family: 'montserratlight';margin:0px; padding: 0px; font-size: 14px;}
.news-left p a {color: #fff; text-decoration: none}
.news-left p a:hover{color: #fff; text-decoration: none}
.news-left i {font-size: 20px;}
.news-txt-right {width: 25%; float: left; border-left:1px solid #fff; margin-top: 13px; padding: 0 0 14px 10px; }
.news-txt-right i{ font-size: 20px;}
.news-txt-right p {font-family: 'montserratlight'; font-size: 20px; margin:0px; padding: 0px; font-size: 14px;}
.news-btn-right {width: 23%; float: left; padding: 20px 0; /*background:#e4c114 !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; padding-right: 5px !important}
.news-icons2 {width: 75%;}
.icon-mobile2 {width: 42px !important; padding-right: 5px !important}
/************************ event info ********************************/
.event-details {border-top:1px solid #a2a4a7; border-bottom: 1px solid #a2a4a7; padding: 10px 0 10px; margin-top: 40px;}
.event-details h2 {text-transform: uppercase; font-size: 66px; margin:0px; padding: 0px; border: 0px;line-height: 50px}
.event-details h3 {text-transform: uppercase; font-size: 20px; margin:0px 0 10px; padding: 0px; }
.event-location {background:url(images/border.png) -10px top repeat-y; padding-bottom: 71px; padding-left: 40px !important; float: left; width: 55%;}
.event-location2 {background:url(images/border.png) -10px top repeat-y; padding-bottom: 71px; padding-left: 40px !important; float: left; width: 25%;}
.event-details p {font-size: 14px; color: #a7bac4; text-decoration: none; margin:0px; padding: 0px;}
.event-details a {font-size: 14px; color: #a7bac4; text-decoration: none; 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:0px; margin-bottom: 0px; font-weight: 400; /*padding-bottom:34px;*/}
.mapping-main.event-no-border h3{border:0px; margin-bottom: 0px; 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: 0px; line-height: 16px; margin-bottom: 0px;}
.event-share-btn-inn i {font-size: 20px !important; color: #a7bac4}
.event-share-btn-inn i:hover {color: #fcb24b}
.event-share-icon {margin-right: 20px;}
.subscribe-calender {color: #a7bac4; font-size: 15px; text-transform: uppercase; padding: 14px 40px 15px; display: block; background: url(images/calender2.png) 260px center no-repeat; background-size: 35px; }
.subscribe-calender:hover {background: #de8cf8 url(images/calender-hover2.png) 260px center no-repeat; color: #fff; background-size: 35px;}
.save-event {background:#ffad4a url(images/flag2.png) 150px center no-repeat; color: #fff; font-size: 15px; text-transform: uppercase; padding: 14px 30px 15px; display: block; background-size: 35px;}
.save-event:hover {background: #ff941e url(images/flag2.png) 150px center no-repeat; color: #fff; background-size: 35px;}
.event-date {float: left; width: 20%;}
/************************* subscribe lightbox ************************/
.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 0 0px; font-family:'Gotham-Book'; line-height: 30px;}
.subscribe-input {border-top:0px; border-left:0px; border-right:0px; border-bottom: 1px solid #fff; padding: 11px 0; background:none; 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: 66px;}
.subscribe-input:focus {border-bottom:1px solid #c451c4; outline: 0px; box-shadow: none}
.subscribe-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
.subscribe-input::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.subscribe-input:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.subscribe-input:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.subscribe-btn {background:#c67ddf; padding: 16px 62px; color: #fff; border:0px;}
.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 9px;}
.news-heading-main {padding: 0px !important}
.subscribe-calender2 {color: #fff; font-size: 15px; text-transform: uppercase; padding: 14px 95px 15px 70px; display: block; background:#fcb24b url(images/calender-hover2.png) 290px center no-repeat; background-size: 35px; }
.subscribe-calender2:hover {background: #fca032 url(images/calender-hover2.png) 290px center no-repeat; color: #fff; background-size: 35px;}
.event-main-heading h2 {font-weight:500!important;}
.map-left-btn.reg-font {font-weight:500;}
.map-right-btn.reg-font {font-weight:500;}
.no-padding-specific {padding-left:0px !important; padding-right:0px !important;}
.transparant {background: rgba(0,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;}
@media screen and (min-width: 320px) and (max-width: 380px) {
.read-mobile{ font-size:15px; line-height:10px; color:#fff; padding:0px; margin:40px 0 30px; text-transform:uppercase; text-decoration:none; display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.read-mobile-contact{ font-size:15px; line-height:10px; height: 10px; color:#fff; padding:0px; margin:0px 0 0px; text-transform:uppercase; text-decoration:none;display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.dynamic-height-wrap {overflow: hidden; position: relative; -webkit-transition: max-height 0.25s ease-in-out; -moz-transition: max-height 0.25s ease-in-out; -o-transition: max-height 0.25s ease-in-out; transition: max-height 0.25s ease-in-out; width: 100%;}
.dynamic-height-active .dynamic-show-more {display:block;}
.selectboxit-container .selectboxit { width: 100% !important;}
.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: transparent !important;}
.heading {margin: 0 5px 20px 5px}
.heading h1 {font-size: 16px;}
.header-image {width: 100%;}
.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;
-webkit-text-fill-color: transparent !important;}
.con-txt .list-in 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;
-webkit-text-fill-color: transparent !important;}
.listin {width: 100%; padding: 10px;}
.con-txt .listin p span {font-size: 12px; margin:0 11px;}
.con-txt .list-in p span {font-size: 12px; margin:0 11px;}
.list {width: 107%;}
.wht-qbi {padding-bottom: 30px !important;}
.itemft span.names {padding-bottom: 30px;}
/******** MAPPING **********/
.directortxt {padding: 32px 22px;}
.content-inn { margin: 0 20px 20px 20px;}
.recentft span.read {left: 22px; bottom: 30px;}
.directortxt h2 {padding: 0 0 17px 0; font-size: 26px; line-height: 33px;}
/******* EQUIPMENTS ******/
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recentft h2 {padding: 0 0 5px; line-height: 32px;}
.recentft 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recent h2 {padding: 0 0 5px 0; font-size: 26px;}
.recent 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
/****** RESEARCH *******/
.imagingtxt span {left: 22px; bottom: 30px;}
.computation-txt {min-height: auto}
.micro-fluid-txt{min-height: auto}
/***** NEWS *****/
.newsbox-in {padding: 32px 22px 0; min-height: 340px; margin-bottom: 0px;}
.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: 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;}
.news-inn span {left: 22px; bottom: 30px;}
/******** GRANTS AND AWARDS *********/
.grants-category {padding: 32px 22px 0; min-height: 268px;}
.grants-category span{left: 22px; bottom: 30px;}
.grants-category h3 {padding-bottom: 10px}
/********* INVESTIGATORS *****/
.styled-select {width:auto; margin: 0 auto 15px}
.selectboxit-container {width: 100%;}
.styled-select select {width: 100%;}
.selectboxit-container .selectboxit {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 {font-size: 16px;}
.investigators-bottom h4 {font-size: 16px;}
/******** CONTACT ********/
#map {min-height: 230px;}
.con-txt h2 {padding: 0 0 20px 0}
.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 {font-size: 18px; font-family: 'montserratlight';}
.contact-bottom span a{font-size: 18px; font-family: 'montserratlight';}
.con-txt {padding: 30px 22px 0;}
.about-header-bottom {margin-bottom: 30px;}
.con-txt p { font-size:18px; line-height:26px; padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
/*.home-header-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%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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}
.recentft form {
margin: 0px 0 0 0; bottom:40px;
}
.technlogy-inn {min-height: auto; padding-bottom: 80px}
.recent {padding: 30px 22px 0; 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 0}
.contact-middle-icon1 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon2 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon3 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-readmore {width: 100%; margin: 5px 0 0; padding: 20px 0; position: inherit !important; left: inherit !important; border-bottom: 1px solid #fff;}
.contact-middle-text p {margin-bottom:20px;}
.contact-readmore {display: block;}
/***** PAPERS *******/
.directortxt {padding: 30px 21px 1px; min-height: 280px}
.associate-directors-carousel {height: auto;}
.associate-directors-contain {padding-bottom: 40px;}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.publication-dropdown {margin-right: 5px; margin-left: 5px; padding: 35px 10px}
.publication-dropdown h2 {font-size: 18px;}
.publication-category {padding: 33px 21px 0; min-height: 430px;}
.padding-right-ten {padding-right: 20px !important; padding-left: 20px !important;}
.padding-ten { padding-left: 20px !important; padding-right: 20px !important;}
.padding-left-ten {padding-right: 20px !important; padding-left: 20px !important;}
.publication-inn {padding: 5px 0; margin: 0px 0 50px}
.publication-category-bottom {width:85%; bottom: 30px;}
/***** MAPPING SPECIFIC *******/
.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; border-bottom:1px solid #fcb24b}
.nav-tabs > li > a {margin-right:0px;}
.map-tabs {border-bottom: 1px solid #fcb24b;}
.map-content-inn {padding:15px 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 0px}
.mapping-main h2.capital-case {font-size:26px; line-height:34px; padding:0 0 32px; margin:0 0 20px;}
/******** HOMEPAGE *******/
.header_position {padding-right: 20px !important; padding-left: 20px !important}
.top-bar p {text-align:center; margin-bottom:10px;}
.top-bar li {margin-left:10px;}
.top-left-logo {text-align:center; width:80%; margin:0 auto;}
.logo {width:85%;}
.team {padding:25px 22px; min-height: 110px; height: 110px;
display: flex;
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 0; min-height: auto;}
.tweet img {margin: 0 0 32px; width: auto}
.recentft span.names {padding: 0 0 75px 0}
.newsft span.names {padding: 0 0 30px 0}
.itemrt {width:100%; /*display: none;*/}
.tweet {padding:30px 22px 30px; min-height: 200px;}
.recentft span.readn {left:22px; bottom: 30px;}
.newsft {padding:30px 22px; min-height: 150px}
.news {padding:30px 22px;}
.boxft {padding:30px 22px; margin-bottom:18px; background-size: cover !important}
.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-inn h2 {text-align:center;}
.footer-inn li {text-align:center; width:100%;}
.footer-inn p {text-align:center;}
.footer-inn a {text-align:center;}
.footer-icon {text-align:center; display:block !important;}
.footer-icon2 {text-align:center; display:block !important;}
.footer-search h2 {text-align:center;}
.social-icon li {width:30%; margin-right:0px; text-align:center;}
.social-icon {margin:0 0 20px 0;}
.search-input {text-align:center;}
.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: 0px;}
/****************** ABOUT US PAGE ****************/
.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;}
.more-come-txt {min-height: auto}
.press-mobile { min-height: 340px; }
.equipment-readmore {display: none !important}
.about-exe-committee {display: block;}
.associate-directors {display: block; margin-top: -70px; margin-bottom: 20px;}
.associate-directors-img {display: block;}
.associate-directors-slider {display: none}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -30px auto 0;}
.commit ul li {width: 100%;}
.associate-directors-contain span {position: inherit !important; bottom: 0px; left: 0px;}
.associate-directors-contain p {padding-bottom:40px;}
.association-container {background: #f4a141; display: block}
.associate-collapse { padding: 0px 10px 20px; width: 100%; margin: 0px auto 0;}
.associate ul li {width: 100%;}
.associate-collapse-btn {display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.commit ul li.last p {border-bottom: 1px solid #fff}
.see-members-btn {font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.commit ul li h2 {font-size: 22px;}
.commit ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.about-carousel {margin-top: 10px; display: block}
.associate ul {margin-bottom: 50px;}
.associate ul li h2 {font-size: 22px;}
.associate ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.associate ul li.last p {border-bottom: 1px solid #fff}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.con-txt a {margin-bottom: 0px;}
.formation-txt p {
font-size: 18px;
line-height: 26px;
padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !important;
}
.grants-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;
}
.investigators-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;
}
.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;
}
.mapping-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 {
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 {min-height:243px;}
.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: 0px !important}
.contact-quote-text {min-height: 230px;}
.equipment-contain {min-height: 200px;}
.basic-research span {bottom: 27px;}
.research-icon {width: 14%}
.top-bar p {margin:0px 0 0px; text-align: center; font-size: 15px;}
.top-bar ul {text-align: center; float: none; display: none;}
/*.top-left-logo {width: 100%;}*/
.top-search-panel {padding-bottom: 40px;}
.top-bar {margin-bottom: 30px;}
.logo {width: 70%; display: none !important}
.imagingtxt.imaging.no-fade-txt p {padding-bottom: 80px;}
.imagingtxt.sys-bio.no-fade-txt p {padding-bottom: 40px;}
.recent.no-fade-txt.computation-txt p {padding-bottom: 40px;}
.recentft.micro-fluid-txt.no-fade-txt p {padding-bottom: 40px;}
.recent.more-come-txt p {padding-bottom: 40px;}
.directortxt.press-contain.no-fade-txt p {padding-bottom: 40px;}
.imagingtxt.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;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .technlogy-inn-img {width: 100%; height: 233px !important; object-fit: cover;}
.technlogy-inn-img {width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important}
.home-header-txt {min-height: 220px; padding-bottom: 30px;}
.executive-text {background:transparent; z-index: 2}
.address-txt {padding-bottom: 30px;}
.ucsf-logo p {font-size: 13px}
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 80%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; 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; 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: 33px !important; /*top:75px !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;}
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px;}
span.main ul li a {font-size: 20px !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 {bottom:40px; width: 85%}
.mobile-news-container {border-bottom: 1px solid #fff; float: left;}
.news-container-img {object-fit: cover; width: 100%; min-height: 175px;}
.news-container-title {min-height: 110px;}
.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:0px;padding:0px 20px 15px;}
.news-btn-right {width: 100%;}
.news-container-right { padding: 20px 0 0 0px !important;}
.news-container-title {padding:0 20px;}
.news-txt-right p {padding-left: 0px;}
.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}
.subscribe-calender {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.subscribe-calender:hover {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.event-share-btn-inn p {font-size: 14px;}
.save-event {padding: 16px 12px;font-size: 14px; border-top: 1px solid #a2a4a7; background-position: right center;}
.save-event:hover {background-position: right center;}
.event-share-btn {border:0px;}
.event-social-icon {float: right;}
.event-location {border-top:1px solid #a2a4a7; background: none; padding: 20px !important; width: 100%}
.event-location2 {border-top:0px; background: none; 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 {float: none}
.news-subscribe {float: none}
.subscribe-calender2 {padding: 9px 12px; display: block; background:#fcb24b url(images/calender-hover2.png) right center no-repeat; background-size: 30px; border-top: 1px solid #a2a4a7}
.subscribe-calender2:hover {background: #fca032 url(images/calender-hover2.png) right center no-repeat; 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;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
.read-mobile{ font-size:15px; line-height:10px; color:#fff; padding:0px; margin:30px 0 30px; text-transform:uppercase; text-decoration:none; display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.read-mobile-contact{ font-size:15px; line-height:10px; height: 10px; color:#fff; padding:0px; margin:0px 0 0px; text-transform:uppercase; text-decoration:none;display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.dynamic-height-wrap {overflow: hidden; position: relative; -webkit-transition: max-height 0.25s ease-in-out; -moz-transition: max-height 0.25s ease-in-out; -o-transition: max-height 0.25s ease-in-out; transition: max-height 0.25s ease-in-out; width: 100%;}
.dynamic-height-active .dynamic-show-more {display:block;}
.selectboxit-container .selectboxit { width: 100% !important;}
.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: transparent !important;}
.heading {margin: 0 5px 20px 5px}
.heading h1 {font-size: 16px;}
.header-image {width: 100%;}
.associate-top-image {
display: none;
}
.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;
-webkit-text-fill-color: transparent !important;}
.con-txt .list-in 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;
-webkit-text-fill-color: transparent !important;}
.listin {width: 100%; padding: 10px;}
.con-txt .listin p span {font-size: 12px; margin:0 11px;}
.con-txt .list-in p span {font-size: 12px; margin:0 11px;}
.list {width: 107%;}
.wht-qbi {padding-bottom: 30px !important; min-height: auto !important;}
.itemft span.names {padding-bottom: 30px;}
/******** MAPPING **********/
.directortxt {padding: 32px 22px;}
.content-inn { margin: 0 20px 20px 20px;}
.recentft span.read {left: 22px; bottom: 30px;}
.qbi-cluster span.read {
bottom: 30px !important;
}
.directortxt h2 {padding: 0 0 17px 0; font-size: 26px; line-height: 33px;}
/******* EQUIPMENTS ******/
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recentft h2 {padding: 0 0 5px; line-height: 32px;}
.recentft 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recent h2 {padding: 0 0 5px 0; font-size: 26px;}
.recent 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
/****** RESEARCH *******/
.imagingtxt span {left: 22px; bottom: 30px;}
.computation-txt {min-height: auto}
.micro-fluid-txt{min-height: auto}
/***** NEWS *****/
.newsbox-in {padding: 32px 22px 0; min-height: 340px; margin-bottom: 0px;}
.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 AND AWARDS *********/
.grants-category {padding: 32px 22px 0; min-height: 240px;}
.grants-category span{left: 22px; bottom: 30px;}
.grants-category h3 {padding-bottom: 10px}
/********* INVESTIGATORS *****/
.styled-select {width:auto; margin: 0 auto 15px}
.selectboxit-container {width: 100%;}
.styled-select select {width: 100%;}
.selectboxit-container .selectboxit {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 {font-size: 16px;}
.investigators-bottom h4 {font-size: 16px;}
/******** CONTACT ********/
#map {min-height: 230px;}
.con-txt h2 {padding: 0 0 20px 0}
.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 {font-size: 18px; font-family: 'montserratlight';}
.contact-bottom span a{font-size: 18px; font-family: 'montserratlight';}
.con-txt {padding: 30px 22px 0;}
.con-txt p { font-size:18px; line-height:26px; padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.about-header-bottom p { font-size:18px; line-height:26px; padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !important;}
/*.home-header-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%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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 0; min-height: 240px;}
.contact-middle-text span {left: 22px; bottom: 30px;}
.recent h3 {font-size: 22px; line-height: 33px; padding: 0 0 55px 0}
.contact-middle-icon1 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon2 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon3 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-readmore {width: 100%; margin: 5px 0 0; padding: 20px 0; position: inherit !important; left: inherit !important; border-bottom: 1px solid #fff;}
.contact-middle-text p {margin-bottom:20px;}
.contact-readmore {display: block;}
/***** PAPERS *******/
.directortxt {padding: 30px 21px 1px; min-height: 200px}
.associate-directors-carousel {height: auto;}
.associate-directors-contain {padding-bottom: 40px;}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.publication-dropdown {margin-right: 5px; margin-left: 5px; padding: 35px 10px}
.publication-dropdown h2 {font-size: 18px;}
.publication-category {padding: 33px 21px 0; min-height: 430px;}
.padding-right-ten {padding-right: 20px !important; padding-left: 20px !important;}
.padding-ten { padding-left: 20px !important; padding-right: 20px !important;}
.padding-left-ten {padding-right: 20px !important; padding-left: 20px !important;}
.publication-inn {padding: 5px 0; margin: 0px 0 50px}
.publication-category-bottom {width:90%; bottom: 30px; left: 0px;}
/***** MAPPING SPECIFIC *******/
.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; border-bottom:1px solid #fcb24b}
.map-tabs {border-bottom: 1px solid #fcb24b;}
.nav-tabs > li > a {margin-right:0px;}
.map-tabs > li > a:hover {margin-bottom: 0px;}
.map-content-inn {padding:15px 0 0;}
.panel {margin-bottom:10px;}
.paginationtxt .map-left-btn { line-height:26px; padding:0 0 0 0px}
.paginationtxt .map-right-btn { line-height:26px; padding:0 0px 0 0px}
.mapping-main h2.capital-case {font-size:26px; line-height:34px; padding:0 0 32px; margin:0 0 20px;}
.no-padding-specific {padding-left: 0px !important; padding-right: 0px !important}
/******** HOMEPAGE *******/
.header_position {padding-right: 20px !important; padding-left: 20px !important}
.top-bar p {text-align:center; margin-bottom:10px;}
.top-bar li {margin-left:10px;}
.top-left-logo {text-align:center; width:40%; margin:0 auto;}
.logo {width:80%;}
.team {padding:25px 22px; height: 110px; min-height: 110px;
/*display: flex;
align-items: center;
justify-content: left;
flex-direction: row;
display: -webkit-flex;
-webkit-align-items: left;
-webkit-justify-content: left;
-webkit-flex-direction: row;*/
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
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 0; min-height: auto;}
.tweet img {margin: 0 0 32px; width: auto}
.recentft span.names {padding: 0 0 75px 0}
.newsft span.names {padding: 0 0 30px 0}
.itemrt {width:100%; /*display: none;*/ min-height: 233px;}
.tweet {padding:30px 22px 30px; min-height: 200px;}
.recentft span.readn {left:22px; bottom: 30px;}
.newsft {padding:30px 22px; min-height: 150px;}
.news {padding:30px 22px;}
.boxft {padding:30px 22px; 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-inn h2 {text-align:center;}
.footer-inn li {text-align:center; width:100%;}
.footer-inn p {text-align:center;}
.footer-inn a {text-align:center;}
.footer-icon {text-align:center; display:block !important;}
.footer-icon2 {text-align:center; display:block !important;}
.footer-search h2 {text-align:center;}
.social-icon li {width:30%; margin-right:0px; text-align:center;}
.social-icon {margin:0 0 20px 0;}
.search-input {text-align:center;}
.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: 0px;}
/****************** ABOUT US PAGE ****************/
.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{/*height: 160px; */overflow:hidden;}
.executive-text span { display: block; position: absolute; bottom: 30px;}
.slider .carousel-indicators {left: 20px;}
.affilate-txt{min-height: 100px; padding-bottom: 30px;}
.more-come-txt {min-height: auto}
.press-mobile { min-height: 340px; }
.equipment-readmore {display: none !important}
.about-exe-committee {display: block;}
.associate-directors {display: block; margin-top: -70px; margin-bottom: 20px;}
.associate-directors-img {display: block;}
.associate-directors-slider {display: none}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -50px auto 0;}
.commit ul li {width: 100%;}
.associate-directors-contain span {position: inherit !important; bottom: 0px; left: 0px;}
.associate-directors-contain p {padding-bottom:40px;}
.association-container {background: #f4a141; display: block}
.associate-collapse { padding: 0px 10px 20px; width: 100%; margin: 0px auto 0;}
.associate ul li {width: 100%;}
.associate-collapse-btn {display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.commit ul li.last p {border-bottom: 1px solid #fff}
.see-members-btn {font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.commit ul li h2 {font-size: 22px;}
.commit ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.about-carousel {margin-top: 10px; display: block}
.associate ul {margin-bottom: 50px;}
.associate ul li h2 {font-size: 22px;}
.associate ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.associate ul li.last p {border-bottom: 1px solid #fff}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.con-txt a {margin-bottom: 0px;}
.formation-txt p {
font-size: 18px;
line-height: 26px;
padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !important;
}
.grants-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;
}
.investigators-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;
}
.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;
}
.mapping-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 {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !important;
}
.press-video-txt {min-height:424px;}
.mapping-one {min-height:100px;}
.imaging {min-height:100px;}
.sys-bio {min-height:200px;}
.computation-txt {min-height:200px;}
.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:100px; padding-bottom: 40px;}
.cloud-computing {min-height:100px; padding-bottom: 80px;}
.qbi-cluster {min-height:100px; padding-bottom: 80px;}
.abt-bottomhead-btn {margin-top: 20px !important; margin-bottom: 0px !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: 200px;}
.basic-research span {bottom: 27px;}
.research-icon {width: 15%}
.top-bar p {margin:0px 0 10px; text-align: center;}
.top-bar ul {text-align: center; float: none}
.top-left-logo {margin:0 auto 30px; width: 70%;}
.top-bar {margin-bottom: 30px;}
.logo {width: 70%;}
.imagingtxt.imaging.no-fade-txt p {padding-bottom: 80px;}
.imagingtxt.sys-bio.no-fade-txt p {padding-bottom: 80px;}
.recent.no-fade-txt.computation-txt p {padding-bottom: 80px;}
.recentft.micro-fluid-txt.no-fade-txt p {padding-bottom: 40px;}
.recent.more-come-txt p {padding-bottom: 40px;}
.directortxt.press-contain.no-fade-txt p {padding-bottom: 40px;}
.imagingtxt.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;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img {width: 100%; height: 233px !important; object-fit: cover;}
.technlogy-inn-img {width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important}
.home-header-txt {min-height: 220px; padding-bottom: 30px;}
.executive-text {background:transparent; z-index: 2}
.address-txt {padding-bottom: 30px;}
.orange-quote {min-height: 200px; padding-bottom: 30px}
.top-bar p {margin:0px 0 0px; text-align: center; font-size: 15px;}
.top-bar ul {text-align: center; float: none; /*display: none;*/}
.top-left-logo {width: 100%;}
#wrap {margin-right: 15px;}
.top-search-panel {padding-bottom: 40px;}
.top-bar {margin-bottom: 30px;}
.logo {width: 70%; display: none !important}
.top-left-logo {width: 50% !important;}
.ucsf-logo p {font-size: 13px}
/*.ucsf-logo img {margin-right: 10px;}*/
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 80%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; 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; 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: 35px !important; /*top:74px !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; display: block}
.desktop-nav ul li a{font-size: 18px !important}
.menu_fixed {position: fixed !important;}
.recentft form {bottom:40px; width: 89%}
.mobile-news-container {border-bottom: 1px solid #fff; float: left; width: 100%;}
.news-container-img {object-fit: cover; width: 100%; min-height: 175px;}
.news-container-title {min-height: 110px;}
.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:0px;padding:0px 20px 15px;}
.news-btn-right {width: 100%;}
.news-container-right { padding: 20px 0 0 0px !important;}
.news-container-title {padding:0 20px;}
.news-txt-right p {padding-left: 0px;}
.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}
.subscribe-calender {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.subscribe-calender:hover {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.event-share-btn-inn p {font-size: 14px;}
.save-event {padding: 16px 12px;font-size: 14px; border-top: 1px solid #a2a4a7; background-position: right center;}
.save-event:hover {background-position: right center;}
.event-share-btn {border:0px;}
.event-social-icon {float: right;}
.event-location {border-top:1px solid #a2a4a7; background: none; padding: 20px !important; width: 100%}
.event-location2 {border-top:0px; background: none; 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 {float: none}
.news-subscribe {float: none}
.subscribe-calender2 {padding: 9px 12px; display: block; background:#fcb24b url(images/calender-hover2.png) right center no-repeat; background-size: 30px; border-top: 1px solid #a2a4a7}
.subscribe-calender2:hover {background: #fca032 url(images/calender-hover2.png) right center no-repeat; background-size: 30px;}
.event-details {margin-top:25px;}
.event-share-info {margin-bottom:25px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.read-mobile{ font-size:15px; line-height:18px; height: 19px; color:#fff; padding:0px; margin:10px 0 30px; text-transform:uppercase; text-decoration:none; display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.read-mobile-contact{ font-size:15px; line-height:10px; height: 10px; color:#fff; padding:0px; margin:0px 0 0px; text-transform:uppercase; text-decoration:none;display:block !important; background: none; border: 0px; outline: none; position: relative; z-index: 1}
.dynamic-height-wrap {overflow: hidden; position: relative; -webkit-transition: max-height 0.25s ease-in-out; -moz-transition: max-height 0.25s ease-in-out; -o-transition: max-height 0.25s ease-in-out; transition: max-height 0.25s ease-in-out; width: 100%;}
.dynamic-height-active .dynamic-show-more {display:block;}
.selectboxit-container .selectboxit { width: 100% !important;}
.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: transparent !important;}
.heading {margin: 0 5px 20px 5px}
.heading h1 {font-size: 16px;}
.header-image {width: 100%;}
.associate-top-image {
display: none;
}
.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;
-webkit-text-fill-color: transparent !important;}
.con-txt .list-in 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;
-webkit-text-fill-color: transparent !important;}
.listin {width: 100%; padding: 10px;}
.con-txt .listin p span {font-size: 12px; margin:0 11px;}
.con-txt .list-in p span {font-size: 12px; margin:0 11px;}
.list {width: 107%;}
.wht-qbi {padding-bottom: 30px !important; min-height: auto !important}
.itemft span.names {padding-bottom: 30px;}
/******** MAPPING **********/
.directortxt {padding: 32px 22px;}
.content-inn { margin: 0 20px 20px 20px;}
.recentft span.read {left: 22px; bottom: 30px;}
.qbi-cluster span.read {
bottom: 30px !important;
}
.directortxt h2 {padding: 0 0 17px 0; font-size: 26px; line-height: 33px;}
/******* EQUIPMENTS ******/
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recentft h2 {padding: 0 0 5px; line-height: 32px;}
.recentft 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recent h2 {padding: 0 0 5px 0; font-size: 26px;}
.recent 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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-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;
-webkit-text-fill-color: transparent !important;
}
/****** RESEARCH *******/
.imagingtxt span {left: 22px; bottom: 30px;}
.computation-txt {min-height: auto}
.micro-fluid-txt{min-height: auto}
/***** NEWS *****/
.newsbox-in {padding: 32px 22px 40px; min-height: 200px; margin-bottom: 0px;}
.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 AND AWARDS *********/
.grants-category {padding: 32px 22px 50px; min-height: 100px;}
.grants-category span{left: 22px; bottom: 30px;}
.grants-category h3 {padding-bottom: 10px}
/********* INVESTIGATORS *****/
.styled-select {width:auto; margin: 0 auto 15px}
.selectboxit-container {width: 100%;}
.styled-select select {width: 100%;}
.selectboxit-container .selectboxit {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 {font-size: 16px;}
.investigators-bottom h4 {font-size: 16px;}
/******** CONTACT ********/
#map {min-height: 230px;}
.con-txt h2 {padding: 0 0 20px 0}
.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 {font-size: 18px; font-family: 'montserratlight';}
.contact-bottom span a{font-size: 18px; font-family: 'montserratlight';}
.con-txt {padding: 30px 22px 0px; min-height: auto}
.con-txt p { font-size:18px; line-height:26px; padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;}
/*.home-header-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%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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 0; 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 0}
.contact-middle-icon1 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon2 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-middle-icon3 {margin-bottom: 40px; padding: 10px 40px 0px}
.contact-readmore {width: 100%; margin: 5px 0 0; padding: 20px 0; position: inherit !important; left: inherit !important; border-bottom: 1px solid #fff;}
.contact-middle-text p {margin-bottom:20px;}
.contact-readmore {display: block;}
/***** PAPERS *******/
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.publication-dropdown {margin-right: 5px; margin-left: 5px; padding: 35px 10px}
.publication-dropdown h2 {/*font-size: 18px;*/}
.publication-category {padding: 33px 21px 0; min-height: 380px;}
.padding-right-ten {padding-right: 20px !important; padding-left: 20px !important;}
.padding-ten { padding-left: 20px !important; padding-right: 20px !important;}
.padding-left-ten {padding-right: 20px !important; padding-left: 20px !important;}
.publication-inn {padding: 5px 0; margin: 0px 0 50px}
.publication-category-bottom {width:90%; bottom: 30px;}
/***** MAPPING SPECIFIC *******/
.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; border-bottom:1px solid #fcb24b}
.map-tabs > li > a:hover {margin-bottom: 0px;}
.map-tabs {border-bottom: 1px solid #fcb24b;}
.nav-tabs > li > a {margin-right:0px;}
.map-content-inn {padding:15px 0 0;}
.panel {margin-bottom:10px;}
.paginationtxt .map-left-btn { line-height:26px; padding:0 0 0 0px}
.paginationtxt .map-right-btn { line-height:26px; padding:0 0px 0 0px}
.no-padding-specific {padding-left: 0px !important; padding-right: 0px !important}
.mapping-main h2.capital-case {font-size:26px; line-height:34px; padding:0 0 32px; margin:0 0 20px;}
/******** HOMEPAGE *******/
.header_position {padding-right: 20px !important; padding-left: 20px !important}
.top-bar p {text-align:center; margin-bottom:10px;}
.top-bar li {margin-left:10px;}
.top-left-logo {margin-bottom: :30px; text-align:center; width: 50% !important;}
.logo {width:85%;}
.team {padding:25px 22px; height: 110px; min-height: 110px; display: flex;
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 0; min-height: auto;}
.tweet img {margin: 0 0 32px; width: auto;}
.recentft span.names {padding: 0 0 75px 0}
.newsft span.names {padding: 0 0 30px 0}
.itemrt {width:100%; /*display: none;*/ min-height: 233px;}
.tweet {padding:30px 22px 30px; min-height: 150px;}
.recentft span.readn {left:22px; bottom: 30px;}
.newsft {padding:30px 22px 40px; min-height:200px;}
.news {padding:30px 22px;}
.boxft {padding:30px 22px; 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-inn h2 {text-align:center;}
.footer-inn li {text-align:center; width:100%;}
.footer-inn p {text-align:center;}
.footer-inn a {text-align:center;}
.footer-icon {text-align:center; display:block !important;}
.footer-icon2 {text-align:center; display:block !important;}
.footer-search h2 {text-align:center;}
.social-icon li {width:30%; margin-right:0px; text-align:center;}
.social-icon {margin:0 0 20px 0;}
.search-input {text-align:center;}
.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: 0px;}
/****************** ABOUT US PAGE ****************/
.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{/*height: 160px; */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 {display: block;}
.associate-directors {display: block; margin-top: -70px; margin-bottom: 20px;}
.associate-directors-img {display: block;}
.associate-directors-slider {display: none}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -50px auto 0;}
.commit ul li {width: 100%;}
.associate-directors-contain span {position: inherit !important; bottom: 0px; left: 0px;}
.associate-directors-contain p {padding-bottom:40px !important;}
.association-container {background: #f4a141; display: block}
.associate-collapse { padding: 0px 10px 20px; width: 100%; margin: 0px auto 0;}
.associate ul li {width: 100%;}
.associate-collapse-btn {display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.commit ul li.last p {border-bottom: 1px solid #fff}
.see-members-btn {font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.commit ul li h2 {font-size: 22px;}
.commit ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.about-carousel {margin-top: 10px; display: block}
.associate ul {margin-bottom: 50px;}
.associate ul li h2 {font-size: 22px;}
.associate ul li p {font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.associate ul li.last p {border-bottom: 1px solid #fff}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.con-txt a {margin-bottom: 0px;}
.formation-txt p {
font-size: 18px;
line-height: 26px;
padding: 0 0 5px 0;
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;
-webkit-text-fill-color: transparent !important;
}
.grants-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;
}
.investigators-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;
}
.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;
}
.mapping-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 {
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:100px; padding-bottom: 40px;}
.mapping-one {min-height:100px; padding-bottom: 40px;}
.imaging {min-height:200px; padding: 32px 22px 40px}
.sys-bio {min-height:auto; padding: 32px 22px 40px}
.computation-txt {min-height:100px;}
.micro-fluid-txt {min-height:100px;}
.more-come-txt {min-height:200px;}
.qbi-role-txt {min-height:auto; padding-bottom: 80px;}
.collaboration-txt {min-height:auto; padding-bottom: 80px;}
.basic-research {min-height:100px; padding-bottom: 40px;}
.cloud-computing {min-height:100px; padding-bottom: 80px;}
.qbi-cluster {min-height:100px; padding-bottom: 80px;}
.abt-bottomhead-btn {margin-top: 20px !important; margin-bottom: 0px !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: 200px;}
.basic-research span {bottom: 27px;}
.research-icon {width: 8%}
.top-bar p {margin:0px 0 10px; text-align: center;}
.top-bar ul {text-align: right; float: none}
.top-bar {margin-bottom: 30px; padding: 13px 0 6px}
.logo {width: 70%; display: none !important}
.imagingtxt.imaging.no-fade-txt p {padding-bottom: 40px;}
.imagingtxt.sys-bio.no-fade-txt p {padding-bottom: 40px;}
.recent.no-fade-txt.computation-txt p {padding-bottom: 80px;}
.recentft.micro-fluid-txt.no-fade-txt p {padding-bottom: 80px;}
.recent.more-come-txt p {padding-bottom: 80px;}
.directortxt.press-contain.no-fade-txt p {padding-bottom: 40px;}
.imagingtxt.no-fade-txt p {padding-bottom: 40px;}
.publication-category h2 {min-height: 100px;}
.publication-category h2 a {font-size: 16px; line-height: 23px;}
.recentft.mapping-one.no-fade-txt p {padding-bottom: 40px;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .con-img img, .technlogy-inn-img {width: 100%; height: 233px !important; object-fit: cover;}
.technlogy-inn-img {min-height: 233px !important}
.home-header-txt {min-height: 220px; padding-bottom: 30px;}
.executive-text {background:transparent; z-index: 2}
.address-txt {padding-bottom: 30px;}
.ucsf-logo p {font-size: 13px}
/*.ucsf-logo img {margin-right: 10px;}*/
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 60%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; 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; 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: 35px !important; /*top:74px !important;*/}
/*.social-icon-top {top:84% !important; left:0; right: 0 !important; width: 206px !important; margin:0 auto !important}*/
.desktop-nav li {margin-bottom: 5px !important; font-size: 20px; margin-left: 10% !important}
span.main ul li a {font-size: 20px !important; min-width: 40px; min-height: 39px;}
.bottom_social {right:0% !important; top: 80% !important;}
.top-bar a {text-align: left; display: block; margin-bottom: 10px;}
.menu_fixed {position: fixed !important;}
.recentft form {bottom:40px; width: 92%;}
.mobile-news-container {border-bottom: 1px solid #fff; float: left; width: 100%;}
.news-container-img {object-fit: cover; width: 100%; min-height: 175px;}
.news-container-title {min-height: 110px;}
.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:0px;padding:0px 20px 15px;}
.news-btn-right {width: 100%;}
.news-container-right { padding: 20px 0 0 0px !important;}
.news-container-title {padding:0 20px;}
.news-txt-right p {padding-left: 0px;}
.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}
.subscribe-calender {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.subscribe-calender:hover {padding: 16px 12px;font-size: 14px; background-position: right center; background-size: 35px;}
.event-share-btn-inn p {font-size: 14px;}
.save-event {padding: 16px 12px;font-size: 14px; border-top: 1px solid #a2a4a7; background-position: right center;}
.save-event:hover {background-position: right center;}
.event-share-btn {border:0px;}
.event-social-icon {float: right;}
.event-location {border-top:1px solid #a2a4a7; background: none; padding: 20px !important; width: 100%}
.event-location2 {border-top:0px; background: none; 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 {float: none}
.news-subscribe {float: none}
.subscribe-calender2 {padding: 9px 12px; display: block; background:#fcb24b url(images/calender-hover2.png) right center no-repeat; background-size: 30px; border-top: 1px solid #a2a4a7}
.subscribe-calender2:hover {background: #fca032 url(images/calender-hover2.png) right center no-repeat; background-size: 30px;}
.event-details {margin-top:25px;}
.event-share-info {margin-bottom:25px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.read-mobile{ font-size:15px; line-height:16px; color:#fff; padding:0px; margin:0px 0 0px; text-transform:uppercase; text-decoration:none; display:block !important; background: none; border: 0px; outline: none; position: absolute !important; bottom: 45px;}
.read-mobile-contact {display: block !important; position: relative; z-index: 1000; line-height: 10px; height: 15px;}
/******** CONTACT ********/
/*.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}*/
.padding-right-ten {padding-right: 15px !important}
.padding-left3 { padding-left: 15px !important; padding-right: 15px !important;}
.contact-header {padding: 32px 30px 0; min-height: 240px;}
.contact-bottom {left: 30px; bottom: 45px;}
.contact-bottom span {font-size: 18px; font-family: 'montserratlight';}
.contact-bottom span a{font-size: 18px; font-family: 'montserratlight';}
.con-txt {padding: 32px 22px;}
.con-txt p {padding: 0 0 5px 0;}
.contact-middle-text {padding: 32px 30px 10px; min-height: 150px;}
.dynamic-height-wrap {-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.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;
}
.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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
padding-bottom: 40px;
}
.recentft {padding: 32px 30px 0px; min-height: 220px;}
.technlogy-inn {min-height: auto; padding-bottom: 80px;}
.mapping-one {
min-height: auto !important;
padding-bottom: 80px !important;
}
.recentft form {
margin: 0px 0 0 0; bottom:40px; width: 92%;
}
.newsft {padding: 32px 30px 0px; min-height: 220px;}
.cloud-computing {min-height:auto; padding-bottom:90px;}
.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: 555px;}
.styled-select {width: 100%}
.selectboxit-container .selectboxit {width: 215px !important}
/***** MAPPING SPECIFIC *******/
.specific-margin-fifteen {padding-left:20px; padding-right:20px;}
.mapping-main {padding-left:15px; padding-right:15px;}
.no-padding-specific {padding-left:15px; padding-right:15px;}
/****** NEWS *******/
.directortxt {min-height:auto; 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;
-webkit-text-fill-color: transparent !important;
}
.computation-txt {min-height: 220px;}
.computation-txt p {padding-bottom: 50px !important;}
.micro-fluid-txt{min-height: 220px;}
.affilate-txt{min-height: 170px; padding: 32px 30px 0px;}
.more-come-txt{min-height: 215px;}
.video-txt h2{padding-bottom: 25px;}
.listin {padding: 20px 10px; width: 33%; border:0px; border-left: 1px solid #fff;}
.hvr-fade {float: left;}
.con-txt .listin p span {font-size: 12px; margin:0 11px; padding-top: 0px;}
.list {margin:0 auto; border:0px;}
.header_icon_text { margin: 5px 0 0 !important }
.header-small-icon {width: 100%;}
.list-in {float: left;margin-bottom: 30px; width: 33.3%; border-right: 1px solid #fff;}
.hvrfade-last {border-right: 1px solid #fff;}
.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;}
/*.team img {float: none; margin:0 auto; text-align: center; display: block}*/
.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;}
/*.team h2 br {display: none;}*/
.itemft span.date {padding-bottom: 15px;}
.itemft h3 a {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: #ffaf4a url(images/quote.png) center right no-repeat; background-size: 25%;}
.orange-quote-two {background: #ffaf4a !important}
.orange-quote h3 {padding-right: 30%;}
.green-quote {min-height:235px; background: #c6d333 url(images/quote-two.png) center right no-repeat; padding: 32px 30px 0px; 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;}
.boxft {padding:32px 22px; margin-bottom:18px; background-size: cover !important; min-height: 330px;}
.boxft h2 {font-size:20px; padding-bottom:14px;}
.boxft span {font-size:60px; padding-bottom:27px;}
.boxft a {line-height: 10px;}
.recentft span.readn {left: 30px; bottom: 45px;}
.recent_news_text {min-height: 280px;}
.recent h2 {padding-bottom: 23px; font-size: 25px; word-break: break-all; line-height: 30px;}
.con-txt p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
padding-bottom: 40px;
}
.formation-txt p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.middle-two {height: auto;}
.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;
-webkit-text-fill-color: inherit !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;
-webkit-text-fill-color: inherit !important; padding-bottom: 0px;}
.contact-middle-icon1 {margin-bottom: 20px;}
.contact-middle-icon2 {margin-bottom: 20px;}
.contact-middle-icon3 {margin-bottom: 20px;}
.directortxt h2 {padding-bottom: 23px;}
.publication-category h3 {font-size: 16px; font-family: 'montserratlight';}
.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 AND AWARDS ********/
.grants-category h2 a{font-size: 18px; font-weight: 400; line-height: 23px;}
.grants-category h3 {font-size: 16px; font-family: 'montserratlight'; padding-bottom: 15px;}
.grants-category {padding: 32px 30px 0; min-height: 280px;}
.grants-category span{left: 30px; bottom: 38px;}
.grants-category span a {font-size: 14px; font-family: 'montserratlight';}
/********* INVESTIGATORS *****/
.investigators-top {min-height: 195px; padding: 30px 50px}
.investigators-bottom {padding: 20px 30px 0; min-height: 162px;}
.investigators-bottom h2 {font-size: 18px;}
.investigators-bottom h3 {font-size: 12px;}
.investigators-bottom h4 {font-size: 12px;}
.name_container {min-height: 68px;}
.recentft span.read {left: 30px; bottom: 38px}
.qbi-cluster span.read {
bottom: 38px !important;
}
.recentft span.read a{font-size: 14px; font-family: 'montserratlight';}
.directortxt {min-height: 200px;}
.associate-directors-contain {min-height: 200px}
.associate-directors-carousel {height: auto;}
.directortxt h3 {margin-bottom: 22px; padding-bottom: 20px;}
.directortxt h4 {font-size: 14px; font-family: 'montserratlight'; padding-bottom: 10px;}
.directortxt span {left: 30px;}
.recentft span.date {font-size: 14px; font-family: 'montserratlight';}
.recentft h4 a {padding-bottom: 40px;}
.recent span.date {font-size: 14px; font-family: 'montserratlight';}
.recent h4 a {padding-bottom: 40px;}
.recent span.read {left:30px; bottom: 38px;}
.recent span.read a {font-size: 14px; font-family: 'montserratlight';}
.imagingtxt {padding: 32px 30px 0px; min-height: auto;}
.imagingtxt span a {font-size: 14px; font-family: 'montserratlight';}
.imagingtxt span {left: 30px;}
.imagingtxt h2 {padding-bottom: 23px;}
.newsbox-in {padding: 45px 30px 0; min-height: 235px; margin-bottom: 0px;}
.newsbox-in span {left: 30px; bottom: 45px;}
.newsbox-in span a {font-size: 14px; font-family: 'montserratlight';}
.newsbox-in h2 {padding-bottom: 23px;}
.newsbox-in h4 {padding-bottom: 10px;}
.news-inn {padding: 45px 30px 0; min-height: 235px;}
.news-inn span {left: 30px; bottom: 45px;}
.news-inn span a {font-size: 14px; font-family: 'montserratlight';}
.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-left {padding-right: 10px !important}
.padding-tablet-middle {padding-left: 10px !important; padding-right: 10px !important}
.padding-tablet-right {padding-left: 10px !important}
.directortxt p {font-size: 18px; line-height: 26px;}
.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 p {font-size: 18px; line-height: 26px;}
.basic-research span{left:30px; bottom: 38px;}
.recent p {font-size: 18px; line-height: 26px;}
.recentft p {font-size: 18px; line-height: 26px;}
.directortxt p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.recent p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !important;
}
.recentft p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !important;
}
.research-contain {min-height: 235px; padding-bottom: 45px;}
.research-contain h2 {padding-bottom: 23px;}
.research-contain p {
font-size: 18px;
line-height: 26px;
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) 70%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.imaging {padding: 32px 30px 60px; min-height: 200px;}
.imaging h2 {padding-bottom: 23px;}
.imaging span {left: 30px; bottom: 45px;}
.imaging p {
font-size: 18px;
line-height: 26px;
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;
-webkit-text-fill-color: transparent !important;
}
.sys-bio {padding: 32px 30px 50px; min-height: 200px}
.sys-bio h2 {padding-bottom: 23px;}
.sys-bio h2 br {display: none;}
.sys-bio span {left: 30px; bottom: 45px;}
.sys-bio p {
font-size: 18px;
line-height: 26px; 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;
-webkit-text-fill-color: transparent !important;
}
.stats-txt {padding: 32px 30px 0px; min-height: 225px;}
.stats-txt span.read {left: 30px; bottom: 38px;}
.paginationtxt .map-left-btn {line-height: 50px;}
.paginationtxt .map-right-btn {line-height: 50px;}
.header-image {
width: 100%; object-fit: cover;
height:266px;
}
.associate-top-image {
display: none;
}
.con-txt h2 {padding-bottom: 23px;}
.contact-quote-text {padding: 32px 30px 30px; min-height: auto; background: #ffaf4a url(images/quote.png) right center no-repeat; background-size: 25%;}
.contact-quote-text h3 {padding-right: 40%; line-height: 39px; padding-bottom: 15px;}
.qbi-role-txt {min-height: 340px !important; padding: 35px 30px;}
.qbi-role-txt p {font-size: 14px !important; font-family: 'montserratlight' !important}
.collaboration-txt {min-height: 340px !important; padding: 35px 30px;}
.collaboration-txt p {font-size: 14px !important; font-family: 'montserratlight' !important}
.press-tablet {padding: 32px 30px 45px;}
.mapping-grey {padding: 32px 30px 45px;}
.equipment-readmore {display: none !important}
.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 0px 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.last p {border-bottom: 1px solid #fff}
.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;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.technlogy-inn-img { height: 266px !important; min-height: 266px !important; width: 100%;}
.recentrt img{
height: 266px;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.recent h2 br{display: none;}
.affilate-txt span a {
font-size: 15px;
line-height: 25px;
color: #fff;
padding: 0px;
margin: 0px;
text-transform: uppercase;
text-decoration: none;
display: block !important;
}
.newsletter-img {
width: 100%; object-fit: cover;
height:266px !important;
}
.con-img img{
height: 266px;
object-fit: cover;
width: 100%;
object-position: 100% 100%; background-size: 100% 100%;
}
.itemrt {min-height: 266px;}
.itemrt img{
height: 266px;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.press-contain {min-height: 300px;}
.press-contain span {bottom: 45px;}
.video-middle {min-height: 280px}
.video-middle span {bottom: 45px;}
.video-txt {min-height: 280px}
.video-txt span {bottom: 45px;}
.news-contain {min-height: 300px;}
.news-contain span {bottom: 45px;}
.newsbox img{
height: 266px;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.mapping-image {
height: 266px !important;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.directortxt h2 br {display: none;}
.investigator-image {
height: 266px !important;
object-fit: cover;
width: 100%;
object-position: 100% 99%;
}
.grants-image {
height: 266px !important;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.about-tablet {
height: 266px !important;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.home-header-txt {min-height: 180px; padding-bottom: 45px !important;}
.home-header-txt a {margin-bottom: 0px !important}
.newsrt img{
height: 266px;
object-fit: cover;
width: 100%;
object-position: 100% 100%;
}
.mapping-main 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%;
}
.con-txt h2 br {display: none;}
.wht-qbi {min-height: 50px !important}
.social-icon-top {top:50% !important; }
.broad-menu {width: 440px !important}
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px; width: 210px !important}
span.main ul li a {font-size: 20px !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: 0px;}
#wrap {margin-right: 80px;}
.news-container-title {float: left; width: 50%; padding-right: 15px;}
.news-txt-bottom {float: left; width: 50%; border-top:0px; border-left: 1px solid #fff; margin-top: -20px;}
.news-container-right {padding: 20px 0 0px 20px !important}
.news-container-right h2 {font-size: 16px; line-height: 22px;}
.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:0px; 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 0px 0px; font-size: 12px; margin-left: -5px; min-height: 70px;}
.news-txt-right p {font-size: 12px; padding: 0px; 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; 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;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.research-image {min-height: 630px;}
.object_fill img{height: 330px; object-fit: cover; overflow: hidden; }
.text_object_fill {min-height: 330px;height: 330px; padding-bottom: 0px;}
.recent_news_text {min-height: 330px !important;}
/*.names {position: absolute; bottom: 45px;}*/
.team {padding: 52px 35px 35px}
.team h2 {font-size: 28px;}
.con-txt {padding: 55px 25px 0 40px; min-height: 630px;}
.listin {width: 100%; padding: 10px;}
.con-txt .listin p span {font-size: 13px;}
.contact-header {padding: 50px 42px 0; min-height: 325px;}
.contact-bottom {left: 42px;}
/*.directorimg img {height: 46vh}*/
.recent { padding: 50px 42px 0; min-height: auto;}
.orange-quote-two {min-height: 300px !important}
.recentft{ padding: 50px 42px 0; min-height: auto;}
.technlogy-inn-img { object-fit: cover; min-height: 550px;}
.recent h3 {font-size: 23px; line-height: 33px; padding-bottom: 0px}
.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;}
.directortxt {padding: 50px 40px 0; min-height: 630px;}
.about-tablet {height: 63.5vw; object-fit: cover}
.publication-category {padding: 50px 42px; min-height:495px;}
.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; width: 100%;}
.investigators-top {padding: 50px 80px; min-height: 270px;}
.investigators-bottom {padding: 20px 40px 0;}
.investigator-image {height: 630px; background-size: cover; object-fit: cover; max-width: 100.1%}
.directortxt p {line-height: 24px;}
.recentft span.read {left: 42px; bottom: -23px;}
.recentft span.read a{font-size: 14px; font-family: 'montserratlight';}
/*.mapping-image {height: 104vh !important}*/
.recentft h2 {font-size: 24px; padding-bottom: 15px; line-height: 30px;}
.directortxt h3 { padding-bottom: 20px; margin-bottom: 25px; }
/*.press-image {height: 96vh}*/
.press-tablet {min-height: 345px !important}
.press-tablet span.read {bottom: 24px}
.mapping-grey {min-height: 360px;}
.press-tablet-img {max-width: 100.5%; min-height: 360px; width: 100%; object-fit: cover}
.imagingtxt {padding: 50px 42px 0; min-height: 360px;}
.imagingtxt span {left: 42px}
.recent span.read {bottom: 40px; left: 42px;}
.recent span.read a {font-family: 'montserratlight'; font-size: 14px;}
.recent h4 a {line-height: 26px;}
.computation-txt span.read {bottom:39px;}
.micro-fluid-txt {min-height: 284px;}
.micro-fluid-txt span.read {bottom: 39px;}
.computation-txt {min-height: 284px;}
.news-contain {min-height: 630px !important;}
.press-contain {min-height:500px;}
.directortxt span {left: 40px;}
.newsbox-in {padding: 50px 42px 0; min-height: 360px; margin-bottom: 0px;}
.newsbox-in span {left: 45px; bottom: 39px;}
.news-inn {padding: 50px 45px; min-height: 385px;}
.news-inn span {left: 45px; bottom: 39px;}
.stat-img {height: 270px !important; width: 100%;}
.equipment-contain {min-height: 630px;}
.research-image {height: 63.4vw !important; object-fit: cover}
.imagingtxt h2 {padding-bottom: 24px; font-size: 24px; line-height: 30px;}
.imagingtxt span {bottom: 0px;}
.sys-bio span {bottom:39px;}
.yellow-bottom-text span.read{left:45px; bottom: 39px;}
/*.directorimg img {height: 27vw}*/
.stats-txt span.read {bottom: 17px;}
.investigators-bottom h2 {font-size: 20px; margin-bottom: 3px;}
.publication-dropdown {padding: 30px 10px}
.publication-dropdown h2 {/*font-family: 'montserratlight'; font-size: 22px;*/ margin-bottom: 25px;}
.selectboxit-text {font-size: 15px !important;}
.investigators-bottom h3 {margin: 0px;}
.investigators-bottom h4 {margin-bottom: 10px}
.investigators-bottom {min-height: 173px;}
.sys-bio {min-height: 422px;}
.recent h2 {font-size: 24px;}
.micro-fluid-image{height: 284px !important; object-fit: cover}
.affilate-txt {min-height: 307px;}
.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}
.directortxt {min-height: 630px; padding: 50px 42px 0;}
.news-header-img {min-height: 630px !important; object-fit: cover}
.news-image {height: 360px !important; width: 100%}
.newsbox-in h2 {font-size: 24px; line-height: 30px;}
.news-inn {min-height: 360px; padding: 50px 42px 0;}
.news-inn h2 {font-size: 23px; line-height: 30px; padding-bottom: 25px;}
.news-inn h4 {font-size: 14px; font-family: 'montserratlight'; }
.news-inn h3 a {font-size: 18px; line-height: 22px;}
.newsbox-in h3 a {font-size: 18px; line-height: 22px;}
.directortxt span a {font-family: 'montserratlight'; font-size: 14px;}
.newsbox-in span a {font-family: 'montserratlight'; font-size: 14px;}
.news-inn span a {font-family: 'montserratlight'; font-size: 14px;}
.stats-txt {min-height: 255px;}
.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-family: 'montserratlight'; font-size: 14px;}
.press-contain p {font-size: 18px; font-weight: 700}
.recentft span.date {font-family: 'montserratlight'; font-size: 14px;}
.video-middle {min-height: 485px; }
.recentft h4 a {font-size: 18px; line-height: 22px;}
.recent span.date {font-family: 'montserratlight'; font-size: 14px;}
.recent h4 a {font-size: 18px; line-height: 22px;}
.imagingtxt span a {font-size: 14px;}
.press-mobile span {bottom: 30px;}
.mapping-grey span.read {bottom: 39px;}
.video-middle span{bottom: 39px;}
.video-txt span{bottom: 39px;}
#video img, #video iframe {min-height: 485px; object-fit: cover}
#video-research img, #video-research iframe {min-height: 284px; object-fit: cover}
.technlogy-inn-img {min-height: 550px !important;}
.education-image {min-height:360px; object-fit: cover }
.video-txt {min-height: 485px;}
#video1 img, #video1 iframe {min-height: 485px; object-fit: cover}
.publication-category h3 {font-family: 'montserratlight'; font-size: 14px;}
.publication-category h2 a {font-size: 16px; line-height: 22px;}
.publication-category h3.light {font-size: 13px;}
.publication-category-bottom p a {font-size: 13px;}
.publication-category-btn {font-family: 'montserratlight'; font-size: 14px;}
.mapping-image {height: 63.4vw !important; object-fit: cover}
.mapping-one {min-height: 74vw; padding: 50px 42px 50px;}
.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;}
.address-txt {min-height: 325px;padding: 50px 42px 0;}
.address-txt h2{padding-bottom: 87px;}
.address-txt p {padding-bottom: 0px;}
#map {min-height: 325px;}
.contact-middle-icon1 {margin-bottom: 30px; padding: 15px 35px;}
.contact-middle-icon2 {margin-bottom: 30px; padding: 15px 35px;}
.contact-middle-icon3 {margin-bottom: 30px; padding: 15px 35px;}
.contact-middle-text span {left: 40px; bottom: 39px;}
.contact-txt { min-height: 290px; padding: 50px 42px 0; }
.contact-txt {font-size: 21px; line-height: 32px;}
.newsletter-txt { min-height: 290px; padding: 50px 42px 0; }
.recentft form {
margin: 0px 0 0 0; bottom:40px; width: 73%;
}
.newsletter-img {min-height: 290px; object-fit: cover}
.news-contain span{bottom: 39px;}
.mapping-one span.read {bottom: 39px;}
.padding-tablet-left {padding-right: 10px !important}
.padding-tablet-middle {padding-left: 10px !important; padding-right: 10px !important}
.padding-tablet-right {padding-left: 10px !important}
.qbi-cluster span.read{bottom: 39px}
.qbi-cluster span.read {
bottom: 39px !important;
}
.cloud-computing {min-height: 300px;}
.mapping-txt {min-height: 63.4vw !important}
.publication-category-bottom {bottom: 39px;}
.equipment-contain span {bottom:39px;}
.cloud-computing span {bottom:39px !important;}
.qbi-cluster {min-height: 300px;}
.education-right-img {float: right;}
.research-icon {width: 15%;}
.itemft {padding: 50px 42px 0px; min-height: 420px;}
.slider .carousel-indicators {left: 40px; bottom: 65px;}
.itemrt img{
min-height: 420px;
object-fit: cover;
width: 100%;
}
.itemft span.read a {margin-top: 30px;}
.tweet-img-tablet {width: 50%}
.tweet {padding: 30px 42px 0px; min-height: 420px;}
.tweet img {margin-bottom: 10px;}
.tweet p {padding-bottom: 20px; min-height: 246px; font-size: 18px; line-height: 26px;}
.recentft span.readn {left: 42px; bottom: 30px;}
.quote-names {bottom: 35px !important; position: absolute;}
.newsrt img{min-height: 384px; width: 100%; object-fit: cover;}
.newsft {padding: 50px 42px 0px; min-height: 380px;}
.newsft span.read {position: absolute; bottom: 30px;}
.boxft {padding: 50px 42px;}
.boxft h2 {font-size: 24px; padding-bottom: 15px;}
.boxft span {font-size: 78px; padding-bottom: 30px;}
.boxft h3 {font-size: 20px; padding-bottom: 10px;}
.news {padding: 50px 42px; min-height: 383px;}
.news h2 {font-size: 21px; line-height: 32px; padding-bottom: 0px; min-height: 275px;}
.con-text p {line-height: 40px;}
.about-tablet-img {min-height: 630px; width: 100%; object-fit: cover}
.associate-directors-contain {min-height: 620px !important}
.formation-txt {min-height: 510px}
.formation-img-tablet {min-height: 510px; width: 100%; object-fit: cover;}
.qbi-role-txt {min-height: 300px;}
.collaboration-txt {min-height: 300px;}
.technology-used {min-height: 280px; padding: 50px 42px 0;}
.technology-img-tablet {min-height: 280px; width: 100%; object-fit: cover;}
.commit {padding: 50px 40px;}
.commit ul li {
margin: 0 23px 0 0;
width: 260px;
}
.associate {padding: 50px 40px;}
.associate ul li {
margin: 0 23px 0 0;
width: 250px;
}
.wht-qbi {min-height: 330px;}
.footer-envelope-icon {margin-left: 0px;}
.footer-social-icon li {margin-right: 40px;}
.broad-menu {width: 180px !important;}
.news-container-title {float: left; width: 50%; padding-right: 15px;}
.news-txt-bottom {float: left; width: 50%; border-top:0px; border-left: 1px solid #fff; margin-top: -20px;}
.news-container-right {padding: 20px 0 0px 20px !important}
.news-left {width: 100%; padding: 20px 0 0 20px}
.news-txt-right {width: 100%; border:0px; padding: 0 0 20px 20px}
.news-btn-right {width: 100%; padding: 16px 0}
.news-container-img {width: 100%; object-fit: cover; min-height: 183px;}
.news-left p { padding: 0 10px 0px 0px; margin-left: -5px; min-height: 59px;}
.news-txt-right p { padding: 0px; margin: 0 0 0 -3px}
.news-left p a { word-break: break-all;}
.news-date h2 {font-size: 56px;}
.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:25px;}
.event-share-btn-inn p {margin-right: 20px; font-size: 14px;}
.subscribe-calender {padding: 16px 20px 15px; background: url(images/calender2.png) 225px center no-repeat;
background-size: 35px;}
.subscribe-calender:hover {background: #de8cf8 url(images/calender-hover2.png) 225px center no-repeat;
color: #fff; background-size: 35px;}
.news-info-icon {height: auto !important; width: 35px !important; object-fit: inherit !important}
.save-event {padding: 16px 15px; background:#ffad4a url(images/flag2.png) 125px center no-repeat; background-size:35px;}
.save-event:hover {background:#ff941e url(images/flag2.png) 125px center no-repeat}
.event-share-btn-inn {padding: 15px 0 16px}
.subscribe-calender {padding: 16px 15px 17px; font-size: 14px;}
.event-date h3 {font-size: 16px !important;}
.event-date h2 {font-size: 55px !important;}
.event-share-btn-inn i {font-size: 19px !important}
.event-share-icon {margin-right: 15px;}
.save-event:hover { background: #ff941f url(images/flag2.png) 125px center no-repeat; color: #fff; background-size: 35px;}
.subscribe-calender2 {padding:14px 74px 15px 26px; background:#fcb24b url(images/calender-hover2.png) 250px center no-repeat; background-size:35px;}
.subscribe-calender2:hover { background:#fca032 url(images/calender-hover2.png) 250px center no-repeat; background-size:35px;}
.event-details {margin-top:30px;}
.event-share-info {margin-bottom:30px;}
.map-content-inn { padding: 20px 0;}
.transparant-img {padding-bottom: 42px; padding-top: 42px;}
}
@media screen and (min-width: 751px) and (max-width: 991px) {
.imagingtxt p {
font-size: 18px;
line-height: 26px; padding-bottom: 40px !important;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 5%, rgba(255,255,255,0) 67%,rgba(255,255,255,0) 67%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.basic-research p {
font-size: 18px;
line-height: 26px;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 54%,rgba(255,255,255,1) 0, rgba(255,255,255,0) 100%,rgba(255,255,255,0) 67%) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.basic-research 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;
}
.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: 0px;
}
}
@media screen and (min-width: 992px) and (max-width: 1090px) {
.research-image-two {
height: 391px !important;
object-fit: cover;
width: 100%;
}
.research-image-three {height: 422px !important; object-fit: cover}
}
@media screen and (min-width: 1091px) and (max-width: 1199px) {
.research-image-two {
height: 391px !important;
object-fit: cover;
width: 100%;
}
.research-image-three {height: 422px !important; object-fit: cover}
}
/******* FADE TEXT HEADER CSS FOR ALL PAGES *******/
@media screen and (min-width: 501px) and (max-width: 570px) {
.research-contain p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,
rgba(255,255,255,1) 40%,
rgba(255,255,255,0) 110%,
rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.papers-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.mapping-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.investigators-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.grants-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.con-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
#intro_to_ccmp_text {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.director-statement p{
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 15%, rgba(255,255,255,0) 35%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.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) 40%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
}
@media screen and (min-width: 571px) and (max-width: 650px) {
.research-contain p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,
rgba(255,255,255,1) 40%,
rgba(255,255,255,0) 110%,
rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.papers-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 25%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.mapping-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 25%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.investigators-txt 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;
-webkit-text-fill-color: transparent !important;
}
.grants-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 25%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.con-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 7%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
#intro_to_ccmp_text {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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) 40%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.formation-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.publication-category-bottom {
width: 92% !important;
}
}
@media screen and (min-width: 651px) and (max-width: 700px) {
.research-contain p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,
rgba(255,255,255,1) 30%,
rgba(255,255,255,0) 70%,
rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.papers-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.mapping-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.investigators-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.grants-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.con-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 9%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.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) 110%,rgba(255,255,255,0) 40%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
#intro_to_ccmp_text {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,1) 0%, rgba(255,255,255,0) 39%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.director-statement p{
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;}
.formation-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.publication-category-bottom {
width: 93% !important;
}
}
@media screen and (min-width: 701px) and (max-width: 767px) {
.research-contain p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,
rgba(255,255,255,1) 40%,
rgba(255,255,255,0) 110%,
rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.papers-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.mapping-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.investigators-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.grants-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.con-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
#intro_to_ccmp_text {
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) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !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;
-webkit-text-fill-color: transparent !important;
}
.formation-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 10%, rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.publication-category-bottom {
width: 94% !important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.papers-txt {min-height: 215px;}
.papers-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.mapping-txt {min-height: 210px}
.mapping-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.investigators-txt {min-height: 220px;}
.investigators-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 35%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.grants-txt {min-height: 220px;}
.grants-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.abt-bottomhead-btn {margin-bottom: 30px !important}
.con-txt {padding-bottom: 39px;}
.con-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.about-header-bottom p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 20%, rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.home-header-txt p {
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(255,255,255,1) 10%, rgba(255,255,255,0) 33%,rgba(255,255,255,0) 100%);
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
padding-bottom: 20px !important;
}
}
@media screen and (min-width: 991px) and (max-width: 1999px) {
.broad-menu { width: 860px !important;}
.broad-menu li { width: 230px !important;}
.bottom_social {right:6% !important; top: 80% !important;}
.broad-menu li a{font-size: 24px !important}
}
@media screen and (min-width: 1200px) and (max-width: 3000px) {
.broad-menu { width: 860px !important;}
.broad-menu li { width: 280px !important;}
.bottom_social {right:6%; top: 80% !important;}
.broad-menu li a{font-size: 24px !important}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.top-left-logo {width: 40% !important;}
.listing-about-bottom {margin-top: 20px; width: 50% !important}
}
#lightbox .modal-content {
display: inline-block;
text-align: center;
}
#lightbox .close {
opacity: 1;
color: rgb(255, 255, 255);
background-color: rgb(25, 25, 25);
padding: 5px 8px;
border-radius: 30px;
border: 2px solid rgb(255, 255, 255);
position: absolute;
top: -15px;
right: -55px;
z-index:1032;
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
.mapping-one-img {min-height: 51vw;}
}