/*start  Global*/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
body{
  direction:rtl;
  font-family:'Cairo',sans-serif;
  color:#fff;
  overflow:hidden;/*the white area damge the site*/ 
}
@font-face {
    font-family:fon;
    src: url(../fonts/fontastique.ttf) format("truetype")
}
h1,p{
  margin:0;
}
ul{
  list-style:none;
}
/*start my framework*/
a{
  text-decoration:none;
  outline:none !important;
}
a:hover,a:focus{
  text-decoration:none;
  color:#4b4b4b;
}
.head:after,
.head:before{
  height:3px;
  width:100px;
  background:#45464f;
  content:'';
  display:block;
  position:absolute;
}
.bold{
  font-weight:bold;
}
.normal{
  font-weight:normal;
}
.upper{
  text-transform:uppercase;
}
.clearfix{
  clear:both;
}
/* Underline From Right */
.underline-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
/*  overflow: hidden;
*/}
.underline-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left:100%;
  right:0px;
  bottom: 0;
  background: #2b8f45;
  height: 3px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-right:hover:before, .underline-right:focus:before, .underline-right:active:before {
  left: 0;
}
/*////////////////////*/
.main-color{
  color:#ba8c2f;
}
.main-background{
  background-color:#ba8c2f;
}
/* end my framework*/
.text-center{
  text-align:center
}
.facebook:hover{
  background-color:#3b5998;
  border:1px solid #ccc !important;
  color:#fff;
}
.twitter:hover{
  background-color:#1da1f2;
  border:1px solid #ccc !important;
  color:#fff;
}
.instagram:hover{
  background-color:#833ab4;
  border:1px solid #ccc !important;
  color:#fff;
}
.youtube:hover{
  background-color:#f00;
  border:1px solid #ccc !important;
  color:#fff;
}
.google:hover{
  background:#dd4b39;
  border:1px solid #ccc !important;
  color:#fff;
}
.instagram:hover{
  background:#5851db;
  border:1px solid #ccc !important;
  color:#fff;
}
.margin-auto{
  margin:auto;
}
.overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
/* end my framework*/
/*start header*/
header{
  background-image:url(../images/header-background.png);
  background-size:100% 100%;
  height:700px;
  position:relative;
  overflow:hidden;
}
header .overlay{
  background:rgba(52,53,67,0.7);
}
header .logo{
  padding-top:48px;
}
header .header-search{
  position: absolute;
  top:-57px;
  left:0px;
  background:transparent;
  width:100%;
  height:56.2855px;
  z-index: 3;
  margin-top: 56px;
  border-top: 1px solid #4f5166;
  border-bottom: 1px solid #4f5166;
   display:none;
}
.header-search input{
  border:0;
  height:54px;
  width:100%;
  background:#2e3149;
  padding:20px;
  line-height:57px;
}
.header-search .fa-search{
  position: absolute;
  top:20px;
  left:30px;
}
.header-search .fa-times-circle{
  position: absolute;
  top:20px;
  left:7px;
  color:#ba8c2f;
  font-size:15px;
  cursor:pointer;
}
.fa-search{
  cursor:pointer;
}
header .header-nav{
  margin-top:56px;
  border-top:1px solid #4f5166;
  border-bottom:1px solid #4f5166;
  z-index:1;
  position:relative;
  z-index:1;
}
header .header-nav li{
  margin-right:40px;
  display:inline-block;
  padding:15px 0;
  color:#fff;
}
header .header-nav li:first-of-type{
  margin-right:20px;
}
header .header-nav li a{
  color:#fff;
  font-size:17px;
  font-weight:400;
  font-family:'Cairo',sans-serif;
  position:relative;
  transition:all 0.5s ease-in-out
}
header .header-nav li a:hover{
  color:#ba8c2f;
}
header .header-nav li a:hover:after{
  content:"";
  display:block;
  height:1px;
  width:82px;
  background:#ba8c2f;
  right:-14px;
  position:absolute;
  top: 43px;
  z-index:5;
}
header .header-nav li a:hover:before{
  content:"";
  display:block;
  height:1px;
  width:82px;
  background:#ba8c2f;
  position:absolute;
  top:-12px;
  right:-14px;
  z-index:5;
}
header .fa-search{
  color:#ba8c2f;
}
header .ar{
  display:none;
}
header .en
,header .ar{
  text-align:left;
}
header .en a,
header .ar a{
  width:130px;
  height:40px;
  line-height:40px;
  color:#ffffff;
  font-size:20px;
  font-weight:400;
  background:rgba(255,255,255,0.1);
  display:inline-block;
  margin-top:56px;
  border-radius:20px;
  text-align:center;
  position:relative;
}
header .en a:after,
header .ar a:after{
  content:"";
  display:block;
  width:35px;
  height:40px;
  border-radius:20px 0 0 20px;
  background:rgba(255,255,255,0.1);
  left:0;
  top:0;
  position:absolute;
  z-index:1
}
header .en a i,
header .ar a i{
  margin-right:11px;
  font-size:18px;
  color:#fff;
  position:relative;
  z-index:2
}
/*header-content*/
header .tid{
  position:relative;
  text-align:center;
}
header .header-content h1{
  font-size:30px;
  font-weight:700;
  color:#fff;
  margin-top:235px;
  margin-bottom:25px;
  height:33px;
  overflow:hidden;
}
.header-content .head:after{
  width: 122px;
  position: absolute;
  right: 26px;
  top: 8px;
  margin-top: 10px;
  margin-left: 20px;
  display: block;
}
.header-content .head:before{
  width: 122px;
  right: 388px;
  position: absolute;
  top: 8px;
  margin-right: 20px;
  margin-top: 10px;
}
header .item .text{
  font-weight:400;
  font-size:20px;
  color:#fff;
  height:60px;
  overflow:hidden;
}
header .header-content h1 span{
  color:#ba8c2f;
}
header .social{
  margin-top:89px;/*140-24topfb(neglected to fit)-27margin-bottom*/
  float:left;
}
header .social p{
  width:68px;
  border-bottom:1px solid #464c63;
  height:72px;
}
header .social i{
  font-size:20px;
  float:left;
  color:#fff;
  padding-bottom:26px;
  padding-top:24px;
  transition:all 0.5s ease-in-out;
}
header .social i:hover{
  color:#ba8c2f;
}
/*setting box in header*/
header .setting{
  position:absolute;
  top:217px;
  right:-205px;
  transition:all 0.5s ease-in-out;
}
 .menushow{
  right:0px!important;
}
.setting .set-info{
  background:#454d6a;
  position:relative;
  z-index:99;
  /*display:none;*/
}
.setting .set-info a{
  font-weight:400;
  font-size:15px;
  color:#fff;
  border-right:2px solid #ba8c2f;
  border-left:2px solid #ba8c2f;
  border-bottom:1px solid #585f79 !important;
  height:60px;
  width:203px;
  padding:20px;
  display:block;
}
.setting .set-info a:first-of-type{
    border-top:1px solid #ba8c2f;
}
.set-info .set-close{
  height:60px;
  width:203px;
  line-height:60px;
  display:block;
  border:0;
  background:#3a405a;
  text-align:center;
  position:absolute;
  bottom:-57px;
  cursor:pointer;
}
.setting .set-icon{
position:absolute;
top:0;
left:-60px;
width:60px;
height:60px;
background-color:#ba8c2f;
color:#fff;
border-radius:10px 0 0 10px;
text-align:center;
cursor:pointer;
transition:all 0.5s ease-in-out;
z-index:55
}
.setting span i{
font-size:36px;
line-height:60px;
}
/*end box*/
header .owl-dots{
  margin-top:143px;
}
.owl-theme .owl-dots .owl-dot span {
    background: #71727c !important;
}
.owl-prev p{
  position: absolute;
  bottom:6px;
  right:77px;
}
.owl-next p{
  position: absolute;
  bottom:5px;
  left: 84px;
}
/* arrows
.bulid .owl-prev,
.bulid .owl-next{
  position: absolute;
  background-color:transparent !important;
  border:1px solid #e1e1e1;
  border-radius:20px !important;
  width:70px;
  height:40px;
  color:#000 !important;
  text-align:center;
  line-height:40px;
  font-size:20px !important;
  padding:0 !important;
  margin:0 !important;
}
.bulid .owl-prev{
  left:51%;
}
.bulid .owl-next{
  right:51%;
}
*/
.owl-theme .owl-nav [class*="owl-"] {
    background: transparent !important;
    padding:4px 10px !important;
}
header .owl-theme .owl-dots .active span{
  background:#fff !important;
}
/*======*/
.owl-over{
  background:rgba(52,53,67,0.3);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:90px;
  width:100%;
  text-align:center;
}
.owl-over .center{
  width:600px;
  margin:auto;
  position:relative;
}
.owl-over .head:before{
  width:80px;
 right:150px;
 top:50px;
  position:absolute;
  margin:auto;
}
.owl-over .head:after{
   width:80px;
   top:50px;
   left:150px;
   position:absolute;
   margin:auto;
}
/*end   header*/
/*start about-us*/
.about-us{
padding:57px 0 ;
background:#fefefe;
}
.all-head{
  font-size:30px;
  color:#454545;
  font-weight:600;
  text-align: center;
  margin:0;
}
.all-tid .head:after{
  background:#ba8c2f;
  right:33px;
  height:5px;
  top:20px;
  margin-left:20px;
}
.all-tid .head:before{
   background:#ba8c2f;
   left:33px;
   top:20px;
   margin-right:20px;/*test*/
   height:5px;
}
.all-tid{
  position:relative;
  margin:auto;
  width:400px;
  margin-bottom:80px;
}
.about-info{
  margin-bottom:44px;
}
.about-info h2{
  font-size:25px;
  font-weight:600;
  color:#454545;
  margin:0;
  margin-bottom:25px;
  position:relative;
  height:34px;
  overflow:hidden;
}
.about-info p{
  font-size:15px;
  font-weight:400;
  color:#909090;
  padding-right:73px;
  line-height:2;
  height:60px;
  overflow:hidden;
}
.about-info span{
  margin-left:16px;
  display:inline-block;
  background:#fff;
  color:#ba8c2f;
  width:51px;
  line-height:51px;
  text-align:center;
  height:51px;
  border-radius:5px;
  margin-top:-10px;
  box-shadow:0 0 20px 5px rgba(0,0,0,0.05);
}
.about-img{
  position:relative;
  margin:auto;
  margin-top:20px;
  border:4px solid #ba8c2f;
  height:390px;
  width:365px;
  float:left;
}
.about-img img{
  position:absolute;
  left: 32px;
  top: -34px;
  width:365px;
  height:390px;
}
/*end about-us*/
/*start bulid*/
.bulid{
  background-size:100% 100%;
  padding:60px 0;
  position:relative;
  background-color:#fafafa;
}
.down{
  position:absolute;
  bottom:0;
  right:0;
}
.up{
  position:absolute;
  top:0;
  left:0;
}
.bulid-box{
    border-bottom:1px solid #e1e1e1;
    margin:auto;
    margin-bottom:50px;
    width:360px;
    max-width:360px;
}
.div{
  width:360px;
  height:221px;
  overflow:hidden;
}
@media(max-width:370px){
  .div{width:auto !important}
}
.bulid-box img{
  height:221px;
  transition:all 0.7s ease-in-out;
}
.bulid-box img:hover{
  transform:scale(1.15);
}
.bulid-box p{
  font-size:17px;
  font-weight:400;
  color:#454545;
  margin:20px 0;
  text-align:right;
}
.bulid-box ul{
 width:115%;
}
.bulid-box li{
  display:inline-block;
  font-size:15px;
  font-weight:400;
  color:#909090;
  margin-bottom:20px;
  width:32%;
  direction:rtl;
}
.bulid-box ul i{
  color:#ba8c2f;
  margin-left:10px;
}
/*end   bulid*/
/*start contact*/
.contact{
  padding:62px 0 108px;
  background-color:#fafafa;
}
.contact .row{
  background:url(../images/contact.png);
  background-size: contain;
  height: 700px;
  background-repeat: no-repeat;
  background-position: top;
}
.contact-text{
  margin-top:243px;
}
.contact .contact-text{
  font-size:17px;
  font-weight:400;
  color:#454545;
}
.contact-form{
  border:20px solid #f0bf5d;
  padding:70px 46px 30px 46px;
  text-align:right;
  position:relative;
  z-index: 1;
  height:623px;
}
.contact-form  input{
  height:57px;
  width:79%;
  padding:20px 0;
  padding-left:20px;
  border:0;
  outline:none;
  line-height:57px;
  border-bottom:1px solid #e1e1e1;
  margin-bottom:60px;
  font-size:17px;
  font-weight:400;
  color:#909090;
  overflow:hidden;
  background:none;
  font-family:'Cairo',sans-serif;
}
.contact-form input[type="submit"]{
  width:166px;
  height:57px;
  font-size:17px;
  font-weight:400;
  color:#fff;
  background:#f0bf5d;
  text-align:center;
  line-height:57px;
  border:0;
  outline:none;
  border-radius:5px;
  padding:0;
}
.contact-form textarea{
  font-size:17px;
  font-weight:400;
  color:#909090;
  border:0;
  outline:none;
  border-bottom:1px solid #e1e1e1;
  margin-bottom:60px;
  resize:none;
  width:79%;
  height:137px;
  overflow:hidden;
  background:none;
  font-family:'Cairo',sans-serif;
}
.contact-form form textarea::-webkit-input-placeholder{
  font-size:17px;
  font-weight:400;
  color:#909090;
}
.contact-form form input::-webkit-input-placeholder{
  font-size:17px;
  font-weight:400;
  color:#909090;
}
.contact-white-border{
  position:absolute;
  border-right:20px solid #fff;
  height:203px;
  top:40px;
  right:-20px;
  z-index:2;
}
/*end   contact*/
/*start footer*/
footer{
  background:url(../images/footer.png);
  background-size:100% 100%;
  height:410px;
  position:relative;
}
footer .overlay{
  background:rgba(47,35,11,0.95);
  padding:70px 0;
}
footer .border{
    border-bottom:1px solid #4e4229;
    width:66.5%;
    position:absolute;
    font-size:12px;
    color:#fff;
    font-weight:300;
/*    margin-top: 34px;
*/    bottom: 50px;
}
.border-text{
  position:absolute;
  bottom:-7px;
  left:-159px;
  margin-right:10px;
}
.box1{
  margin-bottom:60px;
  border-left:1px solid #4e4229;
  padding-left:85px;
  padding-top:30px;
  height:255px;
}
.box1 p{
  font-size:14px;
  font-weight:400;
  color:#fff;
  margin-top:20px;
  margin-bottom:30px;
}
.box1 .footer-social a{
  display:inline-block;
  width:35px;
  height:35px;
  border-radius:5px;
  color:#fff;
  text-align:center;
  margin-left:19px;
  background:rgba(255,255,255,0.15);
  font-size:20px;
  line-height:35px;
}
.box1 span i{
  font-size:20px;
  line-height:35px;
}
footer .sections{
   padding-right:52px;
}
footer .foot-h1{
  font-weight:400;
  font-size:22px;
  color:#fff;
  margin:0;
  padding-bottom:10px;
  border-bottom:3px solid #f0bf5d;
  width:166px;
}
.sections li{
  font-size:14px;
  font-weight:400;
  color:#fff;
  margin-bottom:20px;
  margin-top:0;
  position:relative;
  padding-right:24px;
}
.sections li:first-of-type{
  margin-top:27px;
}
.sections li:first-of-type{
  margin-bottom:20px;
}
.sections li:after{
  margin-left:10px;
  background:transparent;
  border:2px solid #ba8c2f;
  width:14px;
  height:14px;
  border-radius:50%;
  content:"";
  display:inline-block;
  position:absolute;
  right:0;
  top:4px;
}
/*footer-contact*/
.footer-contact{
  margin-top:30px;
  padding-right:52px;
}
.footer-contact p{
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  color:#fff;
  margin-bottom:33px;
}
.footer-contact span{
  color:#f0bf5d;
  margin-right:12px;
  display:inline-block;
}
.footer-contact p:first-of-type{
  margin-top:27px;
}
.footer-contact i{
   color:#f0bf5d;
   margin-left:18px; 
   font-size:20px;
}
.copyright{
  font-size:14px;
  font-weight:400;
  color:#fff;
  text-align:center;
  margin:auto;
  width:250px;
  margin-bottom:17px;
  position:relative;
}
.copyright p{
  position: absolute;
  top: -26px;
  margin-bottom: 15px;
  margin-top:15px;
}
.copyright span{
  color:#f0bf5d;
}
/*end   footer*/
/*start responsive*/
@media(min-width:320px) and (max-width:480px){
  /*start header*/
  header .header-nav {
    text-align:center;
  }
  header .header-nav li:first-of-type {
    margin-right:0px;
  }
  header .header-nav li {
    margin-right: 8px !important;
  }
  header .en {
    text-align: center !important;
  }
  .header-content .head:after,
  .header-content .head:before{
    display:none;
  }
  .owl-prev p {
    right:29px;
  }
  .owl-next p {
    left:35px;
  }
  .owl-over .center {
    display: none;
  }
  header .logo {
    text-align: center;
  }
  /*end header*/
  /*start about-us*/
  .all-tid{
    width:auto;
    margin-bottom:50px;
  }
  .head::after, .head::before {
    width:50px;
  }
  .about-img img {
    left: 10px;
    max-width: 365px;
    width: 100%;
  }
  
  /* end about-us*/
  /*start bulid*/
  .bulid-box {
    width:auto !important;
  }
  .bulid-box li {
    width: 30%;
  }
  /*end   bulid*/
  /*start contact*/
  .contact-text{
    margin-top:0;
    margin-bottom:30px;
  }
  /*end   contact*/
  /*start footer*/
  footer{
    height:888px;
  }
  .box1{
    padding-left:0;
    margin-bottom:20px;
    border:0;
  }
  footer .sections{
    padding-right:0;
  }
  .footer-contact {
    padding-right:0;
  }
  /*end footer*/
}
@media(min-width:480px) and (max-width:768px){
    /*start header*/
  header .header-nav {
    text-align:center;
  }
  header .header-nav li:first-of-type {
    margin-right:0px;
  }
  header .header-nav li {
    margin-right:50px;
  }
  header .en {
    text-align: center !important;
  }
 
  .header-content .head:after,
  .header-content .head:before{
    display:none;
  }
  .owl-prev p {
    right:29px;
  }
  .owl-next p {
    left:35px;
  }
  .owl-over .center {
    display: none;
  }
  header .logo {
    text-align: center;
  }
  header .owl-dots {
    margin-top: 147px;
  }
  /*end header*/
  /*start about-us*/
  .all-tid{
    width:auto;
    margin-bottom:50px;
  }
  .head::after, .head::before {
    width:50px;
  }
  .about-img img {
    left: 10px;
    max-width: 365px;
    width: 100%;
  }
  
  /* end about-us*/
  /*start bulid*/

  .bulid-box {
    width:auto !important;
  }
  /*end   bulid*/
  /*start contact*/
  .contact-text{
    margin-top:0;
    margin-bottom:30px;
  }
  /*end   contact*/
  /*start footer*/
  footer{
    height:888px;
  }
  .box1{
    padding-left:0;
    margin-bottom:20px;
    border:0;
  }
  footer .sections{
    padding-right:0;
  }
  .footer-contact {
    padding-right:0;
  }
  /*end footer*/
}

