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

/*
font-family: "Roboto", sans-serif;

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

body 				{color: #333333; font-size: 1rem; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; background-color: #FFFFFF;}

h1, h2, h3, h4, h5	{font-weight: 700; color: var(--blue);}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 500;}

a					{text-decoration:none; color: #666666; 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;
	--gold : #d8b274;
	--blue : #294d68;
	--purple : #503e6d;
	--white : #ffffff;
}


.page					{}

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

.navbar-dark, .navbar[data-bs-theme=dark] {--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.5);}
.menu-area.sticky .navbar-dark, .navbar[data-bs-theme=dark] {--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.5);}

.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.sticky .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;}


.text-bg-dark 				{color: #333333 !important; background-color: var(--purple) !important;}

.menu-area					{position: fixed; top: 0; left: 0; z-index: 110; background-color: rgba(255,255,255,0); width: 100%; 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(0,0,0,0.5); -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-brand		{display: none;}
.menu-area .navbar-brand img	{width: 125px;}




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

.menu-area .navbar-nav .nav-link.active,
.menu-area .navbar-nav .show>.nav-link		{}

.menu-area .nav-link						{padding: 0;}

.menu-area .navbar-nav						{overflow: hidden;}
.menu-area .nav-item .nav-link 				{overflow: hidden; height: 1.5rem; color: #FFFFFF; font-weight: 500;}
.menu-area .nav-item .nav-link span 		{position: relative; display: inline-block; transition: 0.3s;}
.menu-area .nav-item .nav-link span::before {color: #cca56e; position: absolute; top: 100%; content: attr(data-hover); transform: translate3d(0, 0, 0);}
.menu-area .nav-item .nav-link:hover span 	{transform: translateY(-100%);}

.menu-area .navbar-nav 						{padding: 1rem 2rem; border-radius: 5rem; background: linear-gradient(90deg, rgba(80, 62, 109, 1) 0%, rgba(118, 93, 160, 1) 100%);}

.menu-area.sticky .nav-item .nav-link 				{color: #d0d8e1;}
.menu-area.sticky .nav-item .nav-link span::before 	{color: #FFFFFF;}


.banner-area			{background-image: url("../images/banner-bg.webp"); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; height: 100vh; background-color: #000000;} 

.banner-in				{position: relative; width: 100%; height: 100%; padding: 0 5%;}

.logo-holder			{position: absolute; width: 45%; height: auto; top: 20%; bottom: 5%;}
.logo-holder .shine		{position: absolute; left: 0; top: 0; z-index: 5;}
.logo-holder .logo		{position: absolute; left: 0; top: 0; z-index: 4;}
.logo-holder .fan		{position: absolute; left: 7%; top: 21%; z-index: 6; width: 200px; transform-style: preserve-3d; transform: rotateX(38deg) rotateY(15deg); perspective: 800px;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}
@keyframes rotate 			{100% {transform:rotate(360deg);}}


.conf-name-address 				{position: absolute; bottom: 0%; right: -5%; z-index: 7; width: 60%;}
.conf-name-address .conf-name	{margin-bottom: 2rem;}
.conf-name-address .address		{color: var(--gold); font-size: 175%; font-weight: 700;}


.ministry-logo					{position: absolute; bottom: 20%; right: 5%; z-index: 10; display: block; width: 25%;}

.swiper-holder						{position: absolute; top: 15%; right: 5%; z-index: 1; display: block; width: 60%;}
.swiper-holder .swiper-slide img	{mix-blend-mode: color-dodge;}

.cme							{position: absolute; top: 55%; right: 35%; width: 125px; z-index: 2;}

.cme-btn						{position: absolute; bottom: 1%; left: 0; width: 100%; padding: 0 4%; z-index: 300; text-align: right;}



.timeline-wrap					{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF;}
.timeline-wrap h1 				{text-align: center;}
.timeline-wrap h1::after 		{content: ''; width: 10%; margin: 0 auto; height: 8px; display: block; background: var(--gold);}



.discover-conf				{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF; background-image: url("../images/about-bg.webp"); background-size: cover; background-position: center top; background-repeat: no-repeat;}
.discover-conf h1 			{position: relative;}
.discover-conf h1::after 	{content:''; width:35%; height: 8px; display: block; background: var(--gold);}

.about-rounded				{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 2rem; border-radius: 2rem; background-color: #FFFFFF;}

.chair-block				{position: relative; padding-left: 1rem; }
.chair-block::after			{content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 50%; background-color: var(--gold);}

.chair-block .line-a		{font-size: 200%; font-weight: 300;}
.chair-block .line-b		{font-size: 150%; font-weight: 700;}
.chair-block .line-c		{font-weight: 400;}


.overview-speakers-content		{top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.overview-speakers-content img 	{width: 75px; filter: invert(1);}
.overview-speakers-content h2 	{color: var(--white); font-size: 3.75rem; margin:0; line-height: 1; margin-top: 10px;}
.overview-speakers-content p 	{color: var(--white); text-transform: uppercase; margin: 0; font-size: 1.688rem; line-height: 1;}
.overview-speakers				{height: 100%; overflow: hidden;}

.os-holder						{position: relative; height: 100%; width: 100%; background: #292f88; overflow: hidden;}
.os-holder img 					{height: 100%; display: block; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%); mix-blend-mode: luminosity;}
.two-row .overview-speakers		{height: calc(50% - (var(--bs-gutter-x) * .5));}
.two-row .overview-speakers:first-child 	{margin-bottom: calc(var(--bs-gutter-x) * 1)}
.two-row .overview-speakers .os-holder img 	{opacity: 0.3;}
.two-row .overview-speakers:first-child .os-holder{background: #cfa77c;}
.two-row .overview-speakers:last-child .os-holder{background: #65476c;}
.overview-speakers-col 			{padding-top: 50px;}
.overview-speakers-col .row 	{height: calc(100% - 50px);}



.committees-speakers			{padding-top: var(--padding); padding-bottom: var(--padding); background: rgb(107,91,131); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(107,91,131,1) 100%); color: #FFFFFF; position: relative;}
.committees-speakers::before 	{background: url(../images/committee-bg.webp) right top no-repeat; left: 0; top: 0; width: 100%; height: 100%; position: absolute; content: ''; z-index:  0; display: block; mix-blend-mode: color-dodge;} 








.committees-speakers h1			{color: #FFFFFF;}
.committees-speakers h1::after 	{content:''; width: 10%; height: 8px; display: block; background: var(--gold);}

.committees-speakers h2 		{color: #FFFFFF;}

.comm-block						{background-color: #294d68; height: 100%; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
.comm-block .comm-img			{}
.comm-block .comm-desc			{padding: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
.comm-block .comm-desc .line-a	{font-size: 112.5%; font-weight: 600;}
.comm-block .comm-desc .line-b	{font-size: 87.5%;}


.speakers-wrap					{background-color: #FFFFFF; border-radius: 3rem; padding: 3rem; color: #333333; position: relative;}
.speakers-wrap h1 				{color: #000000;}
.speakers-wrap h2 span			{color: #FFFFFF; background-color: var(--blue); padding: 0.5rem 1rem; display: inline-block; border-right: 5px solid var(--gold);}

.spkr-block				{cursor: pointer;}
.spkr-block .spkr-img	{overflow: hidden; border-radius: 50%; border: 5px solid var(--white); box-shadow: 0 0 7px rgba(0,0,0,0.2); background: rgb(41,77,104); background: linear-gradient(0deg, rgba(41,77,104,1) 0%, rgba(71,112,143,1) 100%); margin-bottom: 0.5rem;}
.spkr-block .spkr-desc	{text-align: center;}

.spkr-block .spkr-img			{position: relative; text-align: center;}
.spkr-block .spkr-img span		{position: absolute; bottom: 0; right: 0; z-index: 1; width: 100%;}
.spkr-block .spkr-img span .flag 	{width: 42px;}


.spkr-block .spkr-img .spkr			{filter: grayscale(1); transition: 0.3s ease-out;}
.spkr-block:hover .spkr-img .spkr	{filter: grayscale(0); transform: scale(1.1);}

.spkr-block .spkr-desc .line-a	{font-size: 125%; font-weight: 500;}
.spkr-block .spkr-desc .line-b	{font-size: 87.5%;}




.program-wrap								{padding-top: var(--padding); padding-bottom: var(--padding);}
.program-wrap h1 							{position: relative;}
.program-wrap h1::after 					{content:''; width: 35%; height: 8px; display: block; background: var(--gold);}

.program-wrap .nav-item						{margin-right: 0.25rem;}
.program-wrap .nav-item:last-child			{margin-right: 0;}
.program-wrap .nav-link						{background-color: #cccccc; color: rgba(0,0,0,0.75); font-size: 125%; padding: 0.5rem 1.5rem; text-align: left;}
.program-wrap .nav-pills .nav-link			{border-radius: 0; font-weight: 300;}
.program-wrap .nav-pills .nav-link span 	{font-weight: 700;}
.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 	{background-color: var(--blue); color: #FFFFFF;}


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




.program-wrap-in .line-prog-a				{font-size: 125%; font-weight: 600;}
.program-wrap-in .line-prog-b				{font-size: 100%; font-weight: 400;}




.agenda-wrap				{}

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

.agenda-row.session-row	{background-color: rgba(0,0,0,0.10);}

.agenda-row .time			{}
.agenda-row .spkr-img		{background: rgb(41,77,104); background: linear-gradient(0deg, rgba(41,77,104,1) 0%, rgba(71,112,143,1) 100%); border-radius: 10rem; overflow: hidden;}
.agenda-row .lecture		{font-size: 125%;}
.agenda-row .spkr-name		{color: var(--blue);}

.agenda-row .spkr-img img	{}

.agenda-row .play-button	{margin-bottom: 0.25rem; text-align: center;}
.agenda-row .play-text		{font-size: 75%; text-align: center;}



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

.workshops-block				{padding: 2rem; background-color: aliceblue;}
.workshops-block .w-time		{}
.workshops-block .w-topic		{font-size: 150%;}
.workshops-block .w-speaker		{color: var(--blue);}

.workshops-block .w-time span	{background-color: var(--blue); color: #FFFFFF; padding: 0 0.5rem; font-size: 87.5%; border-radius: 0.25rem;}


.workshops-wrap .nav-item						{margin-right: 0.25rem;}
.workshops-wrap .nav-item:last-child			{margin-right: 0;}
.workshops-wrap .nav-link						{background-color: #cccccc; color: rgba(0,0,0,0.75); font-size: 150%; padding: 0.5rem 0.5rem;}
.workshops-wrap .nav-pills .nav-link			{border-radius: 0; font-weight: 300;}
.workshops-wrap .nav-pills .nav-link span 		{font-weight: 700;}
.workshops-wrap .nav-pills .nav-link.active,
.workshops-wrap .nav-pills .show>.nav-link 		{background-color: var(--blue); color: #FFFFFF;}






.registration-wrap				{padding-top: var(--padding); padding-bottom: var(--padding); background-color: var(--purple); color: #FFFFFF;}
.registration-wrap h1 			{text-align: center; color: #FFFFFF;}
.registration-wrap h1::after 	{content:''; width: 15%; margin: 0 auto; height: 8px; display: block; background: var(--gold);}


.registration-wrap .form-control	{background-color: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #FFFFFF;}
.registration-wrap .form-select		{background-color: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #FFFFFF;}

.registration-wrap .form-floating>.form-control-plaintext~label::after,
.registration-wrap .form-floating>.form-control:focus~label::after,
.registration-wrap .form-floating>.form-control:not(:placeholder-shown)~label::after,
.registration-wrap .form-floating>.form-select~label::after 	{background-color: rgba(255,255,255,0); }

.registration-wrap .form-floating>.form-control-plaintext~label,
.registration-wrap .form-floating>.form-control:focus~label,
.registration-wrap .form-floating>.form-control:not(:placeholder-shown)~label,
.registration-wrap .form-floating>.form-select~label 							{color: rgba(255,255,255,0.50);}

.registration-wrap .form-select option 	{background-color: var(--purple); color: #fff;}
.registration-wrap h5 					{color: #FFFFFF;}



.wr-registration-wrap			{padding-top: var(--padding); padding-bottom: var(--padding);}
.wr-registration-wrap h1 		{text-align: center;}
.wr-registration-wrap h1::after {content:''; width: 15%; margin: 0 auto; height: 8px; display: block; background: var(--gold);}




.sponsors-wrap				{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #f5f5f5;}
.sponsors-wrap h1 			{text-align: center;}
.sponsors-wrap h1::after 	{content:''; width: 15%; margin: 0 auto; height: 8px; display: block; background: var(--gold);}


.gallery-wrap				{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF;}
.gallery-wrap h1 			{text-align: center;}
.gallery-wrap h1::after 	{content:''; width: 15%; margin: 0 auto; height: 8px; display: block; background: var(--gold);}
.gallery-wrap h5{font-size:23px;font-weight:500;text-transform: uppercase;}


.footer				{padding: 2rem 0; font-size: 87.5%; color: #FFFFFF; background-color: var(--blue);}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}



.abstract-page		{padding-top: 10rem; padding-bottom: 5rem;}





.form-subs-item			{background-color: rgba(216,178,116,0.1);  border: 1px solid rgba(216,178,116,0.1);}
.form-subs-item.active	{background-color: rgba(216,178,116,0.1); border: 1px solid rgba(216,178,116,0.6);}

.reg-wshop-row			{padding: 1rem 1rem; border-radius: 0.5rem; height: 100%;}
.reg-wshop-row .line-a	{margin-bottom: 0.5rem; font-weight: 600;}
.reg-wshop-row .line-b	{color: rgba(255,255,255,0.50);}

.reg-wshop-row h5 		{color: var(--gold);}


.reg-wshop-wrap					{}
.reg-wshop-wrap .reg-wshop-line	{padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(0,0,0,0.1)}
.reg-wshop-wrap .reg-wshop-line:last-child	{padding-bottom: 0; border-bottom: none;}
.reg-wshop-wrap .reg-wshop-line:first-child	{padding-top: 0;}
.reg-wshop-line .line-a			{margin-bottom: 0rem; font-weight: 500; font-size: 112.5%;}
.reg-wshop-line .line-b			{color: rgba(0,0,0,0.50);}



.abs-sub-wrap								{}
.abs-sub-wrap .abs-sub-block				{padding: 1rem; background-color: rgba(0,0,0,0.05); border-radius: 1rem; margin-bottom: 0.5rem;}
.abs-sub-wrap .abs-sub-block:last-child		{margin-bottom: 0rem;}

.abs-sub-wrap .abs-sub-block .form-label	{margin-bottom: 0.25rem;}





.screen-block				{padding: 2rem; border-radius: 1rem; background-color: var(--blue); color: #FFFFFF; height: 100%;}
.screen-block .line-a		{font-size: 125%; margin-bottom: 0.5rem;}
.screen-block .line-b		{font-size: 87.5%; margin-bottom: 1rem; color: var(--gold);}
.screen-block .line-c		{}
















/* ===== PRELOADER ===== */
#preloader		{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--purple); z-index: 9999;}
#status			{width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -150px;}
/* ===== PRELOADER ===== */




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
.banner-area			{background-position: top center;}

