@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

@font-face {font-family:"GE SS Two Medium";
src:url('../fonts/GE_SS_Two_Bold.otf'),
url('../fonts/GE_SS_Two_Light.otf'),
url('../fonts/GE_SS_Two_Medium.otf');}
body{font-family: 'Droid Arabic Naskh', serif; direction: rtl; background-image: url(../images/pattern.png); background-repeat: repeat;}

.logo{ min-height: 100px;}

.menu{ min-height: 60px; background: #42B6DE;}
.menu ul{margin-top: 20px;}
@media(min-width:768px){
.menu li{
    float:right;
}
}
.menu li a{color: #fff; font-size: 18px; font-family: "GE SS Two Medium";padding: 10px 9px;}
.menu li a:hover{text-decoration: none; color: #2D5732; transition: 0.5s all;}
.list-inline > li{padding-right: 10px;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
display: block;
width: 35px;
height: 2px;
border-radius: 1px;
background: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.social{background: url('../images/bgg.jpg'); background-attachment: fixed; background-size: cover;}
.fa-2x {width: 50px; height: 50px; background: #CCC; border-radius: 50%;
line-height: 50px; color: #fff; margin-top: 40px; margin-bottom: 40px; margin-right: 10px;}
.social p{font-size: 25px; line-height: 35px; font-family: "GE SS Two Medium"; color: #fff; padding-bottom: 30px;}

.note{margin-top: 30px; color: #fff; font-family: "GE SS Two Medium";padding: 50px;}
.boxyellow{background: #A7C162;
padding: 31px 15px 38px;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);}
.title{font-size: 25px !important;}
.note p{font-size: 20px; padding-top: 10px;color: #469FD4;}
.note .label{font-size: 95%;}
.label-warning{background: #fff; color: #A7C162; cursor: pointer;}
.note .fa{
width: 175px;
height: 175px;
line-height: 170px;
color: #fff;
font-size: 90px;
background: #469FD4;
border-radius: 50%;
}


.main-service{margin-top: 30px; margin-top: 30px; background: #fff;
padding-top: 30px; padding-bottom: 30px;}
.main-service img{width: 100%; height: 200px;}
.main-service p{background: #469FD4; padding: 20px; font-size: 20px; font-family: "GE SS Two Medium"; color: #fff;}

.other-services{margin-top: 30px;}
.other-services .col-md-6{margin-bottom: 25px;}
.other-services figure{float: right; margin-right: 15px;  margin-left: 15px;}

.block15{}
.block15 ul{
padding: 0 15px;
}
.block15 ul li{
border-bottom: solid 1px #ddd;
padding: 10px 0;
}
.block15 ul li:last-child{border-bottom:none;padding-bottom: 0;}
.block15 ul li a{color:#000;transition:0.6s all;}

.block15 ul li a:hover{text-decoration:none;color:#42B6DE;}
.block15 ul li a:hover .fa{color:#000}

.block15 .fa{
color: #42B6DE;
font-size: 21px;
transition:0.6s all;
margin-left: 8px;
}


.other-services figure img{
width: 120px;
height: 75px;
}
.other-services h4{
text-align: center;
margin-bottom: 25px;
font-weight: bold;
color: #469FD4;
    font-size: 25px;
}

.block12{
    background: #fff;
    min-height: 80px;
}
.block12 h3{padding: 0;}
.block12 h3 a{font-size: 12px;}

.box{background: #fff; padding-bottom: 13px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.16);}
.box h5{
    color: #fff;
    background: #42B6DE;
    padding: 13px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}
.text h3{font-family: "GE SS Two Medium"; color: #469FD4; margin-top: 7px; font-size: 20px;padding-left: 5px;}

.text h3 a{font-family: "GE SS Two Medium"; color: #469FD4; margin-top: 7px; font-size: 15px;}

.block1{overflow: hidden; margin-bottom: 20px;}

.contant{margin-top: 15px;}
.contant h1{color: #469FD4;
font-weight: bold;
font-size: 25px;
padding-bottom: 20px;padding-top: 25px;}
.contant p{font-size: 17px;
line-height: 36px;
text-align: right;
padding: 0 17px;}

.contant h2{
font-size: 22px !important;
padding: 0 20px;
}
.contant h3{
font-size: 22px !important;
padding: 0 20px;
}
.contant ul{padding: 0 22px;}
.contant ul li{
font-size: 17px;
margin-bottom: 8px;
line-height: 30px;
}
.contant ul li p{}
.contant img{
max-width: 60%;
margin-bottom: 30px;
}


.contant p img{text-align:center;}

.form-control{width: 80%;}

.footer{background: #F8F8F8; color: #469FD4; min-height: 40px;
line-height: 40px;}
.footer p{
margin: 0; 
font-size: 14px;
}

.footer1{background: #469FD4; color: #fff; min-height: 40px; margin-top: 30px;padding:25px 0;}
.footer1 p{
margin: 0;
font-size: 14px;
text-align: justify;
line-height: 26px;

}

.footer1 h3 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 0px;
text-align:right;
}
.footer1 .fa {
    color: #469FD4;
    font-size: 24px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    margin-top: 14px;
}

.footer1 ul {
    padding-right: 0px;
    padding-top: 10px;
}

.footer1 li a{color:#fff;}

.footer1 li {
    padding-bottom: 5px;
    display: block;
    width: 50%;
}

.footer li a {
    color: #fff;
}

.fix-num{
position: fixed;
bottom: 0;
right: 5%;
color: #fff;
display:none;
}

.phone-num-call .fa {
 width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
margin-bottom: 10px;
color: #fff;
border-radius: 50%;
font-size: 20px;
background: #4AC85A;   
}
.phone-num-call p {
    margin:0;
}
.phone-num-call{
background: #fff;
border: solid 1px #ddd;
padding: 7px;
margin-top: 20px;
text-align: left;
font-size: 18px;
font-weight: bold;
}

.fix-num .fa{
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
margin-bottom: 0px;
color: #fff;
border-radius: 50%;
font-size: 23px;
background: #4AC85A;
}

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    margin-right: 30px;
}

.related-post-bottom h3 a {
font-size: 15px;
font-weight: bold;
color: #000;    
}
.related-post-bottom {
margin-top: 19px;
background: #fff;
padding: 20px;
border: solid 1px #ddd;}


@media (max-width: 786px){
.fix-num{display:block !important;}
}