/**
* 1.0 - Global Style
* ------------------------------------------------------------------------------
*/
/*font-family: 'Encode Sans', sans-serif;
font-family: 'Open Sans', sans-serif;*/

body {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;
	color: #444444;	
	padding-top: 100px;
}

.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

strong {
	font-weight: 600;
}


h1, h2, h3, h4, h5, h6 {
	line-height: 1.6;
	margin-top: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

h1, h2, h3 {
  	margin-bottom: 15px;
  	margin-top: 10px;
}

h4, h5, h6 {
	margin-bottom: 10px;
}


h1:first-child,
h2:first-child, 
h3:first-child {
	margin-top: 0;
}


h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}


p {
	margin-top: 0;
	line-height: 1.5em;
	margin-bottom: 30px;
}

img {
	max-width: 100%;
	height:auto;
	outline: none;
}


a {
	color: #00b3e4;
	text-decoration: none;
}

a:hover {
	color: #00b3e4;
	text-decoration: underline;
}


a:focus {
	color: #00b3e4;
	text-decoration: none;
}


input,
textarea,
button,
input:focus {
	outline: none;
}

/* Boostrap Row utilities */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.row-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  flex-wrap: wrap;
  justify-content: center;
}
.row.row-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/**
* 1.0 - #header
* ------------------------------------------------------------------------------
*/


#mobile-menu {
	display: none;
	text-align: right;
}

#mobile-menu a {
	font-size: 36px;
	line-height: 100px;
	transition: all .3s;
}

#header.stuck #mobile-menu a  {
	line-height: 80px;
}

#header {
	height: 100px;
	position: fixed;
	top: 0;
	background-color: #fff;
	width: 100%;
	z-index: 999;
	transition: all .3s;
}

#header.stuck {
	height: 80px;
	box-shadow: 1px 1px 0px rgba(0,0,0,.1);
}

#header .logo {
	padding-top:10px;
	transition: all .3s;
}
#header .logo img {
	height:80px;
	transition: all .3s;
}
#header.stuck .logo img {
	height:60px;
}

#header #nav, #header .search-icon, #header .social-nav {
	float: right;
}

#header .search-icon {
	line-height: 90px;
	transition: all .3s;
	margin-right: 2px;
}

#header.stuck .search-icon {
	line-height: 80px;
}

#header .search-icon img {
	width: 18px;
	height: 18px;
}

#header .social-nav li {
	float: left;
	list-style: none;
}

#header .social-nav {
	padding: 0;
	margin: 0;
	margin-top: 33px;
	transition: all .3s;
}

#header.stuck .social-nav  {
	margin-top: 28px;
}

#header .social-nav li a {
	color: #333d47;
	font-size: 18px;
	display: block;
	margin: 0 6px;
}

#header #nav {
	margin-right: 20px;
}

#header #nav ul {
	padding: 0;
}

 #header #nav ul li {
	float: left;
	list-style: none;
	margin: 0 7px;
	position: relative;
}

#header #nav ul li:first-child {
	margin-left: 0;
}

#header #nav ul li:last-child {
	margin-right: 0;
}

#header #nav ul li a {
	display: block;
	line-height: 100px;
	color: #444444;
	transition: all .3s;
	position: relative;
	font-familY: 'Uni Sans';
    letter-spacing: 0;
    font-size: 15px;
    text-transform:uppercase;
}

#header #nav ul li a:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #00b3e4;
	left: 0;
	top: 50%;
	margin-top: 15px;
	color: #000;
	display: none;
}

#header #nav ul li a:hover:before,
#header #nav ul li.current-menu-item a:before {
	display: block;
}

#header #nav ul li a:hover {
	text-decoration: none;
}

#header.stuck #nav ul li a {
	line-height: 80px;
}

#header #nav ul li.support-us a {
	line-height: 1;
    background: #FFC701;
    color: #fff;
    padding: 10px 20px 8px 20px;
    margin-top: 30px;
}

#header #nav ul li.support-us a:hover  {
    background: #449fb8;
}


#header.stuck #nav ul li.support-us a  {
	margin-top: 22px;
}

#header #nav ul li.support-us a:hover:before {
	display: none;
}

#header #nav ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	background-color: #fff;
	min-width: 250px;
	max-width:250px;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
#header #nav ul li ul ul {
    max-width: 250px;
    left: -250px;
    top: -1px;
    border-top:1px solid #ddd;
}

#header #nav ul li ul li {
	display: block;
	margin: 0;
	width: 100%;
}

#header #nav ul li ul li a {
	transition: all .3s;
	font-size: 15px;
    line-height: 1.6;
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
    padding: 10px 15px;
    text-transform: none;
    
}

#header #nav ul li ul li a:hover {
	background-color: #f2f2f2;	
}

#header.stuck #nav ul li ul li a {
	line-height: 1.8em;
}


#header #nav ul li ul li:last-child a {
	border-bottom: none;
}

#header #nav ul li ul li a:hover:before,
#header #nav ul li ul li a:before,
#header #nav ul li.current-menu-item ul li a:before{
	display: none !important;
}

#header .search-bar {
	border: 1px solid #ddd;
	border-top: 3px solid #00b3e4;
	padding: 10px;
	background: #fff;
}

#header .search-bar {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
}

#header .search-bar input[type="text"] {
	border: 1px solid #ddd;
	padding: 5px 5px;
}

#header .search-bar input[type="submit"] {
	padding: 5px 10px;
	border: none;
	background-color: #00b3e4;
	color: #fff;
}
.sidr ul li ul li ul li a {
	padding-left:50px;
}

/**
* 2.0 - #home-banner
* ------------------------------------------------------------------------------
*/
/* #home-banner {
	background-size: cover;
	background-position: center center;
	text-align: center;
	color: #fff;
}
#home-banner:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(38, 50, 56, 0.25);
}
#home-banner .fullscreen-bg__video {
	background-size: cover;
	background-position: center center;
}

#home-banner .container {
	padding:18% 0;
	z-index:2;
	position:relative;
}

#home-banner .container .banner-wrap {
	display: table-cell;
	vertical-align: middle;
}

#home-banner h1 {
	font-size: 40px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	text-shadow: 0px 2px 4.9px rgba(0, 0, 0, 0.6);
}

#home-banner h3 {
	font-size: 26px;
	text-shadow: 0px 2px 4.9px rgba(0, 0, 0, 0.6);
}

#home-banner .play-btn {
	margin-top: 65px;
	transition: all .3s;
}

#home-banner .play-btn:hover {
	transform: scale(1.1);
}

#html5-watermark {
	display: none !important;
}

.fullscreen-bg {
	position:relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
  	width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
	.fullscreen-bg {
		background-image:url(/wp-content/uploads/2019/02/UWMDI-exterior.jpg);
	}

  .fullscreen-bg__video {
    display: none;
  }
} */


/**
* 3.0 - #what-we-do
* ------------------------------------------------------------------------------
*/
#what-we-do {
	margin-top: 80px;
}

#what-we-do p {
	font-size: 22px;
}


#what-we-do .what-we-do-article h1 {
	font-size: 50px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
}

#what-we-do  .get-involved-article {
	border: 1px solid rgb(51, 61, 71);
  	box-shadow: 0px 2px 11.52px 0.48px rgba(0, 0, 0, 0.1);
  	padding: 40px;
}

#what-we-do  .get-involved-article h1 {
	font-weight: 600;
	font-family: 'Encode Sans', sans-serif;
}

#what-we-do  .get-involved-article p {
	margin-bottom: 40px;
}

.btn-angle {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    transition: all .3s;
    text-transform: uppercase;
}

.btn-angle:hover {
	text-decoration: none;
	color: #fff;
}

/* .btn-angle:before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	width: 18px;
	right: -9px;
	transform: skewX(-17deg);
	transition: all .3s;

} */

#what-we-do .lear-more-btn:before {
	background-color: #f8bd00;
}

#what-we-do .lear-more-btn {
	background-color: #f8bd00;
}

#what-we-do .lear-more-btn:hover:before {
	background-color: #ecb507;
}

#what-we-do .lear-more-btn:hover {
	background-color: #ecb507;
}

/**
* 4.0 - .article-box
* ------------------------------------------------------------------------------
*/

.article-box {
	margin-top: 100px;
}

.article-box .box-text {
	width: 40%;
	float: left;
}

.article-box .box-image {
	width: 60%;
	float: right;
}
.article-box .break_img {display:none;}

.article-box  .box-article-wrap {
	overflow: hidden;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}

.article-box .box-heading  h3 {
	margin-bottom: 0;
	padding-top:3px;
	font-family: 'Uni Sans';
	font-weight:600;
    letter-spacing: 0.1em;
}

.article-box .box-heading {
	color: #fff;
	text-transform: uppercase;
	padding: 16px 26px;
	position: relative;
}

.article-box .box-heading:before  {
	content: '';
    height: 100%;
    width: 125px;
    right: 200px;
    position: absolute;
    left: 100%;
    top: 0;
    transform: skewX(-15deg);
    margin-left: -12px;
}

.article-box .box-article-wrap:before {
    content: '';
    width: 35%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 122px;
    position: absolute;
    transform: skewX(-15deg);
    z-index: 1;
}

.article-box p {
	font-size: 18px;
}

.article-box p {
	padding-top: 30px;
	padding-left: 25px;
}




.article-box .box-article-wrap {
	border: 1px solid #333d47; 
	position: relative;
}

.article-box .box-text {
	position: relative;
	z-index: 2;
}

.article-box .box-heading {
	background-color: #333d47;
}

.article-box .box-heading:before {
	background-color: #333d47;
}

.article-box .lear-more-btn {
	margin-left: 25px;
}

.article-box .lear-more-btn,
.article-box .lear-more-btn:before {
	background: #00b3e4;
}

.article-box .lear-more-btn:hover,
.article-box .lear-more-btn:hover:before {
	background: #0a95bb;
}


/**
* 5.0 - #meet-faculty
* ------------------------------------------------------------------------------
*/

#meet-faculty {
	background-size: cover;
	background-position: center center;
	margin-top: 120px;
	color: #fff;
	padding: 120px 0;
}

#meet-faculty h1 {
	font-size: 52px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	text-shadow: 0px 2px 4.9px rgba(0, 0, 0, 0.6);
}

#meet-faculty h2 {
	width: 750px;
	text-shadow: 0px 2px 4.9px rgba(0, 0, 0, 0.6);
}

