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

/*
font-family: "Nunito", serif;

ExtraLight		200
Light			300
Regular			400
Medium			500
SemiBold		600
Bold			700
ExtraBold		800
Black			900
*/

body 				{color: #333333; font-size: 1rem; font-family: "Nunito", serif; font-weight: 400; font-style: normal; background-color: #f2f2f2; font-optical-sizing: auto;}


h1, h2, h3, h4, h5	{font-weight: 800; color: 1f3c74;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 700;}

a					{text-decoration:none; color: #000000; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


:root {
	--padding : 5rem;
	--blue : #101255;
	--skyblue : #00e3ff;
	--green : #5dc5cb;
	--pink : #e6417e;
}





.menu-area				{position: fixed; top: 0; left: 0; z-index: 110; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-area				{background-color: rgba(16,18,85,0.00);  padding-top: 0.25rem; padding-bottom: 0.25rem;}
.menu-area.sticky		{background-color: rgba(16,18,85,1.00); padding-top: 0.125rem; padding-bottom: 0.125rem; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.01);}

.menu-area .navbar						{}
.menu-area .bg-dark						{background-color: transparent !important;}

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

.menu-area .offcanvas.offcanvas-end		{border-left: none;}

.menu-area .offcanvas.offcanvas-top		{height: 70vh;}
.menu-area .offcanvas.offcanvas-top		{border-bottom: none;}

.menu-area .nav-link					{color: #FFFFFF; font-weight: 600;}

.menu-area .nav-link:hover 				{color: #e2e419;}

.menu-area .navbar-nav .nav-link.active,
.menu-area .navbar-nav .show>.nav-link 	{color: #e2e419;}

.menu-area .offcanvas					{background-color: var(--blue);}



.banner-area					{position: relative;}
.banner-area .banner-caption	{position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; transform: translateY(-50%);}
.banner-area .nokey				{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}

.banner-caption .line-a			{margin-bottom: 2rem;}
.banner-caption .line-b			{margin-bottom: 0rem; font-size: 3.5rem; color: #89bded; font-weight: 800; line-height: normal;}
.banner-caption .line-c			{margin-bottom: 2rem; font-size: 2.5rem; color: #ffcc66; font-weight: 800; line-height: normal;}
.banner-caption .line-d			{background-color: rgba(0,0,0,0.50); border: 1px solid rgba(0,227,255,0.60); padding: 1rem 2rem; border-radius: 3rem; color: #b398ff; display: inline-block; font-size: 112.5%;}

.banner-caption .line-d .btn	{border-radius: 2rem;}




.chairman-msg					{padding-top: var(--padding); padding-bottom: var(--padding);}

.chairman-photo					{position: relative;}
.chairman-photo img				{border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; position: relative; z-index: 10;}
.chairman-photo::before			{content: ""; position: absolute; left: 10%; top: 10%; width: 95%; height: 95%; border: 2px solid #b398ff; border-top-right-radius: 2rem; border-bottom-left-radius: 3rem; z-index: 0;}



.committee-wrap					{padding-top: var(--padding); padding-bottom: var(--padding); background-color: var(--blue); background-image: url("../images/dot.png"); background-repeat: repeat;}
.committee-wrap h1 				{color: #FFFFFF;}

.comm-block						{color: #FFFFFF;}
.comm-block .comm-img			{margin-bottom: 1rem;}
.comm-block .comm-name			{font-size: 125%; font-weight: 700; color: var(--skyblue);}
.comm-block .comm-desc			{font-size: 87.5%; font-weight: 300;}

.comm-block .comm-img img 		{width: 60%; border-top-right-radius: 10rem; border-top-left-radius: 10rem; border-bottom-right-radius: 10rem;}



.speakers-wrap					{padding-top: var(--padding); padding-bottom: var(--padding); background-image: url("../images/circle.svg"); background-repeat: no-repeat; background-position: right top;}
.speaker-block					{border-radius: 1rem; overflow: hidden; background-color: #FFFFFF; height: 100%; cursor: pointer;}

.speaker-block .speaker-img		{}
.speaker-block .speaker-desc	{padding: 1rem;}
.speaker-block .speaker-desc .speaker-name	{font-size: 125%; font-weight: 700;}
.speaker-block .speaker-desc .speaker-title	{font-size: 87.5%; font-weight: 300;}





.program-wrap				{padding-top: var(--padding); padding-bottom: var(--padding); background-color: var(--blue);}
.program-wrap h1 			{color: #FFFFFF;}
.program-wrap h3 			{color: #FFFFFF;}
.program-wrap h5 			{color: #FFFFFF;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 		{background-color: var(--skyblue);}

.program-wrap .nav-pills .nav-link .line-a		{font-size: 200%; font-weight: 800; line-height: normal;}
.program-wrap .nav-pills .nav-link .line-b		{font-size: 100%; line-height: normal;}

.program-wrap .nav-link							{color: #FFFFFF; background-color: rgba(255,255,255,0.10);}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 		{color: var(--blue);}

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


.workshop-wrap				{background-color: rgba(255,255,255,0.10); border-radius: 1rem;} 
.prog-wrap					{background-color: rgba(255,255,255,0.10); border-radius: 1rem; overflow: hidden;} 

.prog-row					{color: rgba(255,255,255,1); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.10);}
.prog-row:last-child		{border-bottom: none; }

.prog-row.session		{background-color: rgba(255,255,255,0.10);}
.prog-row.symposim		{background-color: rgba(255,193,7,0.10);}


.prog-row .time			{font-size: 125%;}
.prog-row .doc			{}
.prog-row .lecture		{font-size: 125%;}
.prog-row .docname		{color: var(--skyblue);}
.prog-row .symp			{color: #ffc107; font-size: 87.5%;}

.prog-row .doc img 		{border-radius: 5rem;}	




.registration-area		{padding-top: var(--padding); padding-bottom: var(--padding); border-bottom: 1px solid #CCCCCC;}




.sponsors-wrap			{padding-top: var(--padding); padding-bottom: var(--padding);}










.footer				{padding: 2rem 0; color: #FFFFFF; background-color: #333333; text-align: center;}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}





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




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
	

.banner-caption .line-b			{font-size: 3rem;}
.banner-caption .line-c			{font-size: 2rem;}
	

	
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {	
	
.banner-caption .line-b			{font-size: 3rem;}
.banner-caption .line-c			{font-size: 2rem;}	

	
}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 				{font-size: 87.5%;}
	
	
.banner-caption .line-b			{font-size: 2.5rem;}
.banner-caption .line-c			{font-size: 1.5rem;}
.banner-caption .line-d			{padding: 1rem 1rem; border-radius: 1rem;}

.banner-caption .line-d .btn	{border-radius: 2rem;}	
	
	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 87.5%;}	
	
	
.banner-caption .line-b			{font-size: 1.5rem;}
.banner-caption .line-c			{font-size: 1rem;}
.banner-caption .line-d			{padding: 1rem 1rem; border-radius: 1rem;}

.banner-caption .line-d .btn	{border-radius: 2rem;}	
	
	
.comm-block .comm-img img 		{width: 75%; border-top-right-radius: 5rem; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem;}
	
	
	
.prog-row .doc img 				{width: 80%;}

	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 				{font-size: 87.5%;}
	
	
	

.banner-caption .line-b			{font-size: 1.5rem;}
.banner-caption .line-c			{font-size: 1rem;}
.banner-caption .line-d			{padding: 1rem 1rem; border-radius: 1rem;}

.banner-caption .line-d .btn	{border-radius: 2rem;}	
	
	
.comm-block .comm-img img 		{width: 75%; border-top-right-radius: 5rem; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem;}	
	
	
	
.prog-row .doc img 				{width: 80%;}
	
	
}