h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Arabic', sans-serif , Roboto !important;
}

p {
    font-family: 'Noto Sans Arabic', sans-serif !important;
}

 .u-section-1 {
  min-height: 500px;
}

.u-section-1 .u-text-1 {
  margin: 362px 890px 0 70px;
}

.u-section-1 .u-icon-1 {
  width: 68px;
  height: 22px;
  margin: -22px auto 0 calc(((100% - 1140px) / 2)  + 171px);
  padding: 0;
}

.u-section-1 .u-social-icons-1 {
  height: 32px;
  width: 194px;
  margin: 158px auto 0 80px;
}

.u-section-1 .u-icon-2 {
  height: 100%;
}

.u-section-1 .u-icon-3 {
  height: 100%;
}

.u-section-1 .u-icon-4 {
  height: 100%;
}

.u-section-1 .u-icon-5 {
  height: 100%;
}

.u-section-1 .u-gallery-1 {
  height: 521px;
  width: calc(((100% - 1140px) / 2)  + 797px);
  margin: -551px 0 0 auto;
}

.u-section-1 .u-gallery-item-1 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-2 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-2 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-3 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-4 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-4 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-5 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-5 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-6 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-6 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-7 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-7 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-8 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-8 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-9 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-9 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-item-10 {
  margin-right: 10px;
}

.u-section-1 .u-over-slide-10 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
  padding: 20px;
}

.u-section-1 .u-gallery-nav-1 {
  position: absolute;
  left: -840px;
  width: 70px;
  height: 70px;
  top: 397px;
  padding: 3px;
}

.u-section-1 .u-gallery-nav-2 {
  position: absolute;
  width: 75px;
  height: 32px;
  left: -212px;
  top: 323px;

}

.u-section-1 .u-text-2 {
  transition-duration: 0.5s;
  margin: -420px 851px 0 -60px;
}

 .hoverboxx {
  width: 245px;

}



@media (max-width: 1199px) {


  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 300px;
    margin-right: auto;
    margin-left: 15px;
  }

  .u-section-1 .u-icon-1 {
    margin-left: calc(((100% - 940px) / 2)  + 106px);
  }

  .u-section-1 .u-social-icons-1 {
    margin-top: 135px;
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-1 .u-gallery-1 {
    height: 465px;
    width: 712px;
    margin-top: -481px;
  }

  .u-section-1 .u-gallery-nav-2 {
    left: -162px;
    top: 275px;
  }

  .u-section-1 .u-text-2 {
    width: auto;
    margin-top: -355px;
    margin-right: 766px;
    margin-left: 0px;
  }
  
.sidenav1 {
  top: 0px;
}

}

@media (max-width: 991px) {
  .u-section-1 .u-text-1 {
    margin-left: 10px;
  }

  .u-section-1 .u-icon-1 {
    margin-left: calc(((100% - 720px) / 2)  + 106px);
  }

  .u-section-1 .u-social-icons-1 {
    margin-left: calc(((100% - 720px) / 2));
  }

  .u-section-1 .u-gallery-1 {
    width: 517px;
    margin-left: 260px;
  }

  .u-section-1 .u-gallery-nav-2 {
    left: -119px;
  }

  .u-section-1 .u-text-2 {
    margin-right: calc(((100% - 720px) / 2)  + 474px);
    margin-left: calc(((100% - 720px) / 2)  + -26px);
  }

  .sample {
    margin-right: 520px !important;
  }

  .u-section-2 .u-text-2 {
    margin-right: 77px;
    width: 119px;
  }
  .u-section-2 .u-text-1 {
    margin: 55px 50px 90px 155px;
  }

  .u-section-2 .u-text-3 {
     margin-top: -178px;
  }

  .u-section-2 .u-text-4 {
     margin-top: 118px !important;
  }
}

@media (max-width: 767px) {
   .u-section-1 {
    min-height: 939px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 591px;
    margin-left: calc(((100% - 540px) / 2)  + 164px);
  }

  .u-section-1 .u-icon-1 {
    margin-right: calc(((100% - 540px) / 2)  + 202px);
    margin-left: auto;
  }

  .u-section-1 .u-social-icons-1 {
    margin-top: 281px;
    margin-left: auto;
  }

  .u-section-1 .u-gallery-1 {
    margin-top: -819px;
    margin-right: auto;
  }

  .u-section-1 .u-gallery-nav-2 {
    left: auto;
    top: 465px;
    right: 189px;
  }

  .u-section-1 .u-text-2 {
    width: 272px;
    margin: -557px auto 60px;
  }

  .u-section-2 .u-group-1 {
    margin-left: 295px;
  }

  .u-section-2 .u-text-3 {
    margin-top: -133px;
  }
}

