#a_anim {
    background-image: url("../images/a_anim.png");
    height: 34px;
    left: 6px;
    position: absolute;
    top: 13px;
    width: 49px;
}
.small-a-holder, .p1t-holder, .big-a-holder, .p2t-holder {
    display: inline-block;
}
.small-a-holder, .big-a-holder {
    width: 125px;
}
.p1t-holder, .p2t-holder {
    width: 250px;
    margin-bottom: 5px;
}
.p1t-holder img, .p2t-holder img{
    width:250px;
    height:180px;
}
.p2t-holder {
    margin-bottom: 27px;
}

.p1r1-holder {
    margin-top: 5px;
}
.p1r2-texts{
    font-family:Arial, Helvetica, sans-serif;
}
.p1r2-texts span {
    text-align: center;
    display: inline-block;
    min-width: 40px;
}
.p1r21 {
    margin-right: 41px;
}
.p1r22 {
    margin-right: 41px;
}
.p1r23 {
    margin-right: 40px;
}
.p1r24 {
    margin-right: 41px;
}
.p2r1-holder {
    margin-bottom: 9px;
}

.p2r2-holder {
    margin-bottom: 19px;
}
.footer_text {
    border-top: 1px solid #BBD03B;
    display: block;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 9px;
    max-width: 375px;
    margin-top: 10px;
    padding-top:5px;
}
.footer_important {
    color: #FF0000;
}


.response{

}
.pag_left {
    background-image: url("../images/Pg_64.jpg");
    background-position: left top;
}

.pag_right {
    background-image: url("../images/Pg_65.png");
    background-position: right top;
}
/*.pag_right {
    background-image: url("../images/pg59.jpg");
    background-position: right top;
}*/

.ex2_vid {
    bottom: 536px;
    display: block;
    height: 40px;
    left: 43px;
    position: absolute;
    width: 95px;
}
.video_cta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
}
.video10 { 
    left: 112px;
    top: 123px;
}


.corner_top_prev, .corner_top_next, .corner_prev, .corner_next   {
    display: none;
}
#back_to_button {
    position: absolute;
    display: block;
    background: url(../images/game/back_button.png) no-repeat top center;
    width: 156px;
    height: 78px;
    bottom: 34px;
    left:200px;
}
/***********************************/
/*static defaul block*/
/************************************/
.ex2_vid{
    display: block;
    height: 51px;
    left: 30px;
    position: absolute;
    top: 83px;
    width: 194px;
}
.pbox_prezentare {
    display: block;
    height: 43px;
    left: 22px;
    position: absolute;
    top: 61px;
    width: 176px;
}

#static_ex .gm_elem{
    display:block;
}

#static_ex .bk {
    background:url('../images/game/reader.png') no-repeat top center;
    height: 530px;
    width:100%;
    background-size: contain;
    position:relative;
}




#ex3_place1 {
    left: 213px;
    position: absolute;
    top: 6px;
}
#ex3_place2 {
    left: 450px;
    position: absolute;
    top: 6px;;
}
#ex3_place3 {
    left: 691px;
    position: absolute;
    top: 6px;;
}
#ex3_place4 {
    left: 930px;
    position: absolute;
    top: 6px;;
}
#ex3_place5 {
    left: 214px;
    position: absolute;
    top: 246px;
}
#ex3_place6 {
    left: 451px;
    position: absolute;
    top: 246px;
}
#ex3_place7 {
    left: 695px;
    position: absolute;
    top: 246px;
}
#ex3_place8 {
    left: 930px;
    position: absolute;
    top: 246px;
}
.ep{
    height: 57px;
    width: 200px;
    background-size: contain;
    position:absolute;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    border:none !important;
    opacity:1 !important;    
}
.ep1,.ep1:hover {
    background:url('../images/game/but_scena1.png') no-repeat top center;
    right: 160px;
    top: 130px;
}
.ep2,.ep2:hover {
    background:url('../images/game/but_scena2.png') no-repeat top center;
    right: 160px;
    top: 230px;
}
.ep3,.ep3:hover {
    background:url('../images/game/but_scena3.png') no-repeat top center;
    right: 160px;
    top: 330px;
}

.pbox_prezentare {

    display: block;
    height: 311px;
    left: 14px;
    position: absolute;
    top: 35px;
    width: 530px;
    -moz-border-radius:17px!important;
    -webkit-border-radius:17px!important;
    border-radius:17px!important;
    border-color:transparent!important;
}
/**********************************/
/*end static default*/
/**********************************/



