*{
	font-family:JF-Flat-Regular,cursive,Droid Arabic Kufi;
	font-size:12px;
	
}

@font-face {
  font-family: JF-Flat-Regular;
  src: url(JF-Flat-Regular.ttf);
}

@media (max-width:768px){
.lung{display:none;}
}

.floatleft{
	
    float: left;

}


.btn-orange{
    color: #0B7AA7;
    background-color: #FFFFFF;
    border-color: #0B7AA7;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid;
}


.btn-orange:hover{
    color: #FFFFFF;
    background-color: #0B7AA7;
    border-color: #FFFFFF;
}

.btn-blue{
    color: #FFFFFF;
    background-color: #0B7AA7;
    border-color: #FFFFFF;
    border-radius: 4px;
    padding: 7px 70px;
    font-size: 19px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid;
}


.btn-blue:hover{
    color: #0B7AA7;
    background-color: #FFFFFF;
    border-color: #0B7AA7;
}

.navbar-nav li a:hover{color:#000;}

.head{
    margin-top: 57px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
}

.Logo {
    width: 100%;
}


.P1{
	    padding-top: 15px;
    padding-bottom: 0px;
    line-height: 20px;
}

.F1{
	    background-color: #003F58;
    border-top: 3px solid #0B7AA7;
}
.bF{
	    background-color: #003144;
	    padding: 10px 4px;
}


.footer {
    padding: 10px;
}



.navbar-default li a{font-size: 19px;}
.navbar-inverse ul li a{font-size:12px;}


.main {
    margin: 40px 0px 10px 0px;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
    padding: 0px 0px 30px 0px;
}

.work {
	margin:0px;
	text-align: center;
	padding: 10px 0px 30px 0px;

}

.connect {
	margin:0px;
	text-align: center;
	padding: 10px 0px 30px 0px;

}
.work a{
	color:#003144;

}

.learn {
	margin:0px;
	padding: 10px 0px 30px 0px;
	border-top: 1px solid #D6D6D6;
}

.iconmain {
    text-align: center;
    font-size: 54px;
    color: #0B7AA7;
}

.iconmain i:hover{
	border:1px solid #0B7AA7;
	border-radius:50%;
	color:#0B7AA7;
	background:#fff;
}z

.titlemain{
	margin: 0px 0px 30px 0px;
}


.titlemain span{
    font-size: 50px;
    color: #EA4D29;
}


.titleimgWorkspan{
    color: #D03713;
    font-size: 12px;
}

.morework {
	text-align:center;
    color: #ccc;
    margin: 31px 0px 2px 0px;
}

.morework a {
    font-size: 19px;
    color: #0B86A7;
}


.zoom img{
	/*width:100%;*/
	width:75%;
	-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:7.7;margin:2px 0px 0px 0;border-radius: 30px;box-shadow:0px 0px 10px}
	
.zoom img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);
-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1;}


