@charset "utf-8";
/* CSS Document */

/*

font-family: "Philosopher", sans-serif;
Regular 	400
Bold 		700

font-family: "Poppins", sans-serif;
Thin 			100
ExtraLight		200
Light			300
Regular			400
Medium			500
SemiBold		600
Bold			700
ExtraBold		800
Black			900
*/

body 				{color: #FFFFFF; font-size: 1rem; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; background-color: #3a5249;}


h1, h2, h3, h4, h5	{font-weight: 800; font-family: "Philosopher", sans-serif;}
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 : #023f56;
	--skyblue : #0dc7f3;
	--green : #3a5249;
	--pink : #e6417e;
}


.page						{background-image: url("../images/banner-bg.webp"); background-position: top center; background-repeat: no-repeat; background-size: 100% auto;}


.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl 				{--bs-offcanvas-width: 300px;}


.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.00);  padding-top: 1rem; padding-bottom: 1rem;}
.menu-area.sticky			{background-color: rgba(2,63,86,1.00); padding-top: 0.5rem; padding-bottom: 0.5rem; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.01);}


.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(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}

.menu-area .navbar							{padding: 0 !important;}

.menu-area .navbar-nav .nav-link.active,
.menu-area .navbar-nav .show>.nav-link		{}

.menu-area .nav-link						{color: #FFFFFF; font-family: "Philosopher", sans-serif; font-size: 112.5%;}
.menu-area .nav-link:hover					{color: #b0e9ff;}




.banner-area				{position: relative;}

.banner-area .character		{position: absolute; width: auto; top: 10%; right: 15%;}

.banner-block				{padding-top: 15rem; padding-bottom: 7rem; position: relative; z-index: 1;}
.banner-block .top-logo		{margin-bottom: 3rem;}
.banner-block .main-logo	{}

.chairman-block				{background-color: var(--blue); padding: 3rem; border-radius: 4rem; color: #FFFFFF; }
.chairman-block .line-a		{font-size: 150%; font-weight: 700;}
.chairman-block .line-b		{color: #b0e9ff;}
.chairman-block .line-c		{color: #b0e9ff;}

.chairman-block-in			{position: relative; z-index: 1;}



.speakers-wrap				{padding-top: var(--padding); padding-bottom: var(--padding); color: #FFFFFF;}

.speakers-block 			{text-align: center;}
.speakers-block .spk-img	{margin-bottom: 0.5rem; overflow: hidden; padding: 0.5rem; background-color: #a0946d; border-radius: 50rem;}
.speakers-block .spk-name	{margin-bottom: 0.25rem; font-family: "Philosopher", sans-serif; font-size: 125%; font-weight: 700;}
.speakers-block .spk-desg	{color: #f0b807; font-size: 87.5%;}


.speakers-block .spk-img img		{transition: 0.3s ease-out; border-radius: 50rem;}
.speakers-block:hover .spk-img img	{transform: scale(1.1);}


.program-wrap				{padding-top: var(--padding); padding-bottom: var(--padding);}
.program-block				{background-color: var(--blue); background-image: url("../images/spine.webp"); background-position: right top; background-repeat: no-repeat; padding: 3rem; border-radius: 4rem; color: #FFFFFF;}

.prog-row					{padding: 1rem; border: 2px solid rgba(255,255,255,0.20); height: 100%; border-radius: 1rem;}
.prog-row .line-a			{margin-bottom: 1rem;}
.prog-row .line-b			{margin-bottom: 0.5rem;; font-size: 87.5%;}
.prog-row .line-c			{font-size: 125%; font-weight: 500; line-height: normal;}
.prog-row .line-d			{color: #f0b807;}

.prog-row .line-a img 		{width: 75px; border-radius: 10rem;}
.prog-row .line-b .bi		{color: var(--skyblue);}



.registration-wrap			{padding-bottom: var(--padding);}



.sponsors-wrap				{padding-bottom: var(--padding);}
.sponsors-block				{background-color: var(--blue); padding: 3rem; border-radius: 4rem;}



.prev-conf					{padding-top: var(--padding); padding-bottom: var(--padding); background-color: rgba(255,255,255,0.05);}

.prev-conf-block			{text-align: center;}
.prev-conf-block .line-a	{margin-bottom: 0.5rem; overflow: hidden;}
.prev-conf-block .line-b	{font-size: 125%;}


.prev-conf-block .line-a img			{-webkit-transition: 0.4s ease; transition: all 0.4s ease; border-radius: 0.5rem;}
.prev-conf-block:hover .line-a img 		{-webkit-transform: scale(1.1); transform: scale(1.1);}


.footer				{padding: 2rem 0; font-size: 87.5%; color: #FFFFFF; background-color: #160110;}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}









.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: 96px; height: 96px; position: absolute; left: 50%; top: 50%; margin: -48px 0 0 -48px;}
/* ===== PRELOADER ===== */




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
	
	
.banner-area .character		{right: 10%;}
	

	
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {	

	
.banner-area .character		{right: 10%;}	
	
	
}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 						{font-size: 87.5%;}
	
.menu-area .text-bg-dark 	{background-color: var(--blue) !important;}	
	
	
.banner-block				{padding-top: 10rem; padding-bottom: 5rem;}	
.banner-area .character		{width: 50%; top: 10%; right: 0%;}

	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 						{font-size: 87.5%;}
	
.menu-area .text-bg-dark 	{background-color: var(--blue) !important;}	
	
	
.banner-block				{padding-top: 7rem; padding-bottom: 5rem;}
.banner-area .character		{width: 60%; top: 5%; right: 0%;}
.chairman-block				{padding: 2rem 1rem; border-radius: 2rem;}
	
	
.program-block				{padding: 2rem 1rem; border-radius: 2rem;}
.prog-row					{padding: 0.75rem;}
	
	
.sponsors-block				{padding: 2rem 1rem; border-radius: 2rem;}
	
	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 						{font-size: 87.5%;}
	
.menu-area .text-bg-dark 	{background-color: var(--blue) !important;}	
	
	
.banner-block				{padding-top: 7rem; padding-bottom: 5rem;}	
.banner-area .character		{width: 60%; top: 5%; right: 0%;}
.chairman-block				{padding: 2rem 1rem; border-radius: 2rem;}
	
	
	
.program-block				{padding: 2rem 1rem; border-radius: 2rem;}
.prog-row					{padding: 0.75rem;}	
	
	
.sponsors-block				{padding: 2rem 1rem; border-radius: 2rem;}	
	
}

.print-cme a{background-color: #023f56;color: #fff;padding-left: 30px;border-radius: 100px;padding-right: 30px;padding-top: 5px;padding-bottom: 5px;font-size: 30px;text-transform: uppercase;}
.print-cme{margin-top: 3rem;}