#meet-faculty .lear-more-btn {
	margin-top: 90px;
}

#meet-faculty .lear-more-btn,
#meet-faculty .lear-more-btn:before {
	background: #f8bd00;
}

#meet-faculty .lear-more-btn:hover,
#meet-faculty .lear-more-btn:hover:before {
	background: #ecb507;
}


/**
* 6.0 - #follow
* ------------------------------------------------------------------------------
*/
#follow {
	background-color: #00b3e4;
	text-align: center;
	color: #fff;
	padding: 55px 0;
}

#follow h1 {
	font-size: 40px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: 600;
}

#follow ul {
	display: inline-block;
	padding: 0;
}

#follow ul li {
	float: left;
	list-style: none;
	margin: 0 6px;
}

#follow ul a {
	color: #fff;
	font-size: 30px;
}


/**
* 7.0 - #feature-area
* ------------------------------------------------------------------------------
*/

#feature-area {
/*	background-image: url(/wp-content/uploads/2017/09/footer-bg.jpg);*/
    background-size: cover;
    background-position: center center;
    background-color: #333d47;
	color: #000;
	text-align: center;
	padding: 80px 15px;
	margin-top:80px;
}
#feature-area .col-md-3 {padding-left:3px;padding-right:3px;}
#feature-area .image_bg .thumbnail {
/*	background: url(/wp-content/uploads/2018/12/box-image-2.jpg) no-repeat;
*/    background-size: cover;
    border:none;
}
#feature-area .image_bg.lg_blue .thumbnail {
	background: url(/wp-content/uploads/2018/12/5-bw-1.jpg) no-repeat;
}
#feature-area .image_bg .thumbnail .caption {
	color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
#feature-area .thumbnail {
	border: 1px solid rgb(51, 61, 71);
    box-shadow: 0px 2px 11.52px 0.48px rgba(0, 0, 0, 0.1);
    padding: 35px 20px;
	position:relative;
	border:none;
	margin-bottom:0;
	border-radius:0;
	min-height: 660px;
}
#feature-area .image_bg .thumbnail:before {
	content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(55, 35, 106, .8);
}
#feature-area .image_bg.Blue .thumbnail:before {
	background: rgba(0, 179, 288,.7);
}
#feature-area .image_bg.Yellow .thumbnail:before {
	background: rgba(255, 179, 0,.7);
}
#feature-area .image_bg.Red .thumbnail:before {
	background: rgba(200, 27, 0,.7);
}
#feature-area .thumbnail .caption {
	text-align: left;
    padding: 9px 0;
    color: #333d47;
}
#feature-area .thumbnail .caption h3 {
	font-size:28px;
	letter-spacing:.05em;
	font-family: 'Encode Sans', sans-serif;
    font-weight: bold;
    margin-bottom:0;
}
#feature-area .thumbnail .caption p.uni {
	font-familY: 'Uni Sans';
	letter-spacing:.05em;
}
#feature-area .thumbnail .content {
	position:relative;
}
#feature-area .thumbnail .content h3 {
	display:none;
	text-align:left;
	font-family: 'Encode Sans', sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 20px;
    padding-right: 3px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
}
#feature-area p em {
	font-weight:bold;
	letter-spacing:.05em;
}
#feature-area .thumbnail .content img {
	border: 3px solid rgb(51, 61, 71);
    box-shadow: 0px 2px 11.52px 0.48px rgba(0, 0, 0, 0.1);
}

#feature-area .image_bg .thumbnail .content img {
    border: 3px solid #fff;
    margin-bottom: 10px;
    height: auto;
}
#feature-area p.button {
	position:absolute;
	bottom:15px;
	width:90%;
	text-align:left;
	border-top:1px solid #fff;
	padding-top:20px;
	margin-bottom:0;
}

/* Buttons */
#feature-area p a {
	font-family: 'Encode Sans', sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 20px;
    padding-right: 3px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
    
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#feature-area p a:after {
	content: '→';
	width: 0;
    height: 0;
    position: relative;
    margin: 6px 0 0 8px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#feature-area p a:hover {
	text-decoration:none;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
	
}
#feature-area p a:hover:after {
	margin-left:15px;
}

/* light blue button */
.lear-more-btn.Blue,
.lear-more-btn.Blue:before {
	background:#00617C;
}
.lear-more-btn.Blue:hover,
.lear-more-btn.Blue:hover:before {
	background:#01485c;
}

/* Yello button */
.lear-more-btn.Yellow,
.lear-more-btn.Yellow:before {
	background:#e3a40f;
}
.lear-more-btn.Yellow:hover,
.lear-more-btn.Yellow:hover:before {
	background:#C88C00;
}

/* Red button */
.lear-more-btn.Red,
.lear-more-btn.Red:before {
	background:#C81B00;
}
.lear-more-btn.Red:hover,
.lear-more-btn.Red:hover:before {
	background:#9e1804;
}

/* Dark Blue button */
.lear-more-btn.Purple,
.lear-more-btn.Purple:before {
	background:#333d47;
}
.lear-more-btn.Purple:hover,
.lear-more-btn.Purple:hover:before {
	background:#252628;
}

/* Arrows */
#feature-area .arrows_container {padding-left:3px;padding-right:3px;}
#feature-area .wrapper {
	display: block;
	vertical-align: middle;
	margin-bottom:6px;
	
}
.arrow-steps {display:none;}
.arrow-steps .step {
	font-size: 14px;
	text-align: center;
	color: #fff;
	cursor: default;
	margin: 0 3px;
	padding: 20px 10px 20px 30px;
	min-width: 24.5%;
	float: left;
	position: relative;
	background-color: #333d47;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	transition: background-color 0.2s ease;
	font-family: 'Uni Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 20px;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	border-left: 17px solid #333d47;
	z-index: 2;
	transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #6d6d6d;	
	z-index: 0;
}

.arrow-steps .step:first-child:before {
/* 	border: none; */
}

.arrow-steps .step.Blue {
	margin-left:0;
	background:rgba(0, 179, 288,.9);
}
.arrow-steps .step.Blue:after {
	border-left:17px solid rgba(0, 179, 288,.9);
}

/* Second */
.arrow-steps .step.Yellow {
	background:rgba(255, 179, 0, 1);
}
.arrow-steps .step.Yellow:after {
	border-left:17px solid rgba(255, 179, 0, 1);	
}

/* Third */
.arrow-steps .step.Purple {
	background:rgba(55, 35, 106, 1);
}
.arrow-steps .step.Purple:after {
	border-left:17px solid rgba(55, 35, 106, 1);	
}

/* Last */
.arrow-steps .step.Red {
	background:rgba(200, 27, 0, 1);
}
.arrow-steps .step.Red:after {
	border-left:17px solid rgba(200, 27, 0, 1);	
}

.arrow-steps .step span {
	position: relative;
}

.arrow-steps .step span:before {
	opacity: 0;
	content: "✔";
	position: absolute;
	top: -2px;
	left: -20px;
}

.arrow-steps .step.done span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
	color: #fff;
	background-color: #23468c;
}

.arrow-steps .step.current:after {
	border-left: 17px solid #23468c;	
}

@media screen and (max-width: 1575px) {
	.arrow-steps .step {
		max-width:24.4%;
		min-width:24.4%;
	}
	.arrow-steps .step {
	    letter-spacing: 0.1em;
	    font-size: 18px;
	}
}
@media screen and (max-width: 1300px) {
	.arrow-steps .step {
	    font-size: 15.5px;
	}
}
@media screen and (max-width: 1180px) {
	.arrow-steps .step {
	    height:64px;
	}
	.arrow-steps .step.Yellow {
		padding:10px 10px 10px 30px
	}
	#feature-area .thumbnail .content h3 {font-size:18px;}
}

@media screen and (max-width: 992px) {
	#feature-area .thumbnail .content h3 {display:block;}
	#feature-area .col-md-3 {margin-bottom:6px;}
}

@media screen and (min-width: 992px) {
	.arrow-steps {
		display:block;
	}
}
@media screen and (max-width: 767px) {
	#feature-area .thumbnail .content h3 {font-size:20px;}
	#feature-area .thumbnail {
	    min-height: auto;
	}
}


/**
* 8.0 - #home-event-news
* ------------------------------------------------------------------------------
*/

