@charset "utf-8";

/* CSS Document */


/*-----------------------------------------------------------*/


    @font-face {
        font-family: VICMedium;
        /* src: url('../fonts/VICMedium.eot');
        src: url('../fonts/VICMedium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/VICMedium.woff') format('woff'),
            url('../fonts/VICMedium.ttf') format('truetype'); */
        src: url(../fonts/VICMedium.ttf) format('truetype');
    }



/*Custom scroll bar*/


/*::-webkit-scrollbar { width: 10px; } */


/* Track */


/*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);} */


/* Handle */


/*::-webkit-scrollbar-thumb {background: #298ca1; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } 
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4); }*/


/*-----------------*/


/* main layout styles */

* {
    box-sizing: border-box;
}

body {
    font-size: 14px;
    font-family: VICMedium;
    line-height: 1.2;
    color: #000000;
    height:100vh;
  width:100vw;
  margin: 0;
  padding: 0;
}

#bodyContainer {
    display: block;
   
}

p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}


/* portraitMode styles */

.portraitMode {
    position: absolute;
    text-align: center;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.portraitMode img {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
}


/* preloader styles */

.loader {
    position: absolute;
    text-align: center;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.loader img {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.logo{
	display:block; height:80px; width:230px; margin:0 auto;}

.logo a{ display:block; padding-top:60px;}
/* screen styles */



#wrapper {
    position: relative;
    background-image: url(../images/player_bg.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0px;
    width: 1366px;
    height: 788px;
    display: block;
    display: center;
}


/*#wrapper2{
	position:relative;
	background-image:url(../images/player_bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0px;
	width:1010px;
	height: 670px;
	display:block;
}*/

#header {
    height: 60px;
    overflow: hidden;
}

#logo {
    display: block;
    left: 20px;
    top: 20px;
    height: 100px;
    width: 292px;
    position: absolute;
    z-index: 99999999999999;
}

#courseTitleWrap {
    position: absolute;
    left: 323px;
    height: 59px;
    display: none;
    width: 363px;
    background: white;
    border-top: 3px solid #02a181;
}

#courseTitleSubWrap {
    display: table;
    height: auto;
    width: 100%;
}

#courseTitle {
    display: table-cell;
    vertical-align: middle;
    height: 54px;
    font-size: 20px;
    color: black;
    text-align: center;
    font-weight: bold;
}

#lessonTitleWrap {
    position: absolute;
    top: 55px
}

#lessonTitleSubWrap {
    display: table-cell;
    height: 30px;
    padding-left: 18px;
    padding-right: 10px;
}

#lessonTitleMainWrap {
    display: table-cell;
    height: 30px;
    padding-left: 18px;
    padding-right: 10px;
}


#lessonTitleMainWrap #lessonTitle1 {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin: 0px;
    font-size: 16px;
    color: #f6f6f6;
    margin-left: 310px;
    font-size: 28px;
    width: 350px;
}


#lessonTitleSubWrap #lessonTitle {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin: 0px;
    width: 500px;
    font-size: 16px;
    color: #f6f6f6;
    font-size: large;
}

.disableBtn {
    cursor: default;
}


/*Bottom VIC/GUI_btn*/

#footer {
    height: 2px;
    width: 705px;
    position: absolute;
    left: 150px;
    /*opacity:0.85;*/
    /*border-radius: 30px;*/
    top: 696px;
    /*  background-color: #115485;*/
}

.menuBtn {
    height: 40px;
    width: 69px;
    display: block;
    top: -567px;
    color: black;
    right: 766px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -138px -68px;
    position: absolute;
}

.menuBtn:hover {
    background-position: -69px -68px;
    color: #201547;
}

.menuOnBtn {
    height: 40px;
    width: 69px;
    display: block;
    top: -569px;
    right: 766px;
    display: block;
    overflow: hidden;
    color: #201547;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: 0px -90px;
}

.menuOnBtn:hover {
    background-position: 0px -45px;
}

.menuBtnDisabled {
    height: 40px;
    width: 69px;
    display: block;
    top: -569px;
    right: 766px;
    overflow: hidden;
    color: #201547;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: 0px -68px;
    position: absolute;
    cursor: default;
}

