*{
	font-family: 'GE Flow';
}

.wrapper_1400 {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}


.container-1200 {
    position: relative;
    width: 100%;
    margin: 0px auto;
    max-width: 1200px;
    padding: 0px 15px;
}
.body {
    background-color: #e4e4e4;
}


@font-face {
font-family: 'GE Flow';
		src:url("../fonts/GE_SS_Two_Light.otf") format("truetype");
}

@font-face {
	font-family: 'GE Flow';
		src:url("../fonts/GE_SS_Two_Medium.otf") format("truetype");
}

@font-face {
	font-family:"maren";
		src:url("../fonts/HELVETICA 400.TTF") format("truetype");
}






.row {
    margin: 0 auto !important;
}




/********************** header ***********************/
/********************** header ***********************/
/********************** header ***********************/
/********************** header ***********************/


.header{

	background: #2c2c2c;
		font-family: 'GE Flow';
}

button#dropdownMenu2 {
    background: transparent;
}

.main-menu {
    margin: 27px 0;
}


.main-menu .btn {
    padding: 0;
}

.main-menu .btn-primary {
    background-color: unset;
    border-color: unset;
    border: none;
}


.main-menu .btn-primary:hover {
    background-color: unset;
    border-color: unset;
    border: none;
}




.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: unset;
    border-color: unset;
    border: none;
}

.main-menu ul li a{
	font-family: 'GE Flow';

}






.main-menu .btn-primary.active.focus, .main-menu .btn-primary.active:focus, .main-menu .btn-primary.active:hover, .main-menu .btn-primary:active.focus, .main-menu .btn-primary:active:focus, .main-menu .btn-primary:active:hover, .main-menu .open>.dropdown-toggle.btn-primary.focus, .main-menu .open>.dropdown-toggle.btn-primary:focus, .main-menu .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: unset;
    background-image: none;
    border-color: unset;
}


.main-menu .btn-primary.focus, .main-menu .btn-primary:focus {
    color: #fff;
    background-color: unset;
    background-image: none;
    border-color: unset;
}




.logo {
    text-align: center;
	    margin: 7px 0;
}



.left-menu {
    text-align: left;
	    margin: 11px 0;
}




.left-menu .notfication ,
.left-menu .user-profile,
.left-menu .lang{
	    position: relative;
    display: inline-block;
}



.left-menu .user-profile a {
    text-decoration: none;
    color: #fff;
}


.left-menu .notfication {
    margin-left: 30px;
}

.left-menu .user-profile img {
    margin-right: 7px;
}


.left-menu .lang .btn-primary {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}

button.btn.btn-primary.dropdown-toggle {
    background: transparent;
    border: none;
}

span.caret {
    border: none;
}

.left-menu .lang {
    margin-left: 20px;
}



/********************** pic ***********************/
/********************** pic ***********************/
/********************** pic ***********************/
/********************** pic ***********************/
/********************** pic ***********************/
.pubg{
    background-color:#161616;
    position: relative;
    /* max-height: 155px; */
}
.pubg .pubg_image{
	width:100%;
	position:relative;
	background-color:#161616;

}
.pubg_cha {
	width: 100%;
    position: absolute;
    background: url(../images/Rectangle_4_copy.png) ;
    text-align: center;
    top: 0px;
    font-size: 33px;
    color: #fff;
    font-family: "GE Flow";
    height: 100%;
    padding-top: 50px;
}



/********************** login ***********************/
/********************** login ***********************/
/********************** login ***********************/
/********************** login ***********************/
/********************** login ***********************/

.who_us {
    margin-top: 51px;
}
.who_us_12{
    width: 100%  ;
    display: inline-block;
    margin-top: 35px;

}

.who_us_121 {
    background:url(../images/Untitled-2.png) no-repeat bottom right;
    background-position-y: 45px;
    padding-bottom: 20px;
}

.who_us_121 span {
    font-size: 22px;
    font-family: "GE Flow";

}




.who_us_titel p {
    font-size: 17px;
    /* font-family: "GE Flow" !important; */
    margin-top: 25px;
    color: #353535;
}


.who_us_image {
    float: left;
    text-align: center;
    /* display: none; */
}

.who_us_imager {
    float: left;
    text-align: center;
    display: none;
}
.shdow10{
    position: relative;
    display: inline-block;

}










/********************** how_to_join ***********************/
/********************** how_to_join ***********************/
/********************** how_to_join ***********************/
/********************** how_to_join ***********************/
/********************** how_to_join ***********************/

.how_to_join{
    background: url(../images/Layer_2.png) no-repeat;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 72px;
    background-size: 100%;
}

.how_to_join_1{
    width: 37%;
    float: right;
}

.how_to_join_titel12{
    background:url(../images/Untitled-2.png) no-repeat bottom right;
    padding-top: 25px;
    padding-bottom: 20px;
}


.how_to_join_titel12 span {
    font-size: 22px;
    color: #353535;
    font-weight: bold;
    /* font-family: "GE Flow" !important; */

}

