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

/*
font-family: "DM Sans", serif;

Thin		100
Extralight	200
Light 		300
Regular		400
Medium		500
SemiBold	600
Bold		700
ExtraBold	800
Black		900


font-family: "Playfair", serif;
Light 		300
Regular		400
Medium		500
SemiBold	600
Bold		700
ExtraBold	800
Black		900
*/

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

h1, h2, h3, h4, h5	{font-weight: 500; font-family: "Playfair", serif; font-optical-sizing: auto; font-style: normal; color: #3a4894;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

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;	
	--pink : #a4337e;
	--blue : #4854a5;
}




.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl 			{--bs-offcanvas-width: 300px;}

.text-bg-dark			{background-color: #000000 !important;}


.page					{}

.navbar-toggler			{border-color: rgba(255,255,255,0.50);}
.navbar-toggler-icon 	{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}

.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(255,255,255,0);  padding-top: 1rem; padding-bottom: 1rem;}
.menu-area.sticky		{background-color: rgba(164,51,126,1); padding-top: 0.75rem; padding-bottom: 0.75rem; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2);}


.menu-area .bg-dark		{background-color: transparent!important;}
.menu-area .navbar		{padding: 0;}
.menu-area .nav-link	{font-weight: 500;}

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

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



.offcanvas.offcanvas-end		{border-top-left-radius: 3rem; border-bottom-left-radius: 3rem;}




.banner-area				{position: relative;}
.banner-area .logo-area		{position: absolute; left: 0; top: 12%; width: 100%; z-index: 1;}
.banner-area .cme			{position: absolute; left: 60%; top: 40%; width: 165px;}
.banner-area .nokey			{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}