/* .home-event-news {
	margin-top: 100px;
	background: #fff;
    width: 100%;
    margin-bottom: 100px;
    box-shadow: 0 30px 50px rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.25);
}
.home-event-news .container-fluid {
	padding-right:0;
	padding-left:0;
}

.home-event-news .box-wrap { 
	overflow: hidden;
	border: 1px solid #333d47;
}

.home-event-news .box-wrap .box-image {
	height: 465px;
}


.home-event-news .box-text {
	width: 50%;
	min-height:700px;
	float: left;
	position: relative;
	z-index: 99;
	background-size: cover;
    background-repeat: no-repeat;
    border-right: 1px solid rgba(0,0,0,.15);
}

.home-event-news .box-image {
	width: 50%;
	float: right;
	height: auto;
}

.home-event-news .box-wrap {
	overflow: hidden;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	position: relative;
}

.home-event-news .box-heading  h3 {
	margin-bottom: 0;
	text-align: center;
    font-size: 30px;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 700;
    letter-spacing: .1em;
}

.home-event-news .box-heading {
	color: #fff;
	text-transform: uppercase;
	padding: 16px 26px;
	position: relative;
	background: rgb(0, 179, 228);
}
.home-event-news .box-image .box-heading {
	background:#333d47
}

.home-event-news .box-wrap:before {
    content: '';
    width: 35%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 122px;
    position: absolute;
    transform: skewX(-15deg);
    z-index: 1;
}

.home-event-news .event-news-left {
	padding: 60px 15%;
}
.home-event-news .tribe-mini-calendar-wrapper {margin-bottom:30px;}
.home-event-news .tribe-mini-calendar-nav td,
.home-event-news .tribe-mini-calendar th {
	background: #333d47;
    border-color: #333d47;
}
.home-event-news .tribe-mini-calendar th {
	padding: 15px 0 5px;
    border-bottom: 1px solid rgba(62,62,62,3);
    color:#fff;
}
.home-event-news .tribe-mini-calendar thead {background: #333d47;}

.home-event-news .tribe-mini-calendar-nav span {font-size:24px;font-weight:300;color:#fff;}
.home-event-news .tribe-mini-calendar-nav div {margin-bottom:20px;}

.home-event-news .tribe-mini-calendar td {background:#333d47;}
.home-event-news .tribe-mini-calendar td,
.home-event-news .tribe-mini-calendar-nav {border:none;}

.home-event-news .tribe-mini-calendar td.tribe-events-othermonth {background: #333d47;}
.home-event-news .tribe-mini-calendar td.tribe-events-othermonth span {color:#333d47;}

.home-event-news .tribe-mini-calendar-no-event,
.home-event-news .tribe-mini-calendar div[id*='daynum-'] a {padding:15px 0;color:#fff;}
.home-event-news .tribe-mini-calendar .tribe-events-present div[id*='daynum-'] span,
.home-event-news .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a {color:#fff;}

.home-event-news .tribe-mini-calendar .tribe-events-present,
.home-event-news .tribe-mini-calendar .tribe-events-has-events {background:#00b3e4;}

.home-event-news .tribe-mini-calendar td.tribe-events-has-events a:hover,
.home-event-news .tribe-mini-calendar .tribe-events-has-events:hover {background:#0a95bb;}

.home-event-news .tribe-mini-calendar-list-wrapper {}

.home-event-news .tribe-mini-calendar-event .list-date {background:#f8bd00;}
.home-event-news .tribe-mini-calendar-event .list-date .list-dayname {color:#f8bd00;}
.home-event-news .tribe-mini-calendar-event .list-info h2 {
	font-size: 16px;
    text-transform: uppercase;
}

.home-event-news .lear-more-btn,
.home-event-news .lear-more-btn:before {
	background: #00b3e4;
}

.home-event-news .lear-more-btn:hover,
.home-event-news .lear-more-btn:hover:before {
	background: #0a95bb;
}

.home-event-news .box-image {

}

.home-event-news  .category a {
	font-size: 12px;
	font-weight: 600;
	color: #333d47;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.home-event-news  .category {
	font-size: 12px;
	font-weight: 600;
	color: #333d47;
	margin-bottom: 8px;
}

.box-image ul {
	padding:40px 60px 40px 100px;
}

.box-image ul li {
	list-style: none;
	position: relative;
}

.box-image ul li:before {
	position: absolute;
	content: '';
	border-radius: 50%;
	width: 16px;
  	height: 16px;
  	background: #333d47;
  	left: -30px;
  	top: 20px;

}

.box-image ul a {
	color: #00b3e4;
	font-size: 26px;
	margin-bottom: 25px;
	display: block;
}
.box-image ul li:last-child a {margin-bottom:0;}

.box-image .view-more {
	text-transform: uppercase;
	color: #333d47;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 10px;
	display: block;
	padding:0px 60px 30px 100px
} */


/**
* 9.0 - .ward-btns
* ------------------------------------------------------------------------------
*/

.ward-btns  {
	text-align: center;
	margin-top: 100px;
}

.ward-btns ul {
	padding-left: 0;
	display: inline-block;
}

.ward-btns ul li {
	float: left;
	list-style: none;
	margin-right: 78px;
}

.ward-btns ul li:last-child {
	margin-right: 0;
}

.ward-btns ul li a {
  width: 282px;
    height: 126px;
    text-align: center;
    line-height: 38px;
    background: rgb(0, 179, 228);
    color: #fff;
    font-size: 28px;
    display: inline-block;
    transition: all .3s;
    padding: 20px;
}

.ward-btns ul li a:hover {
	text-decoration: none;
	background: #0a95bb;
}

/**
* 10.0 - #footer
* ------------------------------------------------------------------------------
*/
#footer {
	background-color: #646b73;
	background-size: cover;
	background-position: center center;
	text-align: center;
	color: #fff;
	border-top: 5px solid #d9d9d9;
	padding: 70px 0;
	margin-top: 100px;
}

#footer a {
	color: #fff;
}

#footer .footer-logo {
	margin-bottom: 50px;
}

#footer-address {
	padding-left: 0;
	list-style: none;	
	font-size: 18px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	margin-bottom: 38px;
}

#footer-address li {
	margin-right: 25px;
	position: relative;
	display: inline-block;
	font-family: 'Uni Sans';
    letter-spacing: 0.1em;
}

#footer-address li:before {
	content: '/';
	position: absolute;
	right: 0;
	top: 0;
	color: #aeb2b5;
	font-weight: normal;
	right: -17px;
	font-size: 16px;
}

#footer-address li:last-child:before {
	display: none;
}

#footer-address li:last-child {
	margin-right: 0;
}

#footer-nav {
	padding-bottom: 47px;
	margin-bottom: 47px;
	position: relative;
}

#footer-nav:before {
	content: '';
	background-color: rgb(255, 255, 255);
	height: 1px;
	width: 113px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}



#footer-nav ul {
	padding-left: 0;
	list-style: none;
	text-align: center;
}

#footer-nav ul li {
	display: inline-block;
	margin: 0 12px;
	position: relative;
}

#footer-nav ul li a {
	font-size: 18px;
}

#footer-nav ul li:before {
	content: '/';
	position: absolute;
	top: 1px;
	right: -16px;
	font-size: 16px;
	color: #b5b8bc;
}

#footer-nav ul li:last-child:before {
	display: none;
}

.copyright-text,
.terms-conditions {
	font-size: 12px;
}

.copyright-text p {
	margin-bottom: 10px;
}

.terms-conditions p {
	margin-bottom: 0;
}

/**
* 11.0 - #page-banner
* ------------------------------------------------------------------------------
*/
#page-banner {position:relative;background-size: cover;background-position: top center;}
#page-banner:before {
	content: '';
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(0,179,228,.3);
}
#page-banner .container {position:relative;z-index:1;}

#page-banner h1 {
	color: #ffffff;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
	text-shadow: 0px 1px 1.98px rgba(0, 0, 0, 0.5);
	padding: 90px 0;
	font-size: 45px;
}

.page-breadcrumb {
	background: #fff;
}

.page-breadcrumb {
	padding-left: 0;
	list-style: none;
	padding: 20px;
	margin-top: -10px;
	margin-left: -10px;
	display: inline-block;
	margin-bottom: 30px;
}

.page-breadcrumb li {
	float: left;
	margin-left: 21px;
	padding-left: 21px;
	font-family: 'Encode Sans', sans-serif;
	position: relative;
}

.page-breadcrumb li:before {
	content: '';
	width: 5px;
	height: 10px;
	background-image: url(../images/caret.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 9px;
}

.page-breadcrumb li:first-child {
	margin-left: 0;
	padding-left: 0;
}

.page-breadcrumb li:first-child:before {
	display: none;
}


/**
* 12.0 - #main
* ------------------------------------------------------------------------------
*/

.page-template-default .article {margin-top:30px;}
#main {
	color: #3d3d3d;
}
#main .text-block.grey_bg {
	background:#eee;
	padding:20px;
	margin-bottom:30px;
}
#main .text-block.grey_bg ul {
	padding-left:20px;
	margin-left:20px;
}
#main .text-block h1,
#main .text-block h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

#main .testimonial {
	margin-top: 60px;
	margin-bottom: 60px;
}

#main .testimonial blockquote {
	font-size: 20px;
	font-family: 'Encode Sans', sans-serif;	
	line-height: 1.36em;
	border-left: 4px solid #b4d4dc;
}

#main .testimonial blockquote p {
	margin-bottom: 0;
}

#main .heading-list {
	margin-bottom: 30px;
}

#main .heading-list ul {
	list-style: none;
	padding-left: 0;
}

#main .heading-list h4 {
	font-weight: 800;
	color: #333d47;
	margin-bottom: 5px;
}

#main .heading-list p {
	margin-bottom: 25px;
}

#main .icon-list {
	margin-bottom: 30px;
}

#main .icon-list ul {
	list-style: none;
} 

#main .icon-list ul h4 {
	font-weight: 800;
	color: #333d47;
	margin-bottom: 5px;
}

#main .icon-list ul li {
	position: relative;
	padding-left: 20px;
}

#main .icon-list ul li:before {
	content: '';
	width: 8px;
	height: 15px;
	background-image: url(../images/list-icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 5px;
}

#main .icon-list li p {
	margin-bottom: 25px;
}

#main .call-to-action {
	overflow: hidden;
	position: relative;
	border: 1px solid #333d47;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	margin-top: 60px;
	margin-bottom: 70px;
}

#main .call-to-action:before {
	content: '';
	width: 50%;
	height: 100%;
	transform: skewX(-15deg);
	position: absolute;
	background: #fff;
	top: 0;
	left: 22px;
	z-index: 1;
}

#main .call-to-action .action-text {
	width: 50%;
	float: left;
	position: relative;
	z-index: 9;
}

#main .call-to-action .action-text .heading h3 {
	font-size: 18px;
	font-weight: bold;
	background: #00b3e4;
	color: #fff;
	margin-bottom: 0;
	padding: 12px 20px;
}

#main .call-to-action .action-text .heading {
	position: relative;
}

#main .call-to-action .action-text .heading:before {
	content: '';
	background: #00b3e4;
	height: 100%;
	top: 0;
	left: 100%;
	width: 50px;
	transform: skewX(-15deg);
	position: absolute;
	margin-left: -9px;
}

#main .action-btn {
	width: 50%;
	float: right;
	height: 170px;
}

#main .call-to-action .action-text p {
	padding: 12px 20px;
	margin-bottom: 0;
}

#main .call-to-action .action-btn {
	text-align: center;
}

#main .call-to-action .lear-more-btn {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 60px;
}

#main .call-to-action .lear-more-btn,
#main .call-to-action .lear-more-btn:before {
	background: #f8bd00;
}

#main .call-to-action .lear-more-btn:hover,
#main .call-to-action .lear-more-btn:hover:before {
	background: #ecb507;
}

