@charset "UTF-8";



@font-face {
    font-family: FuturaMedium;
    src: url(../fonts/futura_medium.ttf);
}

@font-face {
    font-family: FuturaBold;
    src: url(../fonts/futura_bold.ttf);
}


@font-face {
    font-family: Actor;
    src: url(../fonts/actor_regular.ttf);
}

@font-face {
    font-family: FiraRegular;
    src: url(../fonts/fira_regular.ttf);
}

@font-face {
    font-family: FiraMedium;
    src: url(../fonts/fira_medium.ttf);
}

@font-face {
    font-family: FiraLight;
    src: url(../fonts/fira_light.ttf);
}



@font-face {
    font-family: FiraExtraLight;
    src: url(../fonts/fira_extra_light.ttf);
}

@font-face {
    font-family: AbeezeeRegular;
    src: url(../fonts/abeezee_regular.ttf);
}






body
{
	width: 100%;
	min-width: 1280px;

	margin: 0 auto;

	background-color: #F5F5F5;

	font-family: FiraRegular;
}



/* ===================================================================================== */
/* ==================================   TOP SECTION   ================================== */
/* ===================================================================================== */



#top_section
{
	position: absolute;	
	width: 100%;
	height: 100px;

	top: 0;
	left: 0;

	background-color: white;

	z-index: 2;
}





#banner
{
	
	position: fixed;

	min-width: 1280px;
	min-height: 720px; 
	
	width: 100%;
	height: 100%;
	top: 0px;
	z-index: -20;
}

#banner_mobile { display: none; }

#company_logo
{
	position: absolute;

	width: 150px;
	left: 40px;
	top: 5px;

	cursor: pointer;

	z-index: 5;
}

#mobile_menu_icon { display: none; }


/* ===================================================================================== */
/* ===================================================================================== */
/* ===================================================================================== */

#user_welcome
{
	display: block;
	position: absolute;
	width: 165px;

	top: 10px;
	right: 50px;

	z-index: 4;

	text-align: center;
	font-size: 13px;
}



#user_links_p
{
	display: inline-block;
	position: absolute;
	width: 165px;

	top: 5px;
	right: 50px;

	z-index: 4;

	text-align: center;

}


.user_link
{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;

	cursor: pointer;
}



#logged_in_p
{
	display: block;
	position: absolute;
	width: 205px;

	top: 20px;
	right: 30px;

	font-size: 13px;
	text-align: center;
	z-index: 4;
}


/* ===================================================================================== */
/* ===================================== MAIN BODY ===================================== */
/* ===================================================================================== */




#content
{
	display: flex;

	width: 1100px;

	/* height: 810px; DEFINED IN EACH PAGE CSS*/   

	margin: auto;
	margin-top: 200px;
	padding-bottom: 70px;

	

	background-color: rgba(255, 255, 255, 0.95);

	font-family: FiraRegular;
	font-size: 13px;
	line-height: 150%;
	text-align: justify;

	box-shadow: 0px 0px 5px #999999;

	z-index: 2;
}

.content_page
{
	display: block;
	width: 80%;
	margin: auto;
	margin-top: 70px;
}


.content_page_title
{
	width: 100%;
	text-align: center;
	font-size: 26px;
}


#navbar
{
	top: 25px;
	font-family: FiraRegular;
	font-size: 13px;

	z-index: 3;
}




#social_media
{
	position: absolute;
	width: 165px;
	height: 50px;

	top: 55px;
	right: 50px;

	z-index: 3;
}

#social_media_logos
{
	position: absolute;
	width: 165px;
	height: 25px;

	top: 0px;

}

#social_media_logos img
{
	position: absolute;
	width: 30px;
}
#facebook_link_img { left: 0px; }
#linkedin_link_img { left: 45px; }
#twitter_link_img { left: 90px; }
#youtube_link_img { left: 135px; }



/*
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
============================================================================================================================================
*/



#footer
{
	display: flex;
	flex-direction: column;

	width: 100%;

	margin: auto;
	margin-top: 70px;

	text-align: center;
	font-family: verdana, tahoma;
	font-size: 12px;


	background-color: rgb(19, 173, 197);
	box-shadow: 0px -1px 2px #BBBBBB;

}



#footer_title_div_mobile { display: none; }
#footer_title_div
{
	width: 100%;
	
	margin-top: 40px;
	
	text-align: center;
	color: #EEEEEE;
}
#footer_title_div a { text-decoration: none; color: white; }


#footer_social_media
{
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: 400px;
	height: 50px;

	margin-top: 30px;
}

.footer_sm_logo
{
	width: 50px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}


#footer_site_map
{
	display: flex;
	align-self: center;
	flex-wrap: wrap;
	
	width: 1200px;

	margin-top: 50px;

	border-top: 0.5px solid #888888;

}


.footer_menu_div
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 250px;

	margin-left: 25px;
	margin-right: 25px;
	padding-top: 20px;
	padding-bottom: 20px;

	text-align: left;
	font-family: AbeezeeRegular;
	color: white;

}
.footer_menu_div a { text-decoration: none; color: white;}

/*
.footer_column1 { left: 10px; }
.footer_column2 { left: 320px; }
.footer_column3 { left: 630px; }
.footer_column4 { left: 940px; }


.footer_row1 { top: 70px; }
.footer_row2 { top: 300px; }
.footer_row3 { top: 470px; }
*/


.footer_submenu_div
{
	display: block;

	width: 100%;
	margin-top: 20px;
	font-size: 11px;
	line-height: 20px;

}


.footer_menu_title
{
	display: block;

	width: 180px;
	font-size: 14px;
}

.footer_submenu { transition: transform 0.5s ease; }
.final_footer_submenu:hover { transform: scale(1.1); }

.footer_final_menu { transition: transform 0.5s ease; }
.footer_final_menu:hover { transform: scale(1.1); }

.footer_submenu3_item { transition: transform 0.5s ease; }
.footer_submenu3_item:hover { transform: scale(1.1); }

#footer_desktop_version { display: none; }

/* ===================================================================================== */
/* ===================================================================================== */
/* ===================================================================================== */










.no_link_style
{
	color: black;
	text-decoration: none;
}