/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');

body{
	font-family:'Cabin';
	font-size:15px;
	font-weight:500;
}
.wrapper{margin:1.5em 0 0;}

.fixed-height{float:left;width:100%;background-color:#fdf501;padding:.3em 0;}
.c-info{width:100%;float:left;position:relative;text-align:right;line-height:2.2em;}
.c-info > i {font-size:16px;margin:0 .3em 0 0;position:relative;color:#000;}
.c-info h3{font-weight:600;color:#000;font-size:1em;margin:-2px 25px 0 0;display:inline-block;}
.c-info h3 a {color:#000;text-decoration:none;}
.c-info h3 a > i {display:none;}
.c-info h3:nth-child(6){margin:-2px 0 0;}
.social{width:100%;float:left;text-align:right;margin:.2em 0 0;}
.social img{width:25px;}

.top-links{width:100%;float:left;background-color:#0086c5;position:relative;}
.top-links li a{color:#c7c7c7;text-decoration:none;margin-right:15px;font-weight:500;text-transform:capitalize;}
.top-links li a > i{margin-right:8px;}
.top-links li a > i{height:30px;width:30px;text-align:center;line-height:30px;color:#fa0;transition:all .2s ease;font-weight:600;}
.top-links li a:hover > i{color:#fff;}
.logo{position:absolute;width:100%;z-index:3;top:-35px;}
.logo a{height:140px;width:140px;display:block;clip-path: circle(50% at 50% 50%);color:#0C0A3E;text-decoration:none;font-weight:700;font-size:1.5em;text-transform:uppercase;}
.logo a > img {width:100%;display:block;}

.marquee, .marquee marquee{width:100%;position:absolute;top:0;z-index:2;right:0;}
.marquee p{display:inline-block;margin:0;color:#fff;font-size: 1em;background-color:#da251c;padding:.25em .5em;font-weight:500;font-family:'Cabin';}
.marquee p > span {font-weight:600;color:#ff0;}
.marquee .col-md-12 {padding:0;}

.notice-board{background-color:#245676;padding:0 25px;position:relative;border-radius:4px;}
.notice-board::before {
	content: "";
	position: absolute;
	top: -12px;
	right: 11%;
	border-right: 16px solid #ccc;
	border-top: 50px solid #ccc;
	border-bottom: 15px solid transparent;
	z-index: 4;
}
.notice-board::after {
	content: "";
	position: absolute;
	top: -12px;
	right: 15%;
	border-left: 15px solid #ccc;
	border-top: 50px solid #ccc;
	border-bottom: 15px solid transparent;
	z-index: 4;
}

.notice-board hr{border-color:#ddd;}
.notice-board h3{color:#fd0;font-family:'Fredoka One';font-weight:100;letter-spacing:.7px;}
.notice-board h3 > span{color:#41D3BD;}
.notice-board p{color:#fff;}
.notice-board marquee{min-height:250px;}

.blocks{float:left;width:100%;text-align:center;margin:-6em 0 0;position:relative;z-index:16;/*background-image:linear-gradient( to right, #C2185B 50%, #541388 50%);*/}
.blocks-div {float:left;width:100%;height:160px;}
.blocks-div i{margin-right:.5em;font-size:40px;color:#fff;}
.blocks-text{display:inline-block;margin:52px 0 0;}
.blocks-text h3{text-transform:uppercase;color:#fff;text-align:left;margin:0;font-weight:600;font-family:'Montserrat';}
.blocks-text p{text-transform:capitalize;color:#fff;text-align:left;font-family:'Cabin';font-size:16px;font-weight:400;}
.blocks-text p > a {text-decoration:none;color:#fff;}
.blocks-text p:hover, .blocks-text p > a:hover {color:#000;}
.blocks .col-md-4:first-child i, .blocks .col-md-4:first-child .blocks-div {background-color:#da251c;}
.blocks .col-md-4:nth-child(2) i, .blocks .col-md-4:nth-child(2) .blocks-div {background-color:#0086c5;}
.blocks .col-md-4:last-child i, .blocks .col-md-4:last-child .blocks-div {background-color:#ff8c11;}

.slider{width:100%;float:left;position:relative;}
.slider .item > img{width:100%;}
.carousel-control.left, .carousel-control.right {background-image:none;}
.carousel-control{width:12%;top:50%;transform:translateY(-50%);bottom:auto;}
.carousel-control > i{font-size:40px;color:#fff;}
.carousel-indicators li{border:2px solid #fff;}
.bnt-txt{position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.banner-txt{border-left:10px solid #007754;background-color:rgba(255,255,255,1);width:28%;position:absolute;top:0;bottom:0;height:180px;border-radius:2px;padding:25px;z-index:1;margin:auto;left:calc(0);overflow:hidden;}
.banner-txt h1{color:#333;font-weight:700;margin:0 0 20px 0;font-size:30px;}
.banner-txt p{color:#666;font-weight:500;font-size:16px;margin-bottom:20px;text-transform:capitalize;}
.banner-txt a{display:none;color:#333;background-color:#fa0;border-radius:4px;padding:8px 10px;text-transform:capitalize;font-weight:500;font-size:16px;text-decoration:none;transition:0.1s;}
.banner-txt a:hover{box-shadow:0 0 8px #000;transition:all 0.2s ease;}
.slider hr{border-color:#999;}

h1.heading{font-size:2em;text-transform:capitalize;color:#0086c5;margin:0 0 15px;font-family:'Montserrat';font-weight:700;letter-spacing:-1px;}
h1.heading > span{color:#da251c;}

.welcome{padding:0 0 18px;float:left;width:100%;}
.welcome p{font-weight:400;color:#000;font-family:'Cabin';font-size:1em;text-align:justify;}
.welcome p > img{max-width:100%;display:block;float:left;margin:0 1.5em 1em 0;border:1px solid #ccc;}

.labs{
  float:left;
  width:100%;
  position: relative;
  padding: 20px 0;
  background:url('../images/lab-cover.jpg') center center scroll no-repeat;
  background-size:cover;
  margin:0 0 30px;
  text-align:center;
}
.labs::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,.87);}
.labs .container-fluid{padding:0;}
.labs .owl-carousel div > img {height:360px;object-fit:cover;max-width:100%;display:block;}
.labs h3{color:#000;font-weight:600;font-family:'Cabin';text-transform:capitalize;margin-top:15px;}
.owl-buttons {display: none;}
.owl-carousel:hover .owl-buttons { display: block;}
.owl-item { text-align: center;}
.owl-theme .owl-controls .owl-buttons div {
  background: transparent;
  color: #869791;
  font-size: 40px;
  margin: 0;
  padding: 0 60px;
  position: absolute;
  top: 35%;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0; padding-left: 20px;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: 0;padding-right: 20px;}

.annual-function{float:left;width:100%;text-align:center;}
.annual-function img {height:320px;object-fit:cover;}
.annual-function .container-fluid{padding:0;}
.owl-theme .owl-controls .owl-buttons div {top:50%;transform:translateY(-50%);}
.owl-theme .owl-controls .owl-buttons .owl-prev {padding-left:.8em;text-transform:capitalize;font-size:1.5em;}
.owl-theme .owl-controls .owl-buttons .owl-next {padding-right:.8em;text-transform:capitalize;font-size:1.5em;}

.contact{text-align:center;padding:1.3em 0;float:left;width:100%;}
.contact p{font-weight:800;color:#555;}
.contact-form{width:100%;padding:1.5em 2em 1em 2em;float:left;z-index:1;position:relative;background-color:#0086c5;height:350px;}
.contact-form table{width:100%;text-align:left;}
.contact-form table th{font-weight:400;color:#fff;}
.contact-form table tr:nth-child(2) td:first-child {padding-right:1em;}
.contact-form input{width:100%;float:left;padding:.7em;border:none;margin:4px 0 11px 0;border:1px solid transparent;}
.contact-form input:nth-child(2){margin-right:0;}
.contact-form input:focus{border:1px solid #fa0;transition:all 0.3s ease;}
.contact-form textarea{width:100%;border:none;padding:.7em;resize:none;margin:6px 0 11px 0;border:1px solid transparent;}
.contact-form textarea:focus{border:1px solid #fa0;transition:all 0.3s ease;}
.contact-form button{border:none;font-size:1.2em;font-weight:600;background-color:#fff;color:#000;padding:.6em 2em;font-family:'Cabin'}
.contact-form button:hover{color:#fff;background-color:#da251c;transition:all 0.1s ease;font-weight:600;}
iframe{width:100%;height:350px;float:left;}

footer{padding:1.5em 0;background:#da251c;float:left;width:100%;margin:4em 0 0;}
.foot-list ul{padding:0;list-style:none;}
.foot-list h4{font-family:'Montserrat';display:inline-block;color:#fff;font-weight:600;text-transform:capitalize;font-size:2em;position:relative;padding-bottom:6px;}
.foot-list ul li{font-family:'Cabin';float:none;color:#fff;font-size:1em;font-weight:400;padding:5px 0 5px 25px;line-height:1.4em;margin: 0 0 .5em 1em;position:relative;}
.foot-list ul li::before{position:absolute;top:5px;left:0;font-family:'FontAwesome';font-weight:200;}
.foot-list ul li:first-child::before{content:"\f2b9";}
.foot-list ul li:nth-child(2)::before{content:"\f0e0";}
.foot-list ul li:nth-child(3)::before{content:"\f095";}
.foot-list ul li:last-child::before{content:"\f1ac";}
.foot-list ul li i{margin-right:10px;}
.foot-list ul li a{font-family:'Cabin';color:#fff;font-weight:400;font-size:1em;margin:0;padding:0;border:none;display:inline;text-decoration:none;}
.foot-list ul li a:hover{color:#fdf501;}
.foot-list.no-formatting ul {list-style:disc;}
.foot-list.no-formatting ul li {padding:5px 0;text-transform:capitalize;margin: 0 0 .5em 35px;}
.foot-list.no-formatting ul li:first-child::before, .foot-list.no-formatting ul li:nth-child(2)::before, .foot-list.no-formatting ul li:nth-child(3)::before, .foot-list.no-formatting ul li:last-child::before{content:none;}
.foot-list.no-formatting img {height:220px;object-fit:cover;}

.allrights{background-color:#fdf501;float:left;width:100%;padding:1.5em 0;}
.allrights p{text-align:center;color:#000;text-transform:capitalize;margin-bottom:0;font-weight:400;font-family:'Cabin';font-size:1em;}
			
.breadcrum{position:relative;float:left;width:100%;padding:4em 0;text-transform:capitalize;background-image:url('../images/lab-cover.jpg');background-position:bottom;background-attachment:fixed;background-size:cover;text-align:right;}
.breadcrum::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.65);z-index:0;}
.breadcrum h2{color:#ff8c11;font-weight:600;margin:0;z-index:1;position:relative;font-family:'Montserrat';}
.breadcrum a{color:#fff;display:inline-block;margin-right:4px;font-weight:400;z-index:1;position:relative;text-decoration:none;}
.breadcrum a:nth-child(3), .breadcrum a:nth-child(4), .breadcrum a:nth-child(5), .breadcrum a:last-child {pointer-events:none;}
.breadcrum a:hover {color:#fdf501;}

.no-padding {padding:0;}

h2.heading{font-size:2em;text-transform:capitalize;color:#0086c5;margin:0 0 10px;font-family:'Montserrat';font-weight:700;letter-spacing:-1px;}
h2.heading > span{color:#da251c;}
h2.heading + p:first-child {margin:0 0 2em;}

.map{float:left;width:100%;margin:1em 0 0;}
.foot-list.yellow {padding:2.3em 2em 1.5em;background-color:#fdf501;height:350px;text-align:left;}
.foot-list.yellow h4, .foot-list.yellow li, .foot-list.yellow li a{color:#000;}
.foot-list.yellow h4 {font-weight:700;}

.welcome .owl-carousel div {margin-right:15px;overflow:hidden;}
.welcome .owl-carousel div:last-child {margin-right:0px;}
.welcome .owl-carousel div > img {height:250px;}
.gray {float:left;width:100%;
	position: relative;
  padding: 20px 0;
  background:url('../images/lab-cover.jpg') center center scroll no-repeat;
  background-size:cover;
  margin:0 0 30px;
}
.gray::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,.87);}
.welcome .col-lg-4 a {height:250px;display:block; margin:0 0 1em;position:relative;margin-right:-15px;overflow:hidden;transition:all .15s linear;}
.welcome .col-lg-4 a::before {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .15s linear;}
.welcome .col-lg-4 a:hover::before {background-color:rgba(0,0,0,.75);}
.welcome .col-lg-4 a::after {content:"\f002";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:'FontAwesome';opacity:0;font-size:1em;transition:all .15s linear;}
.welcome .col-lg-4 a:hover::after {opacity:1;font-size:2em;}
.welcome .col-lg-4:nth-child(even) a {margin-right:0;}
.welcome .col-lg-4 a > img {height:250px;width:100%;object-fit:cover;}
.gallery {float:left;width:100%;margin:1em 0 0;}
.map + .wrapper, .pt-0 {margin-top:0;}
.welcome .table tr th {font-size:1.1em;background-color:#f3f3f3;}
.quote {font-size:1.8em;}
.quote i{font-size:.8em;top:-7px;position:relative;padding:0 .3em;}

a#scroll{background-color:#0086c5;color:#fff;padding:.8em;font-size:1.7em;position:fixed;bottom:14%;right:1%;text-decoration:none;z-index:16;border:1px solid #fff;}

@media(max-width:1199px){
	#cssmenu > ul > li > a {padding:25px 10px;}
	#cssmenu > ul > li:last-child > a { padding: 25px 0 25px 10px;}
}
@media(max-width:991px){
	.c-info {text-align:right;line-height:1.8em;}
	.c-info h3 {margin: -2px 20px 0 0;font-size:.9em;}
	.social{width:27px;position:fixed;left:0;top:10%;z-index:17;border-width:2px 2px 2px 0;border-style:solid;border-color:#fff;}
	#cssmenu > ul > li > a {padding:25px 8px;font-size:.9em;}
	#cssmenu > ul > li:last-child > a {padding: 25px 0 25px 9px;}
	.top-links .col-sm-11 {padding:0 15px 0 0;}
	.logo { top: -30px;}
	.logo a {height: 80px;width:80px;}
	.welcome p, .marquee p, .labs h3 { font-size: .9em;}
	h1.heading, .foot-list h4, h2.heading {font-size:1.5em;}
	/*.blocks-div { padding:1.5em 1em; height:auto;}
	.blocks-div i { margin-right: 0;}
	.blocks-text {display:block;margin:1em 0 0;}
	.blocks-text h3 {text-align:center;}
	.blocks-text p {text-align:center;line-height:1.2em; font-size:14px;margin:0;}
	.marquee p {font-size:1.1em;}
	.welcome p {font-size: 1em;}*/
}
@media(max-width:767px){
	.social{top:120px;}
	.logo {top:-38px;}
	.logo a {height: 120px;width:120px;}
	.top-links .col-sm-11 { padding: 0 15px;}
	.c-info > i:first-child {display:none;}
	.c-info h3:nth-child(2) {top:6px;position:relative;}
	.c-info h3:nth-child(2) a > i {display:inherit;}
	.c-info h3:nth-child(2), .c-info h3:nth-child(2) a { height:18px; width:18px;overflow:hidden;display:inline-block;}
	#cssmenu ul li a {padding:15px;}
	#cssmenu #menu-button { padding: 17px 0 30px;}
	#cssmenu #menu-button::before, #cssmenu #menu-button::after{right:0;}
	#cssmenu > ul > li > a {font-size: 16px;}
	#cssmenu > ul > li:last-child > a {padding: 15px;}
	#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {text-align:center;}	
	#cssmenu ul ul li a { padding: 10px 18px; text-align:center;}	
	#cssmenu .submenu-button.submenu-opened { background: #ff8c11;}
	#cssmenu ul ul li a {font-size: 14px;}
	.slider, .slider .item {height:50vh;}
	.slider .item > img{height:100%;object-fit:cover;}
	/*.blocks-text h3 { font-size:20px; }	*/	
	.welcome p > img { margin: 0 1em .5em 0; border: 1px solid #ccc;}
	.contact-form { height:auto;}
	.contact-form input, .contact-form textarea {padding:.4em .7em;}
	iframe{margin:0 0 1em;}
	.no-padding {padding:inherit;}
	.foot-list.yellow {height:auto;margin:0 0 1em;padding:1.5em;}
}
@media(max-width:600px){
	.fixed-height { padding: 1em 0;}
	.blocks {margin:-1em 0 0;}
	.blocks .col-xs-4 {width:50%;}
	.blocks .col-xs-4:last-child {width:100%;}
	.blocks .col-xs-4:first-child .blocks-div {margin:0 -7.5px 0 0;float:none;width:auto;}
	.blocks .col-xs-4:nth-child(2) .blocks-div {margin:0 0 0 -7.5px;float:none;width:auto;}
	.blocks .col-xs-4:last-child .blocks-div {margin:15px 0 0;}
	.carousel-control > i {font-size: 30px;}
	/*h1.heading, h2.heading {font-size: 2.2em;}*/
	.c-info { line-height:normal; height:10px;}
	.c-info > i {display:none;}
	.c-info h3:nth-child(2) {top:0;position:static; height:16px;}
	.c-info h3, .c-info h3 a { height:16px; width:18px;overflow:hidden;display:inline-block;}
	.c-info h3 a > i {display:inherit;}
	.logo {top:-34px;}
	/*.foot-list h4 {font-size:25px;}*/
	.annual-function img, .labs .owl-carousel div > img {height:212px;width:100%;margin:auto;}
}
@media(max-width:480px){
	footer .col-xs-6 {width:100%;}
	.foot-list h4 {margin:10px 0 0;}
	.foot-list ul {margin:0 0 1em;}
	.foot-list ul li {margin:0 0 0 20px;}
	.foot-list.no-formatting ul li {margin:0 0 0 30px;}
	.foot-list.no-formatting img {margin:10px 0 0;}
	.gallery .col-xs-6 {width:100%;}
	.welcome .col-lg-4 a, .welcome .col-lg-4:nth-child(even) a {margin-right:0;}
}