.langBtn {
    height: 36px;
    width: 36px;
    display: block;
    top: 11px;
    right: 134px;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -216px 0px;
    position: absolute;
}

.langBtn:hover {
    background-position: -252px 0px;
}

.langBtnDisabled {
    height: 36px;
    width: 36px;
    display: block;
    top: 11px;
    right: 134px;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -288px 0px;
    position: absolute;
    cursor: default;
}

.audioBtn {
    top: 9px;
    right: 524px;
    position: absolute;
    height: 35px;
    width: 42px;
    display: none;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -99px -90px;
}

.audioBtn:hover {
    background-position: -99px -45px;
}

.audioBtnDisabled {
    top: 9px;
    right: 524px;
    position: absolute;
    height: 35px;
    width: 42px;
    display: none;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -99px 0px;
    cursor: default;
}

.audioOffBtn {
    top: 9px;
    right: 524px;
    position: absolute;
    height: 35px;
    width: 42px;
    display: none;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -156px -90px;
}

.audioOffBtn:hover {
    background-position: -156px -45px;
}

.audioOffBtnDisabled {
    top: 31px;
    right: 531px;
    position: absolute;
    height: 35px;
    width: 42px;
    display: block;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -157px 0px;
    cursor: default;
}

#volumeSlider {
    position: absolute;
    bottom: 46px;
    left: 100px;
    height: 10px;
    width: 112px;
    display: block;
}

.ui-widget.ui-widget-content {
    border: 0px solid #949494 !important;
    background: #949494 !important;
}

.ui-slider-range {
    background: #006699 !important;
}

.ui-slider-handle {
    border: 2px solid #006699 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    width: 15px !important;
    height: 15px !important;
    outline: 0 !important;
    cursor: pointer !important;
    color: transparent !important;
    display: inline-block;
    top: -4px !important;
    overflow: hidden;
}

.ttBtn {
    height: 40px;
    width: 104px;
    display: block;
    top: -566px;
    color: black;
    right: 559px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -760px -68px;
    position: absolute;
}

.ttBtn:hover {
    background-position: -641px -68px;
    color: #201547;
}

.ttOffBtn {
    top: 9px;
    right: 583px;
    position: absolute;
    height: 35px;
    width: 42px;
    display: block;
    overflow: hidden;
    /* background-image: url(../images/VIC/GUI_btn.png); */
    background-repeat: no-repeat;
    background-position: -49px -90px;
    position: absolute;
}

.ttOffBtn:hover {
    background-position: -49px -45px;
}

.ttBtnDisabled {
    height: 40px;
    width: 104px;
    display: block;
    color: #201547;
    top: -566px;
    right: 559px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -522px -68px;
    position: absolute;
}

.exitBtn {
    height: 40px;
    width: 72px;
    display: block;
    top: 52px;
    right: 33px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
}

.exitBtn:hover {
    background-position: -65px 0px;
}

.exitBtnDisabled {
     height: 40px;
    width: 72px;
    display: block;
    top: 52px;
    right: 33px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -126px 0px;
    position: absolute;
    cursor: default;
}

.helpBtn {
    height: 33px;
    width: 33px;
    display: block;
    bottom: -50px;
    left: 528px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1447px 0px;
    position: absolute;
        border: 2px solid transparent;
    outline: none;
}

 .helpBtn:hover {
    background-position: -1519px 0px;
} 

.helpBtnDisabled {
    height: 33px;
    width: 33px;
    display: block;
    bottom: -50px;
    left: 528px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1483px 0px;
    position: absolute;
        border: 2px solid transparent;
    outline: none;
}

.resBtn {
    height: 40px;
    width: 93px;
    display: block;
    top: 129px;
    color: black;
    left: 93px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -422px -68px;
    position: absolute;
}

.resBtn:hover {
    background-position: -318px -68px;
    color: #201547;
}

.resBtnDisabled {
    height: 40px;
    width: 93px;
    display: block;
    color: #201547;
    top: 129px;
    left: 93px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -214px -68px;
    position: absolute;
    cursor: default;
}