.row.eq_height {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.card_layout .col-sm-6 {margin-bottom:30px;}
.card_layout .box {
	position:relative;
    padding: 40px 20px 70px;
    background: #fff;
    height:100%;
    box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
	border-radius: 10px;
}
.card_layout .title {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding: 60px 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
.card_layout .title:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.4);
}
.card_layout .title h3 {
    font-size: 24px;
    position: relative;
    font-weight: bold;
	padding-bottom: 20px;
}
.card_layout .title h3:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 6px;
    background: #f8bd00;
    bottom: 0;
    left: 0;
}
.card_layout .title.no_bg  {
	padding:0;
}
.card_layout .title.no_bg:before {
	display:none;
}
.card_layout .title.no_bg h3 {color:#333;text-align:left;}
.card_layout .col-lg-4 .title h3 {
	font-size:20px;
}
.card_layout .desc {
	font-size: 18px;
    line-height: 1.6;
    font-family: 'uni sans';
    letter-spacing: .05em;
    padding: 0 5px;
}
.card_layout .btn-angle {
	position:absolute;
	bottom:30px;
	left:20px;
}
.card_layout .btn-angle,
.card_layout .btn-angle:before {
	background:#f8bd00;
}
.card_layout .btn-angle:hover, 
.card_layout .btn-angle:hover:before {
	background:#ecb507;
}

@media only screen and (max-width: 1270px) {
	.row.eq_height.three_cols {
		display:block;
	    display: -webkit-block;
	    display: -ms-block;
	    display: block;
	}
	.row.eq_height.three_cols .col-sm-12 {margin-bottom:30px;}
}

/**
* 12.0 - Faculty
* ------------------------------------------------------------------------------
*/
body.single-faculty h3 {font-weight:bold;margin-bottom:0;}
body.single-faculty .lead_info ul {list-style:none;padding-left:0;margin-bottom:30px;}
body.single-faculty .lead_info ul li {margin-bottom:5px;}
body.single-faculty .lead_info ul li:last-child {margin-bottom:0;}
.single-faculty img.aligncenter {
	margin-bottom:10px;
}
.single-faculty .lab_link {
	background:#00b3e4;
	width:100%;
	max-width:250px;
	text-align:center;
	padding:5px;
	color:#fff;
	display:block;
	line-height:1.4;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.single-faculty .lab_link:hover {
	background:#333d47;
	text-decoration:none;
}

.article .lead_info_update {
	display: flex;
}
.article .lead_info_update .alignLeft {
	margin-top: 30px;
}
.article .lead_info_update .alignRight {
	margin-left: 30px;
}

/**
* 12.0 - Events
* ------------------------------------------------------------------------------
*/
body.single-tribe_events {margin:40px auto 0;}
.single-tribe_events .tribe-events-event-image {float:right;margin-left:30px;}

.tribe-events-title-bar {margin:40px 0;}
.post-type-archive-tribe_events .tribe-events-list .tribe-events-list-event-title {
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.post-type-archive-tribe_events .tribe-events-list .tribe-events-list-event-title a:hover {color:#449fb8}
.post-type-archive-tribe_events .tribe-events-venue-details {display:none;}
.post-type-archive-tribe_events .tribe-event-schedule-details {font-size: 15px;font-weight: 600;}
.post-type-archive-tribe_events .tribe-events-read-more {
	height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 0 10px 0 15px;
    position: relative;
    transition: all .3s;
    background-color: #00b3e4;
    letter-spacing: .05em;
}
.post-type-archive-tribe_events .tribe-events-read-more:before {
	content: '';
	background-color: #00b3e4;
    position: absolute;
    height: 100%;
    top: 0;
    width: 18px;
    right: -9px;
    transform: skewX(-17deg);
    transition: all .3s;
}
.post-type-archive-tribe_events .tribe-events-read-more:hover,
.post-type-archive-tribe_events .tribe-events-read-more:hover:before {
	background-color:#449fb8;
}


/* Calendar */
body #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
	font-size: 15px;
    font-weight: bold;
    font-family: 'encode sans', sans-serif;
    letter-spacing: .05em;
    padding-left: 0;
}
.tribe-events-tooltip .tribe-events-event-thumb {margin-bottom:20px;padding-top:.35em !important;}
.tribe-events-tooltip h3 {
	font-family: 'Encode Sans', sans-serif;
    color: #333d47;
    font-weight: bold;
    letter-spacing: .05em;
    margin-bottom: 5px;
}
body .tribe-events-tooltip .tribe-events-event-body .tribe-event-duration {
	font-size: 12px;
    font-family: 'uni sans';
    letter-spacing: .05em;
    margin-bottom: 5px;
}
.tribe-events-tooltip .tribe-events-event-body .tribe-event-description {
	font-size:12px;
}



/**
* 12.0 - #sidebar
* ------------------------------------------------------------------------------
*/

#sidebar {
	padding: 20px;
	background: #fff;
	margin-top: -74px;
	margin-left: 30px;
}

#sidebar .widget {
	margin-bottom: 60px;
}

#sidebar .widget-title {
	background: #00b3e4;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border-left: 9px solid #f8bd00;
	padding: 15px 12px;
	margin-bottom: 0;
}

#sidebar ul {
	list-style: none;
	padding-left: 0;
}

#sidebar ul li a {
	color: #5a5a5a;
	background: #eeeeee;
	display: block;
	border-bottom: 1px solid #fff;
	padding: 10px 20px;
	transition: all .3s;
}
#sidebar ul li a img {
	max-height: 24px;
    width: auto;
    margin-right: 10px;
}

#sidebar ul li a:hover {
	text-decoration: none;
	background: #e9e6e6;
}

#sidebar .search-widget {
	position: relative;
}

#sidebar .search-widget input[type="text"]{
	height: 50px;
	border: 1px solid rgb(173, 173, 173);
	background-color: rgb(245, 245, 245);
	width: 100%;
	padding-left: 27px;
	padding-right: 70px;
}

#sidebar .search-widget button {
  background-color: rgb(0, 179, 228);
  height: 50px;
  width: 52px;
  line-height: 50px;
  text-align: center;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}

#sidebar .get-involbe {
	box-shadow: 0px 8px 30px 0px rgb(50 50 50 / 8%);
    border-radius: 10px;
   	background: #FDFDFD;
    padding: 30px;
}

#sidebar .get-involbe img {
	width: 100%;
    padding: 20px 40px 0;
}

#sidebar .get-involbe h2 {
	color: #333d47;
	font-family: 'Encode Sans', sans-serif;
    font-size: 24px;
	font-weight: 600;
	padding-top: 17px;
	padding-left: 22px;
	padding-right: 22px;
    position: relative;
    padding-bottom: 10px;
}
#sidebar .get-involbe h2:after {
	content: '';
    position: absolute;
    content: '';
    width: 100px;
    left: 22px;
    bottom: 0;
    background: #f8bd00;
    height: 6px;
}

#sidebar .get-involbe p {
	padding-left: 22px;
	padding-right: 22px;
}
.cl_cls {
	border-color: #444;
}
#sidebar .get-involbe .lear-more-btn {
	margin-bottom: 30px;
	margin-left: 22px;
	font-size: 20px;
	text-transform: uppercase;
}


#sidebar .get-involbe .lear-more-btn,
#sidebar .get-involbe .lear-more-btn:before {
	background: #f8bd00;
}

#sidebar .get-involbe .lear-more-btn:hover,
#sidebar .get-involbe .lear-more-btn:hover:before {
	background: #dba700;
}

#sidebar .recent-news  {
	margin-top: 100px;
}

#sidebar .recent-news .heading {
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
	color: #333d47;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#sidebar .recent-news .heading:before {
	content: '';
	position: absolute;
	content: '';
	width: 100px;
	left: 0;
	bottom: 0;
	background: #f8bd00;
	height: 6px;
}


#sidebar .recent-news .heading:after {
	content: '';
	position: absolute;
	content: '';
	width: 10px;
	left: 99px;
	bottom: 0;
	background: #f8bd00;
	height: 6px;
	transform: skewX(-17deg);
}

#sidebar .recent-news a {
	border: none;
	background: none;
	display: inline;
	padding: 0;
}

#sidebar .recent-news a:hover {
	background: none;
}

#sidebar .recent-news .post-image {
	float: left;
	margin-right: 20px;
}

#sidebar .recent-news li {
	overflow: hidden;
	margin-bottom: 23px;
	padding-bottom: 23px;
	border-bottom: 1px solid #3d3d3d;
}

#sidebar .recent-news li:last-child {
	border-bottom: none;
}

#sidebar .recent-news .title {
	overflow: hidden;
	font-size: 18px;
	line-height: 36px;
	color: #3d3d3d;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	line-height: 36px;
}

#sidebar .recent-news .title  small {
	font-weight: normal;
}

#sidebar .recent-news .view-all {
	text-align: right;
}

#sidebar .recent-news .view-all  a {
	color: #333d47;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: underline;
}


/**
* 13.0 - .physicians
* ------------------------------------------------------------------------------
*/
.physicians {
	margin-top: 60px;
}
.physicians.small .physicians-list .box {min-height:auto !important;}
.physicians .physicians-list .box img {
	width:250px;
}

.physicians.small .physicians-list .box img {
	max-width: 140px;
	height: auto;
	outline: none;
	width: 100%;
	padding-bottom: 25px;
	border-bottom: 4px solid #3366ff;
}


.physicians .heading h2  {
	margin-top: 60px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	position: relative;
	color: #3366ff;
	padding-bottom: 10px;
}

/* .physicians .heading h2:before  {
	position: absolute;
	content: '';
	width: 100px;
  	height: 6px;
  	background: #f8bd00;
  	bottom: 0;
  	left: 0;
}
 */
/* .physicians .heading h2:after  {
	position: absolute;
	content: '';
	width: 5px;
  	height: 6px;
  	background: #f8bd00;
  	bottom: 0;
  	left: 99px;
  	transform: skewX(-17deg);
} */

.physicians-list {
	margin-bottom: 60px;
}
.physicians-list .row.eq_height {
	display: flex;
	flex-wrap: wrap;
}

.single-physicians {
	margin-bottom: 50px;
}
.single-physicians .img {width:235px;float:left;margin-right:30px;}
.single-physicians img {
	/*float: left;
	margin-right: 30px;
border-radius: 50%; */
}

.single-physicians .description {
	overflow: hidden;
}

.single-physicians .description h3 {
	font-weight: 600;
	color: #333d47;
}

.physicians-list .col_space {margin-bottom:40px;}

/* .physicians-list .box {
	padding:20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    min-height: 255px;
} */

.physicians-list .box h5 {
	font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
	margin-top: 25px;
}

.physicians-list .box p {
    line-height: 1.4;
    font-size: 15px;
    margin-bottom: 15px;
	line-height: 26px;
	font-weight: 600;
}
.physicians-list .box button {
	background: none;
    border: none;
    color:#32B3E4;
}
.physicians-list .box button[aria-expanded=true] span.plus,
.physicians-list .box button[aria-expanded=false] span.minus {display:none;}
.physicians-list .box button[aria-expanded=false] span.plus,
.physicians-list .box button[aria-expanded=true] span.minus {display:inline-block;}
.physicians-list .box p:last-child {margin-bottom:0;}
.physicians-list .box button i {
    margin-right: 5px;
}

