@charset "utf-8";
/* CSS Document */

/*
Anton
Regular		400

Roboto
Thin		100
Light		300
Regular		400
Medium		500
Bold		700
Black		900

font-family: 'Anton', sans-serif;
font-family: 'Roboto', sans-serif;
*/



body 				{color: #FFFFFF; background-color: var(--blue-color); font-size: 1rem; font-family: 'Roboto', sans-serif;}

h1, h2, h3, h4, h5	{color: #FFFFFF; font-weight: 700;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #FFFFFF; transition: 0.5s;}
a:hover				{text-decoration:none; color: #66ccff;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}

:root {
	--def-padding : 5rem;
	--blue-color : #0d6ecb;
	--dark-blue-color : #08529a;
	
	
	
}


.navbar-toggler 		{border-color: rgba(255,255,255,0.50);}
.navbar-toggler-icon 	{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}



.menu-area					{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; background-color: rgba(13,110,203,1.00); padding-top: 1rem; padding-bottom: 1rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-area.sticky 			{padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: rgba(8,49,111,1.00); -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2);}

.menu-area .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}

.menu-area .bg-light 		{background-color: transparent !important;}
.menu-area .nav-link		{color: #FFFFFF; font-weight: 500; border-radius: 0.25rem;}
.menu-area .nav-link:focus,
.menu-area .nav-link:hover 	{background-color: var(--blue-color); border-radius: 0.25rem;}

.menu-area .navbar-nav .nav-link.active,
.menu-area .navbar-nav .show>.nav-link {background-color: var(--blue-color); border-radius: 0.25rem; color: #FFFFFF;}



.menu-area .navbar			{padding: 0;}


.banner-area					{position: relative;}
.banner-area .banner-element	{position: absolute; left: 0; top: 45%; width: 100%; text-align: center;}
.banner-area .banner-date-place	{position: absolute; left: 0; bottom: 5%; width: 100%; text-align: center;}



.banner-area .cme				{position: absolute; right: 30%; top: 15%; width: auto; height: auto;}
.banner-area .cme a 			{display: inline-block;}

.banner-element .banner-element-a	{margin-bottom: 1rem; font-size: 5rem; font-family: 'Anton', sans-serif; color: #FFFFFF;}
.banner-element .banner-element-b	{margin-bottom: 0rem; font-size: 2rem; color: #FFFFFF; font-weight: 700; line-height: normal;}

.banner-element .banner-element-a,
.banner-element .banner-element-b	{text-shadow: 0px 5px 20px rgba(0,0,0,0.4);}




.banner-date-place .line-a			{position: relative; padding: 0.5rem; margin-bottom: 0.5rem;}
.banner-date-place .line-b			{color: #08316f; font-size: 2rem; font-weight: 700; line-height: normal;}

.banner-date-place .line-a::after	{content : ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; height: 3px; width: 100px; background-color: #FFFFFF;}

.banner-date-place .line-a .line-aa	{color: #FFFFFF; font-size: 3rem; font-weight: 700; line-height: normal;}
.banner-date-place .line-a .line-ab	{color: #08316f; font-size: 2rem; font-weight: 500; line-height: normal;}



.date-place			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); text-align: center;}
.date-place .line-a	{font-size: 150%;}
.date-place .line-b	{font-size: 175%; color: #08316f; text-transform: uppercase; font-weight: 700;}
.date-place .line-c	{font-size: 125%;}





.chairperson-wrap						{padding-top: 7rem;}
.chairperson-wrap .chairperson-in		{background-color: #08529a; padding: 1rem; text-align: center; color: #FFFFFF; background-image: url("../images/blue-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.chairperson-wrap .chairperson-in h1	{color: #FFFFFF;}

.chairperson-in .chairperson-img		{width: 200px; height: 200px; margin-top: -90px; margin-left: auto; margin-right: auto; margin-bottom: 2rem; }
.chairperson-in .chairperson-img img 	{border-radius: 200px; border: 3px solid #7de2d0; -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3); box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);}


.speakers-wrap							{padding-bottom: var(--def-padding);}
.speakers-wrap .speakers-in				{position: relative; padding-top: var(--def-padding); padding-left:  1rem; padding-right: 1rem; padding-bottom: 1rem; color: #FFFFFF;}
.speakers-wrap .speakers-in::after		{content: ""; position: absolute; left: 0; top: 0; z-index: -1; background-color: #08529a; width: 100%; height: 70%;}
.speakers-wrap .speakers-in h1 			{color: #FFFFFF;}
.speakers-wrap .speakers-in h5 			{color: #FFFFFF; font-weight: 400;}

.speaker-block						{transition: all .3s; height: 100%; cursor: pointer;}
.speaker-block .spkr-img			{overflow: hidden;}
.speaker-block .spkr-desc			{text-align: center; padding: 1rem 0;}
.speaker-block .spkr-desc .line-a	{font-size: 125%; font-weight: 700;}
.speaker-block .spkr-desc .line-b	{font-size: 87.5%; font-weight: 300;}

.speaker-block:hover 				{box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.2);}

.speaker-block .spkr-img img		{transition: transform 0.3s;}
.speaker-block:hover .spkr-img img	{transform: scale(1.1);}


.moderators-wrap			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: var(--dark-blue-color);}



.program-wrap						{padding-top: var(--def-padding);}

.program-wrap .nav-pills .nav-link				{background-color: #a6a6a6; border-radius: 0;}

.program-wrap .nav-pills .nav-item				{margin-right: 1rem;}
.program-wrap .nav-pills .nav-item:last-child	{margin-right: 0;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link		{color: #FFFFFF; background-color: #08529a; padding-bottom: 4rem;}

.program-wrap .nav-link			{padding: 3rem 1rem; text-align: center;}
.program-wrap .nav-link .line-a	{font-size: 300%; font-weight: 700;}
.program-wrap .nav-link .line-b	{font-size: 150%;}

.program-wrap .nav-link			{color: #FFFFFF;}

.prog-container					{padding-top: 2rem; padding-bottom: 2rem; background-color: #08529a; background-image: url("../images/blue-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}

.prog-row 				{padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #0060af;}
.prog-row:last-child	{border-bottom: none;}

.prog-time	{}
.prog-spkr	{}
.prog-name	{color: #ccffff;}
.prog-lect	{font-size: 125%;}

.room-name		{font-size: 75%; font-weight: 300; color: #ccffff;}
.group-name		{font-size: 125%;}
.prog-lect span	{color: #ccffff;}


.highlight-a	{background-color: rgba(255,255,255,0.30); padding-top: 0.75rem; padding-bottom: 0.75rem;}
.highlight-b	{background-color: rgba(255,255,255,0.10);}

.highlight-a .prog-lect	{font-size: 150%; font-weight: 700;}

.prog-spkr img	{border-radius: 100px; width: 60px;}

.prog-container .table	{color: #FFFFFF;}
.prog-container .table .tr-high-a	{background-color: rgba(0,0,0,0.50);}
.prog-container .table .tr-high-b	{background-color: rgba(0,0,0,0.20);}

.prog-container .table>:not(caption)>*>* {padding: 0.75rem 0.5rem;}




.sponsors-wrap			{}
.sponsors-wrap-in		{padding: 1rem; background-color: #FFFFFF; padding-top: var(--def-padding); padding-bottom: var(--def-padding);}
.sponsors-wrap .rounded	{border: 1px solid #e6e6e6;}

.sponsors-wrap-in h1 	{color: var(--blue-color);}
.sponsors-wrap-in h4 	{color: var(--dark-blue-color);}



.register-wrap			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); color: #666666;}










.footer				{padding-top: 2rem; padding-bottom: 2rem; background-color: #08316f; color: #FFFFFF; font-size: 87.5%;}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}



.modal					{color: #333333;}
.modal .modal-title		{color: #000000 !important;}
.modal h5 				{color: #000000;}



.cert-logo			{padding-top: 2rem; padding-bottom: 2rem; background-color: #08529a;}
.cert-body			{padding-top: 2rem; padding-bottom: 2rem; color: #FFFFFF;}
.cert-body .table	{color: #FFFFFF;}



.login-wrap							{padding: 4rem 2rem; background-color: #FFFFFF; margin-top: 50%; border-radius: 0.25rem;}
.login-wrap .form-floating>label	{color: #666666;}



.video-block				{}
.video-block .line-a		{margin-bottom: 0.5rem; position: relative;}
.video-block .line-b		{font-size: 112.5%;}
.video-block .line-c		{font-size: 87.5%; color: #ccffff;}

.video-block .line-a img 	{border-radius: 0.5rem;}

.video-block .line-a span	{position: absolute; left: 0; top: 50%; width: 100%; height: auto; font-size: 250%; transform: translateY(-50%); text-align: center;}
.video-block .line-a span a {display: inline-block;}













/* ===== PRELOADER ===== */
#preloader		{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;}
#status			{width: 84px; height: 84px; position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px;}
/* ===== PRELOADER ===== */
















/* ===== PRELOADER ===== */
#preloader		{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;}
#status			{width: 84px; height: 84px; position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px;}
/* ===== PRELOADER ===== */








/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  

	  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
	  
	  

	  
	  
}


/* Laptop - For 1366 Resolution */
@media only screen
and (min-width: 1030px)
and (max-width: 1366px)
{
	

	
}


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{
	
body 				{font-size: 0.875rem;}
	
	

	
}


/* iPad Landscape */
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 2)  
and (min-width : 768px)   
and (max-width : 1024px)   
{
	
body 				{font-size: 0.875rem;}
	
.menu-area			{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky 	{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
.banner-area .cme				{right: 10%; top: 15%;}
.banner-area .cme img			{width: 100px;}


}


/* iPad Portrait */
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 2)   
and (min-width : 768px)   
and (max-width : 1024px)  
{

body 				{font-size: 0.875rem;}
	
.menu-area			{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky 	{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	

.banner-area .banner-element		{top: 30%;}
.banner-area .banner-date-place		{bottom: 0%;}
	
.banner-area .cme				{right: 10%; top: 15%;}
.banner-area .cme img			{width: 100px;}

.banner-element .banner-element-a	{font-size: 4rem; margin-bottom: 0.5rem;}
.banner-element .banner-element-b	{font-size: 1.5rem;}
	
.banner-date-place .line-a			{padding: 0.25rem; margin-bottom: 0.25rem;}
.banner-date-place .line-b			{font-size: 1.5rem;}

.banner-date-place .line-a .line-aa	{font-size: 2rem;}
.banner-date-place .line-a .line-ab	{font-size: 1.5rem;}
	
	
	
.chairperson-in .chairperson-img	{width: 150px; height: 150px;}
	
	

	
}

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
	
body 					{font-size: 0.875rem;}
	
.menu-area				{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky 		{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
	
.banner-area			{margin-top: 62px;}
	
	

.banner-area .banner-element	{top: 20%;}
.banner-area .banner-date-place	{bottom: 0%;}
	
.banner-area .cme				{right: 10%; top: 5%;}
.banner-area .cme img			{width: 75px;}

.banner-element .banner-element-a	{margin-bottom: 0rem; font-size: 3rem;}
.banner-element .banner-element-b	{margin-bottom: 0rem; font-size: 1.25rem;}

.banner-date-place .line-a			{padding: 0.25rem; margin-bottom: 0.25rem;}
.banner-date-place .line-b			{font-size: 1rem;}

.banner-date-place .line-a .line-aa	{font-size: 1.5rem;}
.banner-date-place .line-a .line-ab	{font-size: 1rem;}
	


.chairperson-in .chairperson-img		{width: 150px; height: 150px;}
	


.program-wrap .nav-pills .nav-item				{margin-right: 0.5rem;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link		{padding-bottom: 2.5rem;}

.program-wrap .nav-link			{padding: 2rem 1rem;}
.program-wrap .nav-link .line-a	{font-size: 200%;}
.program-wrap .nav-link .line-b	{font-size: 100%;}
	
	
.login-wrap							{padding: 2rem 1rem;}
	
	

	
	
}

/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px)
{
	
body 					{font-size: 0.875rem;}
	
.menu-area				{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.menu-area.sticky 		{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
	
.banner-area			{margin-top: 62px;}
	
	

.banner-area .banner-element	{top: 25%;}
.banner-area .banner-date-place	{bottom: 0%;}
	
.banner-area .cme				{right: 10%; top: 5%;}
.banner-area .cme img			{width: 75px;}
	
	

.banner-element .banner-element-a	{margin-bottom: 0rem; font-size: 2.5rem;}
.banner-element .banner-element-b	{margin-bottom: 0rem; font-size: 1rem;}

.banner-date-place .line-a			{padding: 0.25rem; margin-bottom: 0.25rem;}
.banner-date-place .line-b			{font-size: 1rem;}

.banner-date-place .line-a .line-aa	{font-size: 1.5rem;}
.banner-date-place .line-a .line-ab	{font-size: 1rem;}
	


.chairperson-in .chairperson-img		{width: 150px; height: 150px;}
	


.program-wrap .nav-pills .nav-item				{margin-right: 0.5rem;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link		{padding-bottom: 2.5rem;}

.program-wrap .nav-link			{padding: 2rem 1rem;}
.program-wrap .nav-link .line-a	{font-size: 200%;}
.program-wrap .nav-link .line-b	{font-size: 100%;}



.login-wrap							{padding: 2rem 1rem;}




}