*{



	box-sizing:border-box;



}

.width80{
width:80%;
height:auto;
}

.text_shadow{
text-shadow: 2px 2px #000000;
}


.icon_star{ width:15px; height:15px; margin-right:5px; }

.cols{

display:flex;
align-items: flex-start;

}

.a_circle{
border:#de4326 2px solid;
display:inline-block!important;
padding:0 3px;
text-align:center;
line-height:30px;
width:30px;
height:30px;
border-radius:50%;
}

.nrs_p35{
display:inline-block!important;
padding:0 3px;
text-align:center;
line-height:40px;
width:40px;
height:40px;
border-radius:50%;
background-color:#fff;
margin-right:10px;
}
.flex{
display:flex;
align-items:center;
}


.upper{

text-transform:uppercase;

}



.bigger{

margin:0 -15px;

width: calc(100% + 30px)!important;

}

.nr_pag_span{
background-color:rgb(65, 173, 73); border-top-right-radius:30px; border-top-left-radius:30px; padding:10px 5px 20px 5px;
}

.nr_pag_b{
color: rgb(65, 173, 73); background-color:#fff; border-radius:50%; padding:5px; min-width:30px; display:inline-block!important;
}

.nr_pag_span_pink{
background-color:#eb008b;
}

.nr_pag_b_pink{
color: #eb008b; }

.color_pink{color:#ec008c;}


.tbl_bg_bottom{
background-color:#fffdea; padding:5px; margin-top:-20px; border-bottom-left-radius:20px; border-bottom-right-radius:20px;
}

.tbl_bg_top{
background-color:#ed1c24; border-top-left-radius:20px; border-top-right-radius:20px; color: rgb(255, 255, 255);
}

div.p_bg_light p{
background-color:#eff9fe;
border-radius:20px;
text-align:center;
margin-bottom:10px;
}

.width60{
width:60%;
height:auto;
}

.width80{
width:80%;
height:auto;
}


.black_square{

width:20px;

height:20px;

border:#000 2px solid;

margin-right:5px;

display:inline-block!important;

vertical-align:middle;

text-align:center;

color:#009fe3;

line-height:25px;

}







sup{

margin-left:3px;

margin-right:-2px;

}





.cont_bull_blue p:before {

content:"\2022";

color:#0071bc;

display:inline-block!important;

margin-left:25px;

margin-right:5px;

font-size:28px;

}



.cont_bull_orange p:before {

content:"\2022";

color:#f15a22;

display:inline-block!important;

margin-left:25px;

margin-right:5px;

font-size:28px;

}



.icon80{

width:80px;

height:auto;

padding:3px;

}

.icon50{
width:50px;
height:auto;
margin-right:5px;
display:inline-block;
vertical-align:middle;
}

.icon40{
width:40px;
height:auto;
margin-right:5px;
display:inline-block;
vertical-align:middle;
}



.span_icon_inima{

color: rgb(237, 28, 36); border-bottom: rgb(237, 28, 36) 2px solid; padding:0 0 3px 20px; margin-left:-12px; margin-top:5px;
}

.cont_lectie_de_viata{
padding:5px 5px 0 5px;
border-left:#25408f 2px solid;
border-bottom:#25408f 2px solid;
border-bottom-left-radius:10px;
margin-top:-20px;
}

.pad_top15{ padding-top:15px!important; }

.span_exprima_opinia{
color: rgb(255, 255, 255); background-color:#ed1c24; padding:5px 15px 5px 5px;
}

.cont_exprima_opinia{
border:#ed1c24 2px solid; padding:5px;
margin-top:-18px;
}

table td{
border:1px solid rgb(66, 194, 209);
border-collapse:collapse;
}
table td p{
padding:2px!important;
}

.icon_smallest{
width:25px; height:auto; vertical-align:middle; margin: 0 5px;
}

.span_reflecteaza{
color: rgb(255, 255, 255); background-color:#43c3d2; padding:5px 15px 5px 5px;
}

.cont_reflecteaza{
border:#43c3d2 2px solid; padding:5px;
margin-top:-18px;
}

.span_afla_mai_multe{
text-rendering: optimizelegibility; color: rgb(255, 255, 255); background-color:#41ad49; 
padding:5px 35px 5px 10px; border-top-right-radius:20px; border-bottom-right-radius:20px;
}

.span_lectie_de_viata{
text-rendering: optimizelegibility; color: rgb(255, 255, 255); background-color:#00aeef; 
padding:5px 35px 5px 10px; border-top-right-radius:20px; border-bottom-right-radius:20px;
}


.span_experimenteaza{
text-rendering: optimizelegibility; color: rgb(255, 255, 255); background-color:#782f8f; 
padding:5px 35px 5px 10px; border-top-right-radius:20px; border-bottom-right-radius:20px;
}

.span_dezvolta{
text-rendering: optimizelegibility; color: rgb(255, 255, 255); background-color:#f15f22; 
padding:5px 35px 5px 10px; border-top-right-radius:20px; border-bottom-right-radius:20px;
display:inline-block!important;
}

.span_succes{
text-rendering: optimizelegibility; color: rgb(255, 255, 255); background-color:#ec008c; 
padding:5px 35px 5px 10px; border-top-right-radius:20px; border-bottom-right-radius:20px;
}

.span_exclamare{
background-color:#ed1c24;
padding:5px 35px 5px 20px;
margin-left:-20px;
border-top-right-radius:20px; border-bottom-right-radius:20px;
}

.cont_exclamare{
border:#ed1c24 2px solid; padding:0 5px;
margin-top:-30px;
}

.zindex{
z-index:999; display:inline-block; position:relative;
}

.span_vocabular{
color: rgb(0, 174, 239);
background-color:#fff;
padding:5px 10px;
margin-left:20px;
}

.cont_vocabular{
border:#00aeef 2px dashed; padding:0 5px;
margin-top:-30px;
}

.span_portofoliu{
color: #fdcd13;
background-color:#fff;
padding:5px 10px;
margin-left:20px;
}


.cont_portofoliu{
border:#fdcd13 2px dashed; padding:0 5px;
margin-top:-30px;
}


.fl_right{

text-align:right;

display:block!important;

}



.icon_left{

float:left;

width:100px;

height:auto;

margin-right:5px;

margin-bottom:5px;

}



.icon_right{

float:right;

width:100px;

height:auto;

margin-left:5px;

margin-bottom:5px;

}





@font-face {

    font-family: 'Source Sans Pro Regular';

    src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'),

        url('fonts/SourceSansPro-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Source Sans Pro Bold';

    src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'),

        url('fonts/SourceSansPro-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Source Sans Pro Italic';

    src: url('fonts/SourceSansPro-Italic.woff2') format('woff2'),

        url('fonts/SourceSansPro-Italic.woff') format('woff');

    font-weight: normal;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Source Sans Pro SemiBoldItalic';

    src: url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),

        url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff');

    font-weight: 600;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'Source Sans Pro Italic';

    src: url('fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),

        url('fonts/SourceSansPro-BoldItalic.woff') format('woff');

    font-weight: bold;

    font-style: italic;

    font-display: swap;

}



p.color_amii span{

display:inline-block;

border-radius:20px;

padding:5px 10px;

background: rgb(224,229,94);

background: radial-gradient(circle, rgba(224,229,94,1) 0%, rgba(173,205,84,1) 100%);

color:#0c5573;

}






.top_minus10{

margin-top:-10px;

}



.top_minus20{

margin-top:-20px;

}





.left25{

margin-left:25px;

}









.div_p_margin{

padding:7px;

}



.div_p_margin p{

margin:0;

}



.bold{

font-weight:bold;

}







.no_space{


display:inline-block!important;

}





.center{

text-align:center;

}



.text_gradient{

   background: -webkit-linear-gradient(0deg, #ed1c24, #22b87c, #00add0);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

font-weight:bold;

letter-spacing:1px;

}




@font-face {



    font-family: 'Cobac';



    src: url('fonts/Cobac.woff2') format('woff2'),



        url('fonts/Cobac.woff') format('woff');



    font-weight: normal;



    font-style: normal;



}



.tabel,.tabel td{

    border-collapse:collapse;

}



.cp_left{

    width: calc(100% - 50px);

    float: left;

}



.pngo{

    color:#000;
font-weight:normal!important;

}





.brd td{

border-collapse:collapse;

padding:0px!important;

}



table.brd{

border-spacing:0;

}



table.brd p{

padding:3px!important;

margin:0!important;

}





.hasbg .paginare{



	position:absolute;



	top: 37.4em;



	margin:0;



	width:100%;



}







.nr_bull{



	width:50px;



	height:50px;



	border-radius:50%;



	background-color:#ea6624;



	position:relative;



	line-height:50px;



	text-align:center;



	margin:15px auto;



}











.hasbg .textContainer{



	display:none;



}







.hasbg .textContainer.paginare{



	display:none;



}







.textContainer span{



	display:inline;



}



.textContainer{



	position:relative;



	z-index:200;



	text-align:justify;



}







.textContainer img.fullw,img.fullw{



	width:100%;



	height:auto;



	display:block;



	margin:0 auto;



}







.textContainer img.fullh,img.fullh{



	width:auto;



	height:100%;



	display:block;



	margin:0 auto;



}











.enunt_icon{



	float:left;



	width:45px;



	display:block;



}







.enunt_content{



	float:left;



	width:350px;



	margin-left:10px;



	display:block;



}







.col-50{



	width:50%;



	float:left;



}







.e25col{



	padding:15px;



}







.responsive .e25col{



	width:100%;



}



.e25col span{



	width:25%;



	float:left;



	text-align:center;



}







.responsive .e25col span{



	width:50%;



}







@font-face {



	font-family: 'MinionPro';



	src: url('fonts/MinionPro-Regular.woff2') format('woff2'),



		url('fonts/MinionPro-Regular.woff') format('woff');



	font-weight: normal;



	font-style: normal;



}







@font-face {



    font-family: 'fira_sansbold';



    src:          url('fonts/firasans-bold-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}











@font-face {



    font-family: 'arialregular';



    src:     url('fonts/arial-webfont.woff2') format('woff2'),     url('fonts/arial-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}



















@font-face {



    font-family: 'arialbold';



    src: url('fonts/arialbd-webfont.woff2') format('woff2'),



         url('fonts/arialbd-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}



















@font-face {



    font-family: 'arialitalic';



    src: url('fonts/ariali-webfont.woff2') format('woff2'),



         url('fonts/ariali-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}



















@font-face {



    font-family: 'arialblack';



    src: url('fonts/ariblk-webfont.woff2') format('woff2'),



         url('fonts/ariblk-webfont.woff') format('woff');



    font-weight: normal;



    font-style: normal;







}



















html,body{

font-family: 'Calibri';




}







html,body,ul,li{



	padding:0;



	margin:0;



}







ul{



	list-style-type:none;



}







.testText{



	font-family:arialregular;



	font-size:14pt;



	margin-top:10px;



	visibility:hidden;



	position:absolute;



}







.testText2{



	margin-top:10px;



	visibility:hidden;



	position:absolute;



}







.responsiveText{



	margin:20px !important;



	padding:0 !important;



	line-height:1.3 !important;



	letter-spacing:0 !important;



	width:auto !important;



	height:auto !important;



	float:none !important;



	left:0 !important;



	top:0 !important;



}







.mobile-padding{



	padding:15px!important;



}







.letterspacing-2{



	margin-top:15px;



	letter-spacing:-2px;



}







.responsiveText.textContainer span.alineat{



	display:inline-block;



}



.responsiveText .letterspacing-2{



	margin-top:15px;



	letter-spacing:0;



}







.hasbg .textContainer.tabelBorderYellow table,.hasbg .textContainer.tabelBorderYellow td,.textContainer.tabelBorderYellow table,.textContainer.tabelBorderYellow td{



	border:none;



}







.hasbg .txtgreen{



	border:none;



}







.tabelBorderYellow td{



	padding:10px;



}







.tabelBorderYellow span{



	border:#e8b91f 2px solid;



	border-radius:10px;



	display:inline-block;



	padding:3px 10px;



}







.e25{



	width:100%;



}







.col_left,.col_right{



	width:50%;



	float:left;



}







.arrow-blue{



	width:40px;



	height:auto;



    vertical-align: middle;



}







.hasbg .notableborder table,.hasbg .notableborder td{



	border:none;



}







.txtgreen{



	color:#11A750;



	border:#11A750 2px solid;



	padding:10px;



	margin:15px;



	border-radius:5px;



	margin-top: 20px;



}







.responsiveText2{



	margin:20px !important;



	padding:0 !important;



	line-height:auto !important;



	letter-spacing:auto !important;



	width:auto !important;



}







.responsiveText.textContainer img.fullw,.responsiveText.textContainer img.fullh{



	width:100%;



	height:auto;



}







.hasbg .textContainer{



	background:none;



	border:none;



}











#book{



	position:relative;



	display:block;



	margin:0 auto;



	font-size:10px;



	padding-bottom:20px;



}







.bookshadow{



	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);



	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);



	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);



}







.page{



	position:absolute;



	left:0;



	top:0;



	box-shadow: 0 20px 20px -10px;



	-webkit-box-shadow: 0 20px 20px -10px;



}







.bg{



	position:absolute;



	width:100%;



	height:100%;



	left:0;



	top:0;



}







.arrow_btn{



	position:fixed;



	z-index:299;



	top:0;



	opacity:.75;



}







@font-face {



  font-family: "Opensans Webfont";



  src: url('fonts/OpenSans-Bold-webfont.eot');



  src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.svg#opensansbold') format('svg');



  font-weight: 600;



  font-style: normal;



}











.arrow_btn:hover{



	opacity:1;



}







#arrow_left{



	left:30px;



}







#arrow_right{



	right:30px;



}







.elem{



	position:absolute;



	left:0;



	top:0;



	z-index:201;



}







.pointer{



	cursor:pointer;



}







.topbar{



	background:#cd4f29;



	width:100%;



	position:fixed;



	padding:0;



	top:0;



	z-index:500;



}







.btn-icon{



	color:#fff;



	background:rgba(243,109,33,.8);



	display:inline-block;



	vertical-align:middle;



	padding:4px 8px;



	font-size:18px;



	border-radius:5px;



	margin:0 10px;



}







.btn-icon:hover{



	background:rgba(255,255,255,1);



}







.btn-icon i{



	font-size:20px;



	display:inline-block;



	vertical-align:middle;



	margin:0 5px;



}







.fleft{



	float:left;



	position:relative;



}







.fright{



	float:right;



	position:relative;



	z-index:100;



}







.cuprins{



	margin:10px;



	font-size:.8em;



	text-transform:uppercase;



}







.cuprins li{



	padding:4px 8px;



	cursor:pointer;



}







.cuprins li span{



	float:right;



	display:block;



}







.cuprins li:hover{



	background:#eaeaea;



}







a{



	text-decoration:none;



}







.page_and_zoom{







}







.topelem{



	text-align:center;



	display:inline-block;



	vertical-align:middle;



	font-family: "Opensans Webfont";



	font-weight:600;



	font-size:18px;



}







.btnzoom{



	font-weight:bold;



}







.topbar table.page_zoom_container{



	margin:0 auto;



	width:auto;



	background:#eaeaea;



	border-radius:6px;



	border:#cccccc 1px solid;



}







.topbar table.page_zoom_container td{



	padding:5px 2px;



}







.topbar table{



	width:100%;


}







#top_page_value{



	width:50px;



}











.rollover05{



	opacity:.7;



}







.rollover07{



	opacity:.7;



}







.rollover07:hover,.rollover05:hover,.rollover01:hover{



	opacity:1;



}







.rollover01{



	opacity:.1;



}







.playexercitiu,.playimage,.playvideo {



	opacity:0;



}







.rollover07.playexercitiu:hover,



.rollover05.playexercitiu:hover,



.rollover01.playexercitiu:hover,







.rollover07.playimage:hover,



.rollover05.playimage:hover,



.rollover01.playimage:hover,







.rollover07.playvideo:hover,



.rollover05.playvideo:hover,



.rollover01.playvideo:hover{



	opacity:0;



}











.overlay{



	background-image:url("../images/white_70.png");



	position:fixed;



	left:0;



	top:0;



	z-index:500;



	width:100%;



	height:100%;



	display:none;



	overflow:auto;



	color:#0c5573;



}







.red{



	color:#9e122b;



	font-family:arialblack;



}







.helphead{



	font-size:18px;



	margin-top:15px;



	margin-bottom:15px;



}







.overlay_center_window{



	background:#ffffff;



	border-radius:6px;



	border:#eaeaea 1px solid;



	box-shadow: 0 11px 13px 0 rgba(0,0,0,.1);



	position:relative;



	width:600px;



	margin:0 auto;



}







.other_overlay_content{



	padding:60px 20px 20px 20px;



}







.overlay_cuprins{



	background:#fff;



	font-family:arialregular;



	color:#000;



	font-size:18px;



}







.e25_droppable{



	width:100%;



	margin:10px 0;



	border:#cc0000 1px solid;



	border-radius:6px;



	height:30px;



	padding:5px;



	text-align:center;



}







.e25_draggable{



	width:25%;



	margin:10px 0;



	padding:5px;



}







.videocontrol{



	width:40px;



	height:40px;



	margin:10px 10px 10px 0;



}







.closeoverlay{



	position:absolute;



	right:10px;



	top:10px;



	z-index:1000;



}







.menu_mobile .selectPage{



	margin-left:0;



}







.menu_mobile .btn_top img{



	width:50px;



	height:auto;



}







.topbar table.page_zoom_container td.td_pagina{



	padding-left:6px;



	padding-right:6px;



}







#page_shadow{



	pointer-events:none;



}







.overlayimage{



	display:block;



	position:relative;



	margin:0 auto;



	max-width:100%;



	height:auto;



}







.bifeaza_left{



	width:35%;



	float:left;



	padding-right:10px;



}







.bifeaza_right{



	width:65%;



	float:left;



}







.linie_bifeaza .span_s_radio{



	display:block;



	width:100%;



	margin-bottom:10px;



}



.linie_bifeaza{



	width:100%;



}







.enunt_exercitiu{



	font-weight:bold;



	line-height:22px;



	font-size:22px;



display:flex!important;

align-items:flex-start;



}







.enunt_exercitiu img{



	vertical-align:middle;



}







.butoane_validare{



	margin-top:10px;



	text-align:center;



}



#btn_reset{



	margin-left:10px;



}







.e20{



	display:inline-block;



	width:24%;



	position:relative;



	vertical-align:top;



}







.e20_2{



	width:33%;



}







.e20 img{



	width:100%;



	display:block;



	margin-bottom:15px;



}







.drag_20,.drop_20{



	width:94%;



	



	text-align:center;



	min-height:35px;



	line-height:35px;



	border:#00aeef 2px solid;



	border-radius:5px;



	margin:0 auto;



	margin-bottom:15px;



}







.c20{



	position:relative;



	text-align:center;



}







.optiune_exercitiu{



	display:block;



	float:left;



	line-height:20px;



	border:#f37021 1px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	-ms-border-radius:6px;



	vertical-align:middle;


	margin-left:1%;



	margin-bottom:15px;



	vertical-align:middle;



	padding:4px 0;



}







.optiuni_exercitiu{



	margin-top:20px;



}











.optiune_exercitiu input[type="checkbox"],.optiune_exercitiu input[type="text"]{



	width:20px;



	height:20px;



	vertical-align:middle;



}







.optiune_left_type{



	margin-left:5px;



}







.mesaj_validare{



	font-weight:bold;



	margin:10px;



	padding:5px;



	display:none;



}







.exercitiu_gresit{



	border:#ffb6b6 1px solid;



	color:#cc0000;



	background:#ffeaea;



}







.exercitiu{



	font-size:18px;



}







.rebus_txt{



	line-height:28px;



}







.exercitiu_corect{



	border:#8cce4c 1px solid;



	color:#8cce4c;



	background:#ecffda;



}







.imagine_exercitiu_checkbox{



	display:block;



	float:left;



}







.option_left{



	float:left;



	width:30px;



}







.option_right{



	float:left;



}







.familia_mariei{



	color:#20409a;



	width:60%;



	font-size:20px;



}







.optiune_drag{



	text-align:center;



	border:#9bca70 2px solid;



	background:#cce7d0;



}







.optiune_drag2{



	text-align:center;



	border:#9bca70 2px solid;



	background:#cce7d0;



	margin-right:10px;



	margin-left:10px;



}







.optiune_target,.optiune_target2,.optiune_target3,.optiune_target4{



	text-align:center;



	border:#9bca70 2px dashed;



	background:#ffffff;



	width:200px;



	margin-bottom:10px;



	margin-top:10px;



	height:28px;



	line-height:28px;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



}







.optiune_target_inline{



	float:left;



	width:150px;



	margin-right:15px;



}







.optiune_target2{



	margin:10px auto;



}







.optiune_target3,.optiune_target4{



	float:left;



	margin-left:40px;



}







.optiune_target4{



	height:auto;



	min-height:28px;



}







.item_parul{



	margin:5px;



	width:45px;



	height:45px;



	position:absolute;



}







.target_oana img{



	width:90px;



	height:45px;



	display:block;



	float:right;



	margin-top:5px;



}







.target_oana{



	text-align:right;



	border:#c77db5 1px solid;



	padding:0;



	margin:0;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	vertical-align:middle;



	line-height:55px;



	height:55px;



}







.grup_drag{



	margin-top:15px;



}







.col_targets{



	border:#f4813c 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



}







.drag_fata{



	text-align:center;



	width:83px;



	height:41px;



	line-height:41px;



	top:5px;



	border:#b68371 1px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	position:absolute;



	font-size:12px;



}







.drag_nas{



	text-align:center;



	width:56px;



	height:41px;



	line-height:41px;



	top:5px;



	border:#b68371 1px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	position:absolute;



	font-size:12px;



}







.drag_corp{



	text-align:center;



	width:60px;



	height:45px;



	vertical-align:middle;



	top:5px;



	position:absolute;



	font-size:12px;



	background-image:url("../images/page11_e2_corpul_bg.png");



	background-size:100% 100%;



}



.drag_corp span{



	margin-top:14px;



	display:block;



}



.last_drag_corp span{



	margin-top:8px;



}







.item_e15{



	padding:5px;



	border:#cccccc 1px solid;



	background:#aae0fa;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	width:80px;



	position:absolute;



	text-align:center;



	z-index:111;



}







.item_e19{



	padding:5px;



	border:#cccccc 1px solid;



	background:#aae0fa;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	width:400px;



	left:75px;



	position:absolute;



	text-align:center;



	z-index:111;



}







.e19_targets{



	position:relative;



	height:220px;



}







.e19_optiuni{



	height:220px;



	position:relative;



}







.e19_title{



	width:120px;



	height:30px;



	line-height:30px;



	border:#cccccc 1px solid;



	border-radius:6px;



	text-align:center;



	-webkit-border-radius:6px;



	position:absolute;



}







.e19_target{



	left:140px;



	width:400px;



	border:#cccccc 1px dashed;



	border-radius:6px;



	-webkit-border-radius:6px;



	text-align:center;	



	height:30px;



	line-height:30px;



	position:absolute;



}







.item_e23{



	position:absolute;



	top:0;



}







.target_e15{



	width:116px;



	float:left;



	margin-right:15px;



	text-align:center;



}







.e23_optiuni{



	height:161px;



	position:relative;



}







.e24_optiuni{



	height:120px;



	position:relative;



}







.target_e23{



	width:160px;



	float:left;



	margin-right:15px;



	text-align:center;



}







.e15_optiuni{



	min-height:50px;



	position:relative;



}







.e15_targets{



	width:560px;



	height:300px;



	background-image:url("../images/page15_e1.png");



	position:relative;



}







.e15_target{



	position:absolute;



	width:80px;



	height:30px;



	line-height:30px;



	text-align:center;



}







.e15t2{



	border:#b68371 1px dashed;



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	height:200px;



	width:100%;



}







.e23_targets{



	margin-bottom:20px;



	padding-bottom:20px;



	border-bottom:#cccccc 1px solid;



}







.e23_target{



	display:inline-block;



	border:#cccccc 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	padding:3px 6px;



	background:#fffbcc;



}







.item_e23{



	border:#cccccc 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	padding:3px 6px;



	background:#fffbcc;



	float:left;



	width:100px;



	position:relative;



	text-align:center;



	margin-left:10px;



}







.e25_targets{



	width:560px;



	height:367px;



	background:url("../images/page25_e1.png");



	position:relative;



}







.e25_target{



	width:276px;



	height:30px;



	line-height:30px;



	text-align:center;



	position:absolute;



	font-size:13px;



	z-index:13;



}







.item_e25{



	border:#cccccc 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	padding:3px 6px;



	background:#fffbcc;



	float:left;



	width:250px;



	font-size:13px;



	position:relative;



	text-align:center;



	margin-left:10px;



	margin-top:10px;



}







.item_e29{



	border:#cccccc 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	padding:3px 6px;



	background:#fffbcc;



	float:left;



	width:250px;



	font-size:13px;



	position:relative;



	text-align:center;



	margin-left:10px;



	margin-top:10px;



}







.e29_target{



	margin-top:25px;



	margin-bottom:25px;



	font-size:12px;



}







.e29_inline{



	display:inline-block;



	border:#cccccc 2px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	padding:3px 6px;



	width:150px;



	height:30px;



	line-height:30px;



	vertical-align:middle;



	text-align:center;



}







.type3col{



	width:32%;



	float:left;



}







.type3col_4{



	width:24%;


	float:left;



}







.type3col2,.type3col3{



	text-align:center;



}







.optiune_exercitiu_col3{



	border-radius:6px;



	-webkit-border-radius:6px;



	border:#cccccc 1px solid;



	padding:5px 6px;



	width:40px;



	text-align:center;



}







.optiune_exercitiu_col3_4{



	border-radius:6px;



	-webkit-border-radius:6px;



	border:#cccccc 1px solid;



	padding:5px 6px;



	width:60px;



	text-align:center;



}







.type3row{



	margin:10px 0;



	padding:6px;



	background:#eaeaea;



	line-height:30px;



}







.page37_head{



	border-radius:6px;



	-webkit-border-radius:6px;



	background:#ff0000;



	color:#fff;



	width:100px;



	margin:0 auto;



}







.span_s_radio{



	padding:3px 5px;



	border:#cccccc 2px solid;



	display:inline-block;



}







.span_s_radio67{



	width:250px;



	border-radius:6px;



	-webkit-border-radius:6px;



	text-align:center;



}







.e45_2_optiuni{



	position:relative;



	height:100px;



}







.e45_2_option{



	width: 90px;



	position:absolute;



}







.target_e45_2{



	width:120px;



}







.e45_2_targets{



	margin-left:20px;



}







.col_e17 .optiune_exercitiu{



	border:none;



}







.exercitiu_selecteaza_radio{



	margin:15px 0;



}







.s_radio_selectat{



	border:#000000 2px solid;



}







.s_radio_ok{



	border:#49ec23 2px solid;



}







.s_radio_notok{



	border:#ff0000 2px solid;



}







.col_e17 .option_left input{



	border-radius:6px;



	-webkit-border-radius:6px;



}







.letter_e17{



	padding:5px;



	border-radius:6px;



	-webkit-border-radius:6px;



	border:#cccccc 1px solid;



}







.item_e21{



	display:inline-block;



}







.e15_title{



	border-radius:6px;



	-webkit-border-radius:6px;



	-moz-border-radius:6px;



	background:#e4f1d6;



	font-weight:bold;



	border:#cccccc 1px solid;



}







.target_e21 img{



	display:block;



	margin:0 auto;



}







.e21_optiuni{



	text-align:center;



}







.target_e24_3_1{



	width:228px;



	height:142px;



	background-image:url("../images/page24_e3_3.png");



	float:left;



	margin-left:50px;



}







.target_e24_3_2{



	width:201px;



	height:143px;



	background-image:url("../images/page24_e3_4.png");



	float:left;



}







.e24_4_option{



	width: 115px;



	position:absolute;



}







.target_e24_4{



	width: 120px;



}







.target_e24_4 .e15_title{



	font-size:12px;



}







.pad_target_e24_4{



	padding-top:12px;



	padding-bottom:12px;



}







.pad_target_e24_4_2{



	padding-top:4px;



	padding-bottom:4px;



}







.e24_4_optiuni{



	position:relative;



	height:40px;



}







.target_e24_4 .e15_target{



	height:40px;



}







.iata_rezultatul{



	color:#cc0000;



	font-size:24px;



}







.e35_optiuni{



	float:left;



	width:220px;



	height:300px;



	margin-right:10px;



	position:relative;



}







.e35_targets{



	width:299px;



	height:547px;



	background-image:url("../images/page35_e1_target.png");



	float:left;



	position:relative;



}







.target_e35_1_1{



	position:absolute;



	width:90px;



	height:90px;



	left:0;



	top:0;



}







.e36_1_optiuni{



	position:relative;



	height:150px;



}







.e45_2_optiuni{



	position:relative;



	height:100px;



}







.e36_1_option{



	width: 160px;



	position:absolute;



	min-height:50px;



}







.e45_2_option{



	width: 90px;



	position:absolute;



}







.optiune_drag3{



	text-align:center;



	border:#9bca70 2px solid;



	background:#cce7d0;



	font-size:12px;



}











.target_e35_1{



	width:250px;



}







.target_e23{



	width:160px;



	float:left;



	margin-right:15px;



	text-align:center;



}







.target_e45_2{



	width:120px;



}







.e45_2_targets{



	margin-left:20px;



}







.e35_1_targets{



	margin-left:25px;



}







.ales_e35_1{



	background:#eaeaea;



	text-align:center;



	padding:6px;



	border-bottom:#cccccc 1px dashed;



}







.rebus{



	position:relative;



	width:560px;



	height:456px;



	background:url("../images/rebus.png");



	background-size:100% 100%;



	margin:0 auto;



}







.txt_rebus{



	position:absolute;



	width:27px;



	height:26px;



	margin:0;



	padding:0;



	border:#cccccc 1px solid;



	text-align:center;



	text-transform:uppercase;



	font-weight:bold;



	color:#ff0000;



	font-size:16px;



	padding-top:2px;



}







.enunt_rebus{



	margin:20px;



	color:#092b47;



	line-height:24px;



}







.infop{



	padding:6px;



	border:#cccccc 1px solid;



	border-radius:6px;



	-webkit-border-radius:6px;



	font-weight:bold;



	margin-bottom:10px;



}







.d_connect span{



	display:inline-block;



}







.menu_mobile{



	display:none;



}







.menu_desktop{



	display:block;



}







.btn_cuprins,.btn_ajutor{



	



}







.menu_mobile{



	display:none;



}







.menu_desktop{



	display:block;



}







#info_cover{



	line-height:7em;



}







#info_cover ol{



	margin-left:4em;



	padding-left:0;



}







#info_cover ul{



	margin-top:2em;



	margin-left:4em;



	padding-left:0;



	list-style-type:circle;



}



	











.exercitiu_selecteaza{



	margin:20px 0;



}







.text_selected{



	background:#cc0000;



	color:#ffffff;



}







.text_select{



	padding:2px 4px;



	margin:2px;



	display:inline-block;



}







.text_select{



	border:#ffffff 1px solid;



}







.div_delimitare{



	margin:10px 0;



}







.delimitare_completat{



	border-radius:10px;



	-webkit-border-radius:10px;



	border:#cccccc 1px dashed;



	line-height:30px;



	margin:10px 0;



	padding:4px 15px;



}







.span_delimitare{



	margin:2px 2px;



	display:inline-block;



	height:34px;



	line-height:34px;



}











.item_e40{



	width:80px;



}







.e40_target{



	float:left;



	text-align:right;



	width:43%;



	margin:10px;



}







.e48_inline{



	margin-left:10px;



}







.w100{



	width:100px;



}







.w80{



	width:80px;



}







.lh40{



	line-height:40px;



}







.d_connect{



	position:absolute;



	left:0;



	top:0;



	background:rgba(247, 159, 31, .2);



	outline:rgb(255, 195, 18) 1px solid;



	border-radius:0;



	text-align:center;



	



	-moz-user-select: none; 



	-khtml-user-select: none; 



	-webkit-user-select: none; 



	-o-user-select: none; 



	user-select: none; 



	color:#000;



}







.d_connect_selected{



	outline:rgb(238, 90, 36) 2px solid;



}







.d_e57{



	float:left; 



	width:45%;



	margin-right:3%;



	text-align:center;



}







.d_e57_title{



	margin:5px 0;



}







.e68_optiuni{



	width:560px;



	height:500px;



	position:relative;



	background:url("../images/page68_bg.png");



	background-repeat:no-repeat;



}







.target_e68{



	position:absolute;



}







.text_delimitat {



	font-size:13px;



}











.btn_top{



	color:#fff;



	display:inline-block;



	margin-left:10px;



}



.btn_top img {

    display: inline-block;

    vertical-align: middle;

    width: 40px;

    height: auto;

    padding: 5px;

}





.selectPage{



    margin-left: 20px;



	color:#fff;



	margin-top:-5px;



}







.icon-analizeaza{



	width:3em;



	height:3em;



	background:url("../images/icons/analizeaza.png");



	display: inline-block;



	vertical-align:middle;



}







.icon-descopera{



	width:3em;



	height:3em;



	background:url("../images/icons/descopera.png");



	display: inline-block;



	vertical-align:middle;



}







.icon-aplica{



	width:85px;



	height:85px;



	background:url("../images/icons/aplica.png");



	display: inline-block;



	vertical-align:middle;



}







.t_brown td p{padding:0; margin:0;} .t_brown td {        padding:0 10px;  border:#f15f22 1px solid; border-collapse:collapse;   }







.icon-inline{



	display: inline-block;



    vertical-align: middle;



    width: 60px;



    height: auto;



    margin-left: -20px;



    margin-top: -45px;



    margin-bottom: 0;



	float:left;



}







.pageno{



	text-align:center;



}







.pageno p{



	border:#f7cd66 3px solid;



	padding:5px 15px;



	display:inline-block;



	border-radius:50%;



}







.bgbubble{



	background:url("../images/icons/bubble.png");



}







.hasbg .textContainer.bgmessage,.bgmessage{



	background-image:url("../images/icons/msg_bg.png");



}







.bold{



	font-weight:bold;



}







.bgresponsive,.hasbg .bgresponsive{



	background-repeat:no-repeat;



	background-size:100% auto;



}







.textContainer table{



	border:0;



	width:100%;



	font-size:inherit;



	font-family:inherit;



	line-height:inherit;



	border:1;



	border-color:#000;



}







.twocoltable table td{



	width:50%;



	text-align:center;



}







.twocoltable table,.twocoltable table td{



	border:#000 2px solid;



	border-collapse: collapse;



}







.bggreen{



	background-color:#dbecd9;



}







.bgyellow{



	background-color:#fff5d8;



}







.textContainer span.sep-e-bine{



	display:inline-block;



	width:15em;



}







.responsiveText.textContainer span.sep-e-bine{



	display:none;



}







.selectPage input{



	background:none;



	border:#fff 1px solid;



	border-radius:6px;



	width:60px;



	text-align:right;



	font-size:inherit;



	font-family:inherit;



	text-align:center;



	color:inherit;



}







.menu_mobile .selectPage{



	margin-left:15px;



}







.tooltip_rzv{



	position:absolute;



	left:20px;



	top:110px;



	z-index:99999;



	display:none;



}







.tooltip_content{



	width:380px;



	border-radius:20px;



	background:#bb264f;



	color:#ffffff;



	font-size:16px;



	text-align:justify;	



	padding:20px;



	line-height:26px;



}















#video_progress{



	position:absolute;



	width:100%;



	height:8px;



	border:#cccccc 1px solid;



	background:#eaeaea;



	bottom:78px;



	left:0;



	opacity:.5;



	cursor:pointer;



	z-index:1000;



}



#video_progress_bar{



	position:absolute;



	width:0;



	height:100%;



	background:#bb264f;



}