/*
 * Single Faculty
 */
body.single-faculty #page-banner {height:250px;} 
body.single-faculty h1 {
	font-size: 36px;
    font-weight: 600;
}
/* Owl Carousel Dots */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot span {
	background: #444444 !important;
	width: 7px!important;
	height: 7px!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
}


/**
* Update 2 Feb 2022 1.0 - .Featured Lists
* ------------------------------------------------------------------------------
*/
.featured_lists {
	padding: 0 0 50px 0;
}
.featured_lists h2.section_heading {
    font-family: 'Encode Sans', sans-serif;
    font-weight: bold;
    color: #3366ff;
    padding-bottom: 10px;
}
.featured_lists h4.featured_list_title {
	font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-top: 25px;
	position: relative;
	padding-bottom: 20px;
	color: #3366ff;
}
.featured_lists h4.featured_list_title:after {
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    background: #444444;
    position: absolute;
    bottom: 0;
}

.featured_lists ul.featured_item {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
.featured_lists ul.featured_item li {
	font-size: 15px;
	font-weight: 600;
	list-style: none;
	margin-bottom: 6px;
}

/**
* 14.0 - .contact-information
* ------------------------------------------------------------------------------
*/

.contact-information {
	overflow: hidden;
	box-shadow: 0px 8px 30px 0px rgb(50 50 50 / 12%);
	margin-top: 70px;
	padding: 40px 30px;
	border-radius: 10px;
}

/* .contact-information:before {
	position: absolute;
	width: 50%;
	height: 100%;
	content: '';
	z-index: 1;
	background: #fff;
	transform: skewX(-17deg);
	top: 0;
	left: 26px;
} */

.contact-information .left {
	width: 45%;
	float: left;
	position: relative;
	z-index: 9;
}

.contact-information .heading {
	margin-bottom: 20px;
}
.contact-information .heading h3 {
	/* background: #00b3e4; */
	color: #3366ff;
	font-weight: bold;
}

/* .contact-information .heading:before {
    content: '';
    width: 128px;
    height: 100%;
    left: 99%;
    background: #00b3e4;
    position: absolute;
    top: 0;
    transform: skewX(-17deg);
    margin-left: -7px;
} */

/* .contact-information  .address,
.contact-information .phone {
	padding-left: 20px;
	font-size: 14px;
}

.contact-information  .address p {
	margin-bottom: 10px;
	margin-left: 15px;
}

.contact-information .phone p {
	margin-bottom: 0;
	margin-left: 15px;
} */

.contact-information  .address h4,
.contact-information .phone h4,
.contact-information .email-address h4,
.contact-information .careers h4 {
	color: #444444;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px;
}

.contact-information .heading h3 {
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.contact-information .right {
	float: right;
	width: 55%;
	height: 360px;
	padding-left: 130px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
} 

.right .email-address {
	margin-top: 50px;
}

.contact-information .email-address ,
.contact-information .careers {
	font-size: 14px;
}

.contact-information .email-address p, .contact-information .careers p, .contact-information  .address p,
.contact-information .phone p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 600;
}
.contact-information .email-address, .contact-information .careers, .contact-information  .address,
.contact-information .phone {
	margin-bottom: 40px;
}
.contact-information .email-address p a, .contact-information .careers p a, .contact-information  .address p a,
.contact-information .phone h5 a strong {
	color: #3366ff;
}


/**
* 15.0 - .lab-life
* ------------------------------------------------------------------------------
*/
.article > .lab-life {margin-top:0;}
.lab-life {
	margin-top: 0;
}

.lab-life h2 {
	color: #333d47;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
	position: relative;
	padding-bottom: 24px;
	margin-bottom: 50px;
}

.lab-life h2:before  {
	position: absolute;
	content: '';
	width: 100px;
  	height: 6px;
  	background: #f8bd00;
  	bottom: 0;
  	left: 0;
}

.lab-life h2:after  {
	position: absolute;
	content: '';
	width: 5px;
  	height: 6px;
  	background: #f8bd00;
  	bottom: 0;
  	left: 99px;
  	transform: skewX(-17deg);
}

.lab-life  .images {
	margin-top: 60px;
	text-align: center; 
}

.lab-life  .images .single-img {
	display: inline-block;
	margin-bottom: 40px;
	margin-left: 23px;
	margin-right: 23px;
}


/**
* 15.0 - .gallery
* ------------------------------------------------------------------------------
*/
.tiled_gallery {
	background: #eaeaea;
    padding: 15px 15px 0;
    margin-bottom: 40px;
    
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.tiled_gallery a:hover {text-decoration:none;}
.tiled_gallery a:hover img {opacity:.8;}
.tiled_gallery .thumb img {
	box-sizing: border-box;
	padding: 2px;
	margin: 0 1% 15px 0;
	width: 100%;
	display: inline-block;
}
	
.tiled_gallery .thumb img:nth-of-type(3n+3) {
	margin-right: 0;
}

/* ==|== Word Gallery ======================================================= */
.words_gallery {margin:60px 0;padding:15px;background:#eaeaea;}
.words_gallery .title_section {
	
}
.words_gallery h2 {
	font-family: 'Encode Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: .05em;
    padding-right:20px;
}
.words_gallery p.sub {
	font-size: 18px;
    font-style: italic;
    font-family: 'Uni Sans', sans-serif;
    letter-spacing: .05em;
    padding-right: 20%;
}
.words_gallery .row {margin-right:0;margin-left:0;}
.words_gallery div[class*="col-"] {height:225px;padding-left:0;padding-right:0;}
.words_gallery .inner-image {
    background-size: 250px 260px;
    background-position: 50% 50%;
    height: 100%;
}
.words_gallery .blue {
	background:#00b3e4;
}
.words_gallery .dark_blue {
	background:#333d47;
}
.words_gallery .red {
	background:#c81b00;
}
.words_gallery .yellow {
	background:#ffb400;
}
.words_gallery .purple {
	background:#37236a;
}
.words_gallery .text-center {
	color:#fff;
}
.words_gallery .text-center i {
	font-size:72px;
	color:#fff;
	padding-top:40px;
	margin-bottom:30px;
}
.words_gallery .text-center.long i {
	padding-top:30px;
} 
.words_gallery .text-center p {
	font-size: 22px;
    line-height: 1.4;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 600;
    letter-spacing: .03em;
    padding: 0 10px;
}

@media only screen and (max-width : 1320px) {
	.words_gallery h2 {font-size:26px;}
	.words_gallery p.sub {padding-right:10%;}
}

@media only screen and (max-width : 1280px) { 
	.words_gallery p.sub {padding-right:5%;}
	.words_gallery .inner-image {background-size:cover;}
}
@media only screen and (max-width : 992px) { 
	.words_gallery .title_section div[class*="col-"] {
		height:auto;
	}
	.words_gallery .title_section .inner-image {height:250px;}
	
}

@media only screen and (max-width : 480px) {
	.words_gallery div[class*="col-"] {
		width:100%;
	}
	.featured_lists h4.featured_list_title:after {
		width: 200px;
	}
	.featured_lists ul.featured_item {
		margin-bottom: 40px;
	}
	
	
}

/**
* 16.0 - .three_step
* ------------------------------------------------------------------------------
*/
.three_step {
	position:relative;
	margin-bottom:40px;
}
.three_step .row {background:#00B2E4;border-radius:15px;}
.three_step .col-md-3:first-child {
	padding:20px;
	border-radius:15px 0 0 15px;
}
.three_step .col-md-3:last-child {
	padding:20px 10px 20px 40px;
	justify-content: flex-end;
}
.three_step .col-md-3:first-child {background:#84e4ff;}
.three_step .col-md-3:first-child:after {
	content: " ";
    position: absolute;
    top: 125px;
    right: -30px;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 30px solid #84e4ff;
    z-index: 2;
    transition: border-color 0.2s ease;
}
.three_step .col-md-3:first-child:before {
	content: " ";
    background: url(../images/arrow-right.png) no-repeat;
    background-position: center center;
    background-size: 30px 32px;
    position: absolute;
    top: 135px;
    right: -15px;
    z-index: 3;
    height: 32px;
    width: 30px;
}

.three_step .col-md-6 {
	padding:20px 45px;
	background:#23CCFC;
}
.three_step .col-md-6:after {
	content: " ";
    position: absolute;
    bottom: 40px;
    right: -30px;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 30px solid #23CCFC;
    z-index: 2;
    transition: border-color 0.2s ease;
}
.three_step .col-md-6:before {
	content: " ";
    background: url(../images/arrow-right.png) no-repeat;
    background-position: center center;
    background-size: 30px 32px;
    position: absolute;
	bottom: 50px;
    right: -15px;
    z-index: 3;
    height: 32px;
    width: 30px;
}
.three_step h4 {
	font-size:22px;
	font-family: 'Encode Sans', sans-serif;
    font-weight:600;
    letter-spacing: .05em;
}
.three_step h4,
.three_step p {position:relative;z-index:4;}

.left-mid-title:before,
.left-mid-title:after,
.right-mid-title:before,
.right-mid-title:after {
	display: none !important;
}

@media (min-width: 992px) {
	.three_step_advanced .middle {
		text-align: center;
	}
}


/* =============================================================================
   HotSpots
   ========================================================================== */
body #powerTip {
	background:#00b3e4;
	box-shadow: 0 0 20px rgba(0,0,0,.75);
}
body #powerTip p {margin-bottom:0;}

#powerTip.n:before {
    border-top: 10px solid #00b3e4;
}

#powerTip.e:before {
    border-right: 10px solid #00b3e4;
}

#powerTip.s:before {
    border-bottom: 10px solid #00b3e4;
}

#powerTip.w:before {
    border-left: 10px solid #00b3e4;
}

#powerTip.ne:before,
#powerTip.nw:before {
    border-top: 10px solid #00b3e4;
}

#powerTip.se:before,
#powerTip.sw:before {
    border-bottom: 10px solid #00b3e4;
}

#powerTip.ne-alt:before,
#powerTip.nw-alt:before,
#powerTip.se-alt:before,
#powerTip.sw-alt:before {
    border-top: 10px solid #00b3e4;
}

#powerTip.se-alt:before,
#powerTip.sw-alt:before {
    border-bottom: 10px solid #00b3e4;
}



