.c-footer-in.clearfix:after {
        display: none;
}  
.c-footer-in.clearfix,.cfi-rgt.clearfix,.cfi-lft.clearfix{
    display: flex;
    align-items: center;
}
.largeLogo img {
    padding-top: 2px;
}
.html5ImgPreLoader{position:absolute; width:0; height:0; left:-9999px; visibility:hidden;}
.h5iplMain{background-image:
    url(https://cdn.turtlediary.com/html5/common/images/cross-overlay.png),
    url(https://cdn.turtlediary.com/html5/common/images/cross-overlay-hover.png),
    url(https://cdn.turtlediary.com/html5/common/images/exitGame-ok.png),
    url(https://cdn.turtlediary.com/html5/common/images/exitGame-ok-hover.png),
    url(https://cdn.turtlediary.com/html5/common/images/exitGame-cancel.png),
    url(https://cdn.turtlediary.com/html5/common/images/exitGame-cancel-hover.png),
    url(https://cdn.turtlediary.com/html5/common/images/exitScreen.png),
    url(https://cdn.turtlediary.com/html5/common/images/level-played.png),
    url(https://cdn.turtlediary.com/html5/common/images/top-right-menu.png);
}



.cfcIco-cmn .fa{transition:all .1s linear; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -o-transition:all .1s linear; vertical-align:middle;}

.canvasHolder{width:100%; height:auto; position:relative; background:white; margin:0 auto;}
.canvasHolder-in{}
.canvasAnimation{z-index:999999; position:relative;}
.canvasAnimation:after{background:rgba(255,255,255,0.1); bottom:-45px; content:" "; height:45px; left:0; position:absolute; width:100%;}
.firstScreen{position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; background-size:contain; background-position:left top; background-repeat:no-repeat; background-color:#fff; max-height:670px; /*padding-bottom:45px;*/}
/*.firstScreen:before{content:"Please Wait..."; left:50%; position:absolute; top:50%; margin-left:-50px; width:100px; background:#b7b7b7; padding:10px 0;}*/
.canvasScreen{/*background:#d3d3d3;*/ text-align:center;}
.overlay{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1001; display:none;}
.overlay-in{position:relative; z-index:1;}
.overlay-center{width:100%; height:100%; position:absolute;}
.overlay-inside{padding:0 40px;}
.cgOverlayBG{position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
#mainCanvas{width:100%; max-height:100%; max-width:100%; vertical-align:top;}
.smallLogo{display:none;}
/* .gameContainer{min-width:340px;} */
.fs-loader{display:none;}
.ol-board .overlay-in{max-width:88%;/* background-size:cover; background-size:100% auto; background-repeat:no-repeat;*/}
.ol-exitGame .overlay-in{max-width:461px !important; max-height:264px !important;}
.popUpBrd-pic{height:auto; left:0; position:relative; top:0; max-width:100%; z-index:-1;}
.block{text-align:center;}
.block:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-4px;}
.centered{display:inline-block; vertical-align:middle;}

.overlay-txt-outer{left:70px; right:70px; top:100px; padding:0 10px;}
.levelMN .overlay-txt-outer{left:90px; right:90px;}

/*.cmnBtn{cursor:pointer; color:#fff; display:inline-block; background-size:100%;}*/

.preloaderLogo{position:absolute; left:0; right:0; bottom:30%; margin:0 auto; text-align:center; z-index:1000;}
.prldrLogo-in{display:inline-block;}

.btnMain-comon{display:inline-block; position:relative; cursor:pointer; color:#fff; font-size:24px; font-weight:bold;}
.insCmnStyle{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; resize:vertical; background-image:url('/img/t.gif');}
.btnMainCmn-in{display:inline-block;}
.cmnBtnInTxt{display:inline-block; position:relative; top:50%; 
-ms-transform       : translateY(-70%);
-webkit-transform   : translateY(-50%);
-moz-transform      : translateY(-50%);
transform           : translateY(-50%);}
.btnMainCmn-in img{width:100%; height:auto;}
.btnMain-comon .btnMnIn-hover{display:none;}
.btnMain-comon:hover .btnMnIn-ok{display:none;}
.btnMain-comon:hover .btnMnIn-hover{display:inline;}

.insOKBtn{}
.overlay-txt-outer{overflow:auto; position:absolute;}
.overlay-hdd-outer{font-size:36px;}
.overlay-hdd{text-align:center; font-weight:bold; font-family:Tahoma; text-shadow:3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff; padding:30px 0 0;}
.table{display:table; width:100%;}
.table-row{display:table-row;}
.table-cell{display:table-cell; vertical-align:middle;}
.hdrQust .table-cell{height:61px;}
.hdrQust{display:inline; left:0; position:absolute; text-align:center; top:0; z-index:0;  margin:8px 19% 0 25%; left:0; right:0; font-size:18px; font-weight:bold;}
#htmlContainer{max-height:100%; overflow:auto;}
#htmlContainer span.textField{transform:none !important;}
.cmnBtn-green{background-size:100% auto; background-repeat:no-repeat;}
.cmnBtn-red{background-size:100% auto; background-repeat:no-repeat;}



/* countdown start */
.cuntdn-txt-1{font-size:28px;}
.cuntdn-txt-2{font-size:20px; padding:5px 0 0;}
.cuntdn-clk-outer{padding:10px 0 0;}
/*.cuntdn-clk{margin:0 auto; font-size:50px; font-weight:bold; background-size:100% auto; background-repeat:no-repeat;}
.cuntdn-clk-txt{padding:58px 0 0;}*/
.cuntdn-clk{display:inline-block; position:relative; font-size:50px; font-weight:bold;}
.cuntdn-clk-txt{position:absolute; width:100%; top:50%;
-ms-transform       : translateY(-50%);
-webkit-transform   : translateY(-50%);
-moz-transform      : translateY(-50%);
transform           : translateY(-50%);}
.cntDnBgPic img{width:100%; height:auto;}
.cuntdn-txt-1-ncd{font-size:35px; margin-top:16%;}
.lwEmotion-pic{max-width:100%; width:100%;}
.cntdn-table{margin-top:10%;}
.cntdn-tblRow{display:-webkit-flex; display:flex;}
.lw-emotion{width:60%; -webkit-order:1; order:1;}
.lwEmotion-in{padding:0 10px;}
.cuntdn-txt-mn{vertical-align:middle; -webkit-order:2; order:2;}
.cuntdnTxtMn-in{position:relative; top:50%; transform:translateY(-50%);}
.cntdn-layout2 .lw-emotion{-webkit-order:2; order:2;}
.cntdn-layout2 .cuntdn-txt-mn{-webkit-order:1; order:1;}
.cntdn-layout3.cntdn-table{margin-top:0%;}
.cntdn-layout3 .cntdn-tblRow{display:block;}
.cntdn-layout3 .lw-emotion{width:auto;}
.cntdn-layout3 .cuntdn-txt-mn{width:auto;}
.cntdn-layout3 .lwEmotion-pic{width:auto;}
.cntdn-layout3 .lwEmotion-in{padding:0 50px;}
.cntdn-layout3 .cuntdnTxtMn-in{position:static; top:auto; transform:none; text-align:center;}
.pauseWinTimer_enabled{cursor:default;}
.pauseWinTimer_enabled .countdown_pause_disable{display:block;}
.pauseWinTimer_enabled #countdown_pause{display: none}
.pauseWinTimer_enabled #countdown_pause_hover{display: none}
/*  countdown end  */



/* skip level start */
.skpLvl-txt-1{font-size:28px;}
.skpLvl-txt-2{font-size:20px; padding:5px 0 0;}
.skpLvl-clk-outer{padding:10px 0 0;}
.skpLvl-clk{display:inline-block; position:relative; font-size:50px; font-weight:bold;}
.skpLvl-clk-txt{position:absolute; width:100%; top:50%;
-ms-transform       : translateY(-50%);
-webkit-transform   : translateY(-50%);
-moz-transform      : translateY(-50%);
transform           : translateY(-50%);}
.skpLvlBgPic img{width:100%; height:auto;}
.skpLvl-txt-1-ncd{font-size:35px; margin-top:16%;}
/*.lwEmotion-pic{max-width:100%; width:100%;}
.skpLvl-table{margin-top:10%;}
.skpLvl-tblRow{display:-webkit-flex; display:flex;}
.lw-emotion{width:60%; -webkit-order:1; order:1;}
.lwEmotion-in{padding:0 10px;}*/
.skpLvl-txt-mn{vertical-align:middle; -webkit-order:2; order:2;}
.skpLvlTxtMn-in{position:relative; top:50%; transform:translateY(-50%);}
.skpLvl-layout2 .lw-emotion{-webkit-order:2; order:2;}
.skpLvl-layout2 .cuntdn-txt-mn{-webkit-order:1; order:1;}
.skpLvl-layout3.skpLvl-table{margin-top:0%;}
.skpLvl-layout3 .skpLvl-tblRow{display:block;}
.skpLvl-layout3 .lw-emotion{width:auto;}
.skpLvl-layout3 .cuntdn-txt-mn{width:auto;}
.skpLvl-layout3 .lwEmotion-pic{width:auto;}
.skpLvl-layout3 .lwEmotion-in{padding:0 50px;}
.skpLvl-layout3 .cuntdnTxtMn-in{position:static; top:auto; transform:none; text-align:center;}
.skpLvl_lft{float:left;}
.skpLvl_lft img{max-width:100%; width:auto;}
.skpLvl_lr .cuntdn-txt-1-ncd{margin-top: 0;}
/*  skip level end  */



/* game option start */
.gameOptionMN{position:absolute; top:10px; right:10px;}
.echOption{position:absolute; top:0; width:43px; height:44px; background-image:url(https://cdn.turtlediary.com/html5/common/images/top-right-menu.png); cursor:pointer;}
.echOption:hover{width:46px; height:48px; top:-3px;}
.eOpt-level{right:87px; background-position:0 -101px;}
.eOpt-level:hover{background-position:-43px -96px; margin:-1px -1px 0 0;}
.eOpt-help{right:42px; background-position:0 -52px;}
.eOpt-help:hover{background-position:-42px -49px;}
.eOpt-close{right:0; background-position:0 -3px;}
.eOpt-close:hover{background-position:-43px 0px; right:-1px;}
/* game option start */



/* instructions start */
.instrctn-txt{color:#000; font-size:22px; text-align:left; line-height:28px; position:relative;}
.instrctn-txt p, .instrctn-txt .instrcBlock{padding:25px 0 0; min-height:35px;}
.instrctn-txt p:first-child, .instrctn-txt .instrcBlock:first-child{padding:0;}
.overlay-btn-outer{position:absolute; left:0; bottom:0px; width:100%;}
.textSound{float:left; padding:3px 0 0; cursor:pointer; font-size:20px;}
.textSound:hover{color:red;}
.textText{padding:6px 0 0 50px; display:block;}
.instSoundIco{float:left; width:42px; height:42px; background-image:url(https://cdn.turtlediary.com/html5/common/images/sound_icon_male.png); background-position:-5px -5px; cursor:pointer;}
.instSoundIco:hover{background-position:-52px -3px; width:46px; height:46px; margin:-2px 0 0 -2px;}
.instSoundIco-small{width:38px; height:33px; background-image:url(https://cdn.turtlediary.com/html5/common/images/sound_icon_male_small.png); background-position:0 0;}
.instSoundIco-small:hover{background-position:-38px 0; width:38px; height:33px; margin:0;}
.bullPara{padding-left:20px; display:block; position:relative;}
.bullIco{position:absolute; left:0;}
.helpPicBlock{text-align:center;}
.helpPicBlock_sPic{width:100%; height:auto;}
.helpPicBlock_sLPic{width:100%; height:auto;}
.helpPT_lft{float:left; padding-right:70px; width:45%;}
.helpPT_lft img.helpPT_lft_pic{width:100%;}
.helpPT_rgt{}
.helpPT_rgt img.helpPT_rgt_pic{width:100%;}
.instrcBlock_lRPic .textText{Padding-left:0;}
.instrcBlock_lRPic .instSoundIco{margin-left:-60px !important; position:relative; z-index:1;}
.instrcBlock_lRPic .bullIco{/*display:none;*/}
.instrcBlock_lRPic .bullIco{left:45%; padding-left:25px;}
/*  instructions end  */




/* exit game start */
.exitGame-txt{padding:66px 0 0; color:#660101; font-weight:bold; font-size:27px; font-family:arial; text-shadow:2px 1px 1px #fff;}
.exitGame-btn{padding-top:20px;}
.exitGame-cmnBtn{display:inline-block; margin:0 10px;cursor:pointer; width:80px; height:85px; background-size:100% auto; background-repeat:no-repeat;}
.exitGame-ok{background-image:url(https://cdn.turtlediary.com/html5/common/images/exitGame-ok.png);}
.exitGame-ok:hover{background-image:url(https://cdn.turtlediary.com/html5/common/images/exitGame-ok-hover.png);}
.exitGame-cancel{background-image:url(https://cdn.turtlediary.com/html5/common/images/exitGame-cancel.png);}
.exitGame-cancel:hover{background-image:url(https://cdn.turtlediary.com/html5/common/images/exitGame-cancel-hover.png);}
/*  exit game end  */




/* level start */
.levelHolder{padding:12px 0 0; position:relative;}
/*.echLevel{float:left; cursor:pointer; position:absolute; cursor:not-allowed; background-size:100% auto; background-repeat:no-repeat;}*/
/*.activeLvl, .curentLvl, .playedLvl{cursor:pointer;}*/
.echLvl-sts{position:absolute; width:61px; height:57px; display:none; background-image:url(https://cdn.turtlediary.com/html5/common/images/level-played.png); bottom:10px; right:-80px; left:0; margin:0 auto;}
/*.playedLvl .echLvl-sts{display:block;}*/
.level-close{width:43px; height:44px; position:absolute; top:-10px; right:-10px; background-image:url(https://cdn.turtlediary.com/html5/common/images/top-right-menu.png); background-position:0 -3px; cursor:pointer;}
.level-close:hover{background-position:-43px -1px; width:46px; height:47px; margin:-2px -1px 0 0;}

.echLevel{display:inline-block; position:absolute; cursor:pointer; vertical-align:top; margin:10px 0; width:190px;}
.echLevel-inside{position:relative; /*margin-bottom:7px;*/}
.level-heading{font-size:18px;}
.lockedLvl{cursor:default;}
.levelPicTag{display:none;}
.levelPicTag img{max-width:100%; width:100%;}
.lockedLvl .lockedLvlPic{display:inline-block;}
.playedLvl .activeLvlPic, .activeLvl .activeLvlPic{display:inline-block;}
.curentLvl .curentLvlPic{display:inline-block;}
.playedLvl .echLvl-sts{display:inline-block;}
.echLvl-txt{position:absolute; top:50%; width:100%; font-family:"Times New Roman", Times, serif; font-size:30px; font-weight:bold;
-ms-transform       : translateY(-50%);
-webkit-transform   : translateY(-50%);
-moz-transform      : translateY(-50%);
transform           : translateY(-50%);}
/*.lockedLvl .echLvl-txt{transform:translateY(-88%);}*/
.levelPicHover{display:none;}
.echLevel:hover .levelPicNrmal{display:none;}
.echLevel:hover .levelPicHover{display:inline;}
.activeLvl.curentLvl .levelPicTag{display:none;}
.activeLvl.curentLvl .curentLvlPic{display:inline-block}

.levelBtnHolder,.helpBtnHolder{position:absolute; top:0; left:0; width:100%; height:100%;}
.levelBtnHolder-cmn,.helpBtnHolder-cmn{position:absolute; top:40%; cursor:pointer; z-index:2;}
.levelBtnHolder-prev,.helpBtnHolder-prev{left:10px;}
.levelBtnHolder-next,.helpBtnHolder-next{right:10px;}
.naviBtnHovr,.naviBtnDsbl{display:none;}
.levelBtnHolder-next,.helpBtnHolder-next{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.levelBtnHolder-cmn:hover .naviBtnNrml,.helpBtnHolder-cmn:hover .naviBtnNrml{display:none;}
.levelBtnHolder-cmn:hover .naviBtnHovr,.helpBtnHolder-cmn:hover .naviBtnHovr{display:inline;}
.lvlBtn-disable .naviBtnNrml, .lvlBtn-disable .naviBtnHovr{display:none;}
.lvlBtn-disable .naviBtnDsbl{display:inline; cursor:default;}
.lvlBtn-disable:hover .naviBtnNrml, .lvlBtn-disable:hover .naviBtnHovr{display:none;}
.levelPages,.helpPages{bottom:16px; font-size:20px; position:absolute; right:25px;}
/*  level end  */






/*loader start*/
.loader{z-index:1000; position:absolute; bottom:10%; width:auto; left:50%; margin:0 auto; text-align:center;
-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.bnMsie .loader{left:50%; transform:translateX(-50%);}
.loader-in{display:inline-block; position:relative;}
.loaderTxt{color:#fff; text-shadow:1px 1px #000; font-size:15px; font-weight:bold;}
.loaderStylMn{padding:10px 0 0;}
.loaderStyl{/*background:#000; padding:2px;*/}
.loaderStyl-in{position:relative; /*height:10px; background:#565656;*/}
.progress{/*background:#969696; */position:absolute; left:0; top:0; height:100%; background-repeat:no-repeat;}
/* loader end */


/*pause overlay start*/
.pauseTGame{position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.pauseTGame .fa{font-size:150px; color:rgba(255, 255, 255, 0.4); cursor:pointer; width:130px; height:150px; left:50%; top:50%; margin:-75px 0 0 -65px; position:absolute; text-shadow:0px 0px 30px rgba(255, 255, 255, 1);}
.pauseTGame .fa:hover{color:rgba(255, 255, 255, 0.9);}
/*pause overlay end */

/* footer strip start */
.c-footer-in{
    height: 32px;
    background: #cee1ff;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    justify-content: space-between;
    }
.cfi-lft{/* float:left; *//* padding: 0; */}
.cfi-rgt{/* float:right; *//* padding: 6px 0 0; */}
.cfir-boxHolder{float:left;padding:0 5px 0 0;}
.cfi-box{margin:0 3px;}
.cfib-1{float: left;
    border-right: none;
    color: #fff;
    height: 20px;
    line-height: 18px;
    border-radius: 4px 0 0 4px;
    padding: 0px 5px;}
.cfib-2{
    float: left;
    background: #fff;
    border: solid 1px #a4a4a4;
    border-left: none;
    height: 20px;
    line-height: 19px;
    border-radius: 0 4px 4px 0;
    padding: 0 10px;
    }
    .cfi-lft .cfi-box{
        /* padding-top: 6px; */
    }
.cfi-logo{/* float:left; *//* padding:2px 10px 0 0; */}
.cfi-mode{/* float:left; */}.cfi-mode .cfib-1{background:#8467da;border:solid 1px #6b49d0;}
.cfi-right{float:left;}.cfi-right .cfib-1{background:#309f00;border:solid 1px #1e6500;}
.cfi-close{float:left;}.cfi-close .cfib-1{background:#e70000;border:solid 1px #b50000;}
.cfi-score{float:left;}.cfi-score .cfib-1{background:#304157;border:solid 1px #15263d;}
.cfi-clock{float:left;}.cfi-clock .cfib-1{background:#009db0;border:solid 1px #007684;}
.cfooterControlers{/* float:left; */border: solid 1px transparent;border-radius:4px;box-sizing: content-box;height: 18px;}
.volume-cmn{color:#707070; font-size:20px; position:absolute; left:0; right:0; line-height:1; width:70%; text-align:center; margin:0 auto;}
.cfcIco-cmn{
    float: left;
    display: block;
    height: 100%;
    line-height: 17px;
    width: 30px;
    text-align: center;
    background: #297395;
    border-left: solid 1px #165876;
    border-right: solid 1px #3c83a4;
    color: #fff;
    position: relative;
    cursor: pointer;
    /* border: solid 1px #065d85; */
    }
.cfcIco-cmn:hover{background:#236281; border-right-color:#306883;}
.cfcIco-cmn:hover .fa{font-size:15px;}
.cfooterControlers2{border-color:#a6610d;margin-right: 8px;}
.cfooterControlers2 .cfcIco-cmn{border-left: solid 1px #a6610d;border-right:solid 1px #f2ab53;}
.cfooterControlers2 .cfcIco-cmn:hover{background:#ce780f; border-right-color:#ce780f;}
.cfcIco-music{background:#e38211;}
.cfcIco-sound{background:#e9ad08;}
.cfooterControlers2 .cfcIco-sound:hover{background:#c18e00;}
.cfcIco-pause{background:#25a1c1;border: 1px solid  #065d85;height: 20px;border-radius: 4px;}
.cfcIco-pause:hover{background:#0b8eb0;}
.cfcIco-replay {
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
}
.gmSoundBox-comon{
    position: absolute;
    bottom: 34px;
    left: 0px;
    border: solid 2px #6c6c6c;
    background: #fff;
    width: 40px;
    height: 130px;
    padding: 35px 0;
    border-radius: 8px;
    display: none;
    }
.gmSndBx-mnSldr{height:100%; position:absolute; width:8px}
.gmSndBox-in{position:relative; height:100%; padding:0 0 0 15px;}
.ui-slider-vertical .ui-slider-handle{border-radius:50%; width:21px; height:21px; left:-8px;}
.ui-slider-range{background: #7db9e8;
background: -moz-linear-gradient(left, #7db9e8 0%, #1e5799 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7db9e8), color-stop(100%,#1e5799));
background: -webkit-linear-gradient(left, #7db9e8 0%,#1e5799 100%);
background: -o-linear-gradient(left, #7db9e8 0%,#1e5799 100%);
background: -ms-linear-gradient(left, #7db9e8 0%,#1e5799 100%);
background: linear-gradient(to right, #7db9e8 0%,#1e5799 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 );}
.volume-off{bottom:-27px;}
.volume-up{top:-27px;}
.cfi-mode-mnLvlIco{display:none;}
/* footer strip end */


.gameSmlLogo{position:absolute; top:5px; left:10px;}
.gameSmlLogo img{float:left; max-width:100%;}

.winLos_lft{float:left;}
.winLos_lft img{max-width:100%; width:auto;}
.winLos_lr .cuntdn-txt-1-ncd{margin-top: 0;}

.focusInputBox{position:absolute; bottom:220px; left:0; opacity:0; z-index:-9999; width:0px; height:0px; border:0; background:none; color:transparent;font-size:1px}



.btnDisable, .btnDisable:hover{background:lightgray !important; color:gray; text-shadow:1px 1px #eee; border-left-color:#e8e8e8 !important;; border-right-color:#c0c0c0 !important;}
.cgHide{display:none !important;}
.cgShow{display:block !important;}

.btnpause-comon{display:inline-block;}



/*.hdrQust{background-color:rgba(0,0,0,0.3);}*/

/* ----------------- canvas-900 start ----------------- */
.canvas-900 .hdrQust .table-cell{height:55px;}
.canvas-900 .overlay-hdd{font-size:80%;}
.canvas-900 .cfi-logo{/* padding:7px 10px 0 0; */}
.canvas-900 .largeLogo img{width:110px;}
.canvas-900 .cfib-1{height:21px; line-height:20px; padding:0 5px;}
.canvas-900 .c-footer-in{font-size:13px;}
.canvas-900 .cfib-2{height:21px; line-height:20px; padding:0 5px;}
.canvas-900 .cfcIco-cmn{/* height:24px; *//* line-height:23px; */width:35px;}
.canvas-900 .gmSoundBox-comon{width:30px;bottom:26px;}
.canvas-900 .gmSndBox-in{padding-left:10px;}
.canvas-900 .cfi-lft{/* padding:11px 0 0; */}
.canvas-900 .cfi-rgt{/* padding:7px 0 0; */}
.canvas-900 .instrctn-txt{font-size:17px; line-height:23px;}
.canvas-900 .instrctn-txt p, .canvas-900 .instrctn-txt .instrcBlock{padding:15px 0 0;}
.canvas-900 .instrctn-txt p:first-child, .canvas-900 .instrctn-txt .instrcBlock:first-child{padding:0;}
.canvas-900 .echLevel{width:130px;}
.canvas-900 .levelHolder{margin:0 auto; width:490px;}
.canvas-900 .helpPicBlock_sPic{width:95%;}
/* -----------------  canvas-900 end  ----------------- */


/* ----------------- canvas-800 start ----------------- */
.canvas-800 .hdrQust{font-size:16px;}
.canvas-800 .hdrQust .table-cell{height:50px;}
.canvas-800 .overlay-hdd{font-size:60%;}
.canvas-800 .btnMainCmn-in img{width:70%;}
.canvas-800 .cmnBtnInTxt{font-size:80%; -ms-transform:translateY(-90%);}
/*.canvas-800 .gameSmlLogo img{width:75%;}*/
.canvas-800 .gameSmlLogo{width:100px;}
.canvas-800 .levelMN .overlay-txt-outer{left:30px; right:30px;}
.canvas-800 .levelBtnHolder-cmn img,.canvas-800 .helpBtnHolder-cmn img{width:70%;}
.canvas-800 .levelBtnHolder-prev,.canvas-800 .helpBtnHolder-prev{left:-8px;}
.canvas-800 .levelBtnHolder-next,.canvas-800 .helpBtnHolder-next{right:-8px;}
.canvas-800 .cuntdn-txt-1{font-size:18px;}
.canvas-800 .cuntdn-txt-2{font-size:16px; padding:5px 0 0;}
.canvas-800 .cntDnBgPic img{height:115px; width:auto;}
.canvas-800 .cuntdn-clk{font-size:35px;}
.canvas-800 .level-heading{font-size:16px;}
.canvas-800 .levelHolder{width:480px;}
.canvas-800 .echLevel{width:160px;}
.canvas-800 .helpPicBlock_sPic{width:90%;}
/* -----------------  canvas-800 end  ----------------- */


/* ----------------- canvas-700 start ----------------- */
.canvas-700 .hdrQust{font-size:11px;}
.canvas-700 .overlay-hdd{font-size:50%;}
.canvas-700 .hdrQust .table-cell{height:43px;}
.canvas-700 .largeLogo{display:none;}
.canvas-700 .smallLogo{display:inline-block;}
.canvas-700 .cfi-logo{/* margin-top:-3px; *//* padding-top:0; */}
/*.canvas-700 .c-footer-in{height:90px;}*/
/*.canvas-700 .cfi-lft, .canvas-700 .cfi-rgt{float:none; margin:0 auto;}*/
/*.canvas-700 .loader{bottom:95px;}*/
.canvas-700 .instrctn-txt{font-size:13px; line-height:20px;}
.canvas-700 .instrctn-txt p, .canvas-700 .instrctn-txt .instrcBlock{padding:10px 0 0;}
.canvas-700 .instrctn-txt p:first-child, .canvas-700 .instrctn-txt .instrcBlock:first-child{padding:0;}
.canvas-700 .lvlTxt{text-transform:lowercase;}
.canvas-700 .c-footer-in{/* font-size:10px; */}
.canvas-700 .cfib-1{padding:0 3px;}
.canvas-700 .cfcIco-cmn{width:23px;}
.canvas-700 .cfcIco-cmn:hover .fa{font-size:14px;}
.canvas-700 .gmSoundBox-comon{width:20px;}
.canvas-700 .gmSndBox-in{padding-left:5px;}
.canvas-700 .ui-slider-vertical .ui-slider-handle{height:15px; left:-5px; width:15px;}
.canvas-700 .volume-cmn{font-size:15px;}
.canvas-700 .btnMain-comon{width:45%;}
.canvas-700 .cntDnBgPic img{height:70px;}
.canvas-700 .levelHolder{width:420px;}
.canvas-700 .echLevel{width:140px;}
.canvas-700 .echLevel-inside{margin:0 20px;}
.canvas-700 .level-heading{font-size:14px;}
.canvas-700 .instSoundIco{width:38px; height:33px; background-image:url(https://cdn.turtlediary.com/html5/common/images/sound_icon_male_small.png); background-position:0 0;}
.canvas-700 .instSoundIco:hover{background-position:-38px 0; width:38px; height:33px; margin:0;}
.canvas-700 .helpPT_lft{padding-right:40px;}
.canvas-700 .instrcBlock_lRPic .bullIco{padding-left:0px;}
.canvas-700 .instrcBlock_lRPic .instSoundIco{margin-left:-48px !important;}
/*.canvas-700 .helpPicBlock_sPic{width:75%;}*/
/* -----------------  canvas-700 end  ----------------- */


/* ----------------- canvas-600 start ----------------- */
.canvas-600 .hdrQust .table-cell{height:37px;}
.canvas-600 .overlay-hdd{font-size:40%; text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
/*.canvas-600 .gameSmlLogo img{width:50%;}*/
.canvas-600 .echOption{width:23px; height:24px; background-size:97px auto;}
.canvas-600 .echOption:hover{width:25px; height:26px; top:-2px;}
.canvas-600 .eOpt-close{background-position:0 -2px;}
.canvas-600 .eOpt-close:hover{background-position:-24px 0px; right:-1px;}
.canvas-600 .eOpt-help{background-position:0 -28px; right:26px;}
.canvas-600 .eOpt-help:hover{background-position:-23px -27px; top:-1px; right:25px;}
.canvas-600 .eOpt-level{background-position:0 -55px; right:52px;}
.canvas-600 .eOpt-level:hover{background-position:-24px -54px; top:0; right:51px;}
.canvas-600 .ol-exitGame .overlay-in{max-height:172px !important; max-width:300px !important;}
.canvas-600 .exitGame-txt{font-size:18px; padding-top:35px;}
.canvas-600 .exitGame-btn{padding-top:10px;}
.canvas-600 .exitGame-cmnBtn{width:60px; height:64px;}
.canvas-600 .cuntdn-txt-1{font-size:18px;}
.canvas-600 .cuntdn-txt-2{font-size:15px; padding:0;}
.canvas-600 .level-close{/*width:40px; height:42px; right:-10px; top:-10px;*/}
.canvas-600 .btnMainCmn-in img{width:60%;}
.canvas-600 .cmnBtnInTxt{font-size:70%; -ms-transform:translateY(-100%);}
.canvas-600 .level-heading{font-size:11px;}
.canvas-600 .levelHolder{width:340px;}
.canvas-600 .echLevel{width:100px;}
/*.canvas-600 .helpPicBlock_sPic{width:70%;}*/
/* -----------------  canvas-600 end  ----------------- */


/* ----------------- canvas-500 start ----------------- */
.canvas-500 .hdrQust .table-cell{height:30px;}
.canvas-500 .overlay-hdd{font-size:30%;}
.canvas-500 .cuntdn-txt-1{font-size:14px;}
.canvas-500 .cuntdn-txt-2{font-size:14px;}
.canvas-500 .levelHolder{width:300px;}
/*.canvas-500 .helpPicBlock_sPic{width:65%;}*/
/* -----------------  canvas-500 end  ----------------- */


/* ----------------- canvas-400 start ----------------- */
.canvas-400 .hdrQust .table-cell{height:25px;}
.canvas-400 .hdrQust{font-size: 56%;
    line-height: initial;
    margin-top: 5px;
}
.canvas-400  .overlay-inside{
    padding: 0;
}
.canvas-400 .overlay-txt-outer{
    left: 10px;
    right: 10px;
}
.canvas-400 .gameSmlLogo {
    width: 65px;
    left: 3px
}
.canvas-400 .gameOptionMN {
    position: absolute;
    top: 4px;
    right: 4px;
}
.canvas-400 .gameContainer{min-height: initial;}
.canvas-400 .c-footer-in{padding: 0 3px;display: flex;align-items: center;justify-content: space-between;}
.canvas-400 .cfi-logo{padding-right: 3px;margin-top: 0;}
.canvas-400 .smallLogo img{
    width: 20px;
}
.canvas-400 .cfi-lft{
    padding-top: 0;
    display: flex;
    align-items: center;
}
.canvas-400 .cfi-lft .cfi-box{
    padding-top: 0;
}
.canvas-400 .cfi-box {
    margin: 0 1px;
}
.canvas-400 .cfi-rgt {
    padding-top: 0;
    display: flex;
    align-items: center;
}
.canvas-400 .cfir-boxHolder{
    padding-right: 2px;
}
.canvas-400 .cfcIco-cmn {
    width: 20px;
    height: 18px;
    line-height: 18px;
}
.canvas-400 .cfib-2 {
    height: 20px;
    font-size: 9px;
}

.canvas-400 .cfooterControlers2 {
    margin-right: 2px;
    height: 20px;
    box-sizing: border-box;
}

.canvas-400 .cfib-1 {
    height: 20px;
    padding: 0 2px;
}

.canvas-400 .c-footer-in.clearfix:after {
    display: none;
}

.canvas-400 .cfcIco-cmn.cfcIco-pause,
.canvas-400 .cfcIco-cmn.cfcIco-replay {height: 20px;}

.canvas-400 .cfooterControlers {
    height: 20px;
}

.canvas-400 .cfcIco-cmn.cfcIco-pause {
    margin-top: 0;
}

.canvas-400 .cfcIco-cmn.cfcIco-replay {
    border-radius: 4px;
    line-height: 20px;
}
/*.canvas-400 .helpPicBlock_sPic{width:65%;}*/
/* -----------------  canvas-400 end  ----------------- */







@media (max-width: 1200px){}
@media (max-width: 1000px){
    #gameBpContainer{padding:0 !important;}
    #newPlyPg-lftAd,#newPlyPg-rgtAd{display:none;}
}


/* -----------------  google ads start ----------------- */


#mainContainer {
  position: relative;
  width: 1000px;
  height: 670px;
}

#content, #adContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 670px;
}

#contentElement {
  width: 1000px;
  height: 670px;
  overflow: hidden;
}


/* -----------------  google ads ends ----------------- */


.game-overlay{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1001; display:none;}

video::-webkit-media-controls-fullscreen-button
{
display: none;
}
@media screen and (max-width: 765px){
    .largeLogo {
        display: none;
    }
    .smallLogo {
        display: inline-block;
    }
}
@media screen and (max-width: 400px){
     .hdrQust .table-cell{height:25px;}
     .hdrQust{font-size: 56%;
        line-height: initial;
        margin-top: 5px;
    }
      .overlay-inside{
        padding: 0;
    }
     .overlay-txt-outer{
        left: 10px;
        right: 10px;
    }
     .gameSmlLogo {
        width: 65px;
        left: 3px
    }
     .gameOptionMN {
        position: absolute;
        top: 4px;
        right: 4px;
    }
     .gameContainer{min-height: initial;}
     .c-footer-in{padding: 0 3px;display: flex;align-items: center;justify-content: space-between;}
     .cfi-logo{padding-right: 3px;margin-top: 0;padding-top:0;}
     .smallLogo img{
        width: 20px;
    }
     .cfi-lft{
        padding-top: 0;
        display: flex;
        align-items: center;
    }
     .cfi-lft .cfi-box{
        padding-top: 0;
    }
     .cfi-box {
        margin: 0 1px;
    }
     .cfi-rgt {
        padding-top: 0;
        display: flex;
        height: 20px;
        align-items: center;
    }
     .cfir-boxHolder{
        padding-right: 2px;
    }
     .cfcIco-cmn {
        width: 20px;
        height: 18px;
        line-height: 18px;
    }
     .cfib-2 {
        height: 20px;
        font-size: 9px;
    }
    
     .cfooterControlers2 {
        margin-right: 2px;
        height: 20px;
        box-sizing: border-box;
    }
    
     .cfib-1 {
        height: 20px;
        padding: 0 2px;
    }
    
     .c-footer-in.clearfix:after {
        display: none;
    }
    
     .cfcIco-cmn.cfcIco-pause,
     .cfcIco-cmn.cfcIco-replay {height: 20px;}
    
     .cfooterControlers {
        height: 20px;
    }
    
     .cfcIco-cmn.cfcIco-pause {
        margin-top: 0;
    }
    
     .cfcIco-cmn.cfcIco-replay {
        border-radius: 4px;
        line-height: 20px;
    }
    .largeLogo {
        display: none;
    }
    .smallLogo {
        display: inline-block;
    }
    .c-footer-in.clearfix:after {
        display: none;
    }
    
    .c-footer-in.clearfix,.cfi-rgt.clearfix,.cfi-lft.clearfix{
        display: flex;
    }
    .cfcIco-cmn:hover .fa {
        font-size: 12px;
    }
}