@import url(../css/vendor/normalize.min.css);
@import url(../css/vendor/animate.css);
@import url(../css/vendor/owl.carousel.css);
@import url(../css/vendor/owl.theme.default.css);
/* Neo Sans */
@font-face {
  font-family: 'Neo Sans';
  src: url("../fonts/Neo-Sans/neo-sans-arabic-regular.ttf") format("truetype");
}

/* Avenir */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Avenir/Avenir-Heavy.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

/* Lato */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

/* GE-SS-Two */
@font-face {
  font-family: 'GE SS Two';
  src: url("../fonts/GE-SS-Two/GE-SS-Two-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'GE SS Two';
  src: url("../fonts/GE-SS-Two/GE-SS-Two-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GE SS Two';
  src: url("../fonts/GE-SS-Two/GE-SS-Two-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@keyframes pulse {
  /* line 7, ../sass/_animations.scss */
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
  }

  /* line 11, ../sass/_animations.scss */
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }

  /* line 15, ../sass/_animations.scss */
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }

  /* line 19, ../sass/_animations.scss */
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }

  /* line 23, ../sass/_animations.scss */
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}

@keyframes animation-gradient-color {
  /* line 30, ../sass/_animations.scss */
  0% {
    background-position: 93% 0%;
  }

  /* line 33, ../sass/_animations.scss */
  50% {
    background-position: 0% 100%;
  }

  /* line 36, ../sass/_animations.scss */
  100% {
    background-position: 93% 0%;
  }
}

@keyframes logo-pulse {
  /* line 42, ../sass/_animations.scss */
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  /* line 47, ../sass/_animations.scss */
  5% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  /* line 52, ../sass/_animations.scss */
  7% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* line 15, ../sass/main.scss */
html {
  font-size: 62.5%;
  overflow: hidden;
}

/* line 20, ../sass/main.scss */
body {
  display: flex;
  width: 100vw;
  height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  font-family: 'Neo Sans', 'GE SS Two', sans-serif;
  font-size: 2.1rem;
  touch-action: none;
}

/* line 33, ../sass/main.scss */
#canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* line 43, ../sass/main.scss */
.logo {
  position: relative;
  z-index: 2;
  max-width: 494px;
  padding: 75px 0 0 75px;
}
/* line 49, ../sass/main.scss */
.logo.animated-logo {
  animation: logo-pulse 10s ease infinite;
}
/* line 53, ../sass/main.scss */
.logo img {
  width: 100%;
}

/* line 58, ../sass/main.scss */
.ornament-img {
  position: absolute;
}
/* line 61, ../sass/main.scss */
.ornament-img.ornament-img-1 {
  top: 0;
  right: 139px;
}
/* line 66, ../sass/main.scss */
.ornament-img.ornament-img-2 {
  left: 0;
  bottom: 0;
}

/* line 72, ../sass/main.scss */
.heading {
  text-transform: uppercase;
}

/* line 76, ../sass/main.scss */
.app {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
}

/* line 84, ../sass/main.scss */
.page {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 90, ../sass/main.scss */
.btn {
  outline: none;
  cursor: pointer;
  border: 4px solid #ffffff;
}

/* line 97, ../sass/main.scss */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 15px;
}

/* line 100, ../sass/main.scss */
.owl-theme .owl-dots .owl-dot {
  outline: 0 !important;
}

/* line 101, ../sass/main.scss */
.owl-theme .owl-dots .owl-dot span {
  background: #fce7eb;
  width: 16px;
  height: 16px;
}

/* line 106, ../sass/main.scss */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #9f122b;
}

/* line 110, ../sass/main.scss */
.js-animate {
  opacity: 0;
}

/* line 115, ../sass/main.scss */
.lang-ar h1, .lang-ar h3, .lang-ar p {
  direction: rtl;
}

/* line 1, ../sass/_page1.scss */
.page--1 {
  background-color: #9f122b;
  opacity: 0;
}
/* line 5, ../sass/_page1.scss */
.page--1 .ornament-img-1 {
  top: 0;
  right: 139px;
}
/* line 10, ../sass/_page1.scss */
.page--1 .ornament-img-2 {
  left: 0;
  bottom: 0;
}
/* line 15, ../sass/_page1.scss */
.page--1 h1.heading {
  margin: 0;
  padding: 180px 0 88px;
  color: #ffffff;
  font-size: 87px;
  font-weight: 800;
  text-align: center;
  line-height: 113px;
}
/* line 24, ../sass/_page1.scss */
.page--1 h1.heading span {
  display: block;
  color: #C8C9CB;
}
/* line 29, ../sass/_page1.scss */
.page--1 h1.heading.flipInX {
  opacity: 1;
}