/**
* 16.0 - WordPress Specific
* ------------------------------------------------------------------------------
*/

.blog-articles h3 {
	font-familY: 'Uni Sans';
    letter-spacing: .1em;
    font-size: 28px;
    line-height:1.2;
    text-transform: uppercase;
    margin-bottom:0;
}
.blog-articles h3 a {color:#333d47;}
.blog-articles h3 a:hover {color:#00b3e4;text-decoration:none;}
.blog-articles .entry-footer p {font-size:14px;}

.blog-articles .btn-angle,
.blog-articles .btn-angle:before {
	background:#00b3e4;
}
.blog-articles .btn-angle:hover,
.blog-articles .btn-angle:hover:before {
	background:#0a95bb;
}

.thumbnail-img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.blog-articles {margin-top:50px;}
.blog-articles article {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.blog-articles > :last-child {
	border-bottom: none;
}


.pagination {
	text-align: center;
	display: block;
}

.pagination ul {
	display: inline-block;
	padding: 0;
}

.pagination ul li {
	display: inline-block;
	width: 49px;
  	height: 49px;
  	line-height: 49px;
  	margin: 0 10px;
}

.pagination ul li span.current {
	display: block;
  	width: 49px;
  	height: 49px;
  	text-align: center;
  	line-height: 49px;
	background-color: #0a95bb;
	border-radius: 50%;
	color: #fff;
	font-size: 23px;
}

.pagination ul li  a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f6fafb;
	border-radius: 50%;
	width: 49px;
  	height: 49px;
  	font-size: 23px;
  	color: #bababa;
  	border: 1px solid #f6fafb;
}

.pagination ul li  a:hover {
	text-decoration: none;
	background-color:#00b3e4;
	color:#fff;
}

.pagination ul li  a.next {
	margin-left: 30px;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	right: -30px;
}

.pagination ul li  a.prev {
	margin-right: 30px;
	position: relative;
	left: -30px;
}

.pagination ul li {
	float: left;
	list-style: none;
}


/* WordPress Image Aliment */
.mt-30 {
	margin-top: 30px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 30px auto;
}

.alignright {
    float: left;
    margin: 5px 40px 20px 0;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}


.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding-top: 4px;
    text-align: center;
}

.wp-caption p {
	margin-bottom: 0 !important;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
}


.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption-text {
	margin-bottom: 0;
	font-size: 14px;
}
h1.title_name {
	position: relative;
	padding: 15px 0;
}
h1.title_name:before {
    position: absolute;
    content: '';
    width: 500px;
    height: 4px;
    background: #f8bd00;
    bottom: 0;
}
.lead_info  ul {
	margin-top: 30px;
}

.lead_info  ul li a, .published_cls a, .email_cls a {
	color: #3d3d3d;
}
@media only screen and (max-width : 480px) {
	.alignright,
	.alignleft {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important; 
		width:100%;
	}
	h1.title_name:before {
		position: absolute;
		content: '';
		width: 300px;
		height: 4px;
		background: #f8bd00;
		bottom: 0;
	}
}


body.admin-bar #header,
body.admin-bar .sidr  {
  top: 46px;
}


@media screen and (min-width: 783px) {
  body.admin-bar #header,
  body.admin-bar .sidr {
    top: 32px;
  }

}

@media screen and (max-width: 600px) {
	#wpadminbar {
	    position: fixed;
	}
}

/*Style for post comment*/

.comments-area {
   margin-top: 3em;
}
.comments-area > h3 {
  font-size: 18px;
}


#comments {
  font-size: 22px;
  font-weight: 500;
  color:#333;
}


.nocomments {
	display: none;
}

.commentlist {
  margin-top: 4em;
}

.commentlist ul li,
.commentlist ul ol {
  padding-left: 1.5em;
  border-left: 1px dotted #d7d7d7;
  margin-left: 1.5em;
  list-style: none !important;
}

.commentlist li li,
.commentlist li li {
	margin-left: 30px !important;

}

.commentslist,
.commentslist li,
.commentslist li ol {
	list-style: none;
}

.commentslist {
	padding-left: 0;
	margin-left: 0;
}

.children {
	margin-left: 20px;
}


.comment-body {
  background: white;
  border: 1px solid #d7d7d7;
  padding: 1.5em 3em;
  margin-bottom: 1.5em;
  position: relative;
}


.comment-author {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 1.5em;
  font-size: 12px !important;
  overflow: hidden;
  clear: both;
}
.comment-author cite .fn {
  font-size: 16px;
  font-weight: bold;
}

.fn a,
.fn {
	font-weight: 500;
}

.vcard img.avatar {
  width: 60px;
  height: 60px;
  max-width: 100%;
  box-shadow: 0 0 2px #d7d7d7;
  display: inline-block;
  margin-bottom: 1.5em;
  float: left;
  margin-right: 1.5em;
}
.comment-meta a {
  color: #c9c9c9;
  padding-left: 10px;
}
#respond h3 {
  margin-bottom: 0px;
  font-weight: 500;
  clear: both;
}
#respond h3 a,
#cancel-comment-reply a {
  -webkit-transition: all .5s;
  transition: all .5s;
}
#respond h3 a:hover,
#cancel-comment-reply a:hover {
  color: #2b3039;
}
#navigation {
  margin-top: 3em;
}

/*comment form style*/

#respond form {
  margin-top: 20px;
}


#respond form input[type=text],
#respond form input[type=url],
#respond form input[type=email]{
  width: 50%;
	background: #fff;
	border: 1px solid rgb(212, 212, 212);

	padding: 12px 25px;
	font-size: 18px;
	letter-spacing: 0;
	display: block;
}


#respond form textarea {
	background: #fff;
	border: 1px solid rgb(212, 212, 212);
	width: 100%;
	padding: 12px 25px;
	font-size: 18px;
	letter-spacing: 0;
	display: block;
	height: 170px;
}

#respond form input[type=text]:focus,
#respond form input[type=url]:focus,
#respond form input[type=email]:focus,
#respond form textarea:focus {
	border-color: gray;
}


.says {
  display: none;
}

.bypostauthor .fn:before {
  content: 'admin';
  margin-right: 3px;
  background-color: rgb(46, 152, 222);	
  padding: 3px;
  font-size: 10px;
  border-radius: 3px;
  color: white;
  position: relative;
  top: -3px;
}

.fn {
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
}
.comment-meta {
  position: absolute;
  top: 54px;
  left: 115px;
  padding-right: 5px;
}


#respond form input[type="submit"] {
	width: 200px;
	 background-color: #00b3e4;
	height: 50px;
	border: none;
	color: #fff;
	font-weight: 500;
	letter-spacing: .05em;
	transition: all .3s;
	font-weight: bold;
	font-size: 20px;
}

#respond form input[type="submit"]:hover {
	background-color: #449fb8;
}

.comment-wrapper {
	margin-top: 80px;
}

.commentlist {
	padding-left: 0;
	list-style: none;
}

/*responsive comment css*/

@media only screen and (max-width: 479px) {
  .comment-body:before {
    content: '';
  }
  .commentlist ul li,
  .commentlist ul ol {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
    list-style: none;
  }
  #respond form textarea {
    width: 100%;
  }
  .bypostauthor .fn:before {
    content: 'admin';
    padding: 1px;
    font-size: 8px;
    border-radius: 3px;
    color: white;
    position: relative;
    top: -2px;
  }
  .fn {
    font-size: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    display: inline-block;
  }
  .vcard img.avatar {
    margin-right: 7px;
  }
  .comment-meta {
    position: absolute;
    top: 54px;
    left: 110px;
  }

  #respond form input[type=text], 
  #respond form input[type=url], 
  #respond form input[type=email] {
  	width: 100%;
  }

  .fn {
  	margin-top: 0;
  }
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/**
*	#lab-page-banner
*/
#lab-page-banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#lab-page-banner.top_center {background-position: center top;}
#lab-page-banner.top_left {background-position: left top;}
#lab-page-banner.top_right {background-position: right top;}
#lab-page-banner.left_center {background-position: left center;}
#lab-page-banner.right_center {background-position: right center;}
#lab-page-banner.bottom_left {background-position: left bottom;}
#lab-page-banner.bottom_center {background-position: center bottom;}
#lab-page-banner.bottom_right {background-position: right bottom;}


#lab-page-banner .caption-wrap {
	padding: 20px 0;
	background-color: rgba(65, 66, 75, .6);
}

#lab-page-banner {
	padding-top: 200px;
}

#lab-page-banner h1 {
  text-shadow: 0px 1px 1.98px rgba(0, 0, 0, 0.5);
  font-family: 'Encode Sans', sans-serif;
  font-weight: bold;
  font-size: 52px;
  line-height:1.2;
  color: #fff;
  margin-bottom: 5px;
  max-width:70%;
}

#lab-page-banner .page-breadcrumb {
	background: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

#lab-page-banner .page-breadcrumb li:before {
	background-image: url('../images/white-caret.png');
}

.lab-page-main .article {
	padding-top: 30px;
}



/* Update CSS 2021 Home Page 
--------------------------------------------------------------------
*/


/**
* 0.0 - #Global CSS
* ------------------------------------------------------------------------------
*/
a {
    text-decoration: none;
}
ul {
    margin: 0;
    padding: 0;
}

/**
* 1.0 - #Home Banner
* ------------------------------------------------------------------------------
*/
#home-banner {
	background-size: cover;
	background-position: center center;
	color: #fff;
}
#home-banner:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(38, 50, 56, 0.25);
}
#home-banner .fullscreen-bg__video {
	background-size: cover;
	background-position: center center;
}

#home-banner .container {
	padding:10% 0 24% 0;
	z-index:2;
	position:relative;
}

#home-banner .container .banner-wrap {
    max-width: 800px;
    margin-left: 80px;
}

#home-banner h1 {
	font-size: 46px;
	font-family: 'Encode Sans', sans-serif;
	font-weight: bold;
    line-height: 58px;
}

#home-banner h3 {
	font-size: 22px;
    max-width: 600px;
    margin-top: 30px;
}

#home-banner .play-btn {
	margin-top: 65px;
	transition: all .3s;
}

#home-banner .play-btn:hover {
	transform: scale(1.1);
}

#html5-watermark {
	display: none !important;
}

.fullscreen-bg {
	position:relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
}
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
  	width: 100%;
    height: auto;
  }
}