/**********************************/
/*drag game*/
/**********************************/
.drag_container, .game_frame {
    text-align: right;
}
.game_frame .gm_elem {
    display:block;
}
.droppable_container {
    position:relative;
    background: url(../images/game/pg66_ex_the_weather.jpg) no-repeat top center;
    height: 530px;
    width:960px;
    margin-bottom: 20px;
    display: block;
    margin:0 0 0 auto;
}
.el1 {
    right: 541px;
    top: 167px;
}
.el2 {
    right: 49px;
    top: 166px;
}
.el3 {
    right: 541px;
    top: 350px;
}
.el4 {
    right: 49px;
    top: 350px;
}

.ui-droppable {
    position:absolute;
    height: 142px;
    width: 142px;
    background: rgba(255,255,255,0);
    border:0px solid #000;
    border-radius: 50%;
}
.ui-droppable .err_block{

    position:absolute;
    height: 24px;
    right: -41px;
    top: 2px;
    width: 20px;
}
.ui-droppable .err_block.c_true {
    background: url(../images/ok.png) no-repeat center center ;   
    width: 24px;
    height: 24px;
}
.ui-droppable .err_block.c_false {
    background: url(../images/bad.png) no-repeat center center ;        
    width: 24px;
    height: 24px;
}
.draggable_container {
    height: 380px;
    left: 0px;
    position: absolute;
    text-align: left;
    top: -38px;
    width: 100%;
    padding-top:65px;
    text-align: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.draggable_container .ui-draggable  {
    display:inline-block;
    height: 141px;
    width: 141px;
    cursor: move;
    margin-left: 50px;
}
.draggable_container .ui-draggable  .name{
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 0px;
    padding: 0px 0 3px 0;
    text-align: center;
    margin:0 auto;
    background: #ccc;
    border-radius: 20px;
    width: 130px;
}

.ex9_box {
    top: 392px;
    display: block;
    height: 125px;
    position: absolute;
    right: 24px;
    width: 508px;
}
/**********************************/
/* end drag*/
/**********************************/



/**********************************/
/*game click on corect css*/
/**********************************/

.game_frame .elements_data  {
    margin-bottom:0px;
}
.game_frame .elements_data  {

}
.game_frame .elements_data .img_element{
    height:120px;

}
.game_frame .elements_data .name {
    font-size:26px;
    line-height: 28px;  
    color:#3698d3;
}

.game_frame .checkbox-holder div:first-child{
    margin-top:10px;
}
.game_frame .checkbox-holder div {
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    color:#3698d3;
    display:block;
    text-align: center;
    margin-top:5px;
    border:1px solid transparent;
}
.game_frame .checkbox-holder div.checked {
    border:1px solid #ad1283;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.game_frame .checkbox-holder div.c_false{
    border-color:#CC0000;
}
.game_frame .checkbox-holder div.c_true{
    border-color:#8FC800;
}
.ex3{
    display: block;
    height: 113px;
    position: absolute;
    right: 24px;
    bottom: 44px;
    width: 508px;
}
#multiple_choice_select.game_frame .gm_elem{
    display:block;
    line-height: 0px;
    font-size:0px;
}
#multiple_choice_select.game_frame .gm_elem .elements_data{
    width:100%;
    margin-bottom: 10px;
}
#multiple_choice_select.game_frame .elements_data .img_element{
    height: 230px;
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder {
    /*    position: absolute;
        width: 50%;
        bottom: -4px;
        right: -40px;
        padding: 10px;
        text-align: center;
        background: url(../images/game/pg66_ex_i_can_sing_bg.png) no-repeat 0% 50%;*/
    width:100%;
    text-align: center;
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder .response {
    border: 3px solid rgba(0, 0, 0, 0);
    color: #000000;
    display: inline-block;
    font-size: 22px;
    height: 100px;

    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    /*padding: 0 0 0 50px;*/
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder .response img{
    height: 100px;
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder .response.checked {

    border-color:#009ec3;
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder .response.c_false {
    border-color:#cc0000;
}
#multiple_choice_select.game_frame .elements_data .checkbox-holder .response.c_true {
    border-color:#61c419;
}
.game_frame .elements_data.c_true,.game_frame .elements_data.c_false{
    background: none;

}
#multiple_choice_select.game_frame .error.c_true,#multiple_choice_select.game_frame .error.c_false {
    display: block;
    right: 109px;
}

#multiple_choice_select .sound_cta_alone.sunet {
    position: relative !important;
}

.inlineblock_1 {

}
/**********************************/
/*end click on corect css*/
/**********************************/





/***********************************/
/*static defaul block*/
/************************************/
.p66_ex2_box_prezentare {
    display: block;
    height: 125px;
    right: 24px;
    position: absolute;
    top: 246px;
    width: 508px;
}

#static_ex .gm_elem{
    display:block;
}