.replayBtn {
    height: 33px;
    width: 83px;
    display: none;                                                                                                                  
    top: 19px;
    right: -22px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -200px 0px;
    position: absolute;
    outline: none;
     z-index: 1000011; 
}

.replayBtn:hover {
    background-position: -283px 0px;
}

.replayBtnDisabled {
    height: 33px;
    width: 83px;
    display: none;                  
    top: 19px;
    right: -22px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -364px 0px;
    position: absolute;
    cursor: default;
    border: 2px solid transparent;
    outline: none;
     z-index: 1000011; 
}


.readSpeaker1{
    height: 33px;
    width: 83px;
    display: block;
    /* top: -67px; */
     bottom: 644px;
    left: 1010px;
    color: white;
    /* right: -491px; */
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1593px 0px;
    position: absolute;
    outline: none;
    z-index: 1000011;
}

.readSpeaker1:hover {
    background-position: -1680px 0px;
    color: #f8df3c;
}

.readSpeaker1Disabled {
    height: 33px;
    width: 83px;
    display: block;
     bottom: 644px;
    left: 1010px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1764px 0px;
    position: absolute;
    cursor: default;
    z-index: 1000011; 
}

.pauseBtn {
    top: 19px;
    right: -22px;
    position: absolute;
    height: 33px;
    width: 83px;
    display: block;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1195px 0px;
    border: 2px solid transparent;
    outline: none;
}

.pauseBtn:hover {
    background-position: -1277px 0px;
}

.pauseBtnDisabled {
    top: 19px;
    right: -22px;
    position: absolute;
    height: 33px;
    width: 83px;
    display: block;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1359px 0px;
    cursor: default;
    border: 2px solid transparent;
    outline: none;
}

.playBtn {
    top: 19px;
    right: -22px;
    position: absolute;
    height: 33px;
    width: 83px;
    display: block;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -945px 0px;
    border: 2px solid transparent;
    outline: none;
}

.playBtn:hover {
    background-position: -1026px 0px;
}

.playBtnDisabled {
    top: 23px;
    right: -22px;
    position: absolute;
    height: 28px;
    width: 83px;
    display: block;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -1111px -37px;
    cursor: default;
    border: 2px solid transparent;
    outline: none;
}

.backBtn {
    height: 33px;
    width: 83px;
    display: block;
    top: 19px;
    right: 61px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -696px 0px;
    position: absolute;
    border: 2px solid transparent;
    outline: none;
}

.backBtn:hover {
    background-position: -779px 0px;
}

.backBtnDisabled {
    height: 33px;
    width: 83px;
    display: block;
    top: 19px;
    right: 61px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -862px 0px;
    position: absolute;
    cursor: default;
    border: 2px solid transparent;
    outline: none;
}

#pagecounter {
    display: table;
    color: #383737;
    font-size: 16px;
    /*height: 44px;*/
    width: 100px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 63px;
}

#currentPageNum {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    color: white;
    display: none;
    left: 45px;
    width: 100%;
    position: absolute;
}

.nextBtn {
    height: 33px;
    width: 83px;
    display: block;
    top: 19px;
    right: -105px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -450px 0px;
    position: absolute;
}

.nextBtn:hover {
    background-position: -533px 0px;
}

.nextBtnDisabled {
    height: 33px;
    width: 83px;
    display: block;
    top: 19px;
    right: -105px;
    overflow: hidden;
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    background-position: -616px 0px;
    position: absolute;
    cursor: default;
    border: 2px solid transparent;
    outline: none;
}

#midNavButtons2 {
    display: none;
    top: 9px;
    right: 4px;
    position: absolute;
}

.getStartedBtn {
    height: 35px;
    width: 42px;
    display: block;
    overflow: hidden;
    background-image: url(../images/VIC/GUI_btn.png);
    background-repeat: no-repeat;
    background-position: -416px -90px;
    float: left;
}

.getStartedBtn:hover {
    background-position: -416px -45px;
}


/*Transcript*/


/*Resources pane*/