@media(min-width: 768px) {
	.fullscreen-bg {
		background-image: none !important;
	}
}
@media (max-width: 767px) {

  .fullscreen-bg__video {
    display: none;
  }
  #home-banner .container .banner-wrap {
        max-width: 800px;
        padding: 30px 20px;
    }
    #home-banner h1 {
        line-height: 1.5em;
    }
    
#home-banner .container .banner-wrap {
    margin-left: 0;
}

}

@media (min-width: 1400px) { 
    #home-banner {
       	width: 100%;
        height: auto;
    }
    #home-banner .fullscreen-bg__video {
        min-width: 100%;
	}

    #home-banner .container {
        width: 1340px;
    }    
    #home-banner h1 {
        font-size: 50px;
        line-height: 70px;
    }
    #home-banner h3 {
        font-size: 24px;
    }
    #home-banner .container .banner-wrap {
        max-width: 900px;
    }
    
 }

@media (min-width: 1650px) { 
    #home-banner {
       	width: 100%;
        height: auto;
    }
    #home-banner .fullscreen-bg__video {
        min-width: 100%;
	}

    #home-banner .container {
        width: 1650px;
    }
    #home-banner h1 {
        font-size: 50px;
        line-height: 70px;
    }
    #home-banner h3 {
        font-size: 22px;
    }
    #home-banner .container .banner-wrap {
        max-width: 1000px;
    }
    
 }



/**
* 2.0 - #What We Do
* ------------------------------------------------------------------------------
*/
.what-we-do {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 170px 0 100px;
    position: relative;
}

.what-we-do::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: linear-gradient(to right, #000 , #110921);
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.get-involved-article {
    background: rgb(255 255 255 / 60%);
    padding: 50px 40px 80px;
    margin-top: 190px;
}
.get-involved-article h2 {
    color: #21211f;
    font-weight: 700;
    margin-bottom: 50px;
}
.get-involved-article p {
    color: #21211f;
    font-weight: 400;
    line-height: 26px;
}
.get-involved-article .action-btn {
    margin-top: 40px;
}
.get-involved-article .action-btn a {
    background-color: #ffc700;
    padding: 13px 30px;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    transition: 0.4s;
}
.get-involved-article .action-btn a:hover {
    background-color: #ecb507;
}

.what-we-do-article {
    margin-left: 70px;
}
.what-we-do-article h2 {
    font-weight: 700;
    color: #ffc700;
    margin-bottom: 50px;
}
.what-we-do-article p span {
    font-size: 26px;
    line-height: 34px;
    color: #ffc700;
    font-weight: 700;
}
.what-we-do-article p {
    color: #FFFFFF;
    line-height: 26px;
}

.what-we-do h2 {
    position: relative;
}
.what-we-do h2::after {
    position: absolute;
    content: '';
    width: 111px;
    height: 7px;
    background: #ffc700;
    left: 0;
    bottom: -15px;
}
@media only screen and (max-width : 480px) { 

}
@media only screen and (max-width : 992px) { 
    .get-involved-article {
        margin-top: 0;
    }
    .what-we-do-article {
        margin-left: 0;
        margin-top: 50px;
    }
    .what-we-do {
        padding: 100px 0;
    }
}


@media (min-width: 1400px) { 
    .what-we-do .container {
        width: 1400px;
    }    
    .get-involved-article h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 60px;
    }
    .get-involved-article p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 60px;
    }
    
    .what-we-do-article h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 60px;
    }
    .what-we-do-article p span {
        font-size: 30px;
        line-height: 36px;
    }
    .what-we-do-article p {
        font-size: 20px;
        line-height: 30px;
    }
    .get-involved-article .action-btn a {
        font-size: 18px;
        text-decoration: none;
    }
    
 }

@media (min-width: 1650px) { 
    .what-we-do .container {
        width: 1650px;
    }
    .get-involved-article h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 80px;
    }
    .get-involved-article p {
        font-size: 24px;
        line-height: 36px;
    }
    .what-we-do-article h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 80px;
    }
    .what-we-do-article p span {
        font-size: 36px;
        line-height: 40px;
    }
    .what-we-do-article p {
        font-size: 24px;
        line-height: 36px;
    }
    .get-involved-article .action-btn a {
        font-size: 24px;
        text-decoration: none;
    }
    .get-involved-article .action-btn {
        margin-top: 80px;
    }
    

 }


/**
* 3.0 - #Explore Institute Link
* ------------------------------------------------------------------------------
*/
.explore-institute-link {
    background-color: #FFF;
    padding: 50px 0;
    text-align: center;
}
.explore-institute-link h2 {
    color: #21211f;
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
}
.explore-institute-link .links ul li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
}
.explore-institute-link .links ul li a {
    font-weight: 700;
    text-decoration: none;
    color: #357f8b;
    line-height: 40px;
    font-size: 14px;
	display: block;
}

@media only screen and (max-width : 480px) { 

}
@media only screen and (max-width : 992px) { 

}

@media (min-width: 1320px) {
    /* .explore-institute-link .container {
        width: 1350px; */
}

@media (min-width: 1400px) { 
    .explore-institute-link .container {
        width: 1400px;
    }    
    .explore-institute-link h2 {
        font-size: 30px;
    }  
    .explore-institute-link .links ul li a {
        font-size: 16px;
        line-height: 40px;
    }

 }

@media (min-width: 1650px) { 
    .explore-institute-link .container {
        width: 1650px;
    }
    .explore-institute-link h2 {
        font-size: 35px;
    }  
    .explore-institute-link .links ul li a {
        font-size: 20px;
        line-height: 48px;
    } 
 }


/**
* 4.0 - #Research Programs
* ------------------------------------------------------------------------------
*/

.research-programs {
    display: flex;
    position: relative;
}
.research-programs::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0 0 0 / 20%);
}
.research-programs-left-side {
    max-width: 55%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.research-programs-left-side .left-articale-box {
    min-height: 500px;
    max-width: 550px;
    background: rgba(255 255 255 / 60%);
    position: relative;
    z-index: 1;
    margin-right: 120px;
    margin-bottom: 120px;
    padding: 55px 60px 50px;

}
.research-programs-left-side .left-articale-box h2 {
    font-weight: 700;
    line-height: 48px;
    color: #21211f;
}
.research-programs-left-side .left-articale-box p {
    color: #21211f;
    font-weight: 400;
    line-height: 26px;
    margin-top: 40px;
}
.research-programs-left-side .left-articale-box .section-btn {
    position: absolute;
    bottom: 65px;
}
.research-programs-left-side .left-articale-box .section-btn a {
    background-color: #357f8b;
    padding: 14px 30px;
    color: #FFF;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    text-decoration: none;
    transition: 0.4s;
}

.research-programs-right-side {
    max-width: 45%;
    background-color: #2e6775;
    min-height: 700px;
    width: 100%;
}
.research-programs-right-side .right-articale-box {
    position: relative;
    z-index: 1;
    min-height: 700px;
    max-width: 700px;
    margin: 110px 100px;
}
.research-programs-right-side .right-articale-box .content-item {
    margin-bottom: 80px;
}
.research-programs-right-side .right-articale-box .content-item h2 {
    font-weight: 700;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 40px;

}
.research-programs-right-side .right-articale-box .content-item h3 {
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.research-programs-right-side .right-articale-box .content-item p {
    color: #FFFFFF;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 30px;
}
.research-programs-right-side .right-articale-box .content-item .section-btn a {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    background-color: #357f8b;
    padding: 12px 30px;
    text-decoration: none;
    transition: 0.4s;
}

.research-programs h2 {
    position: relative;
}
.research-programs h2::after {
    position: absolute;
    content: '';
    width: 111px;
    height: 7px;
    background: #357f8b;
    left: 0;
    bottom: -15px;
}

@media only screen and (max-width : 480px) { 

}

@media only screen and (max-width : 992px) { 
    .research-programs-left-side .left-articale-box {
        min-height: 500px;
        max-width: 813px;
        background: rgba(255 255 255 / 60%);
        position: relative;
        z-index: 1;
        margin-right: 50px;
        margin-bottom: 50px;
        padding: 30px 30px;
    }
    .research-programs-left-side .left-articale-box .section-btn {
        position: absolute;
        bottom: 30px;
    }
    .research-programs-left-side .left-articale-box .section-btn a {
        padding: 12px 20px;
        font-size: 15px;
    }
    .research-programs-right-side .right-articale-box {
        position: relative;
        z-index: 1;
        min-height: 400px;
        max-width: 700px;
        margin: 50px 50px;
    }
}
@media only screen and (max-width : 767px) { 
    .research-programs {
        display: inherit;
        position: relative;
    }
    .research-programs-left-side {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        display: flex;
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }
    .research-programs-left-side .left-articale-box {
        min-height: 400px;
        max-width: 500px;
        background: rgba(255 255 255 / 60%);
        position: relative;
        z-index: 1;
        margin-top: 120px;
        margin-bottom: 120px;
        padding: 50px 20px;
        margin-right: 0;
    }
    .research-programs-right-side {
        max-width: 100%;
        background-color: #2e6775;
        min-height: 380px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .research-programs-right-side .right-articale-box {
        position: relative;
        z-index: 1;
        min-height: 380px;
        max-width: 700px;
        margin: 0;
        padding: 50px 20px;
    }
}


@media (min-width: 1400px) { 
    .research-programs-left-side .left-articale-box h2 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 60px;
    }
    .research-programs-left-side .left-articale-box p {
        font-size: 20px;
        line-height: 36px;
    }    
    .research-programs-left-side .left-articale-box .section-btn a {
        font-size: 18px;
    }
    .research-programs-right-side .right-articale-box .content-item .section-btn a {
        font-size: 18px;
    }
    .research-programs-right-side .right-articale-box {
        min-height: 800px;
    }
    .research-programs-right-side .right-articale-box .content-item h2 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 50px;
    }
    .research-programs-right-side .right-articale-box .content-item h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 40px;
    }
    .research-programs-right-side .right-articale-box .content-item p {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 40px;
    }
    .research-programs-left-side .left-articale-box {
        min-height: 620px;
        max-width: 600px;
    }
 }

