@import url(@import url("fonts/Apercu_arabic_pro/stylesheet.css"));
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://raw.github.com/FortAwesome/Font-Awesome/master/docs/assets/css/font-awesome.min.css);
/* CSS Document */

.basic-lightgray-text {font-size: 11pt; line-height: 16px; font-weight: 300; color: #888888;font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.basic-lightgray-text {font-size: 10pt; line-height: 14px;}}

.bold-lightgray-text {font-size: 11pt; line-height: 16px; font-weight: 700; color: #888888;font-family: 'Apercu Arabic Pro'; padding:10px 5px 10px 5px;}
@media (min-width: 1240px){.basic-lightgray-text {font-size: 10pt; line-height: 14px;}}

.basic-text {font-size: 11pt; font-weight: 300; font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.basic-text {font-size: 10pt;}}	

.reg-text {font-size: 11pt; font-weight: 400; font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.reg-text {font-size: 10pt;}}

.basic-lighttext {font-size: 11pt; font-weight: 300; font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.basic-lighttext {font-size: 10pt;}}

.bold-text {font-weight: 500;}

.bolder-text {font-weight: 700;}

.bold-black {color: #000; font-weight: 500;}
.red-text {color: #ff3333;}
.red-text-bold {color: #ff3333;font-weight: 500;}
.blue-text {color: #2D37FF;}
.text-11 {font-size: 12pt;}
	@media (min-width: 1240px){.text-11 {font-size: 11.5pt;}}

.text-12{font-size: 13pt;}
	@media (min-width: 1240px){.text-12 {font-size: 12.5pt;}}

.text-10 {font-size: 11.5pt;}
	@media (min-width: 1240px){.text-10 {font-size: 10pt;}}

.text-9 {font-size: 10pt;}
	@media (min-width: 1240px){.text-9 {font-size: 9pt;}}

.text-9plus {font-size: 10.5pt;}
	@media (min-width: 1240px){.text-9plus {font-size: 9.5pt;}}

.text-9-resp {font-size: 9pt;}

.title-text{font-size:13pt; font-weight: 500; color:#fff;font-family: 'Apercu Arabic Pro'; letter-spacing: 0.04em;}
	@media (min-width: 1240px){.title-text{font-size:12pt; }}

.black-title-sidebar{font-size:13pt; font-weight: 500; color:#000;font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.black-title-sidebar{font-size:13pt;}}

.black-title2-sidebar{font-size:13pt; font-weight: 500; color:#000;font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.black-title2-sidebar{font-size:12.5pt;}}

.black-title3-sidebar{font-size:12pt; font-weight: 500; color:#000;font-family: 'Apercu Arabic Pro';}
	@media (min-width: 1240px){.black-title3-sidebar{font-size:11pt;}}

.gray-title-sidebar{font-weight: 300; color:#888888;font-family: 'Apercu Arabic Pro';}

.space-text {line-height: 14pt;}
.red-href {color: red; text-decoration: underline red; cursor: pointer;}

.blue-href {color: blue;}

.option-text {margin-top: 2px;}

.text-none-margins{margin:0px;}




/*---- Error Pages Main Structure -----*/
.errorpages-content{width: 100%;height:100%;right: 0px;left: 0px;top: 0px;background: #f7f7f7;position: absolute;z-index: -2;}

.errorpages-container { right: 0px;left: 0px;position: absolute;z-index: -2;width: auto;height: auto;margin: auto;}
	@media (min-width: 1240px){.errorpages-container {height: 100%}}

.errorpages-container-adaptable{height: 100%; width: 100%;}
@media (min-width:1650px){.errorpages-container-adaptable{margin-left: auto; margin-right: auto;position: absolute;}}


/*---- Event Section Navigation Bar ----*/
.section-nav-bar {width: calc( 100% - 40px ); height: auto;padding: 10px; background: #fff;box-shadow: 1px 1px 4px 1px #000e1f21;border-radius:8px;right:0px; left:0px;margin:auto;display: flex; flex-wrap: wrap;  grid-row-gap: 4px; column-gap: 4px;margin-bottom: 10px;}

.sect-part {padding: 4px 8px;width: auto; background-color:#ffff; font-size: 10pt; font-weight: 300; color: #888888;font-family: 'Apercu Arabic Pro'; border-radius: 5px; border-style: none; margin-right: 4px;}
	@media (min-width: 1240px){.sect-part {font-size: 9.5pt;}}

.sect-part:hover, .sect-part:focus  {background-color:#f7f7f7; font-weight: 500; color: #ff3333; cursor: pointer}


/*---- Main Elements ----*/
.ep-content{width: 100%;position: relative;display: flex;column-gap: 10px; height: 100%;}
	   @media (min-width: 1240px){.ep-content {width: calc(100% - 20px); height: auto; padding-left: 10px;padding-right: 10px;}}

.ep-container {width: 100%;height: auto;background: #fff;box-shadow: 1px 1px 4px 1px #000e1f21;border-radius: 8px;}

.ea-agenda-container{width: calc(100% - 20px);height: auto;background: #fff;box-shadow: 1px 1px 4px 1px #000e1f21;border-radius: 8px;}
	@media (min-width: 1240px){.ea-agenda-container {width: 100%;}}	


	/* MOBILE */
.er-main-container{ display: none; }
@media (min-width:1250px){.er-main-container{ width: 100%; height: auto;  display: flex; flex-direction: row; }}

.er-left-container{ width:42%;justify-content: flex-end; display: flex; flex-direction: column; justify-content: space-between;}
.er-corp-info{  width:100%; display: flex; z-index:6;}
.er-animation-container{height: 100%; width:100%; display: flex;}

.er-bg-info-mobile{ height:auto;width: 100%;vertical-align: middle;}
@media (min-width:1024px){.er-bg-info-mobile{display: flex;}}
@media (min-width:768px){.er-bg-info-mobile{height:auto;display: flex;}}


.er-header-mobile{height: 50px; width: calc(100% - 30px); top:0; left: 0;  position: absolute; background-color: #000; z-index:4; padding:14px;text-align: center;align-content: center; display: block;}
@media(min-width:1240px){.er-header-mobile{display: none;}}
.er-header-left{display: flex; align-items: center; height: 100%;}
.er-header-logo{height:36px; width:92px; float: left; }

.er-footer-mobile{height: 20px;width: calc(100% - 30px); bottom:0; left:0; font-size: 9pt; position: absolute; background-color: #000; z-index:4; padding:14px;text-align: center;align-content: center; display: block; color: #888888;}
@media(min-width:1240px){.er-footer-mobile{display: none; }}



/* DESKTOP */
.er-main-container-mobile{ width: calc(100% - 20px); height: calc(100% - 80px) ; margin-top: 80px;display: flex; flex-direction: column; }
@media (min-width:1250px){.er-main-container-mobile{display: none;}}
	.er-mobile-bg{align-items: flex-end; bottom: 0px;  position: absolute;  z-index: 0;
 		display: flex; width: 100%; height: 50%;}
	
.er-bg-info-container{vertical-align: middle;margin-top: auto;width: 125%;height: 100%}

.er-bg-animation-container{margin-left: auto;height: 120%;width: 100%;vertical-align: middle;}	

/* 
TEXT CONTENT RESPONSIVE*/


.error-container-info{width: 80%; z-index:2; justify-content: left;display: flex;flex-direction: column; padding:24px 18px; row-gap: 10px; }
@media(min-width:1240px){.error-container-info{width: 90%;}}
@media(min-width:1400px){.error-container-info{display: flex; flex-direction: column;  padding: 24px 18px; row-gap: 10px; text-align: left; width: 80%; height: auto; border-radius: 5px;}}
	.error-code-container{display: flex; flex-direction: row;  width: fit-content; font-size: 32pt; border-radius: 15px; background-color: #000; color: #fff; padding: 14px 16px;}
	@media(min-width:1240px){.error-code-container{display: flex; flex-direction: row;  width: fit-content; font-size: 40pt; border-radius: 15px; background-color: #000; color: #fff; padding: 16px;}}
	.error-text{font-size: 20pt;}
	@media(min-width:768px){.error-text {font-size: 28pt;}}
	.error-page-name{font-size:28pt ;line-height: 36px;}
	@media(min-width:768px){.error-page-name {font-size: 40pt; line-height: 46px;}}
	.error-large-text{margin-top: 5px;}
	@media(min-width:768px){.error-large-text {margin-top:10px; margin-right:60px;}}

.er-home-button {margin-top:16px; padding: 6px 12px; background-color:#ff3333; border-radius:6px; width:100px; color:#fff; font-family: 'Apercu Arabic Pro';font-size:11pt;font-weight:300; float:right;border:none;cursor: pointer;margin-bottom:12px;}
	@media (min-width: 760px){.er-home-button {margin-top:26px;font-size:11pt;margin-bottom:12px;}}
	@media (min-width: 1240px){.er-home-button {margin-top:18px;font-size:10pt;margin-bottom:16px;  width:90px;}}