.static_options .onclick_show {
    background: #fff;
}

#static_ex .bk1 {
    background:url('../images/game/pg66_ex_sweet_tooth.jpg') no-repeat top center;
    height: 530px;
    width:100%;
    background-size: contain;
    position:relative;
}
#e1_img1 {
    position:absolute;
    right:0px;
    top:0px;
    height: 530px;
    width:100%;      
    background:url('../images/game/pg66_ex_sweet_tooth_1.jpg') no-repeat top center;
    background-size: contain; 
}

#ex1_place1 {
    position: absolute;
    top: 52px;
    left: 176px;
}



/**********************************/
/*end static default*/
/**********************************/







/**********************************/
/*css input 2 game*/
/**********************************/

/*start custom css element placement*/

#correct_order_select.game_frame .gm_elem {
    display: block;
    width: 615px;
    height: 495px;
    /*border: 1px solid red;*/
    overflow: hidden;
    margin: 0 auto;
    position:relative;
}
#correct_order_select.game_frame .element1   {

    left: 230px;
    position: absolute;
    top: 185px;

}
#correct_order_select.game_frame .element2   {

    left: 516px;
    position: absolute;
    top: 185px;

}
#correct_order_select.game_frame .element3   {

    left: 230px;
    position: absolute;
    top: 444px;

}
#correct_order_select.game_frame .element4   {

    left: 516px;
    position: absolute;
    top: 444px;

}
#correct_order_select.game_frame .elements_data {
    display:block;
    text-align: left;
    /*margin: 147px 0 67px;*/
    width: 66px;
    /*float: left;*/
}
#correct_order_select.game_frame .elements_data div{
    vertical-align: middle;
} 
#correct_order_select.game_frame .elements_data br{
    display:none
} 
#correct_order_select.game_frame .elements_data .name{
    display: inline-block;
    padding-right: 10px;
    font-size: 40px;
    line-height: 40px;
    color: rgb(41,91,180);
    min-width: 185px;
    float: left;
}
#correct_order_select.game_frame #container_st1.container {
    padding:0x 0;
    background: url("../images/game/pg66_ex_butterfly.jpg") no-repeat 50% 0%;
    height: 505px


}
#correct_order_select.game_frame .checkbox-holder {
    margin-left:10px;


}
.error{
    display:none;
    border:none!important

}
.error.c_true,.error.c_false {
    right:-30px;
    display:block;
}
.ex2 {
    display: block;
    height: 125px;
    position: absolute;
    right: 24px;
    top: 102px;
    width: 508px;
}
/*end*/

input.response{

    /*text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;*/


    text-align:center;
    font-size:26px;
    line-height: 35px;
    width:35px;
    padding:3px;    
    height: 35px;
    margin:0 auto;
    font-weight: normal;
    border:3px solid #fca321;

    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;}
input.response.c_true {
    color:#8FC800;
}

input.response.c_false {
    color:#CC0000;
}

.game_frame .elements_data {
    position:relative;
    margin-bottom:30px;
}

/*.game_frame .elements_data .checkbox-holder{
    position:absolute;
    bottom:5px;
    left:5px;
}*/
.game_frame .elements_data.c_true,.game_frame .elements_data.c_false{
    background: none;

}


.sound1_ajutator{
    display:block;
    position:relative;
}
/**********************************/
/*css input game end*/
/**********************************/




/**********************************/
/*css input game*/
/**********************************/
/*start custom css element placement*/

#correct_order_select1.game_frame .gm_elem {
    display:block;

}
#correct_order_select1.game_frame .elements_data {
    display: block;
    text-align: left;
    margin: 0;
    width: 30px;
    float: left;
    margin-right: 3.4px;
}
#correct_order_select1.game_frame .elements_data div{
    vertical-align: middle;
} 
#correct_order_select1.game_frame .elements_data br{
    display:none
} 
#correct_order_select1.game_frame .elements_data .name{
    display: inline-block;
    padding-right: 10px;
    font-size: 40px;
    line-height: 40px;
    color: rgb(41,91,180);
    min-width: 185px;
}
#correct_order_select1.game_frame #container_st2.container {
    padding:0x 0;
    background: url("../images/game/pg66_ex_sweet_tooth.jpg") no-repeat 50% 0%;
    height: 505px
}

#correct_order_select1.game_frame .checkbox-holder {
    margin-left:0px;


}
.error{
    display:none;
    border:none!important

}
.error.c_true,.error.c_false {
    right:0px;
    top: -1px;
    display:block;
}
.ex2_2 {
    display: block;
    height: 125px;
    right: 24px;
    position: absolute;
    top: 246px;
    width: 508px;
}
/*end*/

