*{margin:0;padding:0;}

body{font-family:'tunisia',tahoma;font-weight:300;font-size:14px;color:#686868;line-height:175%;direction:rtl;

background:transparent url('../img/oil3.jpg') no-repeat fixed center center;background-size:cover}

.container{width:900px;margin:auto;background-color:transparent;display:table;}

.title{margin-top: 50px;background-color:transparent;text-align:center;color:#fff;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);}

.logo-con{margin-top:50px;}

.border-box{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo-x{float:right;width:420px;display:table;text-align:center;background: rgba(0,0,0,.3);-moz-border-radius: 10px;-webkit-border-radius:10px;border-radius: 10px;opacity:1;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}

.logo-x img{margin-bottom:40px;width:100%}

.logo-x:hover{opacity:.5}

.logo-x a{display:block;width:100%;padding:40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;text-decoration:none;color:#fff}

.logo-x a span{line-height:160%}

.logo-x a:hover{color:black}

.logo-1{margin-left:30px}

.logo-2{margin-right:30px}

.about-con{margin:50px 0;display:table;clear:both;float:right;color:white;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);padding:40px;background: rgba(0,0,0,.2);-moz-border-radius: 10px;-webkit-border-radius:10px;border-radius: 10px;

-webkit-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px;-moz-box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px; box-shadow: rgba(255, 255, 255, 0) 5px 5px 5px;

border:1px rgba(100,100,100,0.1) solid}

.about-con p{text-align:justify;line-height:160%;padding-bottom:10px;font-size:large}

.rayan{font-size:xx-small;text-align:center;margin-bottom:10px}

.rayan a{text-decoration:none;color: #fff;font-family:Tahoma}

.rayan a:hover{color:#CC3300}