.how_to_join_titel123{
    padding-top: 35px;
}
.how_to_join_titel123 li {
    padding-top: 5px;
    font-size: 17px;
    color: #353535;
    font-weight: bold;
    /* font-family: "GE Flow" !important; */
}
.dont_forg{
    padding-top: 34px;
}

.how_to_join_image {
    float: left;
    display: inline-block;
    padding-top: 57px;
    padding-bottom: 40px;
}

.image_112{
    width:100%;
    position:relative;
    display: inline-block;
}

.image_title11{
    position: absolute;
    width: 45.2%;
    background: url(../images/about_us_shadow.png) repeat 0px;
    text-align: center;
    top: 59px;
    height: 230px;
    padding-top: 80px;
    margin-right: 1px;
}


.image_title11 a{
    font-size: 33px;
    color: #fff;
    font-family: "GE Flow";
}



/********************** advert ***********************/
/********************** advert ***********************/
/********************** advert ***********************/
/********************** advert ***********************/
/********************** advert ***********************/










/*********************************** top-footer ***********************/
/*********************************** top-footer ***********************/
/*********************************** top-footer ***********************/
/*********************************** top-footer ***********************/

.top-footer {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
	    background-color: #0f0f0f;
            padding: 35px 0 20px;
    /* background:url(../images/Layer_1_copy_2.png) no-repeat center #161616; */
   margin-top: -7px;
}


.top-footer .logo-footer {
    margin-bottom: 20px;
}


.top-footer .menu-footer {
    position: relative;
    display: inline-block;
    /* width: 100%; */
    /* text-align: center; */
}



.top-footer .menu-footer  ul li a{

	font-size: 18px;
    color: #fff;

}


.top-footer .menu-footer ul li a:hover {
    background-color: unset;
    color: #2da6af;
}











/********************** bottom-footer ***********************/


.bottom-footer {
    position: relative;
    display: inline-block;
    width: 100%;
    /* text-align: center; */
    background-color: #272727;
}


.bottom-footer .footer-copright p {
    font-size: 15px;
    color: #fff;
	    margin-top: 18px;
    text-align: left;
}


.bottom-footer .footer-copright p a {
    font-family: sans-serif;
    color: #fff;
}







/********************** ad-footer ***********************/


.ad-footer {
    margin-top: -7px;
}



/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/
/********************** terms and conditions ***********************/

.term_cond{
    background : url(../images/backkkfgr.png) no-repeat;
    width: 100%;
    background-size: 100%;
}

.term_cond .title {
    padding-top: 44px;
    padding-left: 15px;
    padding-right: 15px;
}

.term_cond .title p {

    color:#fff;
    font-size: 17px;
    font-family: "GE Flow" ;
    text-align: justify;
}

.adva_image_112 img {
    width: 100% !important;
}

.adva_all {
    display: inline-block;
    padding-bottom: 71px;
    padding-top: 46px;
}



.adva_image_112{
    width:100%;
    position:relative;
    display: inline-block;
}

.adva_image_title11{
    position: absolute;
    width: 92.2%;
    background: url(../images/about_us_shadow.png) repeat 0px;
    text-align: center;
    top: 0px;
    height: 155px;
    padding-top: 57px;
}


.adva_image_title11 a{
    font-size: 33px;
    color: #fff;
    font-family: "GE Flow";
}

/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/
/********************** Privacy ***********************/

.privacy{
    background : url(../images/123456789.png) no-repeat;
    width: 100%;
    background-size: 100%;

}

.privacy .title123 {
    padding-top: 44px;
    padding-left: 15px;
    padding-right: 15px;
}

.privacy .title123 p {

    color:#fff;
    font-size: 17px;
    font-family: "GE Flow";
    text-align: justify;
}

.adva_image_112 img {
    width: 100%;
}

/********************** FAQ ***********************/
/********************** FAQ ***********************/
/********************** FAQ ***********************/
/********************** FAQ ***********************/
/********************** FAQ ***********************/
/********************** FAQ ***********************/


.qqa {
    width: 100%;
    position: absolute;
    background: url(../images/Rectangle_4_copy.png) ;
    text-align: center;
    top: 0;
    font-size: 33px;
    color: #fff;
    font-family: "GE Flow";
    height: 100%;
    padding-top: 50px;
}

.faq_all {
    display: inline-block;
    margin-top: 33px;
    position: relative;
    width: 100%;
}


.faq{
    background-color: #e4e4e4;
}

.btn-primary  {
    background: transparent !important;
    border: none !important;
    color : #000 !important;
    font-size: 17px !important;
    font-family: "GE Flow";
}

/*.btn-primary img:focus  {
    background: url(../images/Rectangle_4_copy.png) no-repeat 0px;
}*/


.faq_title p {
   color : #565656;
   font-size: 15px;
    font-family: "GE Flow";
    margin: 0;
}

