body {
    background-color: #cfcfcf;
    max-width: 720px;
    margin: auto;
    font-family: "Rubik", Tahoma, Arial;
    font-optical-sizing: auto;
    font-style: normal;
    direction: rtl;
}

a {
    text-decoration: none;
}

header {
    margin: 0px 0px 8px 0px;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    height: 100px; 
}

.topnav {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 48px 0px;
    background-color: #252525
}
.topnav a {
    float: right;
    color: #f2f2f2;
    padding: 14px 16px;
    font-size: 17px;
}
.topnav a:hover {
    background-color: #dddddd;
    color: black;
}
.topnav a.active {
    background-color: #b53a11;
    color: white;
}

.hshare {
    background-color: #252525;
    height: 30px;
    text-align: left;
    padding: 5px 0px 0px 8px;
}
.hshare a {
    padding: 0px 10px 10px 10px;
    border-radius: 0px 0px 8px 8px;
    padding: 15px 7px 7px 7px;
    margin: 3px;
}
.hshare p {
    margin: 0px 0px 0px 0px;
}
.hshare .w {
    background-color:#2cd36b ;
}
.hshare .t {
    background-color: #2fa7e5;
}
.hshare .x {
    background-color:black;
}
.hshare .f {
    background-color:#1867fb ;
}
.hshare .l {
    background-color:#1467bf ;
}
.hshare .e {
    background-color:#d75a5d ;
}

.share {
    height: 30px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    background-color: #ffffff;
    text-align: left;
    padding: 5px 0px 0px 8px;
    
}
.share a {
    padding: 0px 10px 10px 10px;
    border-radius: 0px 0px 8px 8px;
    padding: 15px 7px 7px 7px;
    margin: 3px;
}
.share p {
    margin: 0px 0px 0px 0px;
}
.share .w {
    background-color:#2cd36b ;
}
.share .t {
    background-color: #2fa7e5;
}
.share .x {
    background-color:black;
}
.share .f {
    background-color:#1867fb ;
}
.share .l {
    background-color:#1467bf ;
}
.share .e {
    background-color:#d75a5d ;
}

.home {
    background-color: #252525;
    padding: 1px 0px 1px 0px;
    font-weight: 450;
}
.home h1 {
    margin: 15px 30px 30px 30px;
    color: #ffffff;
}
.home p {
    color: #ffffff;
    height: 100%;
    margin: 15px 0px 15px 0px;
    padding: 25px 30px 25px 30px;
    background-color: #3d3d3d;
    font-size: x-large;
}
.home a {
    color: #ffffff;
}

.section {
    background-color: #252525;
    padding: 1px 0px 1px 0px;
    font-weight: 450;
}
.section h1 {
    margin: 15px 30px 30px 30px;
    color: #ffffff;
}
.section p {
    color: #ffffff;
    height: 100%;
    margin: 15px 0px 15px 0px;
    padding: 25px 30px 25px 30px;
    background-color: #3d3d3d;
    font-size: 18px;
}
.section a {
    color: #ffffff;
}

.page {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    background-color: #ffffff;
    padding: 1px 30px 30px 30px;
    font-weight: 450;
    font-size: large;
    line-height: 30px;
}
.page h1 {
    margin: 20px 0px 100px 0px;
}
.page span {
    color: red;
}
.page a {
    color: #ff4000;
}
.page a:hover{
    color: #be0000;
}
.page img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

.services {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    background-color: #ffffff;
    padding: 1px 30px 30px 30px;
    font-weight: 450;
    font-size: large;
    line-height: 30px;
}
.services h1 {
    margin: 20px 0px 100px 0px;
}
.services span {
    color: red;
}
.services a {
    color: #ff4000;
}
.services a:hover {
    color: #be0000;
}
.services .im {
    max-width: 100%;
    height: auto;
}

footer {
    margin: 8px 0px 0px 0px;
    font-weight: 100;
    background-color: #252525;
    color: #ffffff;
}
footer a {
    color: #ffbb84;
}
footer a:hover {
    color: #ff4000;
}
footer .Contact {
    padding: 20px 0px 20px 0px;
    width: 200px;
    line-height: 20px;
    text-align: center;
}
footer .Contact .title {
    margin: 20px  20px 0px 0px;
    font-size: large;
}
footer .Contact {
    font-size: small;
}
.right {
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 40px 30px;
    line-height: 30px;
}

.ct {
    text-align: center;
}
.lt {
    text-align: left;
}
ul {
    list-style-type: square;
}

.fonts {
    font-size: 29px;
}