@font-face {
    font-family: 'MyriadProBold';
    src: url('../fonts/MyriadProBold.eot');
    src: url('../fonts/MyriadProBold.eot') format('embedded-opentype'),
         url('../fonts/MyriadProBold.woff2') format('woff2'),
         url('../fonts/MyriadProBold.woff') format('woff'),
         url('../fonts/MyriadProBold.ttf') format('truetype'),
         url('../fonts/MyriadProBold.svg#MyriadProBold') format('svg');
}

@font-face {
    font-family: 'verdanab';
    src: url('../fonts/verdanab.eot');
    src: url('../fonts/verdanab.eot') format('embedded-opentype'),
         url('../fonts/verdanab.woff2') format('woff2'),
         url('../fonts/verdanab.woff') format('woff'),
         url('../fonts/verdanab.ttf') format('truetype'),
         url('../fonts/verdanab.svg#verdanab') format('svg');
}

@font-face {
    font-family: 'CherryCreamSoda';
    src: url('../fonts/CherryCreamSoda.eot');
    src: url('../fonts/CherryCreamSoda.eot') format('embedded-opentype'),
         url('../fonts/CherryCreamSoda.woff2') format('woff2'),
         url('../fonts/CherryCreamSoda.woff') format('woff'),
         url('../fonts/CherryCreamSoda.ttf') format('truetype'),
         url('../fonts/CherryCreamSoda.svg#CherryCreamSoda') format('svg');
}

@font-face {
    font-family: 'GROBOLD';
    src: url('../fonts/GROBOLD.eot');
    src: url('../fonts/GROBOLD.eot') format('embedded-opentype'),
         url('../fonts/GROBOLD.woff2') format('woff2'),
         url('../fonts/GROBOLD.woff') format('woff'),
         url('../fonts/GROBOLD.ttf') format('truetype'),
         url('../fonts/GROBOLD.svg#GROBOLD') format('svg');
}

@font-face {
    font-family: 'Angella';
    src: url('../fonts/Angella.otf');

}




/* edited 28feb2017 */
html {
    border: none;
    width: 100%;
    height: 100%;
}

