@charset "utf-8";
/* CSS Document */
/*
Roboto
Light 		300
Regular 	400
Medium 		500
Bold 		700
Black 		900

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


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

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

strong				{font-weight: 700;}

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

:root {
	--padding : 5rem;	
	--red-color : #c02029;
	--green-color : #37a85c;	
	--black-color : #000000;
}


.menu-area			{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; background-color: rgba(255,255,255,0); padding-top: 0.75rem; padding-bottom: 0.75rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-area.sticky 	{padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.1);}

.menu-area .navbar			{padding: 0;}
.menu-area .nav-link		{color: #000000; font-weight: 500;}
.menu-area .nav-link:focus,
.menu-area .nav-link:hover	{color: var(--red-color);}

.menu-area .reg-button			{background-color: var(--green-color); color: #FFFFFF; border-radius: 3rem; padding-left: 1rem !important; padding-right: 1rem !important;}
.menu-area .reg-button:hover	{background-color: var(--red-color); color: #FFFFFF;}

.banner-menu		{position: relative; width: 100%;}
.banner-menu		{}

.banner-menu .banner-content				{position: absolute; left: 0; top: 15%; width: 100%; padding-left: 7%; padding-right: 7%;}

.banner-menu .banner-content .line-a		{margin-bottom: 2rem; padding-top: 2rem; position: relative;}
.banner-menu .banner-content .line-b		{margin-bottom: 0rem;}
.banner-menu .banner-content .line-c		{margin-bottom: 0rem;}

.banner-menu .banner-content .line-a .line-a-a		{}
.banner-menu .banner-content .line-a .line-a-a img	{max-width: 500px;}
.banner-menu .banner-content .line-a .line-a-b		{position: absolute; top: 0; left: 0; width: 100%; text-align: center;}

.banner-menu .banner-content .line-b .line-b-a	{font-size: 200%; color: var(--green-color); font-weight: 300; line-height: normal;}
.banner-menu .banner-content .line-b .line-b-b	{font-size: 200%; color: var(--red-color); font-weight: 700; line-height: normal;}



.chairman-msg-wrap		{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #fafafa;}



.speakers-wrap					{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #FFFFFF;}
.speaker-block					{cursor: pointer;}
.speaker-block .line-text-a		{font-size: 150%; line-height: normal; color: #000000; padding-top: 5rem;}
.speaker-block .line-text-b		{font-size: 300%; line-height: normal; color: #000000; font-weight: 700;}

.speaker-block							{height: 100%; cursor: pointer;}
.speaker-block .speaker-img				{padding: 2rem; padding-bottom: 0;}
.speaker-block .speaker-desc			{text-align: center; padding: 1rem; color: #FFFFFF;}
.speaker-block .speaker-desc .line-a	{font-size: 150%; font-weight: 700; text-transform: uppercase;}
.speaker-block .speaker-desc .line-b	{font-size: 87.5%; font-weight: 300;}

.speaker-block .speaker-img .line-a					{padding: 1rem; border-radius: 50%; background-color: rgba(255,255,255,0.30);}
.speaker-block .speaker-img .line-a .line-b			{padding: 1rem; border-radius: 50%; background-color: rgba(255,255,255,0.20);}
.speaker-block .speaker-img .line-a .line-b img 	{border-radius: 50%;}

.speaker-block .speaker-img .line-a,
.speaker-block .speaker-img .line-a .line-b,
.speaker-block .speaker-img .line-a .line-b img 		{transition: transform .25s;}

.speaker-block:hover .speaker-img .line-a 				{transform: scale(1.1)}
.speaker-block:hover .speaker-img .line-a .line-b 		{transform: scale(1.05)}
.speaker-block:hover .speaker-img .line-a .line-b img 	{transform: scale(1)}

.black-bg		{background-color: var(--black-color);}
.green-bg		{background-color: var(--green-color);}
.red-bg			{background-color: var(--red-color);}


.program-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-image: url("../images/speakers-bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.program-wrap h1		{color: var(--red-color); text-align: center;}
.program-container		{background-color: rgba(55,168,92,0.90); padding: 1rem; border-radius: 0.5rem;}

.tab-holder				{background-color: var(--green-color); padding: 1rem 1rem 0 1rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;}

.tab-holder .nav-tabs				{border: none;}
.tab-holder .nav-tabs .nav-link		{border: none;}
.tab-holder .nav-link 				{color: #FFFFFF; font-weight: 500; font-size: 125%; padding: 1rem 1.5rem;}

.tab-holder .nav-tabs .nav-item.show .nav-link,	
.tab-holder .nav-tabs .nav-link.active		{background-color: #FFFFFF;}

.tab-holder .nav-tabs .nav-link 			{margin-bottom: calc(0 * var(--bs-nav-tabs-border-width));}



.prog-row				{padding: 0.75rem 0; border-bottom: 1px solid #ffffff;}
.prog-row:last-child	{border-bottom: none;}

.prog-row .time			{color: #000000;}
.prog-row .doc			{}
.prog-row .doc img 		{max-width: 60px; width: 100%;}
.prog-row .lecture		{color: #000000; font-weight: 500; font-size: 125%;}
.prog-row .docname		{color: #FFFFFF;}
.prog-row .topics		{color: #ccffcc;}
.prog-row .short-course	{color: #000000;}

.prog-row.highlight-a	{background-color: #e5e5e5;}
.prog-row.highlight-b	{background-color: #FAFAFA;}

.prog-row .doc img		{border-radius: 100%;}



.sponsors-wrap						{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #fafafa;}
.sponsors-wrap h1					{color: var(--red-color);}

.sponsors-wrap .sponsors-block		{-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05); box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);}


.registration-wrap		{padding-top: var(--padding); padding-bottom: var(--padding);}
.reg-gray				{background-color: rgba(250,250,250,1); padding: 1rem; border-radius: 0.25rem;}
.grand-total			{background-color: #e5e5e5; padding: 1rem; border-radius: 0.25rem;}



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




.cert-logo		{padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5;}
.cert-body		{padding-top: 5rem; padding-bottom: 5rem;}

.header-gallery-area		{padding: 1rem 0; background-color: #fafafa;}
.gallery-mid				{padding-top: 2rem; padding-bottom: 2rem;}






/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media only screen and (min-width: 1025px) and (max-width: 1280px)
{
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
body 				{font-size: 87.5%;}
	
.navbar-collapse 	{background-color: #FFFFFF;}	
	
.banner-menu .banner-content				{top: 20%; padding-left: 0; padding-right: 0;}

.banner-menu .banner-content .line-a		{margin-bottom: 1rem; padding-top: 0rem;}
.banner-menu .banner-content .line-b		{margin-bottom: 1rem;}
.banner-menu .banner-content .line-c		{margin-bottom: 0rem;}

.banner-menu .banner-content .line-a .line-a-a img	{max-width: 250px;}
.banner-menu .banner-content .line-a .line-a-b img	{max-height: 50px;}

.banner-menu .banner-content .line-b .line-b-a	{font-size: 125%;}
.banner-menu .banner-content .line-b .line-b-b	{font-size: 125%;}
	
	
	
.speaker-block .line-text-a		{font-size: 100%;}
.speaker-block .line-text-b		{font-size: 200%;}

.speaker-block .speaker-img				{padding: 1rem; padding-bottom: 0;}
	
.speaker-block .speaker-desc .line-a	{font-size: 125%;}
.speaker-block .speaker-desc .line-b	{font-size: 100%;}

.speaker-block .speaker-img .line-a				{padding: 0.75rem;}
.speaker-block .speaker-img .line-a .line-b		{padding: 0.75rem;}	
	

	
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
{
body 				{font-size: 87.5%;}
	
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media only screen and (min-width : 481px) and (max-width : 767px)
{	
body 				{font-size: 87.5%;}
	
	

	
	
.menu-area			{background-color: rgba(255,255,255,1);}
.menu-area.sticky 	{}
	
.banner-menu		{margin-top: 62px;}
	
	
.banner-menu .banner-content				{top: 5%; padding-left: 0; padding-right: 0;}

.banner-menu .banner-content .line-a		{margin-bottom: 1rem; padding-top: 0rem;}
.banner-menu .banner-content .line-b		{margin-bottom: 1rem;}
.banner-menu .banner-content .line-c		{margin-bottom: 0rem; text-align: center;}
	
.banner-menu .banner-content .line-a .line-a-b		{text-align: right;}

.banner-menu .banner-content .line-a .line-a-a img	{max-width: 200px;}
.banner-menu .banner-content .line-a .line-a-b img	{max-height: 50px;}

.banner-menu .banner-content .line-b .line-b-a	{font-size: 100%;}
.banner-menu .banner-content .line-b .line-b-b	{font-size: 100%;}
	
	
.chairman-msg-wrap		{text-align: center;}
	

.speaker-block .line-text-a		{font-size: 100%;}
.speaker-block .line-text-b		{font-size: 200%;}

.speaker-block .speaker-img				{padding: 1rem; padding-bottom: 0;}
	
.speaker-block .speaker-desc .line-a	{font-size: 100%;}
.speaker-block .speaker-desc .line-b	{font-size: 87.5%;}

.speaker-block .speaker-img .line-a				{padding: 0.5rem;}
.speaker-block .speaker-img .line-a .line-b		{padding: 0.5rem;}	
	
	
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media only screen and (min-width : 320px) and (max-width : 480px)
{
body 				{font-size: 87.5%;}
	
	
.menu-area			{background-color: rgba(255,255,255,1);}
.menu-area.sticky 	{}
	
.banner-menu		{margin-top: 62px;}
	
	
.banner-menu .banner-content				{top: 5%; padding-left: 0; padding-right: 0;}

.banner-menu .banner-content .line-a		{margin-bottom: 1rem; padding-top: 0rem;}
.banner-menu .banner-content .line-b		{margin-bottom: 1rem;}
.banner-menu .banner-content .line-c		{margin-bottom: 0rem; text-align: center;}
	
.banner-menu .banner-content .line-a .line-a-b		{text-align: right;}

.banner-menu .banner-content .line-a .line-a-a img	{max-width: 200px;}
.banner-menu .banner-content .line-a .line-a-b img	{max-height: 50px;}

.banner-menu .banner-content .line-b .line-b-a	{font-size: 100%;}
.banner-menu .banner-content .line-b .line-b-b	{font-size: 100%;}
	

	
	
.chairman-msg-wrap		{text-align: center;}
	
	
.speaker-block .line-text-a		{font-size: 100%;}
.speaker-block .line-text-b		{font-size: 200%;}

.speaker-block .speaker-img				{padding: 1rem; padding-bottom: 0;}
	
.speaker-block .speaker-desc .line-a	{font-size: 100%;}
.speaker-block .speaker-desc .line-b	{font-size: 87.5%;}

.speaker-block .speaker-img .line-a				{padding: 0.5rem;}
.speaker-block .speaker-img .line-a .line-b		{padding: 0.5rem;}



	
	

	
}