.mobile-only{



	display:none!important;



}



.desktop-only{



	display:block!important;



}







.e40_box{



	display:inline-block;



	padding:10px;



	border:#128e38 2px solid;



	border-radius:5px;



}







.bookworm{



	border:#000 1px solid;



	width:100%;



	border-collapse:collapse;



	margin:15px 0;



}







.bw{



	border:#000 1px solid;



	text-align:center;



	padding:10px 0;



	user-select:none;



}







.pdrag{



	display:inline-block;



	margin:5px;



}







.bw_selected{



	background:#3b6cae;



	color:#fff;



}







.e40_arrow{



	display:inline-block;



	width:50px;



	height:auto;



}







.e51_draggable{



	display:block;



	border:#e22993 1px solid;



	padding:10px;



	border-radius:5px;



	margin:2%;



	text-align:center;



	float:left;



	width:28%;



}



.e51_left,.e51_right{



	width:100%;



}



.e51_pic{



	float:left;



	width:28%;



	margin:2%;



}







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



	.btn_top{



		margin-left:0;



	}



}







.e23{



	float:left;



	width:33%;



	margin-bottom:15px;



}







.e23 img{



	display:block;



	width:95%;



	margin:15px auto;



}



.e23 input{



	width:95%!important;



	height:35px!important;



	line-height:35px!important;



	margin:15px auto;



	display:block!important;



}





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



	



	.tooltip_rzv {



		width: calc(100% - 40px);



	}



	



	.tooltip_content {



		width: 100%;



	}



	



	.e51_left,.e51_right{



		width:50%;



		float:left;



	}



	.e51_pic{



		float:none;



		width:100%;



		margin:0;



	}



	.e51_draggable{



		float:none;



		width:100%;



	}



	.e51_right{



		padding-left:15px;



	}



	.mobile-only{



		display:block!important;



	}



	.desktop-only{



		display:none!important;



	}



	.menu_mobile{



		display:block;



	}







	.menu_desktop{



		display:none;



	}



	



	.playexercitiu,.playimage,.playvideo {



		opacity:1;



	}



	



	.rollover07.playexercitiu:hover,



	.rollover05.playexercitiu:hover,



	.rollover01.playexercitiu:hover,







	.rollover07.playimage:hover,



	.rollover05.playimage:hover,



	.rollover01.playimage:hover,







	.rollover07.playvideo:hover,



	.rollover05.playvideo:hover,



	.rollover01.playvideo:hover{



		opacity:1;



	}



	



	.e20{



		width:33%;



	}







	.e20_2{



		width:50%;



	}







	



}







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



	.menu_mobile{



		display:block;



	}







	.menu_desktop{



		display:none;



	}



	



	.btn_top{



		



	}



	



	.btn_container{



		width:13%;



		margin-top:5px;



	}



	.btn_top img{



		



	}



	



	.table_container{



		width:74%;



	}



	.topelem{



		



	}



	.td_pagina{



		display: none;



	}



	



	.top_page_value2{



		width:30px;



	}



}