.resourcesPane {
    display: none;
    /*background-image: url(../images/menu_bg.png);*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    height: 578px;
    width: 292px;
    top: 169px;
    left: 20px;
    background-color: white;
}


/*Resources pane ends here*/

.menuPane {
    display: block;
    /*background-image: url(../images/menu_bg.png);*/
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    /*height: 519px;
    width: 294px;*/
    top: 104px;
    visibility: visible;
    left: 4px;
}

.menuCloseBtn {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding: 1px 7px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 5;
    display: none;
    text-decoration: none;
    font-weight: bold;
}

.menuCloseBtn:hover {
    color: red;
}

.menuCloseBtnBg {
    width: 0;
    height: 0;
    position: absolute;
    /*border-top: 35px solid #2576AE;
	border-left: 38px solid transparent;*/
    right: -1px;
    top: -1px;
}

.menu_en {
    display: block;
}

.menu_ar {
    display: none;
}

.menuPane .header {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    width: 479px;
    /*height: 28px;*/
    position: absolute;
    top: 30px;
    left: 0px;
    text-align: center;
}

.menuPane .header .topics {
    width: 119px;
    padding-top: 4px;
    float: left;
}

.menuPane .header .subTopics {
    width: 286px;
    padding-top: 4px;
    float: left;
}

.menuPane .header .pages {
    width: 74px;
    padding-top: 4px;
    float: left;
}

.menuPane .topicsContainer {
      /*color: #333333; */
    font-size: 16px;
    width: 292px;
    background-color: white;
    height: 573px;
    position: absolute;
    top: 67px;
    left: 16px;
    /* right: 10px; */
    /* padding-right: 15px; */
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    display: block;
}

.menuPane .topicSubCont {
    width: 100%;
    /*background: rgba(109, 155, 174, 0.5);*/
    border-radius: 5px;
    margin-bottom: 10px;
    /* padding: 10px; */
    float: left;
}

.menuPane .topicSubCont1 {
    width: 100%;
    /*background: rgba(109, 155, 174, 0.5);*/
    border-radius: 5px;
    margin-bottom: 10px;
    /* padding: 10px; */
    float: left;
    height: 135%;
    position: absolute;
    display: none;
}

.menuPane .topicTitleCont {
    width: 122px;
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    display: table;
    float: left;
}

.menuPane .topicTitle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.menuPane .pageTitleCont {
    /*background-image: url(../images/menu_pageTitle.png);*/
    background-repeat: no-repeat;
    color: darkblue;
    font-weight: bold;
    background-position: 0px 0px;
    height: 22px;
    width: 274px;
    margin-top: 10px;
    display: table;
    cursor: pointer;
}

.menuPane .pageTitleCont:hover {
    background-position: 0px -22px;
}

.menuPane .pageTitleContActive {
    /*background-image: url(../images/menu_pageTitle.png);*/
    background-repeat: no-repeat;
    background-position: 0px -22px;
    color: black;
    height: 22px;
    width: 274px;
    margin-top: 10px;
    display: table;
    cursor: default;
}


/*.menuPane .pageTitleContDisbled{
	background-image: url(../images/menu_pageTitle.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	height: 22px;
	color:darkblue;
	width: 274px;	
	margin-top: 10px;
	display: table;

}*/

.menuPane .pageTitle {
    width: 280px;
    height: 22px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}

.menuPane .pageTitleArabic {
    width: 280px;
    height: 22px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding-right: 25px;
}

.menuPane .pageNum {
    width: 40px;
    margin-left: 14px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}


/*Transcript*/

#ttpane {
    clear: both;
    visibility: hidden;
    padding: 6px 25px 10px 10px;
    background-color: #FFFFFF;
    position: absolute;
    /* border: 3px solid #2576AE; */
    height: 576px;
    width: 290px;
    color: #333333;
    bottom: 77px;
    left: 21px;
    top: 171px;
}

#ttpane ul {
    padding: 0 0 0 20px;
}

#ttpane ol {
    margin-bottom: 5px;
}

#ttpane li {
    margin-bottom: 5px;
    list-style: disc;
}

#transcript {
    padding: 0px 10px 0px 0px;
    height: 542px;
    font-size: 14px;
    overflow: auto;
    width: 109%;
    -webkit-overflow: auto;
}