body {
    background: inherit;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.hiddenImageCls {
	position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;		
}

/*START PAGE*/

.startPage {
    padding: 10px;

}

.startPage > * {
    margin: 0px auto;
    display: block;
}

.startPage .text {
    margin-top: 108px;
    max-width: 856px;
    max-height: 80px;
    cursor: pointer;
}

.startPage .logo {
    margin-top: 98px;
    cursor: pointer;
    max-width: 481px;
    max-height: 286px;
}

.btnStart {

    cursor: pointer;
    margin-top: 14px;

}

/*.btnText {
    height: 100%;
    background: url('../img/textPlay.png') no-repeat;
    background-position: center;
}
*/
.infoWinBtnClose {
    width: 32px;
}

.infoWinBtnCloseOnThumb, .infoWinBtn {
    height: 40px;
}

/*  interfase panel  */
.interfacePanel {
    height: 100%;
    position: relative;
    max-width: 3560px;
    margin: 0 auto;
}

.layout {
    height: 100%;
    /*position: relative;*/
    z-index: 2;
    margin: 0 auto;
    background: #000;
}

.pageContent {
    height: 90%;
    text-align: center;
    overflow: hidden;
}

.pageContent > * {
    max-height: 90%;
    position: relative;
    top: 5%;
}

.bottomMenu, .bottomMenuBG {
    height: 10%;
    background-color: #2d78bf;
    position: relative;
    z-index: 5;
    bottom: -25px;
    opacity: 1;
    text-align: center;
}

.bottomMenuBG {
    position: relative;
    bottom: 0;
    width: 200%;
    z-index: 1;
    margin-left: -50%;
}

.hideBottomPanel {
    bottom: -20%;
}

.videoControlls {
    opacity: 1;
}

.hideControllsVideo, .hideBottomPanel {
    -webkit-transition: all 1s;
    /*-moz-transition: prop time;*/
    -ms-transition: all 1s;
    /*-o-transition: prop time;*/
    transition: all 1s;
    opacity: 0;
}

.bottomMenu .logo {
    max-height: 140%;

    float: left;
    margin: -63px 0 0 70px;
}

.bottomMenu .text {
    height: 120px;
    margin: 30px 0 0 15px;
    float: left;
/*Orlin Jan 8, 2018    cursor: pointer; */
}

.bottomMenu .newText {
    position: absolute;
    left: 600px;
    line-height: 150px;
    color: white;
    font-size: 40px;
}

/*TOP MENU*/
.topMenu {

    position: absolute;
    height: 60px;
    width: 100%;
    right: 0;
    z-index: 10;
}

.topMenuImpl {
    width: 100%;
    height: 100%;
}

.topMenuImpl > * {
    float: right;
    width: 80px;
    height: 60px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0px;
}

.topMenuImpl .Close {
    background-image: url("../img/close.png");
    background-position-x: 4px;
}

.topMenuImpl .Home {
    background-image: url("../img/home.png");
    background-size: 80%;
}

.topMenuImpl .Activity {
    background-image: url("../img/activity.png");
    background-size: 62px auto;
}

.topMenuImpl .Quiz {
    background-image: url("../img/quiz.png");
}

.topMenuImpl .Keyword {
    background-image: url("../img/keyword.png");
}

.thumbHolder {
    position:relative;
    right: 444px;
    bottom: 45px;
    width: 450px;
    text-align: center;
}

.thumbBlok {

	display:none;
    height: 10%;
    overflow: hidden;
}

.thumbBlok img, .thumbBlok img.noActiveImg:hover {
    height: 95%;
    margin: 2px 0;
    border: none;
    cursor: initial;
}

.thumbBlok img:hover {
    border: 2px solid #FEFF02;
    margin: 0 -2px;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.bntHolder {
    position: relative;
    /* top: 100%; */
    height: 58px;
    margin-top: -24px;
    z-index: 3;
}

.chapterBtn {
    height: 100%;
    cursor: pointer;
}

.chapterImg {
    position: absolute;
    cursor: pointer;

}

.chapterImg:hover {

    border: 8px solid #FEFF56;
    margin: -8px;
}

.coverImg {
    height: 90%;
}

.page-wrapper {
    right: 2px !important;
}

.BtnReadByMyself {
    cursor: pointer;
    height: 100px;
    position: absolute;
    left: 1600px;
    top: 30px;

}

.BtnReadToMe {
    cursor: pointer;
    height: 100px;
    position: absolute;
    left: 1217px;
    top: 30px;

}

#flipbook {
    margin: 0 auto;
}

.pageImg {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.CButton {
    position: absolute;
    cursor: pointer;
}

.CBtnNextLang {
    left:1200px!important;

}

.CBtnBackLang{

    left:950px!important;
    top: 30px !important;
}


.infoWin {
    z-index: 36;
    position: absolute;

    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    border: 9px solid #fff;
    /*overflow: hidden;*/

}

.infoWin .contener {
    height: 100%;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.infoWinBG {
    position: absolute;
    border-radius: 65px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

}

.selectLangImg {
    border: 64px solid rgba(255, 255, 0, 0);
}

.selectLangImg:hover {
    border-color: #7ac943;
    cursor: pointer;
}

.wraperSelectLang {
    display: inline-block;
    position: relative;
    margin: 288px 216px 0;
}

.langTextInSelectLang {
    position: absolute;
    bottom: -23px;
    width: 100%;
}

.btnContent {
    display: inline-block;
    width: auto !important;
    height: 114px;
    cursor: pointer;
    background: #363333;    
}

.btnContent .wrapper {
    margin: 11px;
    background: #2d78bf;
    height: 89px;
    padding: 1px;
}

.btnContent .text {
    font: 47px Arial, sans-serif;
    font-weight: 600;
    color: #fefefe;
    margin: 8px 8px 6px 8px;
    background: #2d78bf;
    height: 73px;
    line-height: 78px;
    text-transform: uppercase;
}

.btnLang > img {
    width: 100%;
    height: 100%;
}

.btnLang .btnText {
    position: absolute;
    top: 43px;
    font: 28px sans-serif;
    color: #2d78bf;
    text-align: center;
    width: 80%;
    height: initial;
	text-transform:uppercase;
}

.CBtnNextLang > .btnText {

}

.CBtnBackLang > .btnText{
    padding: 0 0 0 20%;
}

.btnSelectLang {
    border: 0px!important ;
    position: relative;
    left: inherit !important;
    right: inherit !important;
    top: 0px !important;
    bottom: 15px !important;
    margin: 0 20px 5px;
    display: inline-block;
    text-align: center;
    float: left;
    box-sizing: border-box;
    margin: 0 1px 34px;
      min-width: 131px;
	
}

   .maxed .btnSelectLang:last-child{/*display:none*/}     .btnLangContent {
    /*border: 2px solid #327bc0; */
    background-image:url("/slice1.png");
    background-repeat:repeat-x;
    /*padding:4px;*/  
}

.langWrapper {
    /*background: #2d78bf;*/
	 background-image:url("slice1.png");
    background-repeat:repeat-x;
    color: #fff;
    padding:4px; 
    padding:1px;
background: #5f98cf;
background: -moz-linear-gradient(top, #5f98cf 0%, #3d82c4 50%, #2e78bf 100%);
background: -webkit-linear-gradient(top, #5f98cf 0%,#3d82c4 50%,#2e78bf 100%);
background: linear-gradient(to bottom, #5f98cf 0%,#3d82c4 50%,#2e78bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f98cf', endColorstr='#2e78bf',GradientType=0 );
}

.active .langWrapper {

    background: #7ac943;
    color: #fff;
    padding:1px;   

}
.langText:hover {
   background: #7ac943;
}
.langText {
    font: 27px Arial;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    line-height: 41px;
}

.langTitleTextOnPageChoose {

    position: relative;
    top: 90px;
    width: 100%;
    text-align:center;
	float:top;
}

.langTitleTextOnPageChoose .text {
    font: 47px Arial, sans-serif;
    font-weight: 600;
    color: #fefefe;
    line-height: 38px;
	
	
}

.textOverBtnLang {
    position: absolute;
    top: 4px;
    font: 27px Arial, sans-serif;
    font-weight: 600;
    color: #fefefe;
    line-height: 38px;
    padding-top: 39px;
    text-align: left;
    width: 200px;    
    right:27%;
}


.wrapperVideo {
    height: 100%;
    max-height: 100%;
    top: 100px;
}

.curtains {
    position: absolute;
    height: 100%;
    left: -5px;
    top: -80px;
    z-index: 1;
}

.video {
    height: 1041px;
    margin-top: 116px;
}

.curtainsPNG {

}

.curtainsGIF {

}

.wrapperCurtains {
    position: absolute;
    width: 1615px;
    bottom: 0;
    height: 77%;
    left: 660px;
    overflow: hidden;
}

.wrapCurtains {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 1;
}

.rocker {
    height: 1270px;
    z-index: 2;
    position: absolute;
    left: 664px;
    top: 206px;
}

.scene {
    position: absolute;
    height: 100%;
    left: 460px;
    z-index: 3;
    top: 0;
}

.btnPlayVideo {
    position: relative;
    z-index: 4;
    margin: 0 auto;
    width: 550px;
    margin-top: 720px;
    opacity: 0.7;
}

.btnPlayVideo:hover {
    opacity: 1;
    cursor: pointer;
}

.btnPlayOnVideo {
    position: absolute;
    width: 540px;
    top: 550px;
    margin: 0 auto;
    left: 1181px;
    opacity: 0.7;
    z-index: 1;
}

.btnPlayOnVideo:hover {
    opacity: 1;
    cursor: pointer;
}

.coverVideo {
    position: absolute;
    height: 90%;
    left: 660px;
    top: 330px;
    width: 55%;
}

.wrapDecoration {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*video::-webkit-media-controls-fullscreen-button {*/
/*display: none;*/
/*}*/

/*video::-webkit-media-controls-enclosure {*/
/*margin-bottom: -70px;*/

/*}*/

/*video::-moz-media-controls, video::-moz-media-controls-enclosure {*/
/*margin-bottom: -70px;*/
/*position: absolute;*/
/*display: none !important;*/
/*}*/

.lambrequin {
    position: absolute;
    top: -50px;
    left: 911px;
    z-index: 3;
    height: 390px;
}

.areaForLogImg {
    width: 100%;
    position: absolute;
    top: -55px;
    z-index: 3;
}

.areaForLogImg img {
    margin: 0 auto;
    margin: 0 auto;
    height: 230px;
}

.flashlight {
    width: 650px;
    height: 650px;
    position: absolute;
    z-index: 2;
    opacity: 0.5;
    background: url(../img/flashLight.png);
    background-size: cover;
    background-blend-mode: multiply, normal;

    /*transition: left 2s cubic-bezier(0.645, 0.270, 0.775, 0.365), top 2s cubic-bezier(0.240, 0.595, 0.375, 0.755);*/

}

/*animation: circle 5s linear infinite;*/
/*transform-origin:50% 200px;*/

.flashlight:nth-child(2) {
    left: 500px;
    top: 120px;
}

@media screen and (max-width: 1024px) {
    div.bottomMenuBG {
        display: none;
    }

}

/* video controls*/

.wrapVideo {
    height: 40px;
    margin-top: 20px;
}

.videoControlls {
    display: inline-block;
    height: 100%;
    white-space: nowrap;
}

.videoControlls > * {
    display: inline-block;
    white-space: nowrap;
    height: 100%;
}

.play {
    background-image: url('../img/plaer/play.png');

}

.pause {
    background-image: url('../img/plaer/pause.png');

}

.pause, .play {

    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
    width: 33px;
    margin-right: 30px;

}

.pause :hover, .play:hover {
    opacity: 1;
}

.progress {
    width: 1000px;
    background: #2C2C2C;
    position: relative;
}

.progressLoad {
    position: absolute;
    height: 100%;
    width: 0;
    background: #5E5E5E;
    top: 0;
    left: 0;
}

.volume {
    width: 340px;
    height: 50%;
    margin-left: 30px;
    margin-bottom: 8px;
    border: 3px #5E5E5E solid;
}

.volumeValue {
    height: 100%;
    width: 50%;
    background: url('../img/plaer/bg-volume.png');
    background-size: auto 70%;
    background-repeat: repeat-x;
    background-position: center;
}

.fullScreen {
    width: 40px;
    height: 100%;
    background: url('../img/plaer/bg-fs.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 30px;
    cursor: pointer;
}

.progressFill {
    position: relative;
    height: 100%;
    background: #9D9D9D;
    width: 0;
    z-index: 1;
}

/* for start btn */

.start-btn{
    background: #ee3d3f;
    text-align: center;
    color: #ffffff;
    font-size: 47px;
    font-weight: bold;
    text-decoration: none;
    font-family: monospace;
    border-radius: 50%;
    width: 176px;
    height: 42px;
    padding: 21px 0;
    border: 5px solid #fff215;
    position: relative;
    line-height: 42px;
    letter-spacing: -2px;
    margin: 25px auto;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    -ms-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    display: block;
    text-transform: uppercase;
}
.b-btn{
    position: relative;
}
.b-btn span{
    position: absolute; 
    text-align: center;
    color: #ffffff;
    font-size: 43px;
    font-weight: bold;
    top: 22px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: monospace;
    text-transform: uppercase;
    cursor: pointer;
    width: 150px;
    font-family: 'Roboto', sans-serif;
}
.start-btn:before{
    content: "";
    display: block;
    border: 4px solid #3a3834;
    /* position: absolute;*/
    width: 187px;
    height: 94px;
    border-radius: 50%;
    margin: -30px -10px;
}
@-webkit-keyframes rotation {
    0% { -webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.1);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes rotation {
    0% { -moz-transform: scale(1);}
    50% {-moz-transform: scale(1.1);}
    100% {-moz-transform: scale(1);}
}
@-o-keyframes  rotation {
    0% { -o-transform: scale(1);}
    50% {-o-transform: scale(1.1);}
    100% {-o-transform: scale(1);}
}

@-ms-keyframes  rotation {
    0% { -ms-transform: scale(1);}
    50% {-ms-transform: scale(1.1);}
    100% {-ms-transform: scale(1);}
}
@keyframes rotation {
    0% { transform: scale(1);}
    50% { transform: scale(1.1);}
    100% { transform: scale(1);}
}
/* end for start btn */

/* more lang */
.a-lang{
    display: inline-block;
    /*width: 900px;*/
    margin: 0 auto;
    text-align:left;
    position:relative;
    float: right;
   /* right:1%; */
    z-index:5;
    line-height:50px;
    height: 168px;
}
.b-lang{
    float: right;
    /*position: absolute;*/
    right: 0;
    width:60%;
    background: #225b91;
    background: -moz-linear-gradient(top, #225b91 0%, #225b91 50%, #2e78bf 100%);
    background: -webkit-linear-gradient(top, #225b91 0%,#225b91 50%,#2e78bf 100%);
    background: linear-gradient(to bottom, #225b91 0%,#225b91 50%,#2e78bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225b91', endColorstr='#2e78bf',GradientType=0 );
}
.b-lang .langText {
    font: 24px Arial;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    line-height: 81px;
    padding:5px auto;
    border:1px;
}

/*.b-lang .langText {
    font: 24px Arial;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    line-height: 30px;
}*/

.langTitleTextOnPageChoose.column-5, .langTitleTextOnPageChoose.column-6{
    top: 50px;
}

.wraperSelectLang.column-2{
    width: 40%;
    margin: 248px 0 0;
}

.wraperSelectLang.column-3{
    width: 30%;
    margin: 248px 0 0;
}

.wraperSelectLang.column-4{
    width: 22%;
    margin: 248px 0 0;
}
.wraperSelectLang.column-4 .selectLangImg{
    width: 80%;
}

.wraperSelectLang.column-5, .wraperSelectLang.column-6{
    width: 26%;
    margin: 0;
}
.wraperSelectLang.column-5 .selectLangImg, .wraperSelectLang.column-6 .selectLangImg{
    width: 80%;
    border: 40px solid rgba(255, 255, 0, 0);
    margin: 20px;
}
.wraperSelectLang.column-5 .selectLangImg:hover, .wraperSelectLang.column-6 .selectLangImg:hover{
    border-color: #ff0;
    cursor: pointer;
}

.wraperSelectLang.column-7, .wraperSelectLang.column-8{
    width: 22%;
    margin: 0;
}
.wraperSelectLang.column-7 .selectLangImg, .wraperSelectLang.column-8 .selectLangImg{
    width: 80%;
    border: 40px solid rgba(255, 255, 0, 0);
    margin: 20px;
}
.wraperSelectLang.column-7 .selectLangImg:hover, .wraperSelectLang.column-8 .selectLangImg:hover{
    border-color: #ff0;
    cursor: pointer;
}

.wraperSelectLang.column-7, .wraperSelectLang.column-8{
    width: 22%;
    margin: 0;
}
.wraperSelectLang.column-7 .selectLangImg, .wraperSelectLang.column-8 .selectLangImg{
    width: 80%;
    border: 40px solid rgba(255, 255, 0, 0);
    margin: 20px;
}
.wraperSelectLang.column-7 .selectLangImg:hover, .wraperSelectLang.column-8 .selectLangImg:hover{
    border-color: #ff0;
    cursor: pointer;
}

.wraperSelectLang.column-9, .wraperSelectLang.column-10{
    width: 18%;
    margin: 0;
}
.wraperSelectLang.column-9 .selectLangImg, .wraperSelectLang.column-10 .selectLangImg{
    width: 80%;
    border: 40px solid rgba(255, 255, 0, 0);
    margin: 20px;
}
.wraperSelectLang.column-9 .selectLangImg:hover, .wraperSelectLang.column-10 .selectLangImg:hover{
    border-color: #ff0;
    cursor: pointer;
}

.wraperSelectLang.column-11, .wraperSelectLang.column-12{
    width: 22%;
    margin: 0;
}
.wraperSelectLang.column-11 .selectLangImg, .wraperSelectLang.column-12 .selectLangImg{
    width: 55%;
    border: 40px solid rgba(255, 255, 0, 0);
    margin: 20px;
}
.wraperSelectLang.column-11 .selectLangImg:hover, .wraperSelectLang.column-12 .selectLangImg:hover{
    border-color: #ff0;
    cursor: pointer;
}


/* end more lang */



/* Home page new design css start*/
.startPage {left: 0;margin: 0 auto;padding: 10px;position: absolute;right: 0;top: 290px;width: 485px;}
.startPage .logo {margin-left: -10px;margin-top: 46px;max-width: 500px; }
.start-btn::before{display:none;}
.start-btn{background: #8ac540;border: 3px solid #ffffff;border-radius: 10px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);height: auto;padding: 22px 0;width: 170px;margin-top: 50px;}
.b-btn span {font-size: 26px;top: 8px;font-family: 'verdanab';}
.inner-back-div{background-image:none !important; background-color:#000  !important;}
.bottomMenu .text {height: 100px; margin: 30px 0 0 8px;}
/* Home page new design css end */

/* inner page design css start*/
.b-lang{width:auto; text-align:right;
background: -moz-linear-gradient(top, rgba(56,127,194,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(56,127,194,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(56,127,194,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387fc2', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.langWrapper{
background: -moz-linear-gradient(90deg, #2d78bf 0%, #6199cf 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #2d78bf), color-stop(100%, #6199cf));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #2d78bf 0%, #6199cf 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #2d78bf 0%, #6199cf 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #2d78bf 0%, #6199cf 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d78bf', endColorstr='#6199cf', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #2d78bf 0%, #6199cf 100%);/* W3C */}

.b-lang .langText{line-height:160px !important;font-family: 'MyriadProBold';font-weight: normal;}
.maxed {text-align: left;width: 803px;overflow: hidden;}
.maxed .langText{line-height:80px !important;}
.btnSelectLang{float:none; }
.textOverBtnLang{display:none;}
.textOverBtnLang1{float:left;color: #fefefe;font: 27px/38px MyriadProBold;font-weight: normal;padding-top: 45px;text-align: left;width: 160px;}

.btnSelectLang {float: none;}
.maxed .btnSelectLang{float:left;}
.maxed .btnSelectLang:after {content:""; position:absolute;width:100%;height:60px;left:0; right:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#215a8f+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(33,90,143,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(33,90,143,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(33,90,143,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215a8f', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}


.CBtnNextLang {left: 1635px !important;top: 30px !important;}
.btnLang .btnText{font-family: 'MyriadProBold';top:0px;line-height: 106px;}
.CBtnBackLang {left: 1150px !important; top:29px !important;}
.CBtnBackLang > .btnText {/*line-height: 28px;*/}

_::-webkit-full-page-media, _:future, :root .booktitle {
  .CBtnBackLang > .btnText {line-height: 36px;}
  .CBtnNextLang .btnText{line-height: 44px;}
}

/** 0218 **/
.btnRead, .btnPause {top: -5px !important; display:none;}
.btnRead {
    background-image: url(../img/btnReadN.png);
    background-size: 211px 182px;
    height: 140px;
    background-repeat: no-repeat;
}
.btnRead:hover {
    background-image: url(../img/btnReadGlow.png);
    background-size: 211px 182px;
    height: 170px;
    background-repeat: no-repeat;
}
.btnPause {
    background-image: url(../img/btnPause.png);
    background-size: 211px 182px;
    height: 140px;
    background-repeat: no-repeat;
}
.btnPause:hover {
    background-image: url(../img/btnPauseGlow.png);
    background-size: 211px 182px;
    height: 170px;
    background-repeat: no-repeat;
}
/** 0218 **/

/* .booktitle {width:400px;color: #8cc63f;float: left;font-family: "GROBOLD";font-size: 52px;font-weight: normal;left: 700px; position: absolute;text-shadow: 3px 3px 0 #ffffff;top:75px;height:163px; text-transform: uppercase; text-align:left;} */
.booktitle {
    width: 16%;
    color: #8cc63f;
    float: left;
    font-family: "Angella";
    font-size: 69px;
    font-weight: normal;
    left: 700px;
    position: absolute;
    text-shadow: 3px 3px 0 #ffffff;
    top: 0px;
    height: 120px;
    line-height: 65px;
    text-transform: uppercase;
    text-align: left;
    bottom: 0;
    margin: auto;
}
.booktitle img{width:100%;}
.en-cls{} 
.sp-cls{}
.fr-cls{}
.ar-cls{
    font-family: "MyriadProBold";
}
.ru-cls{
   font-family: "MyriadProBold";
    font-size: 85px;
}
.ge-cls{
    font-family: "MyriadProBold";
}
.hn-cls{
    font-family: "MyriadProBold";
     font-size: 85px;
     font-weight: 600;
 }

.CBtnNextLang, .CBtnBackLang {  
  width: 247px !important;
}
.btnLang > img{height:auto;}

.CBtnNextLangAbraic {
	left:1150px !important;	
    top: 30px !important;
}
.CBtnNextLangAbraic  > .btnText {
  text-align: right;
  line-height: 36px;
  top:36px;
  font-size:35px;
  font-weight:bold;
}
.CBtnBackLangAbraic  {
	left:1635px !important;
	top:30px !important;
}
.CBtnBackLangAbraic  > .btnText {
  text-align: left;
  /*top:47px;*/
  font-size:35px;
  font-weight:bold;
}

.CBtnNextboldMandrain > .btnText, .CBtnBackboldMandrain > .btnText {font-size:35px;font-weight:bold;font-family: 'MyriadProBold';}



#flipbook{
  background: url('../img/loading.gif') 1416px center no-repeat;
  background-size:50px 50px;
}

.CBtnNextLang{display: inline;background-image: url(../img/btnNextLang.png); background-size: 0 auto;}
.CBtnBackLang{display: inline;background-image: url(../img/btnBackLang.png); background-size: 0 auto;}

.pageContent{
background: -moz-radial-gradient(50% 50%, circle cover, #1301FE 0%, #000000 75%);/* FF3.6+ */
background: -webkit-radial-gradient(50% 50%, circle cover, #1301FE 0%, #000000 75%);/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(50% 50%, circle cover, #1301FE 0%, #000000 75%);/* Opera 11.10+ */
background: -ms-radial-gradient(50% 50%, circle cover, #1301FE 0%, #000000 75%);/* IE10+ */
background: radial-gradient(50% 50%, circle cover, #1301FE 0%, #000000 75%);/* W3C */}

/*inner page design css start*/.pageContent > * {top: 7%;}.topMenu {height: 60px;padding: 15px 10px 0;}.topMenuImpl > * {width: 100px;height: 85px;}.topMenuImpl .Close {margin-left: 15px;background-image: url(../img/button_close.png);background-position-x: 4px;}.topMenuImpl .Close:hover {background-image: url(../img/button_close_glow.png);background-position-x: 4px;}.topMenuImpl .Home {background-image: url(../img/button_fullscreen.png);background-size: 80%;}.topMenuImpl .Home:hover {background-image: url(../img/button_fullscreen_glow.png);background-size: 80%;}

.topMenuImpl .Home.removeFull {
    background-image: url('../img/button_turn.png');
	background-size: 80%;
}
.topMenuImpl .Home.removeFull:hover {
    background-image: url('../img/button_turn_glow.png');
	background-size: 80%;
}

.hn-next-cls .btnText, .hn-back-cls .btnText{font-weight:bold;}

/** 120319 **/
.swClass1 {
    font-size: 50px;
	line-height: 55px;
}
.swClass2 {
    font-size: 45px;
	line-height: 48px;
}
.swClass3 {
    font-size: 38px;
	line-height: 44px;
}
.booktitle {
	width: 16%;
	left: 670px;
}

.mwClass1 {
	font-size:6.0vh;
}
.mwClass2 {
	font-size:4.50vh; text-shadow: 1px 2px 0 #fff;
}
.mwClass3 { text-shadow: none;
	font-size:4.5vh;
}

.urdu-img {
    top: 10px !important;
    left: 1446px !important;
    width: 134px !important;
    height: 117px;
    background: url('https://v2.av2books.com/worldlanguages/2018/bird-2018/digital_bookshelf/engine/img/coming_soon.png') 0 0 no-repeat !important;
	background-size: 100% !important;
    padding: 20px 4px;    
	cursor:default;
	pointer-events: none;
	display:block !important;
}
.urdu-img:hover {
    background: url('https://v2.av2books.com/worldlanguages/2018/bird-2018/digital_bookshelf/engine/img/coming_soon.png') 0 0 no-repeat !important;
    background-size: 100% !important;
    height: 117px;
}