/* line 35, ../sass/_page1.scss */
.btn--start {
  position: relative;
  z-index: 2;
  left: 50%;
  width: 310px;
  height: 117px;
  margin-left: -155px;
  background: none;
  color: white;
  font-size: 31px;
  font-weight: 600;
  border-radius: 61px;
  transition: 0.4s all ease;
}
/* line 49, ../sass/_page1.scss */
.btn--start.btn-start-en {
  margin-left: 96px;
}
/* line 54, ../sass/_page1.scss */
.btn--start:hover, .btn--start:focus {
  background-color: #E74545;
  color: white;
}

/* line 2, ../sass/_page2.scss */
.page--2 .page--2__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(223deg, #d41f3e, #9f122b, #df1b4e, #df4d73);
  background-size: 400% 400%;
  animation: animation-gradient-color 19s ease infinite;
}
/* line 14, ../sass/_page2.scss */
.page--2 h1.heading {
  margin: 0;
  padding: 220px 0 88px 100px;
  color: #ffffff;
  font-size: 116px;
  font-weight: 400;
  line-height: 113px;
}
/* line 22, ../sass/_page2.scss */
.page--2 h1.heading span {
  display: block;
  color: #C8C9CB;
}
/* line 28, ../sass/_page2.scss */
.page--2 .menu {
  position: absolute;
  top: 322px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
/* line 35, ../sass/_page2.scss */
.page--2 .menu .menu-item {
  position: relative;
  display: inline-block;
  width: 370px;
  padding-top: 220px;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
}
/* line 44, ../sass/_page2.scss */
.page--2 .menu .menu-item .icon {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);
}
/* line 52, ../sass/_page2.scss */
.page--2 .menu .menu-item + .menu-item {
  margin-left: 30px;
}
/* line 56, ../sass/_page2.scss */
.page--2 .menu .menu-item .menu-item__circle--2 {
  transform: translate(-50%, 0) rotate(-60deg);
}
/* line 60, ../sass/_page2.scss */
.page--2 .menu .menu-item .menu-item__circle--3 {
  transform: translate(-50%, 0) rotate(30deg);
}
/* line 64, ../sass/_page2.scss */
.page--2 .menu .menu-item .menu-item__circle--4 {
  transform: translate(-50%, 0) rotate(-140deg);
}
/* line 69, ../sass/_page2.scss */
.page--2 .menu .menu-item:hover .menu-item__circle {
  transform: translate(-50%, 0) rotate(180deg);
}
/* line 73, ../sass/_page2.scss */
.page--2 .menu .menu-item:hover h3, .page--2 .menu .menu-item:hover p {
  transform: scale(1.2);
}
/* line 77, ../sass/_page2.scss */
.page--2 .menu .menu-item:hover .menu-item__icon {
  transform: translate(-50%) rotate(-360deg);
}
/* line 82, ../sass/_page2.scss */
.page--2 .menu .menu-item > * {
  transition: 0.4s all ease;
}
/* line 86, ../sass/_page2.scss */
.page--2 .menu .menu-item:nth-of-type(2n) {
  margin-top: 90px;
}
/* line 90, ../sass/_page2.scss */
.page--2 .menu .menu-item .menu-item__icon {
  max-width: 100px;
  top: 17%;
  left: 51%;
  transform: translate(-50%);
}
/* line 98, ../sass/_page2.scss */
.page--2 .menu h3 {
  padding-top: 8px;
  font-size: 28px;
  font-weight: 800;
  color: #9f122b;
  font-weight: 800;
}
/* line 105, ../sass/_page2.scss */
.page--2 .menu h3 > span {
  color: #7F8084;
}
/* line 109, ../sass/_page2.scss */
.page--2 .menu h3.orange {
  color: #e75602;
}
/* line 114, ../sass/_page2.scss */
.page--2 .menu p {
  font-size: 28px;
  color: #878889;
}