#transcript p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
}

.ttCloseBtn {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    padding: 0px 5px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 5;
    text-decoration: none;
    font-weight: bold;
    display: none;
}

.ttCloseBtn:hover {
    color: #FFFFFF;
}

.ttCloseBtnBg {
    width: 0;
    height: 0;
    position: absolute;
    /*border-top: 25px solid #02a181;*/
    border-left: 28px solid transparent;
    top: 0px;
    right: -1px;
}


/*Screens*/

#stage {
    clear: both;
    margin: 0px;
    display: block;
}

#pageContainer {
    width: 1034px;
    height: 630px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 119px;
    left: 312px;
    /* border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; */
}

.clear {
    clear: both;
}


/*for helpPopup*/

.helpWrap {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none;
}

.help_bg {
    width: 1010px;
    height: 582px;
    top: 88px;
    position: absolute;
    left: 0px;
    /* border-radius: 10px;*/
}

.help_en {
    display: block;
}

.help_ar {
    display: none;
}

.helpCloseBtn {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 20px;
    padding: 3px 10px;
    position: absolute;
    left: 0px;
    top: 88px;
    z-index: 5;
    background-color: #2576AE;
    text-decoration: none;
    display: none;
    /*border-top-left-radius: 10px;*/
}

.helpCloseBtn:hover {
    background-color: #01578F;
}


/*for bookmarkPopup*/

