@charset "utf-8";
/* CSS Document */
@import url("global.css");
/* ################################### */
.header-strip{padding:5px 0;}
.header{padding:15px 0;}
.logo{}
.header-rCol{text-align:right;}
/* ---------nav---------- */
.offcanvas-header{display:none;}
.navbar{padding: 0px 0;}
.navbar-expand-lg .navbar-nav .nav-link {padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:15px; color:#fff;}
.navbar-expand-lg .navbar-nav .active>.nav-link, .navbar-nav .nav-item:hover .nav-link{background-color:#fff; color:#191919;}
.navbar-expand-lg .navbar-nav .nav-link:first-child {}
/* ---------/nav---------- */
.hero{background-image:url(../images/heroimg.jpg); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; padding-top:100px; padding-bottom:100px;}
.hero .herotext{max-width:960px; margin:auto; text-align:center; color:#fff; position:relative; z-index: 1;}
.hero .herotext h1{font-size:54px;}
.hero .herotext p{font-size:20px; line-height:32px;}
.hero .herotext a{}

h1{text-align:center; margin-bottom:20px;}
h2{text-align:center; margin-bottom:20px;}

.mid-strip{color: #fff;}
.mid-strip h3{margin-bottom:15px;}
.mid-strip ul li{border-color: #eee;}
.mid-strip ul li a{color: #fff;}
.mid-strip ul li a:hover{color: #eee;}

.grid{background-color: transparent; border:1px solid transparent;}
.gridborderLRTB{border-color:#D9D9D9}

.researchDirector{background: #fff;}
.researchDirector-list{padding-top: 20px;}
.researchDirector-list figcaption{padding-top:10px;color: #191919;text-align:center;}
.researchDirector-list figcaption span{display: block; font-weight: 700;}

.member{text-align: center;}
.member .member-list{}
.member .member-list img{max-height: 150px;}
.member .member-list figcaption{margin-top:10px;}
.member .member-list figcaption span{display:block; line-height:20px; margin-top: 5px;}
.member .member-list h5{margin-bottom: 0px;}

#footer {background: #191919; color: #fff; padding: 35px 0;  font-weight: 300;}

.socialLinks {margin-top: 8px;}
.socialLinks li {display:inline-block;}
.socialLinks li a {display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #fff; color: #233dff !important; text-align: center;}
.contact-details{}
.contact-details .fa{width: 20px;}
.contact-details .address{margin-bottom:10px; line-height: 22px;}
.contact-details .phone{}
.contact-details .fax{}
.contact-details .mobile{}
.contact-details .mobile .fa-mobile-phone{font-size: 25px;}
.contact-details .email{}
.footer-link{margin-bottom: 0px;}
.footer-link a{color:#fff;}
.footer-link a:hover{color:#233dff;}
#footer-strip {background:#222; color:#eee;  font-size:14px; padding:10px 0;}
#footer-strip .copyright {text-align: left;}
#footer-strip .developedBy {text-align:right;}
#footer-strip .developedBy a{color:#ef1164;}
#footer-strip .developedBy a span {color:#fff;}
#footer-strip .developedBy a:hover{color:#fff;}
#footer-strip .developedBy a:hover span{color:#ef1164;}
/* ---------pages---------- */
.focus-areas h4{margin-bottom:30px;}
.resources a{font-weight:700;}
/* ---------/pages---------- */
ul.list1{}
ul.list1 li{line-height:22px; padding: 10px 0; border-top: 1px dotted #fff;}
ul.list1 li:first-child{border-top: none; padding-top: 0px;}
.border-L {border-left: 1px solid #ddd;}
.border-R {border-right: 1px solid #ddd;}
.border-LR {border-left: 1px dotted #fff; border-right:1px dotted #fff;}
/* ------------------- */
.bgfilter:before {content:''; top:0; left:0; height:100%; position:absolute; width:100%; z-index: 1;}
.bgfilter:before {background-color: rgba(0, 0, 0, 0.5);}
.btn1{padding:10px 35px; background-color:#233dff; color:#fff; font-size: 18px; margin-top: 10px; display:inline-block;}
.btn1:hover{background-color:#101C73; color:#fff;}
.linkCol1{color:#ffc200; text-decoration: underline;}
.linkCol1:hover{color: #e6af00;}
.paddTB-50{padding-top:50px; padding-bottom:50px}
.paddLRTB-20{padding:20px;}
.margB-25{margin-bottom:25px;}
/* ################ Media Query ################ */
/* ################ Media Query ################ */
/* ---------nav---------- */
@media (max-width: 992px) {
	.offcanvas-header{display:block;}
	.navbar-collapse {position: fixed; top:0; bottom:0; left: 100%; width: 100%; padding-right: 1rem; padding-left: 1rem; overflow-y: auto; visibility: hidden; background-color: black; transition: visibility .2s ease-in-out, transform .2s ease-in-out;}
	.navbar-collapse.show {visibility:visible; transform:translateX(-100%);}
}
/* ---------/nav---------- */