.faq_title img {
    padding-left: 5px;
}

.faq_title{
    border: 1px solid #828282;
    width: 100%;
    background-color: #f4f4f4;
    padding: 11px 13px;
    margin-bottom: 15px;
    overflow: auto;
}



/* .faq .faq_title a[aria-expanded="false"]{
    background: url(../images/pluss.png) no-repeat right !important ;
}



.faq .faq_title a[aria-expanded="true"] {
    background: url(../images/mineass.png) no-repeat right !important;
} */



.faq .faq_title a {
    padding-right: 35px;
}

/********************** parsonal page ***********************/
/********************** parsonal page ***********************/
/********************** parsonal page ***********************/
/********************** parsonal page ***********************/
/********************** parsonal page ***********************/

.person_page {
    width: 100%;
    position: absolute;
    background: url(../images/Rectangle_4_copy.png) ;
    text-align: center;
    top: 0px;
    font-size: 33px;
    color: #fff;
    font-family: "GE Flow";
    height: 100%;
    padding-top: 50px;
}

.personal{
    background: url(../images/background_person_page.png) no-repeat;
    width: 100%;
    padding-top: 49px;

    background-size: 100% 100%;
}


.personal_image img{
    width: 9%;
    display: inline-block;
    padding-right: 26px;

}



.person1 label{
   font-family: "GE Flow";
   font-size: 20px;
   color: #fff;
   padding: 31px 5px 0px 4px;
}

.person1 span{
    font-family: "GE Flow";
    font-size: 20px;
    color: #fff;
    padding: 12px;

}

.person_stats span{
    font-family: "GE Flow";
    font-size: 20px;
    color: #fff;
    background:url(../images/active1.png) no-repeat 0px ;
    padding: 12px;
}

.person_stats label{
    font-family: "GE Flow";
    font-size: 20px;
    color: #fff;
    padding: 13px 20px 0px 4px;

}

.personal123 .edit_bot a{

        width: 100%;
        float: right;
        padding-right: 16px;

}

.personal123 .edit_bot img{
    float: right;
    padding-right: 2px;

}

/********************** parsonal page edit ***********************/
/********************** parsonal page edit ***********************/
/********************** parsonal page edit ***********************/
/********************** parsonal page edit ***********************/
/********************** parsonal page edit ***********************/

.personal123456{
    background:url(../images/background_person_page.png) no-repeat;
    width: 100%;
    display: inline-block;

    background-size: 100% 100%;
}

.personal12345 {
    padding-top: 14px;
}

.edit_form {
    background:url(../images/zzz.png) no-repeat 0px;
    width: 100%;
    margin-top: 17px;
    display: inline-block;
}

select#exampleFormControlSelect1 option[value="متصل"]   { background-image:url(../images/active1.png);   }
select#exampleFormControlSelect2 option[value="غير متصل"] { background-image:url(../images/Ellipse_3.png); }

.personal_image_edit {
    padding-top: 27px;
}

.personal_image_edit img{
    width: 9%;
    display: inline-block;

}

.edit_form185 .form-group {
    padding-bottom: 33px;
    height: 140px;
}

.edit_form185 .form-control {
    display: block;
    width: 90%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

}
.personal12345 .form-group span {
    color: #fff;
    font-size: 20px;
    font-family: "GE Flow";
}

.personal12345 input#exampleInputPassword1 {
    color: #bcbcbc;
    font-size: 16px;
    font-family: "GE Flow";
}
.personal12345 select#exampleFormControlSelect1{
    color: #bcbcbc;
    font-size: 16px;
    font-family: "GE Flow";
}

.user_img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.personal_image_edit .edit_bot {
    display: inline-block;
    text-align: right;
    position: absolute;
    top: 65px;
    right: 74px;
}

.personal123456 .edit_bot img {
    display: inline-block;
    padding-right: 26px;
    width: 80%;
}

.save_bot {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding-bottom: 38px;
    margin-top: 30px;
}


.save_bot a{
    background: #e3e3e3;
    display: inline-block;
    width: 17%;
    padding: 10px 20px;
    border-radius: 5px;
    color: #09a0b3;
    margin: 0 20px;
    font-size: 16px;
    /* font-family: "GE Flow" !important; */
    border: 0;
    transition: .5s;
    border-radius: 10px;
}


.save_bot button{
    background: #006eac;
    display: inline-block;
    width: 17%;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    margin: 0 20px;
    font-size: 16px;
    /* font-family: "GE Flow" !important; */
    border: 0;
    transition: .5s;
    border-radius: 10px;
}


.save_bot button:hover {
    background: #fff;
    color: #006eac;
    text-decoration:none;
}


.save_bot a:hover{
    background: red;
    color: #fff;
    text-decoration:none;
}


.team-history {
    padding: 80px 0 30px 0px;
    background: #000;
}

.team-history tr th {
    color: #fff;
}






.how_to_join_titel123 ul {
    padding-right: 20px;
}
