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

@font-face {font-family:'sim-arabic'; src: url(../../fonts/simpo.ttf);}


#grafycal_mid_frame{width:100%; height:auto; margin:0px auto; padding:0px auto;   xbackground-color:#099; overflow:hidden; margin-top:100px;}
#g_mid_frame_right{width:calc(100% - 550px); height:auto; xheight:752px; float:right;   xbackground-color:#0C6;}
#g_mid_frame_left{width:543px; height:755px; float:left;   xbackground-color:#666; border-radius: 25px; border:1px solid; border-color:#ccc;}
#g_mid_frame_left_inner{width:90%; height:755px;   xbackground-color:#9C0; margin:0px auto; padding:0px auto;}

.contact_image{ max-width:482px; height:100%; object-fit: contain; float:right; }

#site_title{width:100%; height:auto; margin:0px auto; padding:0px auto; font-family:'sim-arabic'; font-size:32px; font-weight:300; xcolor:#06d0ac; color:#056f20; margin-top:30px;   text-align:center; }
#contact_header{width:100%; height:auto; margin:0px auto; padding:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#555; text-align:center;}

#contact_name_outer{width:100%; height:auto; margin:0px auto; padding:0px auto; overflow:hidden;    xbackground-color:pink;  margin-top:22px;}
#contact_name_left{width:47%; height:auto; float:left; xbackground-color:green;}
#contact_name_right{width:47%; height:auto; float:right; xbackground-color:red;}
 
.contact_txt_header{width:100%; height:22px;; float:left; xbackground-color:skyblue; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; } 
.contact_txtbox_holder{width:100%; height:45px; float:left; xbackground-color:yellow;} 
.name_box{width:88%; height:38px; float:left; border:1px solid; border-color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; color:#999; padding-left:5%; padding-right:5%; outline: none; } 
  
 
#contact_email_frame{width:100%; height:auto; margin:0px auto; padding:0px auto; overflow:hidden;   xbackground-color:violet; margin-top:26px;}
.email_box{width:93%; height:38px; float:left; border:1px solid; border-color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; color:#999; padding-left:3%; padding-right:3%; outline: none;} 

#contact_message_frame{width:100%; height:304px; margin:0px auto; padding:0px auto; xbackground-color:#9C0; margin-top:26px; }
.contact_textarea{width:93%; height:272px; float:left; border:1px solid; border-color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; color:#999; padding-left:3%; padding-right:3%; outline: none;}

#contact_button_frame{width:100%; height:40px; margin:0px auto; padding:0px auto; xbackground-color:#96C; margin-top:26px;}
.contact_btn{width:120px; height:40px; background-color:#09F; float:right; margin-left:22px; font-family:Arial, Helvetica, sans-serif; font-size:18px; cursor: pointer; font-weight:300; color:#FFF; text-align:center; line-height:40px;}

#form_msg_frame{width:100%; height:20px; margin:0px auto; padding:0px auto; margin-top:20px;   xbackground-color:#993; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:700; color:#F00; text-align:center;}




 
#message_acknow{width:400px; max-width:90%; height:400px; margin:0px auto; padding:0px auto; border-radius:50%; text-align:center;    background-image: linear-gradient(130deg, #44deed,     #0dd0ae, #01a286);  margin-top:177.5px; overflow:hidden;  display:none;}
#message_acknow_inner{width:390px; xmax-width:84%; height:390px; margin:0px auto; padding:0px auto; border-radius:50%; text-align:center;   background-color:#0dd0ae; xfloat:left; xheight:0px; xpadding-bottom:90%; margin-top:5px; }
#message_acknow_top{width:100%; height:100px; margin:0px auto; padding:0px auto;   xbackground-color:red; margin-top:90px; float:left;}
#m_a_t_inner_top{width:70%; height:auto; margin:0px auto; padding:0px auto; xbackground-color:lightgreen; font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#FFF;}
#m_a_t_inner_bottom{width:70%; height:auto; margin:0px auto; padding:0px auto; xbackground-color:lightblue; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF;  }
#message_acknow_bottom{width:100%; height:auto; float:left; xbackground-color:orange;}
#m_a_b_top{width:70%; height:auto; xbackground-color:#fff; margin:0px auto; padding:0px auto;  font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding-top:16px; padding-bottom:16px; padding-left:12px; padding-right:12px; border-radius:6px; line-height:24px; }
#message_acknow_button_frame{width:100%; height:auto; float:left; xbackground-color:#06F; margin-top:22px;}
#m_a_b_button{width:120px; height:30px; margin:0px auto; padding:0px auto; background-color:#068995;  font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:700; font-size:18px; color:#FFF; padding-top:10px; cursor:pointer;} 


@media screen and (max-width: 1114px) {
#grafycal_mid_frame{ margin-top:40px; }
.contact_image{display:none;}
#g_mid_frame_left{ margin:0px auto; padding:0px auto; float:none; xbackground-color:coral; margin-top:40px;}
#g_mid_frame_right{xdisplay:none; width:100%; margin:0px auto; padding:0px auto; float:none; margin-top:0px; overflow:hidden;  }
#message_acknow{ margin-top:20px;}
 
}


@media screen and (max-width: 620px) {
#g_mid_frame_left{width:92%;}
}

@media screen and (max-width: 577px) {
#g_mid_frame_left{xbackground-color:yellow; width:92%;} 
#g_mid_frame_right{ xbackground-color:violet;}
#grafycal_mid_frame{margin-top:20px;}
#message_acknow{width:330px; height:330px;}
#message_acknow_inner{width:320px; height:320px; xbackground-color:#900;}
#message_acknow_top{ height:auto; margin-top:60px; xbackground-color:#06F; }
#m_a_t_inner_top{font-size:24px;}
#message_acknow_bottom{ margin-top:20px;}
#m_a_b_top{width:80%; font-size:16px; background-color:#0dd0ae; color:#FFF;}
}