@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.eot');
    src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff'),
        url('../fonts/Rubik-Regular.ttf') format('truetype'),
        url('../fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Medium.eot');
    src: url('../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Rubik-Medium.woff2') format('woff2'),
        url('../fonts/Rubik-Medium.woff') format('woff'),
        url('../fonts/Rubik-Medium.ttf') format('truetype'),
        url('../fonts/Rubik-Medium.svg#Rubik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body{color:#878787; font-size:15px;  font-weight:normal; font-family: 'Rubik'; overflow-x:hidden; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: antialiased; background:url('../images/mainbg.jpg'); background-repeat:no-repeat; background-position:top center; background-size:cover; padding-bottom:125px; margin:0;}
a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    cursor: pointer;
	color:#878787;
	outline:0;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
	outline:0;
	color:#575756;
}
a:focus{outline:0;}
area{outline:0;}
	b{font-weight:bold;}
body h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik';
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
strong{font-weight:bold;}
section{clear:both; width:100%;}
.toplogo{margin-top:53px; margin-left:50px; display:inline-block;}
.middleit{width:100%; margin:150px auto 0; padding:0; max-width:420px; text-align:center;}
.infose{width:100%; margin-top:140px;}
.infose p{margin:0;}
.infose p span{color:#878787; font-weight:normal; line-height:34px;}
.infose P span{direction:rtl; font-size:17px; letter-spacing:
1.7px;}
.infose P span.eng{direction:ltr; font-size:15px; letter-spacing:
1.5px; margin-right:10px;}
a.telit{clear:both; direction:ltr; font-size:15px; line-height:34px; letter-spacing:
4.5px; color:#878787; font-weight:normal; cursor:pointer; clear:both; display:inline-block;}
a.telit:hover{color:#575756;}
a.mhn{clear:both; cursor:pointer; direction:ltr; font-size:15px; line-height:34px; letter-spacing:
3.75px; color:#878787; font-weight:normal; cursor:pointer; display:inline-block;}
a.mhn:hover{color:#575756;}
.footer{width:100%; float:left; margin:250px auto 0; padding:0;}
.container{max-width:1270px; margin:0 auto; padding:0;}
.footer p{margin:0; padding:0; font-size:13px; line-height:38px; font-weight:500; color:#575756; letter-spacing:1.40px;}
@media screen and (max-width:768px){
	.middleit{margin:30px auto 0; padding:0; max-width:90%;}
	.infose{margin:30px auto 0;}
	.infose P span.eng{letter-spacing:inherit; margin-right:0;}
	.infose P span{letter-spacing:inherit; clear:both; display:block;}
	a.telit{letter-spacing:inherit;}
	a.mhn{letter-spacing:inherit;}
	.container{max-width:90%;}
	.footer p{letter-spacing:inherit; text-align:center; line-height:25px;}
	.toplogo{margin:15px auto 0; text-align:center; display:inline-block;}
	header{text-align:center;}
	.footer{margin-top:60px;}
	body{padding-bottom:50px; background-size:auto; background-color:#e9e9e9;}