/* Customization Styles ARIJ.25102018.01 */

@import url("styles.css");
@import url("level1.css");
@import url("components.css");
@import url("countdown.css");
@import url("font-awesome.min.css");
/* @import url("animations.css"); */
@import url("../fonts/flaticon.css");


/* Import Fonts */
@import url('https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&subset=arabic');
@import url('https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900&subset=arabic');

:root {
    --font1: 'Tajawal', sans-serif;
    --font2: 'Cairo', sans-serif;
}

.fontPlayfair {
  font-family: var(--font2);
  font-weight: 300;
}

.fontCairo {
  font-family: var(--font1);
  font-weight: 300;
}

:root {
    --vlGrey: #EBEBEB;
    --lGrey: #C3C3C3;
    --mGrey: #06181f;
    --dGrey: #020a0d;
		--p1Color: #E0B31C;
		--s1Color: #e40421;
		--s2Color: #889036;
		--p2Color: #36527C;
}


/* coloring */
.csVLG {  color: var(--vlGrey);}
.csLG {  color: var(--lGrey);}
.csMG {  color: var(--mGrey);}
.csDG {  color: var(--dGrey);}
.csP1 {  color: var(--p1Color);}
.csP2 {  color: var(--p2Color);}
.csS1 {  color: var(--s1Color);}
.csS2 {  color: var(--s2Color);}


/* backgrounds  */
.bgVLG { background-color: var(--vlGrey);}
.bgLG { background-color: var(--lGrey);}
.bgMG { background-color: var(--mGrey);}
.bgDG { background-color: var(--dGrey);}
.bgP1 { background-color: var(--p1Color);}
.bgP2 { background-color: var(--p2Color);}
.bgS1 { background-color: var(--s1Color);}
.bgS2 { background-color: var(--s2Color);}



/* Core */

body, html {
  height: 100%;
  margin: 0;
  background-color: #000;
  color: #fff !important;
  font-family: var(--font1) !important;
  font-weight: 300 !important;
  font-size: 15px;

  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */


  }


h1, h2, h3, h4, h5, h6 {
  font-weight: 700 !important;
}

p, small {
  font-weight: 300 !important; 
}


  ol, ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
  }


  a {
    color: #fff;
    background-color: transparent;
    transition: 0.3s;}

  a:active, a:hover {
    color: var(--s1Color);
    outline: 0;
    text-decoration: none;
    transition: 0.3s;}



/* text styles  */


.tBold {
  font-weight: 900 !important;
}

.slideText01 {
  font-size: 1.15em;
  line-height: 1.35em;
  font-weight: 400 !important;
}



/* Content Stylers */

.text-1 {
  font-size: 1.25em;
  line-height: 1.75em;
}


.pushDown {
  margin-bottom: -160px;
}

.ib {
  display: inline-block;
  }