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;}
.transition-default {transition: all .5s ease; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: 5s;}
.hover{ cursor: pointer !important;}
.text-height { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.item_left.small-block .text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 34px; /* fallback */ -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical;}
.investigators-bottom h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 50px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.item_left.small-block .text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* fallback */ max-height: 50px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.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;
}
.read-more-image {min-height:570px; width: 100%; object-fit: cover }
.recentft.small-block.press-tablet.press-mobile.news-height h3 {display: none}
.column { margin-bottom: 20px;}
.content-inn { margin: 0 15px 20px 15px;}
/*************** 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;}
/*********************** top-search-panel *****************************/
.top-search-panel {padding-top: 70px; padding-bottom: 50px;}
/************************** FOOTER ****************************/
footer {padding:15px 0 0px;}
.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;}
/******************FOOTER LOGO ***********************/
.footer-logo { border-top: 1px solid #b7b9bb; margin: 15px 0 35px !important; padding: 50px 0 0px;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;}
.footer-logo img { width: 60%; margin: 0 auto; text-align: center; padding-bottom: 100px;}
.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-weight: bold}
.footer-close-panel .more-button p a{ 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%;}
.logo {padding: 0px 0 0px;}
/****** HOMEPAGE LIGHTBO MENU ********/
/*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%; 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%;}
.nav-top {position: relative; right: 0px !important;}
.nav-midd {float: right; position: absolute; right: 55px; top:30px !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;}
}
/**************************** 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;}
/********************************* publications page **************************/
.publication-category { min-height: 485px; padding: 45px 45px; position: relative; margin-bottom: 20px; cursor: pointer; transition: all 1s;}
.publication-category h3 { font-size: 15px; padding-bottom: 15px; color: #fff; margin: 0px; text-transform: uppercase;}
.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-weight: 700; color: #fff; line-height: 27px;}
.publication-category-bottom { position: absolute; bottom: 40px; width: 75%; margin: 0 auto; left: 0%; right: 0%;}
.publication-inn { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0 20px; padding: 10px 0 15px;}
.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-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 h3.light { font-size: 15px; color: #fff; margin: 0px; text-transform: uppercase; font-family: 'montserratlight'; font-weight: 400;}
/********************************* publications -height page **************************/
.publication-category-height {padding: 30px; position: relative; margin-bottom: 20px; cursor: pointer; transition: all 1s;}
.publication-category-height h3 { font-size: 15px; padding-bottom: 15px; color: #fff; margin: 0px; text-transform: uppercase;}
.publication-category-height h2 { font-size: 20px; padding-bottom: 25px; color: #fff; margin: 0px; }
.publication-category-height 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-weight: 700; color: #fff; line-height: 27px;}
.publication-category-bottom-height { position: absolute; bottom: 40px; width: 83%; margin: 0 auto; left: 0%; right: 0%;}
.publication-inn { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0 20px; padding: 10px 0 15px;}
.publication-category-bottom-height p { padding: 0px 0 0px; color: #fff; margin: 0px; font-family: 'montserratlight'; font-size: 16px;}
.publication-category-bottom-height 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;}
/************************ left-right-boxes *****************************/
.img-txt { padding: 55px 50px 0; position: relative; cursor: pointer;}
.img-txt h2 { font-size: 27px; color: #fff; padding: 0 0 40px 0; margin: 0px; text-transform: uppercase;}
.img-txt p { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px; font-family: 'montserratlight';}
.img-txt span { display: block; position: absolute; bottom: 37px; left: 50px;}
.img-txt 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;}
/************************ about us page ********************************/
.investigators-main { margin-bottom: 20px; cursor: pointer;}
.investigators-top { padding: 55px 90px; min-height: 320px;}
.investigators-bottom { padding: 20px 60px 0; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; min-height: 155px;}
.investigators-top img { width: 100%;}
.investigators-bottom h2 { color: #fff; font-size: 24px; margin: 0 0 5px; padding: 0; font-weight: 700;text-transform: uppercase;}
.investigators-bottom h4 { padding: 0; font-weight: 400;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 14px; margin: 15px 0 0; color: #fff;}
.investigators-bottom h3 { padding: 15px 0; border-top: 1px solid #fff; font-weight: 400; }
/******************************* news *******************************/
.recentft { padding: 50px 55px 0; /*min-height: 300px;*/ position: relative; float: left}
.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 {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;}
.recentft h5 {font-size: 13px; color: #fff; font-weight: 400; padding: 0 0 10px 0; margin: 0px 0 20px; text-transform: uppercase; border-bottom: 1px solid #fff;}
.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 h4 { padding: 0px; margin: 0 0 15px 0; font-size: 15px;}
.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;}
.recentft span.read { position: absolute; bottom: 30px; left: 55px;}
.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; height: 365px;}
.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;}
.con-txt { padding: 55px 50px 0;}
.con-txt h2 { font-size: 27px; padding: 0 10px 31px 0;}
.con-txt h2, .con-txt h3 { color: #fff; margin: 0; text-transform: uppercase;}
.con-txt p {padding: 0 0 33px; margin: 0;}
.con-txt a, .con-txt p { font-size: 15px; line-height: 25px; color: #fff;}
.text3-link-control.large-block { position: relative;}
.con-txt a { margin: 0 0 46px; padding: 0; text-transform: uppercase; text-decoration: none; display: inline-block!important; cursor: pointer;}
.text3-link-control.large-block a { position: absolute; bottom: -10px;}
.recent { padding: 55px 55px 0;}
.recent h2 { font-size: 27px; padding: 0 0 18px;}
.recent p { padding: 0 0 33px;}
.recent p, .recent span.read a, .role span a { font-size: 15px; line-height: 25px; margin: 0; color: #fff;}
.recent h3 { font-size: 25px; line-height: 35px; padding: 0 0 66px;}
.names, .recent h2, .recent h3, .recent span.date, .tweet p { color: #fff; margin: 0;}
.itemft h2, .itemft span.date, .itemft span.names, .itemft span.read a, .middle h2, .names, .newsft h2, .newsft span.date, .recent h2, .recent h3, .recent span.read a, .recentft h2, .recentft span.date, .recentft span.names, .recentft span.read a, .recentft span.readn a, .role span a, .team h2 { text-transform: uppercase;}
.names { font-size: 15px; padding: 0; display: block; position: absolute; bottom: 42px;}
.newsletter-input { background: 0 0; padding: 5px 0; color: #fff; border-left: 0; border-right: 0; border-top: 0; margin-bottom: 0px; outline: 0; font-size: 15px; width: 100%;}
.newsletter-input:placeholder-shown { color: #fff; font-size: 15px; font-weight: 400;}
.newsletter-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
.newsletter-input::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.newsletter-input::-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.newsletter-input::-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.recentft form { margin: 0; position: absolute; bottom: 42px; width: 70%;}
.newsletter-img { object-fit: cover; min-height: 330px;}
.con-txt p.address { font-size: 18px; line-height: 30px; color: #fff;}
.con-txt .listin p, .con-txt p.address { margin: 0; padding: 0;}
.map-icon { font-size: 30px!important; margin-top: 5px;}
#map { width: 100%; min-height: 317px; position: relative;}
.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-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:hover { background: rgba(255,255,255,0.2);}
.contact-header-icon { float: left; width: 10%; margin-right: 10px;}
.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.second { border-top: 0px;}
/*************************** read more page *********************/
.readmore-header { padding: 55px 50px 0; position: relative; min-height: 617px; cursor: pointer;}
.readmore-header h2 { font-size: 27px; color: #fff; padding: 0 0 40px; margin: 0;}
.readmore-header p { line-height: 25px;}
.readmore-header p, .readmore-header span a {font-size: 15px; color: #fff; padding: 0; margin: 0;}
.read-mobile, .read-mobile-contact, .read-open { padding: 0; text-decoration: none; background: 0 0; border: 0; font-size: 15px; color: #fff; text-transform: uppercase;}
.read-mobile, .read-mobile-contact { line-height: 25px; margin: 0; display: none!important;}
/*************************** carousel slider ***************************/
.itemft{ padding:0px; width:100%; float:left;padding:55px 55px 68px; display: none; z-index: 10;}
.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;}
.itemft.new-carousel h2 {border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 30px; float: left}
.itemft.new-carousel p{font-size: 15px; line-height: 25px;}
.itemft.new-carousel span.read a {position: absolute; bottom: 40px;}
.itemrt img { object-fit: cover}
.item_left.medium-block.carousel-width {position: relative;}
/**************************** 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%;}
.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;}
/************************ SORTING PANEL *****************************/
.sorting-dropdown { background: #f1f2f2; padding: 20px 10px; margin-bottom: 20px;}
.sorting-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;}
.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;}
.box { float: left; overflow: hidden; max-height: 620px;}
.box-inner { overflow: hidden;}
.con-img { padding: 0px;}
.header-image { max-width: 772px; max-height: 620px;}
.middle-two { overflow: hidden; height: 620px;}
.con-text { padding: 52px 55px 25px; min-height: 620px;}
.con-txt h2 { font-size: 27px; color: #fff; text-transform: uppercase; padding: 0 10px 31px 0; margin: 0px;}
.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;}
.list { padding: 0px; border-top: 1px solid #fff;}
.listin { background: #c8dafc; border-bottom: 1px solid #fff; padding: 10px 15px; width: 265px;}
.con-txt .listin p span { margin: 0 15px; font-size: 14px; color: #000 !important;}
.header_icon_text { display: inline-block; margin: 15px 0 0 !important; line-height: 18px;}
/**************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;}
.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; padding-right: 0px !important}
.box-inner{ overflow: hidden;}
.about_bottom_text { overflow: hidden;}
/* 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;}
.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;}
.abt-bottomhead-btn {margin-bottom: 26px !important;}
.about-header-bottom h3 {padding-bottom: 20px !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;}
/* con-text */
.con-text{ padding:52px 55px 25px; min-height: 620px;}
.con-text p{ font-size:20px; line-height:52px; color:#fff;padding:0 30px 0 0 ; margin:0px;font-family: 'montserratlight';}
#action2{ margin-top:60px; display:block;}
.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;}
.directortxt {padding: 30px 21px 1px; min-height: 280px}
.associate-directors-carousel {height: auto;}
.associate-directors-contain {padding-bottom: 40px;}
.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;}
.directortxt h2 {padding: 0 0 17px 0; font-size: 26px; line-height: 33px; margin: 0px;}
#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);}
.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;}
.associate-directors-carousel {overflow:hidden; height: 618px;}
.associate-directors-img {display: none;}
.directortxt p { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px; font-family: 'montserratlight';}
.directortxt { padding: 55px 50px 0; position: relative; min-height: 617px; cursor: pointer;}
/* commit */
.commit{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:rgba(255,255,255,0.2);}
/* associate */
.associate-directors-contain {min-height: 618px}
.associate{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:rgba(255,255,255,0.2);}
/********************** 404 page *******************************/
.not-found-pg { text-align: center; color: #68cef5; border-top: 1px solid #b7b9bb; padding: 80px 0;}
.not-found-pg h2 { font-size: 200px; margin: 0px 0 40px; padding: 0px; letter-spacing: 25px;}
.not-found-pg h3 { font-size: 20px; letter-spacing: 3px; line-height: 37px;}
/*************************** footer menu *************************/
.footer-links li { margin-bottom: 15px; width: 16.66%; float: left;}
.sorting-title {height: 38px !important; line-height: 30px !important}
/* Video Button */
#play,
#playn { position: absolute; top: 0; left: 0; cursor: pointer; background: url(images/play-btn.png) 50% 50% no-repeat; background-size: auto, cover; z-index: 1;width: 100%;height: 100%; }
/****************** START MEDIA QUERY ************************/
@media screen and (min-width: 320px) and (max-width: 380px) {
body {overflow-x: hidden;}
/*.logo {display: none !important;}*/
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}
.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;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-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, .directorimg.small-block, .directorimg.medium-block-strict { width: 100%; height: 233px !important; object-fit: cover;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header 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;}
.newsletter-img {min-height: 233px;}
.text3-link-control.large-block p {padding-bottom: 30px;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.investigators-top img { width: 80%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
.header_position { padding-right: 20px !important; padding-left: 20px !important;}
.home-header-txt { min-height: 220px; padding-bottom: 30px;}
.con-txt { padding: 30px 22px 20px;}
.con-txt h2 { padding: 0 0 20px 0;}
.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%;}
.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;}
.con-txt a { margin-bottom: 0px;}
.list { width: 107%;}
.listin { width: 100%; padding: 10px;}
.con-txt .listin p span { font-size: 12px; margin: 0 11px;}
.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;}
.header_icon_text { margin: 15px 0 0 !important;}
.middle-two { height: auto;}
.associate-directors-img {display: block;}
.header-image img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-directors-img { display: block;}
.associate-directors-contain { min-height: 200px;}
.directortxt { padding: 35px 30px 80px;}
.directortxt h2 { padding-bottom: 23px;}
.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;}
.directortxt span { left: 30px;}
.associate-directors-carousel { height: auto;}
.directorimg img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-top-image { display: none;}
.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;}
.associate-directors-contain.directortxt {
padding-bottom: 40px;
}
.executive-text {background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.directortxt { padding: 30px 21px 1px; min-height: 280px;}
.executive-text span { display: block; position: absolute; bottom: 30px;}
.directortxt span { left: 22px; bottom: 30px;}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -50px auto 0;}
.commit ul li { width: 100%;}
.commit ul li h2 { font-size: 22px;}
.commit ul li p { font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.see-members-btn { font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.executive-text { background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.associate ul li { width: 100%;}
.associate ul li h2 { font-size: 22px;}
.associate-collapse { padding: 0px 10px 60px; width: 100%; margin: 0px auto 0;}
.associate-collapse-btn { display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.associate-directors { display: block; margin-top: -40px; margin-bottom: 20px;}
.not-found-pg h2 {font-size: 100px; letter-spacing: 20px;}
.not-found-pg h3 { font-size: 17px; line-height: 30px;}
.footer-links li { width: 50%;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
/*.logo {display: none !important;}*/
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}
.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;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-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, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header 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;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.readmore-header 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;
}
.investigators-top img { width: 70%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
.header_position { padding-right: 20px !important; padding-left: 20px !important;}
.home-header-txt { min-height: 220px; padding-bottom: 30px;}
.con-txt { padding: 30px 22px 20px;}
.con-txt h2 { padding: 0 0 20px 0;}
.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%;}
.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;}
.con-txt a { margin-bottom: 0px;}
.list { width: 107%;}
.listin { width: 100%; padding: 10px;}
.con-txt .listin p span { font-size: 12px; margin: 0 11px;}
.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;}
.header_icon_text { margin: 15px 0 0 !important;}
.middle-two { height: auto;}
.associate-directors-img {display: block;}
.header-image img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-directors-img { display: block;}
.associate-directors-contain { min-height: 200px;}
.directortxt { padding: 35px 30px 80px;}
.directortxt h2 { padding-bottom: 23px;}
.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;}
.directortxt span { left: 30px;}
.associate-directors-carousel { height: auto;}
.directorimg img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-top-image { display: none;}
.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; }
.associate-directors-contain.directortxt { padding-bottom: 40px;}
.executive-text {background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.directortxt { padding: 30px 21px 1px; min-height: 280px;}
.executive-text span { display: block; position: absolute; bottom: 30px;}
.directortxt span { left: 22px; bottom: 30px;}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -50px auto 0;}
.commit ul li { width: 100%;}
.commit ul li h2 { font-size: 22px;}
.commit ul li p { font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.see-members-btn { font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.executive-text { background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.associate ul li { width: 100%;}
.associate ul li h2 { font-size: 22px;}
.associate-collapse { padding: 0px 10px 60px; width: 100%; margin: 0px auto 0;}
.associate-collapse-btn { display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.associate-directors { display: block; margin-top: -40px; margin-bottom: 20px;}
.not-found-pg h2 {font-size: 100px; letter-spacing: 20px;}
.not-found-pg h3 { font-size: 17px; line-height: 30px;}
.footer-links li { width: 50%;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
/*.logo {display: none !important;}*/
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}
.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;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-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, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header 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;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.readmore-header 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;
}
.investigators-top img { width: 50%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
.header_position { padding-right: 20px !important; padding-left: 20px !important;}
.home-header-txt { min-height: 220px; padding-bottom: 30px;}
.con-txt { padding: 30px 22px 20px;}
.con-txt h2 { padding: 0 0 20px 0;}
.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%;}
.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;}
.con-txt a { margin-bottom: 0px;}
.list { width: 107%;}
.listin { width: 100%; padding: 10px;}
.con-txt .listin p span { font-size: 12px; margin: 0 11px;}
.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;}
.header_icon_text { margin: 15px 0 0 !important;}
.middle-two { height: auto;}
.associate-directors-img {display: block;}
.header-image img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-directors-img { display: block;}
.associate-directors-contain { min-height: 200px;}
.directortxt { padding: 35px 30px 80px;}
.directortxt h2 { padding-bottom: 23px;}
.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;}
.directortxt span { left: 30px;}
.associate-directors-carousel { height: auto;}
.directorimg img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-top-image { display: none;}
.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;}
.executive-text {background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.directortxt { padding: 30px 21px 1px; min-height: 280px;}
.executive-text span { display: block; position: absolute; bottom: 30px;}
.directortxt span { left: 22px; bottom: 30px;}
.commit-collapse { padding: 0px 10px 20px; width: 100%; margin: -50px auto 0;}
.commit ul li { width: 100%;}
.commit ul li h2 { font-size: 22px;}
.commit ul li p { font-size: 18px; line-height: 26px; font-family: 'montserratlight';}
.see-members-btn { font-size: 15px; margin: 20px 0px 0 10px; display: block;}
.executive-text { background: transparent; z-index: 2;}
.executive-text { min-height: auto; padding-bottom: 80px;}
.associate ul li { width: 100%;}
.associate ul li h2 { font-size: 22px;}
.associate-collapse { padding: 0px 10px 60px; width: 100%; margin: 0px auto 0;}
.associate-collapse-btn { display: block; margin-top: 5px; font-size: 14px; font-family: 'montserratlight';}
.associate-directors { display: block; margin-top: -70px; margin-bottom: 20px;}
.footer-links li { width: 50%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.social-icon-top {top:50% !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;}
.mobile-more-btn {width: 90px; margin:0 auto;}
.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;}
.publication-category { padding: 32px 30px 0; min-height: 555px;}
.publication-category h3 { font-size: 16px; font-family: 'montserratlight';}
.publication-category h2 { padding-bottom: 10px; min-height: 145px;}
.publication-category-bottom { bottom: 35px; width: 80%}
.publication-category h2 a { font-size: 16px; font-weight: 400; line-height: 22px;}
.publication-category-height { padding: 32px 30px 0; min-height: 555px;}
.publication-category-height h3 { font-size: 16px; font-family: 'montserratlight';}
.publication-category-height h2 { padding-bottom: 10px;}
.publication-category-bottom-height { bottom: 35px; width: 80%}
.publication-category-height h2 a { font-size: 16px; font-weight: 400; line-height: 22px;}
.investigators-top { min-height: 195px; padding: 24px 50px;}
.investigators-bottom { padding: 20px 30px 0; min-height: 130px;}
.name_container { min-height: 68px;}
.investigators-bottom h2 { font-size: 18px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 12px;}
.text-height {max-height: 105px; -webkit-line-clamp:5;}
.boxft { padding: 32px 22px; margin-bottom: 18px; background-size: cover!important;height: 329px;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 60px; padding-bottom: 27px;}
.boxft h3 { font-size: 20px; padding-bottom: 10px;}
.boxft a { font-size: 13px; line-height: 10px;}
.recent { padding: 32px 30px 30px; min-height: 220px;}
.recent h2 { padding-bottom: 23px; font-size: 25px; line-height: 30px;}
.directortxt p, .imaging p, .recent p, .recentft p { font-size: 18px; line-height: 26px; padding-bottom: 0px;}
.recent h3 { padding-bottom: 30px;}
.recent h3 { font-size: 22px; line-height: 33px;}
.contact-header { padding: 32px 30px 0; min-height: 240px;}
.contact-bottom { left: 30px; bottom: 45px;}
.address-txt {padding: 32px 30px 45px !important;}
.recentft { padding: 32px 30px 0px;float: none;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0px 0 0 0; bottom: 40px; width: 92%;}
.contact-quote-text { padding: 32px 30px 50px; min-height: auto;}
.contact-quote-text:after { content: ""; position: absolute; background: url(images/quote2.png) right center no-repeat; background-size: 75%; right: 40px; width: 30%; height: 60%; top: 40px; z-index: 10000000;}
.contact-quote-text h3 { padding-right: 40%; line-height: 39px; padding-bottom: 15px;}
.contact-quote-text.small-block {min-height: auto;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-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, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 266px !important; object-fit: cover; min-height: 266px !important;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.img-txt {padding: 32px 30px 60px}
.img-txt span {left: 30px;}
.small-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.medium-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.large-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.recentft span.read {left: 30px;}
.con-txt {padding: 32px 30px 60px}
.small-block.contact-quote-text.small-quote:after { background: none;}
.small-block.contact-quote-text.small-quote {min-height: 375px;}
.padding-right-ten { padding-right: 15px !important;}
.padding-right-ten { padding-right: 10px!important;}
.padding-left3 { padding-right: 15px!important;}
.padding-left-ten { padding-left: 15px!important;}
.padding-left3, .padding-right-ten { padding-right: 15px!important;}
.padding-tablet-left, .padding-tablet-middle { padding-right: 10px!important;}
.padding-tablet-middle, .padding-tablet-right { padding-left: 10px!important;}
.readmore-header { padding: 35px 30px 80px; min-height: 220px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.readmore-header 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;}
.carousel-width {width: 100% !important; left: 0% !important; right: 0% !important}
.itemft {padding: 35px;}
.slider .carousel-indicators {left: 35px;}
/*.header_position { padding-right: 20px !important; padding-left: 20px !important;}*/
.home-header-txt { min-height: 220px; padding-bottom: 30px;}
.con-txt { padding: 30px 22px 20px;}
.con-txt h2 { padding: 0 0 20px 0;}
.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%;}
.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;}
.con-txt a { margin-bottom: 0px;}
.list { width: 107%;}
.listin { width: 100%; padding: 10px;}
.con-txt .listin p span { font-size: 12px; margin: 0 11px;}
.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;}
.header_icon_text { margin: 15px 0 0 !important;}
.middle-two { height: auto;}
.associate-directors-img {display: block;}
.header-image img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-directors-img { display: block;}
.associate-directors-contain { min-height: 200px;}
.directortxt { padding: 35px 30px 80px;}
.directortxt h2 { padding-bottom: 23px;}
.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;}
.directortxt span { left: 30px;}
.associate-directors-carousel { height: auto;}
.directorimg img { height: 266px; object-fit: cover; width: 100%; object-position: 100% 100%;}
.associate-top-image { display: none;}
.directortxt { min-height: 200px;}
.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;}
.see-members-btn { margin-top: 20px; display: block; font-size: 17px;}
.associate { padding: 10px 0 70px 20px; min-height: 500px; margin-top: 20px; margin-bottom: 20px;}
.associate ul li { width: 212px; margin: 0 20px 0 0;}
.associate-directors-contain { min-height: 200px;}
.associate-directors { margin-top: -60px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.footer-envelope-icon {margin-left: 0px;}
.footer-social-icon li {margin-right: 40px;}
.img-txt { padding: 50px 42px 0;}
.img-txt h2 { padding-bottom: 24px; font-size: 24px; line-height: 30px;}
.img-txt span { bottom: 30px; left: 42px}
.img-txt span a { font-size: 14px;}
.img-txt.medium-block-strict { min-height: 422px;}
.img-txt h2 { padding-bottom: 24px; font-size: 24px; line-height: 30px;}
.img-txt.medium-block-strict span { bottom: 39px;}
.img-txt span a { font-size: 14px;}
/*.research-image-three { height: 422px !important;object-fit: cover;}
.research-image-two { height: 391px !important; object-fit: cover; width: 100%;}*/
.publication-category { padding: 50px 42px; min-height: 495px;}
.publication-category h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category h2 { min-height: 120px;}
.publication-category h3.light { font-size: 13px;}
.publication-category-bottom { bottom: 39px;}
.publication-category { padding: 50px 42px; min-height: 495px;}
.publication-category h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category h2 a { font-size: 16px; line-height: 22px;}
.publication-category-btn { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-bottom p a { font-size: 13px;}
.publication-category-bottom p { font-size: 13px;}
.publication-category-height { padding: 50px 42px; min-height: 495px;}
.publication-category-height h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-height h3.light { font-size: 13px;}
.publication-category-bottom -height{ bottom: 39px;}
.publication-category-height { padding: 35px 26px; min-height: 495px;}
.publication-category-height h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-height h2 a { font-size: 16px; line-height: 22px;}
.publication-category-bottom-height p a { font-size: 13px;}
.publication-category-bottom-height p { font-size: 13px;}
.investigators-top { padding: 50px 80px; min-height: 270px;}
.investigators-bottom {padding: 20px 40px 0; min-height: 130px;}
.investigators-bottom h2 { font-size: 20px; margin-bottom: 3px;}
.investigators-bottom h4 { margin-bottom: 10px;}
.investigators-bottom h3 { margin: 15px 0 0 0;}
.contact-header, .recent, .recentft { padding: 50px 42px 0;}
.recentft span.read { left: 45px; bottom: 39px;}
.text-height {-webkit-line-clamp:4; max-height: 90px;}
.read-more-image {min-height:570px; width: 100%; object-fit: cover }
.readmore-header {min-height: 570px}
.itemft {padding: 35px 35px 48px}
.slider .carousel-indicators {left: 35px;}
.associate-directors-contain { min-height: 620px !important;}
.header-image { max-width: 772px; max-height: 620px;}
.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;
}
}
@media screen and (min-width: 991px) and (max-width: 1999px) {
.bottom_social {right:6% !important; top: 80% !important;}
.broad-menu li a{font-size: 24px !important}
.boxft span {font-size: 69px;}
/*.directorimg img {min-height: 317px; width: 100%; object-fit: cover}*/
.contact-bottom {right: 20px;}
}
@media screen and (min-width: 1200px) and (max-width: 3000px) {
.bottom_social {right:6%; top: 80% !important;}
}
/********************* media query for publication bottom width *********************/
@media screen and (min-width: 481px) and (max-width: 530px) {
.publication-category-bottom { width: 90%;}
.publication-category-bottom-height { width: 90%;}
}
@media screen and (min-width: 531px) and (max-width: 670px) {
.publication-category-bottom { width: 92%;}
.publication-category-bottom-height { width: 92%;}
}
@media screen and (min-width: 671px) and (max-width: 767px) {
.publication-category-bottom { width: 94%;}
.publication-category-bottom-height { width: 94%;}
}
/************************** transparant txt css ********************/
@media screen and (min-width: 321px) and (max-width: 360px) {
.readmore-header 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;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 14%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 361px) and (max-width: 400px) {
.readmore-header 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) 35%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 14%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 401px) and (max-width: 460px) {
.readmore-header 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) 40%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 20%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 461px) and (max-width: 520px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, 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;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 20%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 521px) and (max-width: 590px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 20%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 591px) and (max-width: 710px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, 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 { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 28%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 711px) and (max-width: 990px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.con-txt p { font-size: 18px; line-height: 26px; padding: 0 0 30px 0;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 25, 0) 32%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
/*************************** dropdown style **************************/
@media screen and (min-width: 320px) and (max-width: 380px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.selectboxit-container .selectboxit { width: 215px !important;}
.styled-select { width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.selectboxit-container .selectboxit { width: 215px !important;}
.styled-select { width: 100%;}
}