input.response{
    color: #000;
    text-align: center;
    font-size: 21px;
    line-height: 22px;
    width: 22px;
    padding: 2px;
    height: 22px;
    margin: 0 auto;
    font-weight: normal;
    border: 2px solid #fca321;

    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;}
input.response.c_true {
    color:#8FC800;
}

input.response.c_false {
    color:#CC0000;
}

.game_frame .elements_data {
    position:relative;
    margin-bottom:30px;
}

/*.game_frame .elements_data .checkbox-holder{
    position:absolute;
    bottom:5px;
    left:5px;
}*/
.game_frame .elements_data.c_true,.game_frame .elements_data.c_false{
    background: none;

}

.gm_elem1, .gm_elem2, .gm_elem3, .gm_elem4, .gm_elem5, .gm_elem6, .gm_elem7, .gm_elem8, .gm_elem9 {
    display: block;
    position: absolute;
    margin-left: 30px;
}

.gm_elem1 {
    top: 152px;
    left: 261px;
}

.gm_elem2 {
    top: 152px;
    left: 322px;
}

.gm_elem3 {
    top: 152px;
    left: 485px;
}

.gm_elem4 {
    top: 298px;
    left: 171px;
}

.gm_elem5 {
    top: 298px;
    left: 233px;
}

.gm_elem6 {
    top: 298px;
    left: 396px;
}

.gm_elem7 {
    top: 427px;
    left: 292px;
}

.gm_elem8 {
    top: 427px;
    left: 356px;
}

.gm_elem9 {
    top: 427px;
    left: 522px;
}



/**********************************/
/*css input 2 game end*/
/**********************************/



.gm_container {
    z-index:10;
}
.score_box {
    position:absolute;
    border:1px solid red;
    border-color:transparent;
    width:31px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size:16px;
}
#eval_gm1 {
    left: 27px;
    top: 151px;
}
#eval_gm2 {
    left: 27px;
    top: 294px;
}
#eval_gm3 {
    left: 27px;
    top: 440px;
}
#eval_gm4 {
    left: 27px;
    top: 588px;
}
#eval_gm_total{
    bottom: 12px;
    left: 108px;
    width: 48px;
}

.pbox_prezentare {

    display: block;
    height: 311px;
    left: 14px;
    position: absolute;
    top: 35px;
    width: 530px;
    -moz-border-radius:17px!important;
    -webkit-border-radius:17px!important;
    border-radius:17px!important;
    border-color:transparent!important;
}

@media screen and (max-width: 115px) {
    .ex4_box_frunza {
        display: block;
        height: 55px;
        position: absolute;
        right: 15px;
        top: 30px;
        width: 75px;
    }
    .ex6_box_asculta {
        display:block;
        position:absolute;
        right:15px; 
        top:265px;
        width:75px; 
        height: 100px;
    }
    .ex6 {
        display: block;
        height: 115px;
        position: absolute;
        right: 105px;
        top: 290px;
        width: 295px;
    }


    .game_frame .elements_data .img_element {
        height: 68px;
    }
    .game_frame .elements_data .name {
        color: #3698D3;
        font-size: 22px;
        font-weight: bold;
        line-height: 24px;
    }
    .video10{
        display:block;
        position:absolute;
        right:50px; 
        top:90px;
        width:280px;
        height: 145px;
    }
}

@media screen and (max-width: 1366px)  { 

    .draggable_container {
        height: 210px;
        left: 0px;
        position: absolute;
        text-align: left;
        top: -38px;
        width: 100%;
        padding-top: 45px;
        text-align: center;
    }
    .el3 {
        right: 531px;
        top: 320px;
    }
    .el4 {
        right: 79px;
        top: 320px;
    }
    .el1 {
        right: 531px;
        top: 147px;
    }
    .el2 {
        right: 79px;
        top: 149px;
    }
}
@media screen and (max-width: 1115px)  { 
    .ui-draggable img {
        width:125px;
        height: 125px;
    }
    .ui-droppable {
        height: 125px;

        width: 125px;
    }
    .draggable_container {
        height: 210px;
        left: 0px;
        position: absolute;
        text-align: left;
        top: -38px;
        width: 100%;
        padding-top: 45px;
        text-align: center;
    }
    .el3 {
        right: 478px;
        top: 286px;
    }
    .el4 {
        right: 70px;
        top: 288px;
    }
    .el1 {
        right: 479px;
        top: 136px;
    }
    .el2 {
        right: 68px;
        top: 137px;
    }
}