.page5_title{



	text-align:center;



	font-family:FranklinGothicBook;



	color:#3fa435;



	font-size:28px;



}







.page5_title2{



	text-align:left;



	font-family:FranklinGothicBook;



	font-size:24px;



	font-weight:900;



	letter-spacing:0;



}







.textContainer span.alineat{



	display:inline-block;



	content:' ';



	width:50px;



}







.txt_gradient{



	height:.95em;



	width:auto;



}







.txt_gradient2{



	height:1.35em;



	width:auto;



}







.responsiveText .xs-hidden{



	display:none;



}







.rebus_table td{



	text-align:center;



}



.rebus_table{



	width:100%;



	display:block;



	margin:20px 0;



	text-transform:uppercase;



	font-family:arialbold;



}







.tbl p{



	padding:0 10px;



	margin:0;



	margin-bottom:5px;



}







.tbl td{



	vertical-align:top;



}







.rebus_table,.rebus_table td{



	border-collapse: collapse;



	border:#ccc 1px solid;	



}







.rebus_table td.rebus_word{



	background:#eaeaea;



	outline:#000 1px solid;	



}







.rebus_word input{



	width:100%;



	background:none;



	border:none;



	text-align:center;



	text-transform:uppercase;



	font-family:arialregular;



	font-size:16px;



}







