html,body,div,table,tr,td,img,div img,a:link,h1{ margin: 0px; padding: 0px; z-index: auto; border-width: 0px; border: 0px; border-style: none; text-decoration: none; text-decoration: none; }
html,body{ background-color: #EFF4F9; }
html,body,div,table,tr,td,p,br,h1,h2,form,input[type=text],textarea{ font-family: "IBM Plex Sans Arabic", sans-serif; font-weight: 300; font-optical-sizing: auto; font-style: normal; }
html,body,div,table,tr,td,p,br,h1,h2,form,input[type=text],textarea{ padding: 0px; margin: 0px; }
/*br{ float:left; }*/
/*::selection {
background-color:#231F20; color:white;
}*/
a:link, a:visited, a:active,a:hover{ text-decoration: none; }
.round_5px{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.round_11px{border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px;}
.round_23px{border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px;}
.round_bottom_8px, .sub_menu_item:last-child{border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; padding-bottom: 0px; margin-bottom: 0px !important;}
b{ font-weight: 500; background-color: rgba(16, 174, 168, 0.5);
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; padding: 0 3px;
}
h1 { font-weight: 500; background-color: rgba(16, 174, 168, 0.3); margin-left: 10px;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding: 0 30px;
}
h2{ /*font-weight: 500; background-color: rgba(16, 174, 168, 0.3); margin-left: 10px;
border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 0 20px;*/
}
a:hover , #menu:hover{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#logo, .logo{ z-index: auto; position: absolute; left: 40px; width: 130px; height: 49px; top: 8px; }
#logo img, .logo img{ width: 130px; height: 49px;}
#menu_holder{ z-index: 999; position: fixed; width: 100%; height: auto; top: 20px !important; left: 0px; }
#menu{
background-color: rgba(5,41,44,1);
color: #E9E2DD;
height: 60px;
width: 90%; min-width: 890px; max-width: 1900px;
z-index: auto; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto;
}
#menu:hover{
background-color: rgba(5,41,44,1);
}
#menu_items{ z-index: auto; /*background-color: red;*/ position: relative; min-width: 460px; max-width: 500px; width:65%; height: 60px; margin-left: auto; margin-right: auto; }
.menu_item{ z-index: auto; position: relative; background-color: rgba(16,174,164,0.05); color: #C9E2E4; width: auto; min-width: 92px; height: 60px; line-height: 60px; padding: 0 5px !important; text-align: center;
margin-right: 1px !important; float: left;
}
a.menu_item:hover{ background-color: rgba(16,174,164,0.15);}
a.ar_btn{ height: 40px; line-height: 40px !important; margin-top: 10px !important; min-width: 40px; background-color: rgba(16,174,164,0.1); }
a.ar_btn:hover{ background-color: rgba(16,174,164,0.15); color: #C9E2E4; }
.sub_menu_holder, .sub_menu_holder_1, .sub_menu_holder_2 , .sub_menu_holder_3{
z-index: auto; background-color: rgba(200, 200, 200, 0.8);; position: absolute; top: 60px; left: 0px;
}
.sub_menu_item, a.sub_menu_item:link, a.sub_menu_item:visited, a.sub_menu_item:active{
z-index: auto; position: relative; float: left; clear: left; line-height: 50px; height: 50px; width: 310px; background-color: rgba(255, 255, 255, 0.7); color: #05292C; padding: 0 15px; margin-bottom: 1px; cursor: pointer; overflow: hidden; }
a.sub_menu_item:hover{ background-color: rgba(255, 255, 255, 0.98); }
#img_bg_header{ z-index: auto; position: relative; width: 100% !important; top: 0px; }
#img_bg_header img{ z-index: auto; position: relative; width: 100% !important; top: 0px; padding: 0px !important; margin: 0px !important;
border-image-width: 0px;
}
.page_sec {
color: #231F20;
z-index: auto; position: relative; width: 100% !important; height: auto; min-height: 900px; padding: 0px;
top: -7px;
/*background-color: rgba(242,242,242,1); */
background-color: rgba(250, 250, 250, 1);
float: left; /*clear: left; */
background-color: gray;
padding-bottom: 50px;
/*padding-top: 50px;*/
padding-top: 100px;
margin-left: auto;
margin-right: auto;
}
.inner_sec{
max-width: 1200px; min-width: 800px;
z-index: auto; position: relative; width: 100%;
margin: 0px auto !important;
margin-bottom: 0px;
padding: 0; /*background-color: aqua; */
float: none; clear: left; }
.sec_order{ z-index: auto; position: relative; font-size: 30pt; text-align: center; font-weight: 400; width:100px; border-right: 3px solid #231F20;
float: left; clear: none; font-weight: 100; /*background-color:yellow ;*/
}
.sec_title, h1 {
color: #231F20;
z-index: auto; position: relative; font-size: 30pt; line-height: 60px; left: 0px; padding-left: 30px; font-weight: 500;
float: left; clear: none; /* background-color: yellow; */
margin-bottom: 20px;
}
h2 {
z-index: auto; position: relative; font-size: 30pt;
float: left; clear: left;
margin-left: 135px; font-weight: 200; padding-bottom: 0px; margin-bottom: 0px; line-height: 40px;
}
.sec_paragraph{
color: #231F20;
z-index: auto; position: relative; font-size: 15pt; margin:0px 120px; padding: 10px; font-weight: 300;
float: left; clear: none;
/*background-color: aqua;*/
padding-bottom: 20px;
}
.sec_paragraph li{ padding-bottom: 18px; list-style-type:'- '; }
.sec_highlighted_paragraph {
background-color: rgba(6,79,85,0.85); color: white;
z-index: auto; position: relative; font-size: 15pt; margin:0px 110px; padding: 25px; font-weight: 300;
float: left; clear: none;
padding-bottom: 20px;
}
.sec_highlighted_paragraph_2 {
background-color: rgba(16, 174, 168, 0.3);
z-index: auto; position: relative; font-size: 15pt; margin:0px 110px; padding: 25px; font-weight: 300;
float: left; clear: none;
padding-bottom: 20px;
}
.footer, #footer{
z-index: auto; position: relative; min-height: 300px; float: left;
width: 100%;
background-color: #231F20;
}
.footer p{
text-align: center; color: white; width: 100%;
}
.footer p b{ background: none; }
#footer .menu_holder { z-index: auto; position: relative; width: 100%; float: left; margin: 40px 0px; }
#footer .menu_holder .menu_items { z-index: auto; position: relative; width: 70%; margin-left: auto; margin-right: auto; max-width: 700px; }
#footer .menu_holder .menu_items a.menu_item{ color: white; background-color: rgba(85,72,66,0.8); line-height: 35px; height: 35px; margin: 0 10px; padding:0 5px; }
#footer .menu_holder .menu_items a.menu_item:hover{ background-color:rgba(85,72,66,1); }