/* CSS Document */

body, html {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	overflow-x: hidden;
	font-family: 'fbspoilerregular',Arial, Helvetica, sans-serif;
}

.wrapper{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}
.red{
    color: #F15841;
}
.white{
    color: #FFF;
}
.blue{
    color: #02398B;
}
.black{
    color: #000;
}

.en{
	font-family: 'SamsungSharpSans',Arial, Helvetica, sans-serif;
    font-size: 75%;
}


ul {
  list-style: none;
  padding-right: 1.5em;
}

ul li {
  position: relative;
}

ul li::before {
  content: "-";
  position: absolute;
  right: -1em;
}
li{
    position: relative;
    width: 100%;
    height: auto;
  	float: right;
    z-index: 2;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    margin: 0px;
    text-align: right;
    direction: rtl;
}

    .page{
        position: relative;
        width:100%;
        float: left;
        margin: 0;
        padding: 0;
        z-index:1;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
    }

     h2{
        position: relative;
        width: 100%;
        height: auto;
        line-height: 0.8;
        font-weight: 700;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -2px;
        z-index: 1;
    }
     h3{
        position: relative;
        width: 100%;
        height: auto;
        line-height: 0.8;
        font-weight: 400;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -2px;
        z-index: 1;
    }
    .regText{
        position: relative;
        width: 100%;
        height: auto;
        line-height: 0.9;
        font-weight: 400;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;
        z-index: 5;
    }
@media (max-width: 767px) {
.web{
	display: none;
}
.mob{
	display: block;
}
    
    #MainDiv{
        position: absolute;
        width:390px;
        height: auto;
        left:0px;
        top: 0px;
        z-index:4;
    }
    #page1{
        height: 865px;
        background-image: url('images/mb_bg1.jpg');
    }
    #page2{
        height: 570px;
        background-image: url('images/mb_bg2.jpg');
        background-color: #083c8f;
    }
    #page3{
        height: 1168px;
        background-image: url('images/mb_bg3.jpg');
    }
    #page4{
        height: 883px;
        background-image: url('images/mb_bg4.jpg');
    }
     h2{
        font-size: 66px;
    }
    h3{
        font-size: 50px;
        white-space: nowrap;
    }
    .regText{
        font-size: 24px;
        margin-top: 25px;
    }
    li{
        font-size: 24px;
        margin-top: 25px;
    }

    .txtHolder1{
        position: absolute;
        width: 334px;
        height: auto;
        right: 30px;
        top: 50px;
        z-index: 1;
    }
    .txtHolder2{
        position: absolute;
        width: 334px;
        height: auto;
        right: 30px;
        top: 50px;
        z-index: 1;
    }
    .txtHolder3{
        position: absolute;
        width: 334px;
        height: auto;
        right: 30px;
        top: 50px;
        z-index: 1;
    }
    .txt1{
        position: absolute;
        width: 187px;
        height: 52px;
        right: 10px;
        top: 330px;
        z-index: 1;
        line-height: 52px;
        font-weight: 700;
        font-size: 32px;
        text-align: center;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }
    .txt2{
        position: absolute;
        width: 300px;
        height: auto;
        right: 18px;
        top: 405px;
        z-index: 1;
        line-height: 1;
        font-weight: 400;
        font-size: 24px;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }

    .txt3{
        position: absolute;
        width: 300px;
        height: auto;
        right: 18px;
        top: 555px;
        z-index: 1;
        line-height: 0.8;
        font-weight: 400;
        font-size: 24px;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }
    .txt3 strong{
        font-size: 48px;
    }
    .txtHolder4{
        position: absolute;
        width: 334px;
        height: auto;
        right:30px;
        top: 50px;
        z-index: 1;
    }
}
@media (min-width: 768px) {
.web{
	display: block;
}
.mob{
	display: none;
}
    
    #MainDiv{
        position: absolute;
        width:1920px;
        height: auto;
        left:0px;
        top: 0px;
        z-index:4;
    }
    #page1{
        height: 978px;
        background-image: url('images/bg1.jpg');
    }
    #page2{
        height: 978px;
        background-image: url('images/bg2.jpg');
    }
    #page3{
        height: 978px;
        background-image: url('images/bg3.jpg');
    }
    #page4{
        height: 975px;
        background-image: url('images/bg4.jpg');
    }
    h2{
        font-size: 94px;
        white-space: nowrap;
    }
    h3{
        font-size: 94px;
        white-space: nowrap;
    }
    .regText{
        font-size: 36px;
        margin-top: 45px;
    }
    li{
        font-size: 36px;
        margin-top: 45px;
    }

    .txtHolder1{
        position: absolute;
        width: 585px;
        height: auto;
        right: 1040px;
        top: 246px;
        z-index: 1;
    }
    .txtHolder2{
        position: absolute;
        width: 690px;
        height: auto;
        right: 270px;
        top: 210px;
        z-index: 1;
    }
    .txtHolder3{
        position: absolute;
        width: 740px;
        height: auto;
        right: 1040px;
        top: 70px;
        z-index: 1;
    }
    .txt1{
        position: absolute;
        width: 294px;
        height: 75px;
        right: 18px;
        top: 390px;
        z-index: 1;
        line-height: 75px;
        font-weight: 700;
        font-size: 50px;
        text-align: center;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }
    .txt2{
        position: absolute;
        width: 578px;
        height: auto;
        right: 18px;
        top: 480px;
        z-index: 1;
        line-height: 1;
        font-weight: 400;
        font-size: 36px;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }

    .txt3{
        position: absolute;
        width: 578px;
        height: auto;
        right: 18px;
        top: 625px;
        z-index: 1;
        line-height: 1;
        font-weight: 400;
        font-size: 48px;
        text-align: right;
        direction: rtl;
        margin: 0;
        padding: 0;
        letter-spacing: -1px;

    }
    .txtHolder4{
        position: absolute;
        width: 688px;
        height: auto;
        right: 270px;
        top: 230px;
        z-index: 1;
    }

}