.rebus_highlighted{



	background:#c5e0b3;



}











.overCuprins{



	display:none!important;



}







.hasbg .overCuprins{



	display:block!important;



}











.cuprins_left{



	width:80%;



	float:left;



}







.responsiveText.width50{



	width:50% !important;



	margin:0 auto !important;



}







.cuprins_right{



	width:20%;



	float:left;



	text-align:right;



}







.cuprins_m{



	margin-bottom:20px;



}







.margin-stick{



	margin-top:90px !important;



}







.responsiveText.nopadding{



	padding:0!important;



	margin:0!important;



}















.drag_47{



	display:inline-block;



	width:30%;



	margin:10px 1%;



	border:#666 2px solid;



	border-radius:6px;



	



}







.drop_47{



	position:absolute;



}







.e47{



	padding:10px;



	text-align:center;



}







.e47 span{



	font-size:16px;



}







.ee47{



	height:40em;



}











#sep_e47{



	height:29em;



}







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



	.enunt_exercitiu{



		font-size:16px;



	}







	.ee47{



		height:66em;



	}



	



	#sep_e47{



		height:35em;



	}







}











/* e47 */



.ee47 #droppable0{



left:3.019238476953908em;



top:12.691983967935872em;



width:15.431663326653307em;



height:3.578356713426854em;



}



