html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow: hidden;
}


body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0
}


html,
button,
input,
select,
textarea {
    color: #222
}

body {
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

img {
    vertical-align: middle
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

body {
    font-weight: 300;
    font-style: normal;
    color: #3d3d3d;
    width: 100%;
    height: 100%;
    background: #fff
}

.imgAbsolute {
    position: absolute
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
    position: fixed;
    z-index: 1000;
    display: block
}

.click-through {
    pointer-events: none
}

@font-face {
    font-family: 'BPdotsRegular';
    src: url("../fonts/BPdots-webfont.eot");
    src: url("../fonts/BPdots-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BPdots-webfont.woff") format("woff"), url("../fonts/BPdots-webfont.ttf") format("truetype"), url("../fonts/BPdots-webfont.svg#BPdotsRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

#skrollr-body {
    width: 100%;
    height: 100%
}

.loading {
    width: 100%;
    height: 100%;
    background: #1d1d1d;
    position: absolute
}

.loading-container {
    width: 277px;
    height: 90px;
    background: transparent url(../img/masrawyLogo.gif) no-repeat 0 0;
    position: fixed;
    top: 45%;
    left: 40%;
}

img.loading-gif {
    position: absolute;
    top: 141px;
    left: 104px
}

.container {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #354250;
    display: none
}

.scene {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 800px;
}


.sky {
    height: 200px;
    background: #8cc9dc
}

.sky-inner {
    width: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 200px;
    overflow: hidden
}



img.logo {
    margin-top: 20px;
    max-width: 197px;
    max-height: 170px
}

img.stars {
    max-width: 619px;
    max-height: 189px;
    margin: 0 4%;
    left: 22%
}

img.moon {
    margin-top: 20px;
    max-width: 95px;
    max-height: 120px;
    right: 0
}


img.sun {
    max-width: 163px;
    max-height: 163px;
    right: 0
}

.globalInScene {
    height: 100%;
}

.firstS {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative
}


* {margin: 0; padding: 0; box-sizing: inherit;}
html, body {width: 100%; height: 100%; direction: rtl;}
body {direction: rtl;}
@font-face { font-family: 'DroidKufiBold'; src:url(../../assets/fonts/droidkufi-bold.eot); src:url(../../assets/fonts/droidkufi-bold.eot?#iefix) format('embedded-opentype'), url(../../assets/fonts/droidkufi-bold.woff) format('woff'), url(../../assets/fonts/droidkufi-bold.ttf) format('truetype'), url(../../assets/fonts/droidkufi-bold.svg#webfontRl4nowrT) format('svg'); font-weight:400; font-style:normal }
@font-face { font-family: 'DroidKufiLight'; src:url(../../assets/fonts/droidkufi-regular.eot); src:url(../../assets/fonts/droidkufi-regular.eot?#iefix) format('embedded-opentype'), url(../../assets/fonts/droidkufi-regular.woff) format('woff'), url(../../assets/fonts/droidkufi-regular.ttf) format('truetype'), url(../../assets/fonts/droidkufi-regular.svg#webfontRl4nowrT) format('svg'); font-weight:400; font-style:normal }

.fontLight {    font-family: 'DroidKufiLight'; font-weight: normal;}
.subTitle {
    font-family: 'DroidKufiBold';
    line-height: 201%;
    text-align: right;
    position: absolute;
    width: 15rem;
    right: 10%;
    color: #fff;
    font-size: 1.2rem;
}

.subText {
    font-family: 'DroidKufiLight';
    line-height: 201%;
    text-align: justify;
    position: absolute;
    width: 45%;
    right: 10%;
    color: #fff;
    font-size: 1.2rem;
}

.halfBackgroundOrange {
    position: absolute;
    width: 100%;
    height: 20%;
    z-index: 0;
    background: rgb(249,129,0);
    background: -moz-linear-gradient(left, rgba(249,129,0,1) 0%, rgba(248,56,56,1) 100%);
    background: -webkit-linear-gradient(left, rgba(249,129,0,1) 0%,rgba(248,56,56,1) 100%);
    background: linear-gradient(to right, rgba(249,129,0,1) 0%,rgba(248,56,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98100', endColorstr='#f83838',GradientType=1 );
}

.right {
    width: 60%;
    position: absolute;
    right: 0;
    height: 100%;
}
.left {
    width: 40%;
    position: absolute;
    left: 0;
    height: 100%;
}
.imgAbsolute {width: 100%;}
#soundIframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.egraat {
    background: rgb(249,129,0);
    background: -moz-linear-gradient(left, rgba(249,129,0,1) 0%, rgba(248,56,56,1) 100%);
    background: -webkit-linear-gradient(left, rgba(249,129,0,1) 0%,rgba(248,56,56,1) 100%);
    background: linear-gradient(to right, rgba(249,129,0,1) 0%,rgba(248,56,56,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98100', endColorstr='#f83838',GradientType=1 );
}

.ehsaaeiat {
    background: url('../img/wood.jpg');
    background-size: cover;
}

.girlLeft {
    width: 13%;
    float: right;
    /*right: 10%;*/
}
.girlLeft img {width: 100%}

.embededIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.closeIframe {
    width: 20%;
    position: absolute;
    z-index: 999999;
    top: 0;
    right: 0;
    background: #000;
    height: 100%;
    display: none;
}
.closebt {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    max-width: 100%;
    height: auto;
    padding-top: 50%;
}


.subQuote::before {
    color: #ccc;
    content: open-quote;
    font-size: 3em;
    vertical-align: -.4em;
}
.noQuote::before {
    content: none !important
}
.subQuote {
    background: #f9f9f9;
    border-right: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: .5em 10px;
}


.text {
    font-size: 1.5rem;
    text-align: center;
    margin: auto;
    width: 40%;
    position: relative;
    color: #fff;
    font-family: 'DroidKufiLight';
    left: 0;
    right: 0;
    line-height: normal;
}

.flat {width: 70%}

.soundCloudNoBg {padding: 0;background: none; width: 40%;height: 17%;}
.fakeSoundCloudNoBg {
    padding: 0;
    width: 34%;
    height: 17%;
    background: #ff3e00;
    position: absolute;
    left: 0%;
    top: 35%;
}

.imgInsideDiv { width: 100%; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.6); border: 1px solid white; }


.textTitle { font-size: 2rem; text-align: center; margin: auto; width: 100%; position: absolute; color: #fff; font-family: 'DroidKufiBold'; font-weight: bold; left: 0; right: 0; line-height: normal; }

.personName { display: block;text-align: center;background: #bd111c;width: 94%;margin: auto;color: #fff; }
.container {padding: 0}


.firstS { margin-top: 45px; }
.rightContent {width: 80%; float: right}
.rightContent60 {width: 60%; float: right}