.bookmarkWrap {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.bookmark {
    border: 3px solid #2576AE;
    min-height: 160px;
    margin: 250px auto;
    width: 35%;
    background-color: #ffffff;
    min-width: 245px;
}

.bookmarkInfo {
    height: 91%;
    width: 100%;
}

.bookmarkInfo div:first-child {
    min-height: 40px;
    font-size: 16px;
}

.bookmarkInfo>div {
    margin: 10px;
    overflow: hidden;
    overflow-y: auto;
    text-align: center;
}

.bookmarkInfo div:last-child {
    margin-top: 10px;
}

.bookmarkInfo div:last-child div {
    display: inline-block;
}

.bookmarkInfo div:last-child div a:last-child {
    margin-left: 10px;
}

.bookmarkHeader {
    min-height: 31px;
    width: 100%;
    background-color: #2576AE;
    display: inline-block;
    position: relative;
    color: #ffffff;
}

.bookmarkHeader>div {
    font-size: 16px;
    float: left;
    margin: 3px 10px 3px 10px;
}

.bookmark_en {
    display: none;
}

.bookmark_ar {
    display: none;
}

.bookmarkBtn {
    width: 70px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 29px;
    float: left;
    background-color: #2576AE;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

.bookmarkBtn:hover {
    background-color: #01578F !important;
    color: #FFFFFF;
}


/*for exitPopup*/

.exitWrap {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.result {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.exit {
    border: 3px solid #00b2a9;
    min-height: 160px;
    margin: 250px auto;
    width: 35%;
    background-color: #ffffff;
    min-width: 245px;
}

.exitInfo {
    height: 91%;
    width: 100%;
}

.exitInfo div:first-child {
    min-height: 40px;
    font-size: 16px;
}

.exitInfo>div {
    margin: 10px;
    overflow: hidden;
    text-align: center;
}

.exitInfo div:last-child {
    margin-top: 10px;
}

.exitInfo div:last-child div {
    display: inline-block;
}

.exitInfo div:last-child div a:last-child {
    margin-left: 10px;
}

.exitHeader {
    min-height: 31px;
    width: 100%;
    background-color: #00b2a9;
    display: inline-block;
    position: relative;
    color: #ffffff;
}

.exitHeader>div {
    font-size: 16px;
    float: left;
    margin: 3px 10px 3px 10px;
}

.exit_en {
    display: none;
}

.exit_ar {
    display: none;
}


.exitPopupBtn {
    width: 70px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 29px;
    float: left;
    background-color: #00b2a9;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;}

.exitPopupBtn1 {
    width: 70px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 29px;
    float: left;
    background-color: #00b2a9;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

.exitPopupBtn1:hover {
    background-color: #01578F !important;
    color: #FFFFFF;
}



.exit1 {
    border: 3px solid #00b2a9;
    min-height: 160px;
    margin: 250px auto;
    width: 35%;
    background-color: #ffffff;
    min-width: 245px;
}

.exitInfo1 {
    height: 91%;
    width: 100%;
}

.exitInfo1 div:first-child {
    min-height: 40px;
    font-size: 16px;
}

.exitInfo1>div {
    margin: 10px;
    overflow: hidden;
    text-align: center;
}

.exitInfo1 div:last-child {
    margin-top: 10px;
}

.exitInfo1 div:last-child div {
    display: inline-block;
}

.exitInfo1 div:last-child div a:last-child {
    margin-left: 10px;
}

.exitHeader1 {
    min-height: 31px;
    width: 100%;
    background-color: #00b2a9;
    display: inline-block;
    position: relative;
    color: #ffffff;
}

.exitHeader1>div {
    font-size: 16px;
    float: left;
    margin: 3px 10px 3px 10px;
}

.exit_en1 {
    display: none;
}

.exit_ar1 {
    display: none;
}

.exitPopupBtn1 {
    width: 70px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 29px;
    float: left;
    background-color: #00b2a9;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

.exitPopupBtn1:hover {
    background-color: #01578F !important;
    color: #FFFFFF;
}


/*for Ipad/Iphone*/

.blanketIpad {
    position: absolute;
    text-align: center;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
    display: none;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.blanketIpad span {
    position: fixed;
    width: 180px;
    height: 30px;
    top: 50%;
    left: 50%;
    color: #FFF;
    text-align: center;
    margin-top: -20px;
    margin-left: -100px;
    background-color: #3d5d9b;
    border: 1px solid #FFF;
    border-radius: 5px;
    padding: 10px 10px 0px 10px;
}


/* ---------------- css for slider  -------------------- */

.slider {
    position: absolute;
    left: 232px;
    bottom: 13px;
    background: transparent;
    height: 16px;
    width: 272px;
    display: none;
}

.complete_bar {
    position: absolute;
    left: 0px;
    bottom: 6px;
    background: white;
    height: 2px;
    width: 272px;
    /*border: 1px solid grey;*/
    border-radius: 5px;
}

.progress_bar {
    position: absolute;
    left: 0px;
    bottom: 6px;
    /*background: #02a181;*/
    height: 2px;
    width: 0px;
    border-radius: 5px;
}

.dragger {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #d41f26;
    height: 14px;
    width: 14px;
    border: 1px solid white;
    border-radius: 50%;
    cursor: pointer;
}

.privacyLinks{
	display: block;
    position: absolute;
    color: #333333;
    width: 1326px;
    height: 40px;
    background: #FFFFFF;
    left: 20px;    
    line-height: 40px;
    z-index: 100;
    margin: 0 auto;
    bottom: 0;
   
}

.privacyLinks> a{
    color: #333;
	text-decoration:none;
	padding:0 5px;
    width: calc(100% / 4);
}

.privacyLinks1 {
	display: block;
	position: relative;
	color: #333333;
	width: 1024px;
	height: 40px;
	background: #FFFFFF;
	left: 0;
	top:200px;
	line-height: 40px;}



.privacyLinks1> a{
    color: #333;
	text-decoration:none;
	padding:0 5px;
    width: calc(100% / 4);
   
}

.instext{
    color: white;
    top: 130px;
    position: relative;
    text-align: center;
	width: 500px;
	margin: 0 auto;
}

.jswarning{
    color: white;
    position: relative;
    top: 100px;
    left: 150px;
    text-align: center;
    width: 718px;
}


.jswarning1{
    color: red;
    position: relative;
    top: 162px;
    height: 20px;
    text-align: center; 
}

.logo_intro{
    position: relative;
    height: 80px;
    width: 230px;
    bottom: 433px;
    left: 390px;
}


#optionSelect{
    left: 33.8%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…J2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); */
    background-position: 97% center;
    background-repeat: no-repeat;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    padding: 8px 12px;
    height: 50px;
    top: 150px;
    position: relative;
    width: 33.4%;
}
/* ---------------- css for slider  -------------------- */