.ee47 #droppable1{



left:35.78356713426854em;



top:4.1374749498998em;



width:15.431663326653307em;



height:3.578356713426854em;



}



.ee47 #droppable2{



left:37.40501002004008em;



top:9.449098196392786em;



width:15.375751503006013em;



height:3.6342685370741483em;



}



.ee47 #droppable3{



left:34.66533066132265em;



top:14.648897795591184em;



width:15.431663326653307em;



height:3.578356713426854em;



}



.ee47 #droppable4{



left:37.62865731462926em;



top:22.64428857715431em;



width:15.375751503006013em;



height:3.578356713426854em;



}







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



	.ee47 #droppable0{



		left:0.21257142857142855em;



		top:13.498285714285712em;



		width:18.068571428571428em;



		height:5.73942857142857em;



	}



	.ee47 #droppable1{



		left:36.56633266533066em;



		top:0.7268537074148297em;



		width:17.947695390781565em;



		height:5.5352705410821645em;



	}



	.ee47 #droppable2{



		left:37.30628571428571em;



		top:8.396571428571427em;



		width:17.962285714285713em;



		height:5.526857142857142em;



	}



	.ee47 #droppable3{



		left:37.51885714285714em;



		top:16.15542857142857em;



		width:18.068571428571428em;



		height:5.526857142857142em;



	}



	.ee47 #droppable4{



		left:37.412571428571425em;



		top:25.40228571428571em;



		width:18.068571428571428em;



		height:5.633142857142857em;



	}







	







	.drop_47{



		padding:0;



		line-height:15px;



	}







}