@media(min-width:768px) and (max-width:991px){
  /*header*/
  header .logo {
    padding-top: 55px;
  }
  header .owl-dots {
    margin-top:160px;
  }
   header .header-content h1{
    margin-top:120px !important;
  }
  /*header*/
  /*start contact*/
  .contact-text{
    margin-top:0;
    margin-bottom:30px;
  }
  /*end   contact*/
  /*start bulid*/

  .bulid-box {
    width:auto !important;
  }
  /*end   bulid*/
  /*start footer*/
  footer{
    height:888px;
  }
  .box1{
    padding-left:0;
    margin-bottom:20px;
    border:0;
  }
  footer .sections{
    padding-right:0;
  }
  .footer-contact {
    padding-right:0;
  }
  /*end footer*/
}
@media(min-width:991px) and (max-width:1199px){
  /*header*/
  header .header-nav li {
    margin-right:20px;
  }
  .header-content .head::after {
    width: 60px;
    right: 37px;
  }
  .header-content .head::before {
    width: 60px;
    right: 338px;
  }
  .owl-next p {
    left: 33px;
  }
  .owl-prev p {
    right: 27px;
  }
  /*header*/
   /*start bulid*/
  .bulid-box div {
    margin-left:20px;
  }
  .bulid-box{
    width: auto;
  }
  .box1{
    padding-left:50px;
  }
  /*end   bulid*/
}

@media(max-width:991px){
  /*start header*/
  .header-content .head:after,
  .header-content .head:before{
    display:none;
  }
  header .header-content h1{
    margin-top:30px;
  }
  .owl-over .center {
    display: none;
  }
  /*end header*/
}
@media(max-width:400px){
  .about-img {
    width: 100%;
   }
}
/*++*/
 .bulid .owl-next p,
 .bulid .owl-prev p{
    color:#ba8c2f;
  }
/*end responsive