.banner-in				{padding: 0 2%;}

.logo-holder			{width: 45%;}
.logo-holder .shine		{position: absolute; left: 0; top: 0; z-index: 5;}
.logo-holder .logo		{position: absolute; left: 0; top: 0; z-index: 4; width: 75%;}
.logo-holder .fan		{position: absolute; left: 7%; top: 21%; z-index: 6; width: 200px;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}



.conf-name-address 				{position: absolute; bottom: 0%; right: -5%; z-index: 7; width: 60%;}
.conf-name-address .conf-name	{margin-bottom: 2rem;}
.conf-name-address .address		{font-size: 150%;}
	

.swiper-holder					{width: 50%;}



	
}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
.banner-area			{background-position: top center;}

.banner-in				{padding: 0 2%;}

.logo-holder			{width: 45%;}
.logo-holder .shine		{position: absolute; left: 0; top: 0; z-index: 5;}
.logo-holder .logo		{position: absolute; left: 0; top: 0; z-index: 4; width: 75%;}
.logo-holder .fan		{position: absolute; left: 7%; top: 21%; z-index: 6; width: 200px;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}



.conf-name-address 				{position: absolute; bottom: 0%; right: -5%; z-index: 7; width: 60%;}
.conf-name-address .conf-name	{margin-bottom: 2rem;}
.conf-name-address .address		{font-size: 150%;}
	