.drop_47 span{



	font-size: 14px;



	line-height: 14px;



	padding-top: 0px;



	display: block;



	position: relative;



	top: 50%;



	transform: translate(0,-50%);



}







.t_e48{



	width:100%;



	margin-bottom:20px;



}







.t_e48 input{



	width:100%!important;



	display:block;



	border:0;



	height:30px;



	line-height:30px;



	text-align:center;



}







.t_e48 td,.t_e48 th{



	border:#ccc 1px solid;



	border-collapse:collapse;



	text-align:center;



}







.t_e48 th{



	background:#eaeaea;



}







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



	.t_e48{



		font-size:14px;



		margin-left: -25px;



		width: calc(100% + 45px);



		display: block;



		position: relative;



	}



}







/*  e47  */







.exercitiu_draggable {

padding:10px; text-align:center; margin:20px 0;

}		



.exercitiu_draggable span {

display:inline-block;

background:#eaeaea; border:#ccc 1px solid; padding:5px; margin:10px;

}

			



/* clearfix leave this last in the css document */







.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



}



.arrow-right {



	width: 0; 

	height: 0; 

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-left: 10px solid #41ad49;



 }





.clearfix { display: inline-block; }



/* start commented backslash hack \*/



* html .clearfix { height: 1%; }



.clearfix { display: block; }



