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

/*
Roboto
Thin 		100
Light 		300
Regular 	400
Medium 		500
Bold 		700
Black 		900
*/







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

h1, h2, h3, h4, h5	{color: #000000; font-weight: 700;}
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 {
	--def-padding : 3rem;
	--green-color : #1d8f3c;
	--red-color : #f5002b;
}




.menu-area			{padding-top: 1rem; padding-bottom: 1rem;}

.menu-area .dropdown-menu	{padding: 0.5rem;}



.banner-area		{background-color: #fafafa; border-bottom: 1px solid #eef1f2; border-top: 1px solid #eef1f2; padding-top: 1rem; padding-bottom: 1rem;}
.banner-area .swiper-slide img	{width: 100%;}

.banner-area .swiper-slide 							{position: relative;}
.banner-area .swiper-slide .banner-caption 			{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 5; text-align: center;}
.banner-area .swiper-slide .banner-caption-about 	{position: absolute; left: 15%; bottom: 5%; background-color: var(--red-color); color: #FFFFFF; padding: 0.5rem 1rem;}

.banner-caption .line-a			{margin-bottom: 1rem; color: #FFFFFF; font-size: 250%; font-weight: 500; line-height: normal;}
.banner-caption .line-b			{margin-bottom: 1rem; line-height: normal;}
.banner-caption .line-c			{color: #FFFFFF; font-size: 125%; line-height: normal;}

.banner-caption .line-a a 		{color: #FFFFFF;}
.banner-caption .line-b a 		{display: inline-block; color: #FFFFFF; background-color: var(--green-color); padding: 0.25rem 1rem; border-radius: 3rem;}
.banner-caption .line-b a:hover {color: #FFFFFF; background-color: var(--red-color);}
.banner-caption .line-c a 		{color: #FFFFFF;}



.home-about-area	{padding-top: var(--def-padding); padding-bottom: var(--def-padding);}



.bottom-area			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-image: url("../images/footer_bg.jpg"); background-repeat: repeat;}
.bottom-area a:hover 	{color: #ef002a;}

.bottom-area .list-unstyled					{}
.bottom-area .list-unstyled li				{padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #b3b3b3;}
.bottom-area .list-unstyled li a			{display: inline-block;}
.bottom-area .list-unstyled li a:hover		{}
.bottom-area .list-unstyled li:last-child	{padding-bottom: 0; border-bottom: none;}



.footer				{padding-top: 1rem; padding-bottom: 1rem; font-size: 75%; background-color: #333333; color: #d3d3d3;}



.mid-area			{padding-top: var(--def-padding); padding-bottom: var(--def-padding); background-color: #FFFFFF;}
.mid-area a 		{color: var(--red-color);}
.mid-area a:hover	{color: #666666;}

.bread-crumb-area	{margin-bottom: 1rem;}



.in-news-area			{}
.in-news-area h5 		{color: var(--red-color);}
.in-news-area a 		{color: var(--red-color);}
.in-news-area a:hover 	{color: var(--green-color);}


.vertical-tabs .nav-pills						{border-top: 1px solid #CCCCCC;}
.vertical-tabs .nav-pills .nav-link				{border-radius: 0; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
.vertical-tabs .nav-pills .nav-link.active,
.vertical-tabs .nav-pills .show>.nav-link 		{background-color: #FFFFFF; color: var(--red-color); border-left: 1px solid var(--red-color); }

.vertical-tabs .nav-link						{color: #333333; text-align: left;}


.members-list-block				{}
.members-list-block .line-a		{margin-bottom: 0.5rem;}
.members-list-block .line-b		{margin-bottom: 0.5rem;}
.members-list-block .line-c		{margin-bottom: 0rem; font-size: 87.5%;}

.members-list-block .line-c a 		{color: var(--red-color);}
.members-list-block .line-c a:hover {color: var(--green-color);}


.publications-row				{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5;}
.publications-row:last-child	{margin-bottom: 0rem; padding-bottom: 0rem; border-bottom: none;}
.publications-row a 			{color: var(--red-color);}
.publications-row a:hover		{color: #4d4d4d;}


.news-row				{margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5;}
.news-row:last-child	{margin-bottom: 0rem; padding-bottom: 0rem; border-bottom: none;}
.news-row a 			{color: var(--red-color);}
.news-row a:hover		{color: #4d4d4d;}

.news-row .line-a		{margin-bottom: 0.5rem; font-size: 87.5%;}
.news-row .line-b		{margin-bottom: 0.5rem; font-size: 125%; font-weight: 500;}
.news-row .line-c		{margin-bottom: 0;}


.banner-caption-in 		{position: absolute; right: 1rem; bottom: 1rem; width: auto; z-index: 5; background-color: var(--green-color); color: #FFFFFF; padding: 0.5rem 1rem;}


.join-us-wrap			{padding: 1rem; background-color: #f8f8f8;}
.join-us-wrap a 		{color: #FFFFFF;}
.join-us-wrap a:hover	{color: #FFFFFF;}


.training-block				{}
.training-block .line-a		{position: relative; overflow: hidden;}
.training-block .line-b		{margin-top: 1rem; color: var(--red-color); line-height: normal;}
.training-block .line-c		{margin-top: 0.5rem; font-size: 75%; color: #b3b3b3; line-height: normal;}
.training-block .line-d		{margin-top: 0.5rem; font-size: 87.5%; line-height: normal;}

.training-block .line-b a 		{color: var(--red-color);}
.training-block .line-b a:hover {color: #333333;}




.training-block .line-a .content-overlay 		{position: absolute; background: rgba(245,0,43,0.8); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; opacity: 0; transition: all 0.4s ease-in-out 0s;}
.training-block .line-a:hover .content-overlay	{opacity: 1;}
.content-details 								{position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; z-index: 3; opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out 0s;}
.training-block .line-a:hover .content-details	{top: 50%; left: 50%; opacity: 1;}
.fadeIn-bottom 									{top: 80%;}

.content-details a 		{display: inline-block; padding: 0.3rem 0.6rem; border: 1px solid #FFFFFF; border-radius: 5rem; color: #FFFFFF; font-size: 112.5%; font-weight: 900;}


.download-agenda		{display: inline-block; padding: 0.5rem 1rem; border: 1px solid var(--red-color); color: var(--red-color); border-radius: 0.5rem;}
.download-agenda:hover	{border-color: var(--green-color); color: var(--green-color);}

.ul-lists li			{border-bottom: 1px solid #f2f2f2; padding-bottom: 0.75rem; padding-top: 0.75rem;}
.ul-lists li:last-child	{border-bottom: none; padding-bottom: 0;}
.ul-lists li a 			{color: var(--red-color);}
.ul-lists li a:hover	{color: #333333;}


.subscribers-block					{}
.subscribers-block .line-a			{}
.subscribers-block .line-b			{margin-top: 0.5rem;}

.subscribers-block .line-c a 		{color: var(--red-color);}
.subscribers-block .line-c a:hover 	{color: var(--green-color);}


.forum-wrap						{border: 1px solid rgba(0,0,0,0.05);}
.forum-wrap .forum-head-wrap	{padding: 1rem; background-color: rgba(0,0,0,0.05);}
.forum-wrap .forum-body-wrap	{padding: 1rem;}

.forum-topics-row .line-a		{}
.forum-topics-row .line-b		{font-size: 87.5%;}

.forum-body-wrap .forum-body-row			{border-bottom: 1px dashed #e5e5e5; padding-bottom: 1rem; margin-bottom: 1rem;}
.forum-body-wrap .forum-body-row:last-child	{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}


.forum-user .user				{border-radius: 100rem;}




.glossary-wrap								{}
.glossary-wrap .nav-item					{margin-right: 1px; margin-bottom: 1px;}
.glossary-wrap .nav-link					{background-color: rgba(0,0,0,0.05); color: #000000;}
.glossary-wrap .nav-pills .nav-link.active,
.glossary-wrap .nav-pills .show>.nav-link 	{background-color: rgba(0,0,0,0.50);}

.glossary-wrap .accordion-button:not(.collapsed) 	{background-color: rgba(245,0,43,0.05);}

.glossary-wrap .accordion-button					{font-weight: 500;}



.contact-us-banner			{height: 400px;}




/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  

	  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
	  
	  

	  
	  
}


/* Laptop - For 1366 Resolution */
@media only screen
and (min-width: 1030px)
and (max-width: 1366px)
{
	
.wsmenu>.wsmenu-list>li>a {padding-left: 9px; padding-right: 9px;}
.wsmenu>.wsmenu-list>li>a .wsarrow:after {right: 0px;}	
	
}


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{
	
body 				{font-size: 87.5%;}
	
.wsmenu>.wsmenu-list>li>a {padding-left: 6px; padding-right: 6px;}	
.wsmenu>.wsmenu-list>li>a .wsarrow:after {right: 0px;}		
	
}


/* iPad Landscape */
@media only screen   
and (orientation : landscape)   
and (-webkit-min-device-pixel-ratio: 2)  
and (min-width : 768px)   
and (max-width : 1024px)   
{
	
body 				{font-size: 87.5%;}
	
	
.page				{margin-top: 21px;}	
	
	
.banner-caption .line-a			{font-size: 150%;}
.banner-caption .line-b			{font-size: 87.5%;}
.banner-caption .line-c			{font-size: 100%;}	
	
}


/* iPad Portrait */
/* Orientation : Portrait */  
@media only screen   
and (orientation : portrait)   
and (-webkit-min-device-pixel-ratio: 2)   
and (min-width : 768px)   
and (max-width : 1024px)  
{

body 				{font-size: 87.5%;}	
	
	
.page				{margin-top: 21px;}
	
	
.banner-caption .line-a			{font-size: 150%;}
.banner-caption .line-b			{font-size: 87.5%;}
.banner-caption .line-c			{font-size: 100%;}
	
}

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
	
body 				{font-size: 87.5%;}	
	
	
.page				{margin-top: 21px;}
	
	
.banner-caption .line-a			{margin-bottom: 0.5rem; font-size: 125%;}
.banner-caption .line-b			{margin-bottom: 0.5rem; font-size: 87.5%;}
.banner-caption .line-c			{font-size: 87.5%;}
	
	
.horizontal-tabs .nav-tabs						{width: 100%;}
.horizontal-tabs .nav-tabs .nav-link			{width: 100%; border: none;}
.horizontal-tabs .nav-tabs .nav-item.show .nav-link,
.horizontal-tabs .nav-tabs .nav-link.active		{background-color: #f2f2f2; border: none; border-radius: 0.5rem;}
	
	
.contact-us-banner			{height: 250px;}	
	
}


/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px)
{
	
body 				{font-size: 87.5%;}
	
.page				{margin-top: 21px;}
	
	
.banner-caption .line-a			{margin-bottom: 0.5rem; font-size: 125%;}
.banner-caption .line-b			{margin-bottom: 0.5rem; font-size: 87.5%;}
.banner-caption .line-c			{font-size: 87.5%;}	
	
	
.horizontal-tabs .nav-tabs						{width: 100%;}
.horizontal-tabs .nav-tabs .nav-link			{width: 100%; border: none;}
.horizontal-tabs .nav-tabs .nav-item.show .nav-link,
.horizontal-tabs .nav-tabs .nav-link.active		{background-color: #f2f2f2; border: none; border-radius: 0.5rem;}
	
	
.contact-us-banner			{height: 250px;}


}

.form-floating-radio div span + span {margin-left:15px;}
.form-floating-radio span label {padding-left:5px;}