#main .container {max-width: 1150px;}
.message-tabs {box-shadow: 0 0 5px #ccc;}
.message-tab {
	height: 160px;
	transition: all ease 0.3s;
	background-color: #f0f3f1;
	letter-spacing: 1px;
	font-weight: 500;
	cursor: pointer;
	float: left;
	width: 20%;
	position: relative;
	color: #006ea8;
}
.message-tab span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	padding: 0 10px;
}
.message-tab.active {
	color: #fff;
	background-color: #006ea8;
}
.message-tab::after {
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:15px solid transparent;
    border-width: 15px 10px;
    border-top-color: #006ea8;
    left:50%;
    bottom: -14px;
    margin-left: -10px;
    transition: all ease 0.3s;
    z-index: -1;
}
.message-tab:not(:first-child)::before {
	content: "";
	left: 0;
	top: 30px;
	height: calc(100% - 60px);
	border-left: 1px solid #ccc;
	position: absolute;
}
.message-tab.active + div::before, .message-tab.active::before {display: none;}
.message-tab.active::after {
	bottom: -30px;
}
.image-logo {
	/*padding: 90px 0;*/
}
.image-logo img {
	/*position: absolute;*/
	/*top: 0;*/
	width: 30%;
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
}
.bottom-boxes > div > div {
	background: url('../images/blue-pattern.png') center / cover;
	height: 180px;
	position: relative;
	transition: all ease 0.3s;
}
	.bottom-boxes > div > div p {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		color: #fff;
		transform: translateY(-50%);
		padding: 0 10px;
	}
	.bottom-boxes > div > div p strong {font-weight: 500;}
.bottom-boxes > div > div:hover, .bottom-boxes > div > div:focus {
	background-image: url('../images/pink-pattern.png');
}
/*Event Schedule CSS*/
.conference-details h5 {margin-top: 130px;}
.bordered-box {
	/*border: 1px solid #ccc;*/
	margin-top: 90px;
}
	.bordered-box h3 {
		transform: translateY(-50%);
		background-color: #fff;
		max-width: 820px;
		margin: 0 auto;
		padding: 0 20px;
	}
.pink-tab {
	background-color: #Fff;
	border: 1px solid #ccc;
	text-align: center;
	width: 200px;
	margin: 0 auto;
	display: block;
	padding: 15px 0;
	transform: translateY(50%);
	cursor: pointer;
	z-index: 1;
}
	.pink-tab h5 {font-weight: 600;}
	.pink-tab h5 sup {top: -4px;}
.pink-tab.active {
	background-color: #990066;
	color: #fff;
}
.pink-tab::after {
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:15px solid transparent;
    border-width: 15px 10px;
    border-top-color: #990066;
    left:50%;
    bottom: -14px;
    margin-left: -10px;
    transition: all ease 0.3s;
    opacity: 0;
}
.pink-tab.active::after {
	bottom: -30px;
	opacity: 1;
}
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
table th {
    background-color: #006ea8;
    color: #fff;
    padding: 15px;
    font-weight: 600;
    border: 1px solid #ccc;
    border-collapse: collapse;
    text-align: center;
}
table td {
	padding: 15px;
	width: 33.33%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table td.with-bg {
	background-color: #f5f2f2;
}
	table td strong {font-weight: 500;}
table tbody tr:not(:first-child) td {font-family: Titillium Web;}
.table-wrapper {overflow-x: auto;}
/*Organaziers and Secretariat*/
.upper-box {
	height: 310px;
	background-color: #f5f2f2;
}
.upper-box > div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
}
.vision {
	position: relative;
	background: url('../images/the-conference/vision-bg.jpg') center / cover;
	-webkit-transition: color 0.25s;
  	transition: color 0.25s;
}
/*.vision::after {
	content: "";
	top: 10px;
	left: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border: 1px solid #fff;
	position: absolute;
}*/
.vision::after, .vision::before {
	content: "";
	display: block;
	border: 2px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
}
.vision::before {
	top: 10px;
    left: 10px;
}
.vision::after {
	bottom: 10px;
    right: 10px;
}
.vision.vision-border::before, .vision.vision-border::after, .vision.vision-border::before, .vision.vision-border::after {
	width: calc(100% - 20px);
    height: calc(100% - 20px);
}
.vision.vision-border::before, .vision.vision-border::before {
	border-top-color: #fff; 
    border-right-color: #fff;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  	transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.vision.vision-border::after, .vision.vision-border::after {
	border-bottom-color: #fff;
  	border-left-color: #fff;
   -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
   transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.bottom-content {
	background: url('../images/the-conference/blue-pattern.jpg') center / cover;
	padding: 30px 45px;
	color: #fff;
}
	.bottom-content li {
		display: table;
		list-style: none;
		font-family: Titillium Web;
		margin-bottom: 10px;
	}
	.bottom-content li span {
		display: table-cell;
		vertical-align: middle;
	}
	.bottom-content li span:first-child {
		position: relative;
		width: 24px;
		text-align: center;
		z-index: 1;
	}
	.bottom-content li span:first-child::before {
		content: "";
		display: block;
		border-radius: 100%;
		background-color: #990066;
		height: 24px;
		width: 24px;
		z-index: -1;
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-50%);
	}
	.bottom-content li span:last-child {
		padding-left: 10px;
	}
	.bottom-content .img-wrapper {
		border-radius: 100%;
		background-color: #fff;
		padding: 48px 10px;
		width: 157px;
		height: 157px;
	}
	.bottom-content .mini-logo {
		position: relative;
    	z-index: 1;
    	transition: box-shadow 400ms cubic-bezier(.2,0,.7,1), transform 200ms cubic-bezier(.2,0,.7,1);
    	border-radius: 100%;
    	display: inline-block;
    	/*box-shadow: 0 0 1px 15px rgba(255,255,255,0.4), 0 0 1px 30px rgba(255,255,255,0.1), 0 0 1px 45px rgba(255,255,255,0.1);*/

	}
	.bottom-content .mini-logo:hover, .bottom-content .mini-logo:focus {
        box-shadow: 0 0 1px 20px rgba(255,255,255,0.2);
	}