/* close commented backslash hack *//



/* Grid System */

.row {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    box-sizing: border-box;

}



.row > * {

    box-sizing: border-box;

    padding-right: 15px;

    padding-left: 15px;

}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}




/* Columns */

[class*="col-md-"] {
	float: left;

 }

.icon_star{ width:15px; height:auto; margin-right:5px; vertical-align:middle; display:inline-block; }

.col-md-1 { width: 8.333333%; }

.col-md-2 { width: 16.666667%; }

.col-md-3 { width: 25%; }

.col-md-4 { width: 33.333333%; }

.col-md-5 { width: 41.666667%; }

.col-md-6 { width: 50%; }

.col-md-7 { width: 58.333333%; }

.col-md-8 { width: 66.666667%; }

.col-md-9 { width: 75%; }

.col-md-10 { width: 83.333333%; }

.col-md-11 { width: 91.666667%; }

.col-md-12 { width: 100%; }


.col-sm-6 { width: 50%; }
/* Gutters */

.g-0 { margin-right: 0; margin-left: 0; }

.g-0 > * { padding-right: 0; padding-left: 0; }



.g-1 { margin-right: -4px; margin-left: -4px; }

.g-1 > * { padding-right: 4px; padding-left: 4px; }



.g-2 { margin-right: -8px; margin-left: -8px; }

.g-2 > * { padding-right: 8px; padding-left: 8px; }



.g-3 { margin-right: -15px; margin-left: -15px; }

.g-3 > * { padding-right: 15px; padding-left: 15px; }



.g-4 { margin-right: -24px; margin-left: -24px; }

.g-4 > * { padding-right: 24px; padding-left: 24px; }



/* Responsive */

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

    [class*="col-md-"] {
	float: none;
        width: 100%;

    }

}

.c_block { display: inline-block;} 
.c_block > div { margin:10px 0;} 
.c_block > div.selected { outline:#00cc00 2px solid;}
.e19{ text-align:right; } 
.c_19 { display:flex; justify-content: space-evenly; padding:5px; }
 #pic_container { position:relative; } 
#pic_container > div { position:absolute; cursor:pointer; } 
.cb2{    display: flex; flex-direction: column;justify-content: space-around;}