@media (max-width: 575px) {
   .u-section-1 {
    min-height: 700px;
  }

  .u-section-1 .u-text-1 {
    margin-top: 585px;
    margin-left: 89px;
  }

  .u-section-1 .u-icon-1 {
    margin-right: calc(((100% - 340px) / 2)  + 102px);
  }

  .u-section-1 .u-social-icons-1 {
    margin-top: 194px;
  }

  .u-section-1 .u-gallery-1 {
    width: 340px;
    margin-top: -742px;
    margin-left: 50px;
    margin-right: 0px;
  }

  .u-section-1 .u-gallery-nav-2 {
    top: 480px;
    right: 78px;
    left: 170px;
  }

  .u-section-1 .u-text-2 {
    width: 179px;
    margin-top: -554px;
    margin-left: 110px !important;    
  }

  .slidde {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .sample {
    margin-left: 130px !important;
  }



    .u-section-2 .u-text-1 {
        margin-left: 150px !important;
        margin-bottom: 40px !important;

    }

  .sidenav1 {
  margin-left: 80% !important;
   }

  .u-section-2 .u-group-1 {
    margin-left: 95px;
  }

  .u-section-2 .u-text-2 {
    margin-top: 30px !important;
    margin-left: 50px !important;
  }

  .u-section-2 .u-text-3 {
    margin-top: -125px !important;
    margin-left: 90px !important;
  }

  .u-section-2 .u-text-4 {
     margin-top: 150px !important;
  }
}

@media (max-width: 320px) {

  .sample {
    margin-left: 70px !important;
  }
}

@media (max-width: 360px) {

  .sample {
    margin-left: 90px !important;
  }
}


@media (max-width: 375px) {


}
.u-section-1 .u-text-2,
.u-section-1 .u-text-2:before,
.u-section-1 .u-text-2 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}.u-section-2 .u-sheet-1 {
  min-height: 582px;
}

.u-section-2 .u-group-1 {
  width: 245px;
  min-height: 580px;
  height: auto;
  margin: 1px auto 1px 0px;
}

.u-section-2 .u-container-layout-1 {
  padding: 0;
}

.u-section-2 .u-text-1 {
  text-transform: uppercase;
  margin: 86px 0 0 169px;
}

.u-section-2 .u-text-2 {
  margin: 83px 77px 0 49px;
}

.u-section-2 .u-text-3 {
  font-weight: 700;
  margin: -178px auto 0 63px;
}

.u-section-2 .u-text-4 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 110px 10px 0 90px;
}

.u-section-2 .u-text-5 {
  margin: 120px auto 0 38px;
}

.u-section-2 .u-icon-1 {
  width: 64px;
  color: rgb(4, 4, 4) !important;
  height: 21px;
  margin: -20px 43px 0 auto;
}

.u-section-2 .u-image-1 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("images/20be669b96c979c85a966bfa6716b520.jpg");
  background-size: cover;
  padding: 0;
}

.u-section-2 .u-group-elements-1 {
  width: 168px;
  min-height: 357px;
  height: auto;
  margin: 0 auto;
}

.u-section-2 .u-text-6 {
  text-transform: uppercase;
  margin: 0 38px 0 auto;
}

.u-section-2 .u-text-7 {
  margin: 83px 49px 0 0;
}

.u-section-2 .u-text-8 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin: 63px 0 0 auto;
}

.u-section-2 .u-text-9 {
  margin: 73px auto 0 0;
}

.u-section-2 .u-text-10 {
  font-weight: 700;
  margin: -357px auto 0 1px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-group-1 {
    height: auto;
  }

  .u-section-2 .u-text-1 {
    margin: 55px 50px 0 155px;
  }

  .u-section-2 .u-text-2 {
    margin-top: 65px;
    margin-right: 0px;
    margin-left: 35px;
    width: 120px;
  }

  .u-section-2 .u-text-3 {
     margin-top: -156px;
     margin-left: 79px;
  }

  .u-section-2 .u-text-4 {
     margin-top: 130px;
  }

  .u-section-2 .u-text-5 {
    margin: 90px auto 0 41px;
  }
}





/* hover
 * =============================== */

.hover1 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover1:hover {

   background-image: url(images/9b85a250a8e81f0fedd0c1f99eea9b98.jpg);
      color: #000000 !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}

.hover2 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover2:hover {

   background-image: url(images/1cd526c87055fe05c232119849d83e52.jpg);
   color: #000000 !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}




.hover3 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover3:hover {

   background-image: url(images/2.jpg);
   color: #ffffff !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}







.hover4 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover4:hover {

   background-image: url(images/175ef20da29f7bc5406e718cce272a20.jpg);
   color: #ffffff !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}



.hover5 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover5:hover {

   background-image: url(images/c9444e5bf3829b3ab862e81990867421.jpg);
   color: #ffffff !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}


.hover6 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover6:hover {

   background-image: url(images/8ae7a1e6685f9dc85fb312db5b189fa2.jpg);
   color: #000000 !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}

.hover7 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover7:hover {

   background-image: url(images/1.jpg);
   color: #ffffff !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}


.hover8 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover8:hover {

   background-image: url(images/4.jpg);
   color: #000000 !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}

.hover9 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover9:hover {

   background-image: url(images/d49128187abff2be9be83f0911de0e01.jpg);
   color: #ffffff !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}


.hover10 {
background: url(https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png) repeat;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;

}

.hover10:hover {

   background-image: url(images/10.jpg);
   color: #000000 !important;
/* TRANSISITION */
transition: background 1s;
-webkit-transition: background 1s;
-moz-transition: background 1s;
-o-transition: background 1s;
}
/* pulseffect
 * =============================== */

.pulse {

  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}


/* nav
 * =============================== */

.sidenav {
  display: inline;
  height: auto;
  width: 100%;
  position: fixed;

}

.sidenav1 {
  display: inline;
  height: 20px;
  width: 100%;
  position: fixed;
  margin-left: 90%;
  margin-top: 20px;
  font-size:16px;

}

.sidenav1 a {
  font-size: 16px !important;
  color: #000;
  font-family: 'Noto Sans Arabic', sans-serif !important;
}
.u-logo-image {
   width: 35px;
   height: 35px;
   margin-left: 5%;
   margin-top: 1%;
}

/*   cursor
 -----------------------------*/
#magicPointer {
  z-index: 2000;
  mix-blend-mode:difference;
}