.ullearn{
    margin: -13px -54px;
}
.ullearn li{
    padding: 5px 0px;
    list-style: none;
}
.ullearn li a{
    font-size: 22px;
    color: #797979;
}
.ullearn li a:hover{color:#0B86A7;}



.col_1{
    text-align: center;
}

.col_1 span{
	
	font-size: 202px;
    color: #ccc;
}


.wherefind{
	margin: 0px 0px 2px 0px;
	background-color: #0B7AA7;
	padding: 13px 0px;
}


.wherefind span{
    font-size: 50px;
    color: #fff;
}

.wheretaps{
	margin: 0px 0px 2px 0px;
	background-color: #969696;
	padding: 13px 0px;
	text-align: left;
}


.wheretaps span{
    font-size: 14px;
    color: #fff;
}
.whereadress{
	margin: -5px 0px 2px 0px;
	background-color: #969696;
	padding: 13px 0px;
}


.whereadress span{
    font-size: 14px;
    color: #fff;
}


.mapfooter{padding: 0px;}
.mapfooter iframe{}


.tconnect{
	color:#000;
	text-align:center;
}

.tconnect table{text-align:center;width:100%;}
.tconnect table tr{
    margin: 12px 0px;
    text-align: right;
}
.tconnect table tr td{
    padding: 12px 0px;
}
.tconnect table tr td span{
    font-size: 22px;
    color: #0B7AA7;
    /* text-align: right; */
}
.tconnect table tr td input{}


.c_fd_dg{
	    background-color: #0B7AA7;
    color: #fff;
    border: 1px solid #0B7AA7;
}



.follownav{
    color: #D03713;
    padding: 11px;
    border-top: 1px solid;
}
.follownav span{
    font-size: 24px;
    margin: -7px 0px -7px 0px;
}
.follownav div{
    text-align: left;
}
.follownav div a{
    font-size: 24px;
}




.facebookicon {
    text-align: center;
    font-size: 54px;
    color: #0055AF;
}

.facebookicon i:hover{
	border: 1px solid #0055AF;
	border-radius:50%;
	color: #0055AF;
	background:#fff;
}


.youtubeicon {
    text-align: center;
    font-size: 54px;
    color: #DC0000;
}

.youtubeicon i:hover{
	border: 1px solid #DC0000;
	border-radius:50%;
	color: #DC0000;
	background:#fff;
}



.twittericon {
    text-align: center;
    font-size: 54px;
    color: #13AFEF;
}

.twittericon i:hover{
	border: 1px solid #13AFEF;
	border-radius:50%;
	color: #13AFEF;
	background:#fff;
}




.linksfooterr{}
.linksfooterr li{
    padding: 5px 0px;list-style:none;
}
.linksfooterr li a{
    font-size: 19px;
    color: #D0D0D0;
}
.linksfooterr li a:hover{color:#FFF;}




.iconmainf{
    text-align: center;
    font-size: 26px;
}
.iconmainf h6{
	color:#ededed;
    font-size: 12px;
}
.iconmainf h6:hover{
	color:#fff;
}

.iconmainf i{
	border:1px solid #fff;
	border-radius:50%;
	color:#fff;
	background:#003F58;
}
.iconmainf i:hover{
	border:1px solid #003F58;
	border-radius:50%;
	color:#003F58;
	background:#fff;
}


.H_F{
	    text-align: CENTER;
    color: #FFF;
}


.bF span{color: #D0D0D0;}

.bF span a{color: #929292;}

.bF span a:hover{color: #09f;}


.pph1{
	
color: #0B7AA7;
	
/* border-bottom: 1px solid #ccc; */
	
padding: 15px;
}

.pph2{
	
color: #0B7AA7;
	
	
padding: 15px;
}
.pph1 span{
    color: #707070;
    font-size: 18px;
}

.ppp {
    color: #737373;
    font-size: 17px;
    text-align: justify;
}

.ppul{
    color: #D03713;
}
.ppul li{
    padding: 10px 0px;
}
.ppul li span{
    color: #777;
}





.DLoI {
    padding: 5px;
	color:#000;
}

.DLoI img{
padding:5px;
width:100%;
}

.DLoI h1{
    color: #F64015;
}
.DLoI p{
    font-size: 18px;
    color: #7D7171;
    text-align: justify;
}


.borferAds{
	border-left: 1px solid #ddd;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-right: -2px;
	padding: 10px;
}

.btnclickpay {
    padding: 24px 0px 1px 0px;
    text-align: left;
}





.btn-orange1{
    color: #FFFFFF;
    background-color: #D03713;
    /* border-color: #0B7AA7; */
    border-radius: 15px;
    padding: 6px 12px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    /* border: 1px solid; */
}


.btn-orange1:hover{
    color: #FFFFFF;
    background-color: #0B7AA7;
    border-color: #FFFFFF;
}


.BgPO{
	background-repeat: round;
	background-repeat-x: initial;
	background-color: #0F5A7D;
}


.pobody{
	
width: 100%;
	
/* height: 800px; */
}



.bgmdpo{
	padding: 19px;
	margin: 10px 0px 20px 0px;
	background-color: rgba(245, 245, 245, 0.54);
	border-radius: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	text-align: center;
}





.hideFSpan span{color:#fff;}
.hideFSpan span i{color:#fff;}




.sp_H1{
	background-color: #F2F2F2;
	font-size: 22px;
	width: 100%;
	color: #0174A2;
	border-radius: 3px;
	padding: 2px;
}



.sp_H1_Dc{
	background-color: #F2F2F2;
	font-size: 16px;
	padding: 3px;
	width: 100%;
	color: #5E5E5E;
	border-radius: 3px;
}



.pp_des{
	text-align: justify;color:#777;font-size: 20px;
}


.spannetAdress{
	font-size: 26px;
    color: #D03713;
}



.spansnetAdress{
	font-size: 22px;
	color: #0B7AA7;
}


.ul_40{}
.ul_40 li{
    list-style: none;
    padding: 3px 0px;
    font-size: 17px;
    color: #0B7AA7;
}



.divtypehosting {text-align:center;margin: 0px 0px 26px 0px;}

.typehosting {
    font-size: 36px;
    color: #0B7AA7;
}


.post{color:#000;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}
.Tpost{}
.Tpost tr{}
.Tpost tr td{text-align:center;}
.Tpost tr td p{
    /* font-size: 11px; */
    padding: 9px 10px;
    text-align: justify;
    color: #525252;
}
.Tpost tr td img{}
.Tpost tr td h2{
    margin: 5px;
}
.Tpost tr td h2 a{
    font-size: 19px;
}

.Ppost{color:#000;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;}
.PTpost{
}
.PTpost tr{}
.PTpost tr td{
}
.PTpost tr td p{
    padding: 10px 0px;
    text-align: justify;
    color: #525252;
}
.PTpost tr td img{}
.PTpost tr td h2{
    margin: 14px 12px 14px 0px;
}
.PTpost tr td h2 a{
    font-size: 30px;
}


.rm{
	float:left;
	color: #FFFFFF;
    background-color: #0B7AA7;
    border-radius: 3px;
    padding: 7px 23px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid;
}
.rm:hover{
	background-color: #FFFFFF;
	color: #0B7AA7;
	border: 1px solid;
}



.infopost{
    padding: 10px 2px;
    color: #838383;
    font-size: 11px;
}
.infopost span.ago{
    color: red;
}
.infopost span.veiw{
    color: green;
}
.infopost span.byuser{
    padding: 0px;
    color: #DD5839;
}.infopost span{
    padding: 2px;
    color: #838383;
    font-size: 11px;
}

.category{}
.category h2{
    color: #DD5839;
    margin: 27px 17px 21px 0px;
}
.category ul{
    color: #000;
}
.category ul li{
    padding: 4px 0px;
    list-style: none;
}
.category ul li a{
    font-size: 19px;
    color: #AAA;
}
.category ul li a:hover{color:#000;}

.mostlearn{}
.mostlearn h2{
    color: #DD5839;
    margin: 27px 19px 20px 0px;
    font-size: 24px;
}
.mostlearn ul{
    color: #000;
}
.mostlearn ul li{
    padding: 4px 0px;
    list-style: none;
}
.mostlearn ul li a{
    font-size: 19px;
    color: #AAA;
}
.mostlearn ul li a:hover{color:#000;}
.mostlearn table{}
.mostlearn table tr{}
.mostlearn table tr td{
    padding: 2px;
    text-align: CENTER;
}
.mostlearn table tr td a{
    color: #003F58;
}
.mostlearn table tr td span{
    color: #585858;
    font-size: 11px;
}
.mostlearn table tr td img{
    width: 100%;
    height: 80px;
}


.HeaderCM {
    background-color: #003F58;
    padding: 10px 5px;
}

.HeaderCM h2{
    margin: 0px;
    font-size: 30px;
    color: rgb(222, 222, 222);
    padding: 6px 4px;
}

.bodyCM{}
.bodyCM table{
    margin: 2px 0px;
}
.bodyCM table tr{
    border-bottom: 1px solid #Ccc;
}
.bodyCM table tr td{
    padding: 4px;
}


.bodyCM table tr td img{}
.bodyCM table tr td span{
    margin: 0px 0px 10px 0px;
    color: #09F;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.7;
}
.bodyCM table tr td span.timecm{
    color: #AAA;
    padding: 0px 10px;
    font-size: 14px;
}



.bodyCM table tr td p{
    color: #484848;
    font-size: 18px;
}

.bodyAddCM{}
.bodyAddCM table{
    margin: 10px 0px;
}
.bodyAddCM table tr{
}
.bodyAddCM table tr td{
    text-align: center;
    padding: 3px 0px;
}
.bodyAddCM table tr td span{
    font-size: 23px;
    color: #003F58;
}
.bodyAddCM table tr td input{
    font-size: 20px;
    padding: 1px 8px;
    height: 100%;
    line-height: initial;
}


.bodyAddCM table tr td textarea{
    font-size: 20px;
    line-height: initial;
}

.btn-cm {
    color: #fff;
    background-color: #0B7AA7;
    border-color: #0B7AA7;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid;
    float: left;
}

.HeaderaCM {
    background-color: #CD2700;
    padding: 10px 5px;
}

.HeaderaCM h2{
    margin: 0px;
    font-size: 30px;
    color: rgb(255, 255, 255);
    padding: 6px 4px;
}


.nocm {
    text-align: CENTER;
    padding: 11px;
    font-size: 19px;
    color: #F40660;
}


.tagcat {
    padding: 0px 0px 28px 0px;
}

.tagcat a{
    background-color: #EAEAEA;
    padding: 4px;
    border-radius: 6px;
    color: #8B8B8B;
}




.HeaderBodyCAT {
    text-align: center;
}
.HeaderBodyCAT span.ctitle{
    color: #0B7AA7;
    font-size: 26px;
    line-height: 2;
    font-weight: 800;
}

.HeaderBodyCAT span{
    color: #8D8D8D;
    font-size: 20px;
    line-height: 2;
    font-weight: 500;
    }

.StateRe{
    text-align: center;
}
.StateRe h3{
    COLOR: #26CD26;
}


.StateRe h3 strong{
font-size: 25px;color: #0F9C0F;}
.errorST{
    text-align: center;
}
.errorST h3{
    COLOR: #D11313;
}

.btnREmargin{
	margin: -5px 0px 16px 0px;
}




p.pp_des span {color: #D03713;font-size: 19px;}
p.pp_des  a{color: #0B7AA7;font-size: 19px;padding: 0px 8px 0px 0px;}

.errorpage {
    margin: 150px 0px;
    font-size: 43px;
    color: red;
}
.errorpage a{
    font-size: 13px;
}
.a_42 {
    color: #0B7AA7;
    padding: 10px;
    text-align: center;
}
.a_42 span{
    font-size: 20px;
}
.a_42 span span{
    font-size: 25px;
    color: #DD5839;
}


.a_44 {
    color: #777;
    text-align: CENTER;
    font-size: 20px;
    padding: 14px;
}
.a_44 span{
    font-size: 25px;
    color: #FF0000;
}
.a_55 h3{}
.a_55 ul{}
.a_55 ul li{}
.a_55 ul li span{}

.a_55 {
    color: #0B7AA7;
}
/*888888888888888888888888888888888*/