.swiper-holder					{width: 50%;}
	
}



/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 				{font-size: 87.5%;}
	
.menu-area .navbar-brand			{display: block;}
.menu-area .navbar-nav 				{padding: 0rem 0rem; border-radius: 0rem; background: transparent;}
.menu-area .navbar-nav .nav-item	{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	

.banner-area						{background-image: url("../images/mobile-bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: top right;}	
	
	
.banner-in				{padding: 0 0;}

.logo-holder			{width: 90%; left: 5%; right: 5%; height: auto; top: 50%; bottom: 5%;}
.logo-holder .shine		{}
.logo-holder .logo		{}
.logo-holder .fan		{left: 0%; top: 15%; width: 150px;}
	
.logo-holder .logo img	{width: 60%;}
.logo-holder .shine img {width: 60%;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}


.conf-name-address 					{position: absolute; bottom: 10%; right: 0%; width: 60%;}
.conf-name-address .address			{font-size: 150%;}

.ministry-logo						{bottom: inherit; top: 10%; right: 20%; left: 20%; width: 60%;}

.swiper-holder						{top: 25%; right: 20%; width: 60%;}	
	
.cme							{top: 50%; right: 10%; width: 100px;}
	
	
.chair-block .line-a		{font-size: 150%;}
.chair-block .line-b		{font-size: 125%;}	
	
	
.speakers-wrap						{border-radius: 2rem; padding: 2rem;}	
.spkr-block .spkr-img span .flag 	{width: 30px;}	
	
	
	
.screen-block				{padding: 1rem;}	
	

	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 87.5%;}
	
.menu-area .navbar-brand			{display: block;}
.menu-area .navbar-nav 				{padding: 0rem 0rem; border-radius: 0rem; background: transparent;}
.menu-area .navbar-nav .nav-item	{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
/*.banner-area						{background-size: auto 100%;}*/
.banner-area						{background-image: url("../images/mobile-bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: top right;}	
	
	
	
.banner-in				{padding: 0 0;}

.logo-holder			{width: 90%; left: 5%; right: 5%; height: auto; top: 46%; bottom: 5%;}
.logo-holder .shine		{left: 10px; top: -20px;}
.logo-holder .logo		{width: 90%;}
.logo-holder .fan		{left: 5%; top: 9%; width: 100px;}
	
.logo-holder .logo img	{width: 60%;}
.logo-holder .shine img {width: 60%;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}


.conf-name-address 					{position: absolute; bottom: 35%; right: 0%; width: 60%;}
.conf-name-address .conf-name		{margin-bottom: 1rem;}
.conf-name-address .address			{font-size: 112.5%;}


.ministry-logo						{bottom: inherit; top: 8%; right: 5%; left: 5%; width: 90%;}

.swiper-holder						{top: 24%; right: 5%; width: 90%;}
	
.cme							{top: 50%; right: 10%; width: 100px;}
	
	
.about-rounded				{padding: 1rem; border-radius: 1rem;}	
	
.chair-block .line-a		{font-size: 150%;}
.chair-block .line-b		{font-size: 125%;}
	
	
.comm-block .comm-desc .line-a	{font-size: 100%; font-weight: 500;}	


.overview-speakers-col .col-lg-6 		{height: 400px;}
.overview-speakers-col .two-row 		{padding: calc(var(--bs-gutter-x) * .5);}
.os-holder img 							{width: 100%; height: auto;}
.overview-speakers-content img 			{width: 50px;}
.overview-speakers-content h2 			{font-size: 2rem;}
.overview-speakers-content p 			{font-size: 1rem;}
.two-row .overview-speakers:first-child {margin-bottom: calc(var(--bs-gutter-x)* .5);}
	
	
.speakers-wrap						{border-radius: 1rem; padding: 1rem;}	
.spkr-block .spkr-img span .flag 	{width: 30px;}
	
	
	
.program-wrap .nav-link				{padding: 0.5rem 0.5rem;}
.program-wrap-in .line-prog-a		{font-size: 120%;}
.program-wrap-in .line-prog-b		{font-size: 100%;}
	
	
	
.screen-block				{padding: 1rem;}
	
	
.cme-btn					{padding: 0 2%; bottom: 13%;}
.cme-btn .btn-lg			{font-size: 1rem;}
	
	
.agenda-row .play-button img	{width: 75%;}	
	
	



	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 				{font-size: 87.5%;}
	
.menu-area .navbar-brand			{display: block;}
.menu-area .navbar-nav 				{padding: 0rem 0rem; border-radius: 0rem; background: transparent;}
.menu-area .navbar-nav .nav-item	{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
/*.banner-area						{background-size: auto 100%;}*/
.banner-area						{background-image: url("../images/mobile-bg.jpg"); background-repeat: no-repeat; background-size: auto 100%; background-position: top right;}	
	
	
	
.banner-in				{padding: 0 0;}

.logo-holder			{width: 90%; left: 5%; right: 5%; height: auto; top: 46%; bottom: 5%;}
.logo-holder .shine		{left: 10px; top: -20px;}
.logo-holder .logo		{width: 90%;}
.logo-holder .fan		{left: 5%; top: 9%; width: 100px;}
	
.logo-holder .logo img	{width: 60%;}
.logo-holder .shine img {width: 60%;}

.logo-holder .fan .fan-a,
.logo-holder .fan .fan-b	{position: absolute; left: 0; top: 0; width: 100%;  animation: rotate 5s linear infinite;}
.logo-holder .fan .fan-a 	{margin-top: 5px;}


.conf-name-address 					{position: absolute; bottom: 35%; right: 0%; width: 60%;}
.conf-name-address .conf-name		{margin-bottom: 1rem;}
.conf-name-address .address			{font-size: 112.5%;}


.ministry-logo						{bottom: inherit; top: 8%; right: 5%; left: 5%; width: 90%;}

.swiper-holder						{top: 24%; right: 5%; width: 90%;}
	
.cme							{top: 50%; right: 10%; width: 100px;}
	
	
.about-rounded				{padding: 1rem; border-radius: 1rem;}	
	
.chair-block .line-a		{font-size: 150%;}
.chair-block .line-b		{font-size: 125%;}
	
	
.comm-block .comm-desc .line-a	{font-size: 100%; font-weight: 500;}	


.overview-speakers-col .col-lg-6 		{height: 400px;}
.overview-speakers-col .two-row 		{padding: calc(var(--bs-gutter-x) * .5);}
.os-holder img 							{width: 100%; height: auto;}
.overview-speakers-content img 			{width: 50px;}
.overview-speakers-content h2 			{font-size: 2rem;}
.overview-speakers-content p 			{font-size: 1rem;}
.two-row .overview-speakers:first-child {margin-bottom: calc(var(--bs-gutter-x)* .5);}
	
	
.speakers-wrap						{border-radius: 1rem; padding: 1rem;}	
.spkr-block .spkr-img span .flag 	{width: 30px;}
	
	
	
.program-wrap .nav-link				{padding: 0.5rem 0.5rem;}
.program-wrap-in .line-prog-a		{font-size: 120%;}
.program-wrap-in .line-prog-b		{font-size: 100%;}
	
	
	
.screen-block				{padding: 1rem;}
	
	
.cme-btn					{padding: 0 2%; bottom: 13%;}
.cme-btn .btn-lg			{font-size: 1rem;}
	
	
.agenda-row .play-button	{margin-bottom: 0.25rem; text-align: center;}
.agenda-row .play-text		{font-size: 75%; text-align: center;}

	
.agenda-row .play-button img	{width: 75%;}

	
}