.logo-left .line-a			{margin-bottom: 4rem;}
.logo-left .line-b			{margin-bottom: 4rem;}
.logo-left .line-c			{margin-bottom: 2rem; font-size: 150%; font-weight: 500; color: #FFFFFF;}
.logo-left .line-d			{margin-bottom: 3rem; font-size: 150%; font-weight: 500; color: #FFFFFF;}
.logo-left .line-e			{}
.logo-left .line-f			{margin-bottom: 2rem;}


.heart-blink 				{animation:1.1s infinite beatHeart;}



@keyframes beatHeart {
  0% {transform: scale(1);}
  25% {transform: scale(1.04);}
  40% {transform: scale(1);}
  60% {transform: scale(1.02);} 
  100% {transform: scale(1);}
}







.btnn:link,
.btnn:visited 		{display: inline-block; border-radius: 100px; transition: all .2s; position: absolute;}
.btnn:hover 		{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.btnn:active 		{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}

.btn-white 			{background-color: #ff0042; color: #FFFFFF; font-weight: 600; font-size: 112.5%; padding: 1rem 2rem; border-radius: 2rem;} 
.btn-white:hover	{background-color: #3b30ff; color: #FFFFFF;}

.btnn::after 		{content: ""; display: inline-block; height: 100%; width: 100%; border-radius: 100px; position: absolute; top: 0; left: 0; z-index: -1; transition: all .4s;}

.btn-white::after 	{background-color: #ff0042;}
.btnn:hover::after 	{transform: scaleX(1.4) scaleY(1.6); opacity: 0; background-color: #3b30ff;}

.btn-animated 		{animation: moveInBottom 5s ease-out; animation-fill-mode: backwards;}

@keyframes moveInBottom {
    0% {opacity: 0; transform: translateY(30px);}
    100% {opacity: 0.1; transform: translateY(0px);}
}







.coolab-wrap			{padding-top: 2rem; padding-bottom: 2rem; background-color: #FFFFFF;}


.association			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF; position: relative;}
/*.association::after		{content: "SPONSORS"; position: absolute; left: 0; top: 0; font-size: 900%; font-weight: 900; width: 100%; text-align: center; color: rgba(0,0,0,0.05);}*/



.chairman-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #f5f5f5;}
.chairman-wrap h1 		{font-size: 300%;}

.chairman-in			{padding: 1rem; background-color: #FFFFFF; box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.05);}




.committee-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #cdc0e3; position: relative;}
.committee-wrap h1 		{font-size: 300%; z-index: 1; position: relative;}

.committee-wrap::after	{content: "COMMITTEE"; position: absolute; left: 0; top: 0; font-size: 900%; font-weight: 900; width: 100%; text-align: center; color: rgba(0,0,0,0.05);}

.comm-block 			{text-align: center;}
.comm-block .comm-img	{margin-bottom: 0.5rem; overflow: hidden; border-radius: 50%;}
.comm-block .comm-name	{margin-bottom: 0rem; font-size: 125%; font-weight: 500;}
.comm-block .comm-desc	{font-size: 87.5%;}

.comm-block .comm-img img 			{transition: 0.3s ease-out;}
.comm-block:hover .comm-img img 	{transform: scale(1.1);}


.speakers-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #c5c5f5; position: relative;}

.speakers-wrap::after	{content: "SPEAKERS"; position: absolute; left: 0; top: 0; font-size: 900%; font-weight: 900; width: 100%; text-align: center; color: rgba(0,0,0,0.05);}

.spkr-block 			{text-align: center; cursor: pointer; padding: 1rem; border-radius: 2rem; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.2) 100%);}
.spkr-block .spkr-img	{margin-bottom: 1.5rem; position: relative;}
.spkr-block .spkr-name	{margin-bottom: 0; font-size: 125%; font-weight: 600; color: #ac4c9c;}
.spkr-block .spkr-desc	{font-size: 87.5%;}

.spkr-block .spkr-img span 		{position: absolute; bottom: -1rem; left: 0; width: 100%; text-align: center;}
.spkr-block .spkr-img span img 	{width: 42px;}

/*.spkr-block .spkr-img img 			{transition: 0.3s ease-out;}
.spkr-block:hover .spkr-img img 	{transform: scale(1.1);}*/



.program-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #cdc0e3; position: relative;}
.program-wrap h1 		{font-size: 300%; z-index: 1; position: relative;}
.program-wrap::after	{content: "AGENDA"; position: absolute; left: 0; top: 0; font-size: 900%; font-weight: 900; width: 100%; text-align: center; color: rgba(0,0,0,0.05);}


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

.prog-wrap .prog-row.session-row	{background-color: rgba(0,0,0,0.05); text-align: center;}

.prog-row .prog-time				{}
.prog-row .prog-lecture				{font-size: 125%; font-weight: 700;}
.prog-row .prog-spkr				{font-size: 100%; color: #3a4894;}
.prog-row .prog-img					{}



.registration-area			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #f5f5f5; position: relative;}
.registration-area::after	{content: "REGISTRATION"; position: absolute; left: 0; top: 0; font-size: 900%; font-weight: 900; width: 100%; text-align: center; color: rgba(0,0,0,0.05);}
.registration-area h1 		{font-size: 300%; z-index: 1; position: relative;}





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






@keyframes beat {
from {transform: scale(1); transform-origin: center center;	animation-timing-function: ease-out;}
10% {transform: scale(1.05);	animation-timing-function: ease-in;}
15% {transform: scale(1); animation-timing-function: ease-out;}
25% {transform: scale(1.02); animation-timing-function: ease-in;}
35% {transform: scale(1);	animation-timing-function: ease-out;}
}
.heart 		{animation: beat 1s infinite;}


















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




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

	
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	

	
}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 				{font-size: 88.89%;}
	
	


.logo-left .line-b			{margin-bottom: 3rem;}
.logo-left .line-c			{margin-bottom: 1rem; font-size: 125%;}
.logo-left .line-d			{margin-bottom: 3rem; font-size: 125%;}
.logo-left .line-e			{}
	
	
.spkr-block 					{padding: 1rem; border-radius: 1rem;}
.spkr-block .spkr-img span img 	{width: 32px;}	
	
	
.committee-wrap::after		{font-size: 700%;}
.speakers-wrap::after		{font-size: 700%;}
.program-wrap::after		{font-size: 700%;}
.registration-area::after	{font-size: 600%;}
.association::after			{font-size: 700%;}	
	

	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 88.89%;}
	
	
.banner-area				{}
.banner-area .logo-area		{top: 13%;}
	
.logo-area					{}	
.logo-left .line-a			{margin-bottom: 1rem;}
.logo-left .line-b			{margin-bottom: 1rem;}
.logo-left .line-c			{margin-bottom: 1rem; font-size: 125%;}
.logo-left .line-d			{margin-bottom: 1rem; font-size: 125%;}
	
.heart-blink				{width: 60%; margin-top: 50px;}
	
	
.chairman-wrap h1 			{font-size: 200%;}
	
	
.spkr-block 					{padding: 1rem 0.5rem; border-radius: 1rem;}
.spkr-block .spkr-img span img 	{width: 32px;}	

	
.committee-wrap::after		{font-size: 450%;}
.speakers-wrap::after		{font-size: 450%;}
.program-wrap::after		{font-size: 450%;}
.registration-area::after	{font-size: 350%;}
.association::after			{font-size: 400%;}	
	

	
}


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

	
	
.banner-area				{}
.banner-area .logo-area		{top: 12%;}
	
.logo-area					{}	
.logo-left .line-a			{margin-bottom: 1rem;}
.logo-left .line-b			{margin-bottom: 1rem;}
.logo-left .line-c			{margin-bottom: 1rem; font-size: 125%;}
.logo-left .line-d			{margin-bottom: 1rem; font-size: 125%;}
	
.heart-blink				{width: 60%; margin-top: 50px;}
	
	
.chairman-wrap h1 			{font-size: 200%;}
	
	
.spkr-block 					{padding: 1rem 0.5rem; border-radius: 1rem;}
.spkr-block .spkr-img span img 	{width: 32px;}

	
.committee-wrap::after		{font-size: 450%;}
.speakers-wrap::after		{font-size: 450%;}
.program-wrap::after		{font-size: 450%;}
.registration-area::after	{font-size: 350%;}
.association::after			{font-size: 400%;}
	
	
}