/* line 121, ../sass/_page2.scss */
.modals {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
}
/* line 130, ../sass/_page2.scss */
.modals.show {
  display: block;
}
/* line 134, ../sass/_page2.scss */
.modals .modal__overlay {
  width: 100%;
  height: 100%;
  background-color: #58595B;
  opacity: 0;
  transition: 0.4s all ease;
}
/* line 141, ../sass/_page2.scss */
.modals .modal__overlay.show {
  opacity: 0.6;
}
/* line 146, ../sass/_page2.scss */
.modals .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1385px;
  height: 780px;
  margin-top: -380px;
  margin-left: -693px;
  padding: 50px 50px 50px 100px;
  background-color: #ffffff;
  border-radius: 25px;
  box-sizing: border-box;
  overflow: hidden;
  display: none;
  transition: all 0.3s ease-in;
}
/* line 162, ../sass/_page2.scss */
.modals .modal.show {
  display: block;
}
/* line 167, ../sass/_page2.scss */
.modals .modal h1,
.modals .modal h2 {
  color: #9f122b;
  font-size: 48px;
  font-weight: 800;
}
/* line 173, ../sass/_page2.scss */
.modals .modal h2 {
  text-align: center;
}
/* line 177, ../sass/_page2.scss */
.modals .modal h3 {
  font-size: 35px;
  color: #9f122b;
}
/* line 182, ../sass/_page2.scss */
.modals .modal p {
  color: #7F8084;
  font-size: 32px;
  line-height: 48px;
  font-weight: 200;
}
/* line 189, ../sass/_page2.scss */
.modals .modal iframe {
  width: 100%;
  height: 100%;
}
/* line 195, ../sass/_page2.scss */
.modals .modal__content {
  height: 520px;
  padding: 0 50px 30px 0;
  overflow-y: scroll;
  box-sizing: border-box;
}
/* line 201, ../sass/_page2.scss */
.modals .modal__content img {
  width: 100%;
}
/* line 206, ../sass/_page2.scss */
.modals .modal__footer {
  background-color: #ecebeb;
  padding: 80px 0 80px;
  text-align: center;
}
/* line 211, ../sass/_page2.scss */
.modals .modal__footer h2 {
  color: #58595B;
  font-size: 42px;
  line-height: 65px;
}
/* line 218, ../sass/_page2.scss */
.modals .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  background: url(../img/close-btn.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
}
/* line 229, ../sass/_page2.scss */
.modals .icon {
  position: relative;
  z-index: 5;
  display: inline-block;
  width: 85px;
  height: 85px;
  margin-right: 20px;
  border-radius: 50%;
  border: 5px solid #D71A39;
  vertical-align: middle;
}
/* line 241, ../sass/_page2.scss */
.modals .icon > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
}

/* line 2, ../sass/_page3.scss */
.page--3 .page--3__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(223deg, #e75602, #9f122b, #e75602, #df4d73);
  background-size: 400% 400%;
  animation: animation-gradient-color 30s ease infinite;
}
/* line 14, ../sass/_page3.scss */
.page--3 .ornament-img {
  z-index: 2;
}
/* line 17, ../sass/_page3.scss */
.page--3 .ornament-img.ornament-img-1 {
  right: 0;
}
/* line 22, ../sass/_page3.scss */
.page--3 .menu {
  position: absolute;
  top: 350px;
  left: 235px;
  z-index: 2;
  width: 100%;
}
/* line 29, ../sass/_page3.scss */
.page--3 .menu .menu-item {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 460px;
  height: 160px;
  margin-left: -155px;
  background: white;
  color: white;
  font-size: 31px;
  font-weight: 600;
  border-radius: 90px;
  transition: 0.4s all ease;
  cursor: pointer;
}
/* line 44, ../sass/_page3.scss */
.page--3 .menu .menu-item .icon {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, 0);
}
/* line 52, ../sass/_page3.scss */
.page--3 .menu .menu-item + .menu-item {
  margin-left: 50px;
}
/* line 58, ../sass/_page3.scss */
.page--3 .menu .menu-item:hover .menu-item__icon {
  transform: translate(-50%, 0) rotate(360deg);
}
/* line 62, ../sass/_page3.scss */
.page--3 .menu .menu-item:hover h3 {
  transform: translateY(-50%) scale(1.1);
}
/* line 67, ../sass/_page3.scss */
.page--3 .menu .menu-item > * {
  transition: 0.4s all ease;
}
/* line 71, ../sass/_page3.scss */
.page--3 .menu .menu-item .menu-item__icon {
  max-height: 75px;
  top: 40px;
  left: 90px;
}
/* line 78, ../sass/_page3.scss */
.page--3 .menu h3 {
  position: relative;
  top: 50%;
  padding-left: 160px;
  padding-right: 50px;
  margin: 0;
  font-size: 30px;
  color: #9f122b;
  font-weight: 800;
  transform: translateY(-50%);
}
/* line 89, ../sass/_page3.scss */
.page--3 .menu h3 > span {
  color: #7F8084;
}
/* line 93, ../sass/_page3.scss */
.page--3 .menu h3.orange {
  color: #e75602;
}
/* line 98, ../sass/_page3.scss */
.page--3 .menu p {
  font-size: 28px;
  color: #878889;
}
/* line 103, ../sass/_page3.scss */
.page--3 .menu.menu--2 {
  top: 580px;
  right: 105px;
  left: initial;
  width: auto;
}

/* line 112, ../sass/_page3.scss */
.btn-home {
  position: absolute;
  bottom: 30px;
  right: 60px;
  z-index: 5;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 5px 0 0 #cccccc;
  cursor: pointer;
  transition: 0.4s all ease;
}
/* line 125, ../sass/_page3.scss */
.btn-home img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s all ease;
}
/* line 134, ../sass/_page3.scss */
.btn-home:hover, .btn-home:focus {
  background: #9f122b;
}
/* line 137, ../sass/_page3.scss */
.btn-home:hover img, .btn-home:focus img {
  transform: translate(-50%, -50%) rotate(360deg);
}