@media (min-width: 1650px) { 
    .research-programs-left-side .left-articale-box h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 80px;
    }
    .research-programs-left-side .left-articale-box p {
        font-size: 24px;
        line-height: 36px;
    }   
    .research-programs-left-side .left-articale-box .section-btn a {
        font-size: 24px;
    }
    .research-programs-right-side .right-articale-box .content-item .section-btn a {
        font-size: 24px;
    }
    .research-programs-right-side .right-articale-box .content-item h2 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 60px;
    }
    .research-programs-right-side .right-articale-box .content-item h3 {
        font-size: 26px;
        line-height: 46px;
        margin-bottom: 50px;
    }
    .research-programs-right-side .right-articale-box .content-item p {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 50px;
    }
    .research-programs-right-side .right-articale-box {
        min-height: 800px;
    }

    .research-programs-left-side .left-articale-box {
        min-height: 590px;
        max-width: 850px;
    }  
}

/**
* 5.0 - #Home Event News
* ------------------------------------------------------------------------------
*/
.home-event-news {
	background: #fff;
    width: 100%;
    margin-bottom: 100px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}
.home-event-news .container-fluid {
	padding-right:0;
	padding-left:0;
}

.home-event-news .box-wrap { 
	overflow: hidden;
	border: 1px solid #333d47;
}

.home-event-news .box-wrap .box-image {
	height: 465px;
}


.home-event-news .box-text {
	width: 50%;
	min-height: 700px;
	float: left;
	position: relative;
	z-index: 99;
	background-size: cover;
    background-repeat: no-repeat;
    border-right: 1px solid rgba(0,0,0,.15);
}

.home-event-news .box-image {
	width: 50%;
	float: right;
	height: auto;
}

.home-event-news .box-wrap {
	overflow: hidden;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	position: relative;
}

.home-event-news .box-heading-event {
	color: #ffc700;
	padding: 16px 26px;
	position: relative;
	background: #21211f;
}
.home-event-news .box-heading-event h3 {
	margin-bottom: 0;
	text-align: center;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 700;
}
.home-event-news .box-heading-news {
	color: #21211f;
	padding: 16px 26px;
	position: relative;
	background: #ddddd9;
}
.home-event-news .box-heading-news h3 {
	margin-bottom: 0;
	text-align: center;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 700;
}


.home-event-news .box-image .box-heading {
	background:#333d47
}

.home-event-news .box-wrap:before {
    content: '';
    width: 35%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 122px;
    position: absolute;
    transform: skewX(-15deg);
    z-index: 1;
}

.home-event-news .event-news-left {
	padding: 60px 15%;
}
.home-event-news .tribe-mini-calendar-wrapper {margin-bottom:30px;}
.home-event-news .tribe-mini-calendar-nav td,
.home-event-news .tribe-mini-calendar th {
	background: #333d47;
    border-color: #333d47;
}
.home-event-news .tribe-mini-calendar th {
	padding: 15px 0 5px;
    border-bottom: 1px solid rgba(62,62,62,3);
    color:#fff;
}
.home-event-news .tribe-mini-calendar thead {background: #333d47;}

.home-event-news .tribe-mini-calendar-nav span {font-size:24px;font-weight:300;color:#fff;}
.home-event-news .tribe-mini-calendar-nav div {margin-bottom:20px;}

.home-event-news .tribe-mini-calendar td {background:#333d47;}
.home-event-news .tribe-mini-calendar td,
.home-event-news .tribe-mini-calendar-nav {border:none;}

.home-event-news .tribe-mini-calendar td.tribe-events-othermonth {background: #333d47;}
.home-event-news .tribe-mini-calendar td.tribe-events-othermonth span {color:#333d47;}

.home-event-news .tribe-mini-calendar-no-event,
.home-event-news .tribe-mini-calendar div[id*='daynum-'] a {padding:15px 0;color:#fff;}
.home-event-news .tribe-mini-calendar .tribe-events-present div[id*='daynum-'] span,
.home-event-news .tribe-mini-calendar .tribe-events-has-events div[id*='daynum-'] a {color:#fff;}

.home-event-news .tribe-mini-calendar .tribe-events-present,
.home-event-news .tribe-mini-calendar .tribe-events-has-events {background:#ffc700;}

.home-event-news .tribe-mini-calendar td.tribe-events-has-events a:hover,
.home-event-news .tribe-mini-calendar .tribe-events-has-events:hover {background:#0a95bb;}

.home-event-news .tribe-mini-calendar-list-wrapper {/* display:none; */}

.home-event-news .tribe-mini-calendar-event .list-date {background:#f8bd00;}
.home-event-news .tribe-mini-calendar-event .list-date .list-dayname {color:#f8bd00;}
.home-event-news .tribe-mini-calendar-event .list-info h2 {
	font-size: 16px;
    text-transform: uppercase;
}
.home-event-news .tribe-mini-calendar-event .list-info h2 a {
    color: #ffc700;
}


.home-event-news .lear-more-btn,
.home-event-news .lear-more-btn:before {
	background: #00b3e4;
}

.home-event-news .lear-more-btn:hover,
.home-event-news .lear-more-btn:hover:before {
	background: #0a95bb;
}

.home-event-news .box-image {
/* 	background-size: cover; */
}

.home-event-news  .category a {
	font-size: 14px;
	font-weight: 400;
	color: #21211f;
	margin-bottom: 8px;
}

.home-event-news  .category {
	font-size: 12px;
	font-weight: 600;
	color: #333d47;
	margin-bottom: 8px;
}

.box-image ul {
	padding:40px 60px 40px 100px;
}

.box-image ul li {
	list-style: none;
    margin-bottom: 40px;
}

.box-image ul a {
	color: #21211f;
	font-size: 18px;
	margin-bottom: 25px;
	display: block;
    line-height: 30px;
    text-decoration: none;
}
.box-image ul li:last-child a {margin-bottom:0;}

.box-image .view-more {
	text-transform: uppercase;
	color: #333d47;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 10px;
	display: block;
	padding:0px 60px 30px 100px
}
 
.home-event-news .box-text .action-event-btn {
    margin-top: 60px;
}
.home-event-news .box-text .action-event-btn a {
    background: #21211f;
    color: #FFF;
    padding: 12px 30px;
    text-decoration: none;
    font-size: 16px;
    transition: 0.4s;
}
.home-event-news .box-text .action-event-btn a:hover {
    background: #ffc700;
}

.home-event-news .box-image .action-news-btn {
    padding-left: 100px;
    margin-top: 0;
}
.home-event-news .box-image .action-news-btn a {
    color: #21211f;
    font-size: 16px;
    text-decoration: underline;
    transition: 0.3s;
}
.home-event-news .box-image .action-news-btn a:hover {
    color: #ffc700;
}

@media only screen and (max-width : 480px) { 

}
@media only screen and (max-width : 992px) { 

}


@media (min-width: 1400px) { 
    .home-event-news .box-heading-event h3 {
        font-size: 30px;
    }
    .home-event-news .box-heading-news h3 {
        font-size: 30px;
    }
    
    .home-event-news  .category a {
        font-size: 16px;
    }
    .box-image ul a {
        font-size: 20px;
        line-height: 32px;
    }    
    .home-event-news .box-image .action-news-btn a {
        color: #21211f;
        font-size: 18px;
    }
    .home-event-news .box-image .action-news-btn {
        padding-left: 100px;
        margin-top: 50px;
    }
    .home-event-news .box-text .action-event-btn a {
        font-size: 18px;
    }
    .home-event-news .box-text {
        min-height: 800px;
    }
    .home-event-news .tribe-mini-calendar td, .home-event-news .tribe-mini-calendar-nav {
        height: 60px;
    }
 }

@media (min-width: 1650px) { 
    .home-event-news .box-text {
        min-height: 915px;
    }
    
    .home-event-news  .category a {
        font-size: 18px;
    }
    .home-event-news .box-heading-news h3 {
        font-size: 40px;
    }
    
    .box-image ul a {
        font-size: 24px;
        line-height: 36px;
    }   
    .home-event-news .box-heading-event h3 {
        font-size: 40px;
    }
    .home-event-news .box-image .action-news-btn a {
        color: #21211f;
        font-size: 25px;
    }
    .home-event-news .box-image .action-news-btn {
        padding-left: 100px;
        margin-top: 20px;
    }
    .home-event-news .box-text .action-event-btn a {
        font-size: 24px;
    }
    .home-event-news .tribe-mini-calendar td, .home-event-news .tribe-mini-calendar-nav {
        height: 70px;
    }
    
}


/**
* 6.0 - #Our Institute Links
* ------------------------------------------------------------------------------
*/
.our-institute-links {
    text-align: center;
}
.our-institute-links h2 {
    line-height: 48px;
    font-weight: 700;
    color: #21211f;
}
.our-institute-links .links {
    margin-top: 30px;
}
.our-institute-links .links ul li {
    display: inline-block;
}
.our-institute-links .links ul li a {
    background: #ffc700;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 10px;
    text-decoration: none;
    min-width: 260px;
    display: inline-block;
    padding: 1px 0;
    transition: 0.4s;
}
.our-institute-links .links ul li a:hover {
    background: #449fb8;
}



@media only screen and (max-width : 512px) {
	.home-event-news .event-news-left {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.explore-institute-link .links ul li a {
		line-height: 2em;
	}
	
	.explore-institute-link h2 {
		line-height: 1.5em;
	}
}

@media only screen and (max-width : 767px) { 
    .our-institute-links .links ul li a {
        min-width: 250px;
        display: inline-block;
        padding: 6px 0;
    }
	
	.get-involved-article {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.research-programs-right-side .right-articale-box .content-item h2,
	.research-programs-left-side .left-articale-box h2{
		line-height: 1.5em;
	}
    
    
.article .lead_info_update {
	display: inherit;
}
.article .lead_info_update .alignRight {
	margin-left: 0;
}

}
@media only screen and (max-width : 992px) { 
    .our-institute-links .links ul li {
        margin-bottom: 23px;
    }
    .our-institute-links .links {
        margin-top: 40px;
    }
    
}


@media (min-width: 1400px) { 
    .our-institute-links h2 {
        font-size: 30px;
        line-height: 44px;
    }
    .our-institute-links .links ul li a {
        font-size: 18px;
        min-width: 300px;
        display: inline-block;
        padding: 3px 0;
    }
    .our-institute-links .links {
        margin-top: 50px;
    }
    
 }

@media (min-width: 1650px) { 
    .our-institute-links .links {
        margin-top: 70px;
    }    
    .our-institute-links h2 {
        font-size: 36px;
        line-height: 48px;
    } 
    .our-institute-links .links ul li a {
        font-size: 30px;
        min-width: 400px;
        display: inline-block;
        padding: 14px 0;
    }

}