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


body 				{color: #000000; background-color: #FFFFFF; font-size: 1rem;}

h1, h2, h3, h4, h5	{color: #2b2a6b; 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 {
	--tb-padding : 5rem;
	--blue-color : #00458a;	
}

.bg-light 				{background-color: transparent !important;}
.nav-link 				{color: #FFFFFF;}
.nav-link:focus,
.nav-link:hover 		{color: #99ccff;}


.page					{}

.navbar-brand img 		{max-height: 100px;}


.menu-area			{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; background-color: rgba(30,116,140,1); padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.menu-area.sticky 	{padding-top: .25rem; padding-bottom: .25rem; background-color: rgba(30,116,140,1);}

.top-header				{padding-top: 12rem; padding-bottom: 5rem; background-image: url("../images/corner.jpg"); background-repeat: no-repeat; background-position: right bottom; background-color: #1e748c;}
.top-header .line-a		{margin-bottom: 1rem; font-size: 400%; font-weight: 800; line-height: normal; color: #FFFFFF;}
.top-header .line-b		{margin-bottom: 2rem; font-size: 150%; line-height: normal; color: #FFFFFF;}
.top-header .line-c		{margin-bottom: 0rem;}


.slide-a				{padding-top: var(--tb-padding); padding-bottom: var(--tb-padding); background-color: #FFFFFF;}




.footer					{background-color: #999999; padding-top: 1rem; padding-bottom: 1rem;}





























/* ===== PRELOADER ===== */
#preloader	{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999;}
#status		{width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; background-image: url("../images/loading.gif"); background-repeat:no-repeat; background-position: center center; margin: -32px 0 0 -32px;}
/* ===== PRELOADER ===== */



















/* ----------- 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)
{
	

	
}


/* Laptop  - For 1024 Resolution */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
{
	

	
	
}


/* 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: 0.875rem;}






	
}


/* 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: 0.875rem;}
	



	
	

	

	
}

/* Generally, this dimension is recommended for mobile: - For 640 Resolution */  
@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
{
	
body 				{font-size: 0.875rem;}
	
.navbar-brand img 		{max-height: 60px;}
	
.text-phone				{text-align: center;}
.top-header .line-a		{font-size: 300%;}
.top-header .line-b		{font-size: 125%;}	
	
	
}

/* Mobile - For 480 Resolution */  
@media only screen   
and (min-width : 320px)   
and (max-width : 480px)
{
	
body 				{font-size: 0.875rem;}
	
.navbar-brand img 		{max-height: 60px;}
	
.text-phone				{text-align: center;}
.top-header .line-a		{font-size: 300%;}
.top-header .line-b		{font-size: 125%;}

	
	
}