*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
}
html{
    font-size: 16px;
}

img{
    display: block;
    max-width: 100%;
    height: auto
}

*{
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    outline: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

a:hover , a:focus {
    text-decoration: none;

}

button {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: normal;
}

h2{
    font-size:18px;
}

h1{
    font-size: 34px;
}

h3{
    font-size: 14px;
}
h4{
    font-size: 12px;
}

a:hover {
    text-decoration: none;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Bold.woff2') format('woff2'),
    url('../fonts/Lato-Bold.woff') format('woff'),
    url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Regular.woff2') format('woff2'),
    url('../fonts/Lato-Regular.woff') format('woff'),
    url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Light.woff2') format('woff2'),
    url('../fonts/Lato-Light.woff') format('woff'),
    url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Semibold.eot');
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-Semibold.woff2') format('woff2'),
    url('../fonts/Lato-Semibold.woff') format('woff'),
    url('../fonts/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli.eot');
    src: url('../fonts/Muli.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli.woff2') format('woff2'),
    url('../fonts/Muli.woff') format('woff'),
    url('../fonts/Muli.ttf') format('truetype'),
    url('../fonts/Muli.svg#Muli') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-SemiBold.eot');
    src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli-SemiBold.woff2') format('woff2'),
    url('../fonts/Muli-SemiBold.woff') format('woff'),
    url('../fonts/Muli-SemiBold.ttf') format('truetype'),
    url('../fonts/Muli-SemiBold.svg#Muli-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Light.eot');
    src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Muli-Light.woff2') format('woff2'),
    url('../fonts/Muli-Light.woff') format('woff'),
    url('../fonts/Muli-Light.ttf') format('truetype'),
    url('../fonts/Muli-Light.svg#Muli-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

body {
    font-size: 16px;
    margin:0 auto;
    padding:0;
    outline:0;
    border:0;
    font-family: 'Lato',Arial,sans-serif;
    width:100%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}


/*landing welcome page menu */

.banner-wrapper {
    background-color: #f8f8f8;
    background-size: cover;
    padding: 10px 0;
}

.landing-menu {
    max-width: 1249px;
    width:100%;
    margin: 0 auto;
}

.blue-btn .nav-link , .blue-btn {
    background-color: #025385;
    color: #fff !important;
    padding: 10px 32px !important;
    border-radius: 25px;
    font-family: 'Lato',Arial,sans-serif;
    border: 1px solid #025385;
    font-size: 16px;
    line-height: 16px;
}

.grey-btn {
    background-color: #c0c0c0;
    color: #fff !important;
    padding: 10px 32px !important;
    border-radius: 25px;
    font-family: 'Lato',Arial,sans-serif;
    border: 1px solid #c0c0c0;
    font-size: 16px;
    line-height: 16px;
}

.white-btn {
    color: #025385 !important;
    padding: 10px 32px !important;
    border-radius: 25px;
    font-family: 'Lato',Arial,sans-serif;
    border: 1px solid #025385;
    font-size: 16px;
    background-color: #fff !important;
    line-height: 16px;
}

button {
    background-color: transparent;
    border:0;
}

/*menu bar */

.landing-menu .navbar-nav  .nav-item {
    padding: 0 20px 0;
}



.landing-menu .navbar-nav .nav-link , .landing-menu .navbar-nav .active .nav-link {
    color: #055f97;;
    font-size: 16px;
    font-family: 'Lato',Arial,sans-serif;
    font-weight: 600;
    border-bottom: 3px solid transparent;
}

.landing-menu .navbar-nav .nav-link:hover, .landing-menu .navbar-nav .active .nav-link {
    
    border-radius: 1px;
    border-bottom: 3px solid #eda65c;
}


.login-nav { 
    border-left: 2px solid #000; 
 }

.login-nav li {
    padding: 0 0 0 20px;
}

.login-nav li a{
    color: #004976;
    font-size: 16px; 
    line-height: 15px;
}

.login-nav li a.register {   
    border-radius: 20.3px;
    background-image: linear-gradient(to bottom, #055f97, #004976);
    padding: 8px 20px 12px;
    color: #fff;
   }
   

.container-wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.separator {
    margin-top: 70px;
}

.common-heading {
    font-size: 36px;
    line-height: 50px;
    color: #26272d;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    font-family: Muli, Arial, sans-serif;
}

.common-heading:after {
    position: absolute;
    content:'';
    height: 3px;
    width:37px;
    background-color: #e18f1c;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
}



/*About Us Page*/
.about { width: 100%; float: left; box-sizing: border-box; }
.about p { width: 100%; font-size: 16px; color: #4c4c4c; text-align: center; line-height: 24px; }

.about-gallery { box-sizing: border-box; margin: 10px 0 0 0; }
.about-gallery-col { box-sizing: border-box; padding: 0; }
.about-gallery-col img{ width: 99%; margin: 0 auto; box-sizing: border-box; margin: 0 0 3px 0;}
img.img-03 { width: 98.5%; }

.team-section { box-sizing: border-box; }

.team-section img { border-radius: 20px; }
.team-inner { width: 100%; float: left; box-sizing: border-box; text-align: center;}
.team-inner h3 { font-family: Lato; font-size: 20px; font-weight: 700; color: #333333; line-height: 30px; margin: 10px 0; text-align: center;}
.team-inner p { font-family: Lato; font-size: 16px; font-weight: 400; color: #4d4c4c; line-height: 24px; margin: 10px 0 30px 0; text-align: center;}
.team-inner a { font-family: Lato; font-size: 16px; font-weight: 400; color: #004976; line-height: 24px; padding: 10px 30px;
border: 1px solid #004976; border-radius: 20px; display: inline-block; text-align: center;}
.team-inner a:hover { background-color: #004976; color: #fff; transition: 0.5s ease-in; }


/*facility page*/
.video-col { width: 80%; margin: 40px auto 0; box-sizing: border-box; }
.video-col .video-thumb { width: 100%; }
.video-btn { width: 25%; position: absolute; margin: 14% 0 0 27%; text-align: center;}
.video-btn img { width: 16%; margin: 0 auto }
.video-btn  h4 { font-size: 16px; color: #fff; margin: 10px 0 0 0; }
.gallery-100 { width: 100%; float: left; box-sizing: border-box; }
.gallery-col { width: 100%; float: left; box-sizing: border-box; margin: 30px 0 0 0; padding: 0 15px;}
.gallery-inner { box-sizing: border-box; padding: 0;}
.gallery-inner img { width: 99%; margin: 0 0 3px 0; }

.img-rollover { position: absolute; text-align: center; margin: 20% 0 0 30%;}
.img-rollover h3 { font-size: 19px; color: #fff; font-weight: 600; }
.img-rollover a { font-size: 16px; color: #fff; font-weight: 400; border: 2px solid #fff; padding: 8px 20px; border-radius: 20px;
margin: 5px 0 0 0; display: inline-block;}
.img-rollover a:hover { background-color: #055f97; border: 2px solid #055f97; }



/*Research page*/
.research-100 { width: 100%; float: left; box-sizing: border-box; }
.research-col { float: left; box-sizing: border-box;}
.research-50 { box-sizing: border-box; }
.research-inner h3 { font-family: Lato; font-size: 20px; font-weight: 700; color: #333333; line-height: 30px; margin: 10px 0; }
.research-inner p { font-family: Lato; font-size: 16px; font-weight: 400; color: #4d4c4c; line-height: 24px; margin: 10px 0 25px 0; }
.research-inner a { font-family: Lato; font-size: 16px; font-weight: 400; color: #004976; line-height: 24px; padding: 10px 30px;
border: 1px solid #004976; border-radius: 20px; display: inline-block; text-align: center;}
.research-inner a:hover { background-color: #004976; color: #fff; transition: 0.5s ease-in; }

.research-detail { width: 100%; float: left; box-sizing: border-box; margin: 0 0 10px 0; }
.research-detail .name { width: 50%; float: left; box-sizing: border-box; font-size: 16px; color: #333333; text-align: left;}
.research-detail .fa { padding: 0 10px 0 0; }
.research-50 img { width: 100%; }


.research-heading { box-sizing: border-box; }
.research-method { background-color: #e18f1c; box-sizing: border-box; padding: 60px 0; margin: 30px 0 0 0; }
.research-method img {margin: 0 auto;}
.research-method h4 { color: #fff; font-weight: 400; font-size: 16px; margin: 10px 0; }
.research-method p { width: 80%; color: #fff; font-weight: 400; font-size: 16px; margin: 30px auto 0; text-align: center; 
    line-height: 24px; }

.research-style { text-align: center; }

#block-views-block-accolades-block-1  {
    margin: 50px 0 70px;
}

.video-col iframe {
    width: 100%;
    float: left; 
    box-sizing: border-box;
}

#block-views-block-gallery-block-1 {
    margin: 50px 0 70px;    
}

footer {
    margin: 0;
    padding-top: 42px;
    background-image: -moz-linear-gradient( -90deg, rgb(5,95,151) 0%, rgb(3,84,135) 59%, rgb(0,73,118) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(5,95,151) 0%, rgb(3,84,135) 59%, rgb(0,73,118) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(5,95,151) 0%, rgb(3,84,135) 59%, rgb(0,73,118) 100%);
    color:#fff;
}



footer p {
    font-size: 16px;
    color:#fff;
    text-align: center;
}
.contact-wrapper {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}


.footer-icon {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 35px;
}

.footer-icon a {
   width: 130px;
    color: #fff;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
}

.footer-icon .address {
    width:280px;
}

.last-footer-links {
    border-top: 1px solid #03588d;
}
.last-footer-links ul {
    list-style-type: none;
    text-align: center;
    margin-bottom: 0;
}
.last-footer-links ul li{
    display: inline-block;
    vertical-align: middle;
    padding: 10px 15px;
    font-size:12px;
    color:#fff;

}
.last-footer-links ul li a {
    font-size:12px;
    color:#fff;
}

.last-footer-links ul li a:hover {
    text-decoration: underline;
}

.last-footer-links li {
    position: relative;
}

.last-footer-links li:last-child:after {
    display: none;
}

.last-footer-links li:after {
    position: absolute;
    content: '';
    right: 0;
    height: 15px;
    top: 18px;
    width: 1px;
    background-color: #03588d;;
}

.footer-col ul li a:hover {
    color: #ff8112;
}



#block-tilray-content .field-item img { 
    width: 95%; 
}

.node--type-news #block-tilray-content .field-label { 
    font-size: 18px;
    font-weight: 900;
    margin: 10px 0 0 0;
}

.node--type-news #block-tilray-content .datetime {
    font-size: 16px;
    font-weight: 700;
    padding: 0px 0 10px 0;
    display: block;
}



.research-50 .col-md-12{
    padding: 0;
}

.node--type-research-papers #block-tilray-content {
    margin: 30px 0 70px 0;
}


.row:before, .row:after {
    display: none!important;
}
.node-news #block-views-block-news-block-1 .jcarousel-container-horizontal li {
    background-color: #f4f4f4;
    margin: 0 20px 0 0;
}
    
.node-news #block-views-block-news-block-1 .jcarousel-container-horizontal li .news-inner {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 20px 20px; 
}

.node-news #block-views-block-news-block-1 .jcarousel-container-horizontal li .news-col {
    padding: 0
}

.node-about-us .paper-readmore a {
    float:none;
}

.node-about-us .jcarousel-skin-default .jcarousel-control-prev, 
.node-about-us .jcarousel-skin-default .jcarousel-control-next,
.node-news .jcarousel-skin-default .jcarousel-control-prev,
.node-news .jcarousel-skin-default .jcarousel-control-next
{
    top: 30%;
}