@media (max-width: 1199px) {
	.bordered-box h3 {max-width: 695px;}
	.bottom-content .img-wrapper {float: left;margin: 0 9px !important;}
}
@media (max-width: 991px) {
	.bottom-boxes > div > div {height: 200px;}
	.bordered-box h3 {max-width: 570px;}
	.vision h3 {font-size: 24px;}
	.overview-text .mb-5 {
		margin-bottom: 20px !important;
	}
	.bottom-content .circular-column {
		float: left;
		width: 50% !important;
		margin: 0 auto !important;
	}
	.bottom-content .img-wrapper.mb-4 {
		margin-bottom: 20px !important;
	}
	.mini-logos {
		max-width: 350px;
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.bordered-box h3 {max-width: 370px;}
	.message-tab {width: 100%;}
	.message-tab:not(:first-child)::before {
		border-top: 1px solid #ccc;
		height: 1px;
		top: 0;
		width: calc(100% - 30px);
		border-left: 0;
		left: 15px;
	}
	.blue-title {font-size: 24px;}
	.bottom-content {
		padding: 30px 20px;
	}
	.image-logo img {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.pink-tab::after {display: none;}
	table td {min-width: 170px;}
	.bordered-box h3 {max-width: calc(100% - 20px);}
	.bottom-content {padding: 20px 0;}
}1), 0 0 1px 45px rgba(255,255,255,0.1);*/

	}
	.bottom-content .mini-logo:hover, .bottom-content .mini-logo:focus {
        box-shadow: 0 0 1px 20px rgba(255,255,255,0.2);
	}
@media (max-width: 1199px) {
	.bordered-box h3 {max-width: 695px;}
	.bottom-content .img-wrapper {float: left;margin: 0 9px !important;}
}
@media (max-width: 991px) {
	.bottom-boxes > div > div {height: 200px;}
	.bordered-box h3 {max-width: 570px;}
	.vision h3 {font-size: 24px;}
	.overview-text .mb-5 {
		margin-bottom: 20px !important;
	}
	.bottom-content .circular-column {
		float: left;
		width: 50% !important;
		margin: 0 auto !important;
	}
	.bottom-content .img-wrapper.mb-4 {
		margin-bottom: 20px !important;
	}
	.mini-logos {
		max-width: 350px;
		margin: 0 auto;
	}
}
@media (max-width: 767px) {
	.bordered-box h3 {max-width: 370px;}
	.message-tab {width: 100%;}
	.message-tab:not(:first-child)::before {
		border-top: 1px solid #ccc;
		height: 1px;
		top: 0;
		width: calc(100% - 30px);
		border-left: 0;
		left: 15px;
	}
	.blue-title {font-size: 24px;}
	.bottom-content {
		padding: 30px 20px;
	}
	.image-logo img {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.pink-tab::after {display: none;}
	table td {min-width: 170px;}
	.bordered-box h3 {max-width: calc(100% - 20px);}
	.bottom-content {padding: 20px 0;}
}