/* @font-face {
	font-family: "Lato";
	src: url(fonts/LatoLatin-Light.woff2);
} */

@font-face {
	font-family: "Helvetica-Bold";
/*	src: url(./fonts/Helvetica-Bold.otf);	*/
	src: url(./fonts/LatoLatin-Bold.woff2);
}
@font-face {
	font-family: "Helvetica-World";
	src: url(./fonts/HelveticaWorld-Bold.ttf);
}
@font-face {
	font-family: "Helvetica-Light";
	src: url(./fonts/Helvetica-Light.otf);
}

.bold {
	font-family: Helvetica-Bold;
	font-size: 19px;
}

.peles_nuoroda {
	cursor: pointer;
}

.caps {
	text-transform: uppercase;
}

.f14HL {
	font-size: 16px;
/*	font-family: Helvetica-Light;		pasirodo Helvetica-Light normaliai nerodo LT raidziu */
	font-family: Lato;
}

.pane-max-height {
	transition: max-height 0.75s;
	/*max-height: 900px;		/* buvo 600, pakeista i 900, kad tilptu new element menu */
	/* atjungta 20191115 - kai pridejau klaidu pranesimus, reikejo paaukstinti, nesupratau kodel, panaikinau max-height ir viskas graziai atrodo */
}

.hidden {
	display: none;
}

.hiddenGUI {
	visibility: hidden;
}

.visually_hidden {
	transition: max-height 0.75s;
	max-height: 0px !important;
}

.u-paddingT2 {
	padding-top: 20px;
}




/* dokumento virsus */
.header_lang {
	width: 22%;
	vertical-align: top;
	text-align: right;
}

.header_lang > span {
	float: right;
}


.header_text {
	text-align: center;
	vertical-align: top;
	font-family: Helvetica-World;
	font-size: 18px;
}


.acenter {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 400;			/* nesamone, bet taip neuzdengia kalbos pasirinkimo drop-box */
	right: 400;
	/* z-index: -1; */			/* nes atsiranda kolizija su kalbos parinkimo dropbox - jis ne visada sufokusuojamas - TODO bet tada atsiranda kolizija su pavadinimo redagavimu*/
}


.hr_center {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;

	margin-top: 4px;
	margin-bottom: 2px;		/* nes top ir bottom perraso bootstrap */
	width: 150px;
	height: 3px;
	background-color: red;
}

.header_text > span {
	font-size: 15px;
}

.header_logo {
	text-align: left;
	vertical-align: top;
	width: 150px;
}

.header_logo > img {
	width: 120px;
	padding: 10px;
}


.save_project {
	width: 20%;
	white-space: nowrap;
}

.save_project > a {
	color: black;
/*	font-weight: bold;		*/
}

.save_project > i {
	font-size: 13px;
	vertical-align: 0px;
}


.red_dot {
	width: 50px;
}

.red_dot::before {			/* raudono tasko realizacija */
	content: '\25CF';
	color: #ff3366;
	font-size: 10px;
	position: relative;
	left: 22px;
}

.fit_content {
	width: 1%;
	white-space: nowrap;
}




/* dialogai */

.dialog_text {
	opacity: 0.6;
}

.left > span {
	opacity: 0.6;
}





/* kambariu ir dizainu meniu desineje */

.PS_demoSwitch {
	position: relative;
	top: 13px;
	left: 30px;
	height: 170px;
}

.PS_bar1 {
	border-bottom: 1px solid black;
	margin-top: 7px;
	margin-bottom: 7px;
}

.PS_uzrasasR {
	font-weight: bold;
	margin-bottom: 7px;
}

.PS_uzrasasF {
	font-weight: bold;
	margin-top: 20px;
}


/* pats konfiguratorius */
.header_btn_del {
	float: right;
	margin-right: 30px;
	transform: scale(0.6);
	z-index: 1;
	cursor: pointer;
}

.gaminio_btn_icon {
	cursor: pointer;
	transform: scale(0.8);
	vertical-align: middle;
}


.istrinti_gamini_icon {
	cursor: pointer;
	height: 16px;
	width: 16px;
}

.suma {
	font-weight: bold;
}

.suma2 {
	color: green;
}

.jungiklis {
	/*transition: all 0.2s ease-in-out;
	transform: scale(0.9);*/
}

.xjungiklis:hover {
	/*transform: scale(1.0);*/
}

/* spalvos, medziagos pasirinkimo drop-box configuratoriaus virsuje */
.inputw {
	width:180px;
}


/* zalias tick - pasirodo ir dingsta pridejus kambari */
.greenTick {
	vertical-align: middle;
	color: MediumSeaGreen;
	font-size: 34px !important;		/* per kazkokia nesamone .material-icons tampa svarbesnes - reikia perimti */
	line-height: 20px !important;
}

.greenTick-show-hide.ng-hide {
	opacity: 0;
}

.greenTick-show-hide.ng-hide-add {
	transition: all linear 1.5s;
}

.greenTick-show-hide.ng-hide-remove {
	transition: all linear 0.25s;
}


.thankyou {
	opacity: 100;
	transition: all linear 2s;
}

.thankyou-hidden {			/* paslepta is pat pradziu, reikia nuimti klase ir parodyti */
	opacity: 0;
	transition: all linear 0s;
}

.f_dialog {
	opacity: 100;
	transition: all linear 0s;
}

.f_dialog-hide {			/* rodoma is pat pradziu, reikia prideti klase ir paslepti */
	opacity: 0;
	transition: all linear 0.35s;
}






.kambario_pavadinimas {
	font-size: 26px;
}

.vietos_pavadinimas {
	font-size: 18px;
}

.kambario_pavadinimasp {
	font-size: 36px;
}

.vietos_pavadinimasp {
	font-size: 24px;
}

.k_delete {
	margin-right: 22px;
	margin-left: 14px;
}


/* naujo kambario pavadinimas */
.txt_input {
	border: 1px solid #363636;
	border-radius: 5px;
	width: calc(100% - 60px);
	font-size: 14px;
	line-height: 1.414em;
}




/* konfiguratoriaus kambariai */
.c_LSrocker1 {
	position: absolute;
	left: 42.5px;
	/* buvo 44, sumazinau, nes labai jau krenta i akis tarpas tarp remelio ir klaviso is kaires */
	/* padidinu iki 42.5, nes blogai ziurisi A-Al serija */
	top: 30px;
}

.c_LSrocker2 {
	position: absolute;
	left: 181px;			/* buvo 182 - mazinu, nes sumazintas c_LSrocker1 */
	top: 30px;
}

.c_LSrocker3 {
	position: absolute;
	left: 320px;
	top: 30px;
}

.c_LSrocker4 {
	position: absolute;
	left: 458px;
	top: 30px;
}

.c_LSrocker5 {
	position: absolute;
	left: 596px;
	top: 30px;
}

.c_LSrocker6 {					/* faktiskai tik + zenklui */
	position: absolute;
	left: 735px;
	top: 30px;
}


.c_LSframe1 {
	position: absolute;
	left: 42px;
	top: 30px;
	height: 160px;
}

.c_LSframe2 {
	position: absolute;
	left: 32px;
	top: 30px;
	height: 160px;
}

.c_LSframe3 {
	position: absolute;
	left: 21px;
	top: 30px;
	height: 160px;
}

.c_LSframe4 {
	position: absolute;
	left: 10px;
	top: 30px;
	height: 160px;
}

.c_LSframe5 {
	position: absolute;
	left: 0px;
	top: 30px;
	height: 160px;
}


.c_LSDframe1 {
	position: absolute;
	left: 22px;
	top: 11px;
	height: 196px;
	width: 200px;
}

.c_LSDframe2 {
	position: absolute;
	left: 7px;
	top: 11px;
	height: 196px;
	width: 370px;
}

.c_LSDframe3 {
	position: absolute;
	left: -4px;
	top: 11px;
	height: 196px;
	width: 530px;
}

.c_LSDframe4 {
	position: absolute;
	left: -14px;
	top: 11px;
	height: 200px;
	width: 688px;
}

.c_LSDframe5 {
	position: absolute;
	left: -26px;
	top: 11px;
	height: 196px;
	width: 850px;
}




.c_LSPframe1 {
	position: absolute;
	left: 5.5px;
	top: -8px;
	height: 236px;
	width: 236px;
}

.c_LSPframe2 {
	position: absolute;
	left: 2px;
	top: -8px;
	height: 236px;
	width: 382px;
}

.c_LSPframe3 {
	position: absolute;
	left: 0px;
	top: -8px;
	height: 236px;
	width: 524px;
}

.c_LSPframe4 {
	position: absolute;
	left: -2.5px;
	top: -8px;
	height: 236px;
	width: 668px;
}

.c_LSPframe5 {
	position: absolute;
	left: -6px;
	top: -8px;
	height: 236px;
	width: 812px;
}



.c_CDframe1 {
	position: absolute;
	left: 42px;
	top: 30px;
	height: 160px;
}

.c_CDframe2 {
	position: absolute;
	left: 32px;
	top: 30px;
	height: 160px;
}

.c_CDframe3 {
	position: absolute;
	left: 21px;
	top: 30px;
	height: 160px;
}

.c_CDframe4 {
	position: absolute;
	left: 10px;
	top: 30px;
	height: 160px;
}

.c_CDframe5 {
	position: absolute;
	left: 0px;
	top: 30px;
	height: 160px;
}



.c_ASframe1 {
	position: absolute;
	left: 43px;
	top: 30px;
	height: 160px;
}

.c_ASframe2 {
	position: absolute;
	left: 32.5px;
	top: 30px;
	height: 160px;
}

.c_ASframe3 {
	position: absolute;
	left: 21.5px;
	top: 30px;
	height: 160px;
}

.c_ASframe4 {
	position: absolute;
	left: 10px;
	top: 30px;
	height: 160px;
}

.c_ASframe5 {
	position: absolute;
	left: 0px;
	top: 30px;
	height: 160px;
}


.c_Aframe1 {
	position: absolute;
	left: 43px;
	top: 30px;
	height: 160px;
}

.c_Aframe2 {
	position: absolute;
	left: 32.5px;
	top: 30px;
	height: 160px;
}

.c_Aframe3 {
	position: absolute;
	left: 21.5px;
	top: 30px;
	height: 160px;
}

.c_Aframe4 {
	position: absolute;
	left: 10px;
	top: 30px;
	height: 160px;
}

.c_Aframe5 {
	position: absolute;
	left: 0px;
	top: 30px;
	height: 160px;
}


.c_ACframe1 {
	position: absolute;
	left: 25px;
	top: 12px;
	height: 196px;
	width: 197px;
}

.c_ACframe2 {
	position: absolute;
	left: 9px;
	top: 12px;
	height: 196px;
	width: 367px;
}

.c_ACframe3 {
	position: absolute;
	left: -2.5px;
	top: 12px;
	height: 196px;
	width: 528px;
}

.c_ACframe4 {
	position: absolute;
	left: -14px;
	top: 12px;
	height: 196px;
	width: 689px;
}

.c_ACframe5 {
	position: absolute;
	left: -24px;
	top: 12px;
	height: 196px;
	width: 848px;
}



.c_AFframe1 {
	position: absolute;
	left: 25px;
	top: 12px;
	height: 196px;
	width: 197px;
}

.c_AFframe2 {
	position: absolute;
	left: 9px;
	top: 12px;
	height: 196px;
	width: 367px;
}

.c_AFframe3 {
	position: absolute;
	left: -2.5px;
	top: 12px;
	height: 196px;
	width: 528px;
}

.c_AFframe4 {
	position: absolute;
	left: -14px;
	top: 12px;
	height: 196px;
	width: 689px;
}

.c_AFframe5 {
	position: absolute;
	left: -24px;
	top: 12px;
	height: 196px;
	width: 848px;
}




.c_A5frame1 {
	position: absolute;
	left: 25px;
	top: 12px;
	height: 196px;
	width: 197px;
}

.c_A5frame2 {
	position: absolute;
	left: 9px;
	top: 12px;
	height: 196px;
	width: 367px;
}

.c_A5frame3 {
	position: absolute;
	left: -2.5px;
	top: 12px;
	height: 196px;
	width: 528px;
}

.c_A5frame4 {
	position: absolute;
	left: -14px;
	top: 12px;
	height: 196px;
	width: 689px;
}

.c_A5frame5 {
	position: absolute;
	left: -24px;
	top: 12px;
	height: 196px;
	width: 848px;
}




.c_APframe1 {
	position: absolute;
	left: 25px;
	top: 12px;
	height: 196px;
	width: 197px;
}

.c_APframe2 {
	position: absolute;
	left: 9px;
	top: 12px;
	height: 196px;
	width: 367px;
}

.c_APframe3 {
	position: absolute;
	left: -2.5px;
	top: 12px;
	height: 196px;
	width: 528px;
}

.c_APframe4 {
	position: absolute;
	left: -14px;
	top: 12px;
	height: 196px;
	width: 689px;
}

.c_APframe5 {
	position: absolute;
	left: -24px;
	top: 12px;
	height: 196px;
	width: 848px;
}



/* start - demonstruojami visi galimi jungikliai */
.demo_list_png {
	width: 200px;
	height: auto;
}

.demo_list_ls {
	width: 200px;
	height: auto;
}



/* spalvos parinkimo dalis */

.spalva_table {
	width: 1200px;
	table-layout: fixed;
	border-spacing: 5px 5px;
	border-collapse: separate;
}

.spalva_LStd {
	text-align: center;
	vertical-align: top;
	height: 270px;
	width: 280px;
/*	background-color: white;*/
	text-decoration: none;
}


.spalva_LStd:hover {
/*	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);	*/
	/* text-decoration: underline; */
}


.spalva_png_LSrocker {
	width: 200px;
	height: auto;
	cursor: pointer;
}

.spalva_png_LSframe {
	width: 200px;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: -1;
}

.spalva_pos1_LSframe {
	left: 69px;
}

.spalva_pos2_LSframe {
	left: 69px;
}

.spalva_pos3_LSframe {
	left: 69px;
}

.spalva_pos4_LSframe {
	left: 69px;
}




.spalva_LSDtd {
	text-align: center;
	vertical-align: top;
	height: 290px;
	width: 373.3333px;
/*	background-color: white;*/
	text-decoration: none;
}

.spalva_LSDtd:hover {
/*	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);	*/
	/* text-decoration: underline; */
}


.spalva_LSDdiv {
	position: relative;
	height: 260px;
}

.spalva_png_LSDrocker {
	width: 200px;
	height: auto;
	position: relative;
	top: 40px;
	left: 0px;
	cursor: pointer;
}

.spalva_png_LSDframe {
	width: 256px;
	height: auto;
	cursor: pointer;
	top: 12px;
	position: absolute;
	z-index: -1;
}

.spalva_pos1_LSDframe {
	left: 97px;
}

.spalva_pos2_LSDframe {
	left: 98px;
}

.spalva_pos3_LSDframe {
	left: 97px;
}





.spalva_LSPdiv {
	position: relative;
	height: 300px;
	left: -25px;
}

.spalva_png_LSProcker {
	width: 200px;
	height: auto;
	position: relative;
	top: 63px;
	left: 23px;
	cursor: pointer;
}

.spalva_png_LSPframe {
	width: 304px;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: -1;
	top: 12px;
}

.spalva_pos1_LSPframe {
	left: 96px;
}

.spalva_pos2_LSPframe {
	left: 95px;
}

.spalva_pos3_LSPframe {
	left: 96px;
}





/* cia neaisku kas */


.pos1 {
	left: 40.5px;
	position: absolute;
	z-index: -1;
}

.pos2 {
	left: 320px;
	position: absolute;
	z-index: -1;
}

.pos3 {
	left: 599px;
	position: absolute;
	z-index: -1;
}

.pos4 {
	left: 879px;
	position: absolute;
	z-index: -1;
}


.demo_list_pngLSD {
	width: 256px;
	height: auto;
}

.pos_LSDrocker {
	position: relative;
	top: 30px;
}

.pos1_LSDframe {
	left: 12px;
	top: 2px;
	position: absolute;
	z-index: -1;
}

.pos2_LSDframe {
	left: 320px;
	position: absolute;
	z-index: -1;
}

.pos3_LSDframe {
	left: 599px;
	position: absolute;
	z-index: -1;
}

.pos4_LSDframe {
	left: 879px;
	position: absolute;
	z-index: -1;
}


/* start - demo jungikliu lentele */
.demo_td {
	text-align: center;
	vertical-align: top;
	height: 270px;
	width: 280px;
/*	background-color: white;*/
	text-decoration: none;
}


.demo_td:hover {
/*	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);	*/
	/* text-decoration: underline; */
}


.demo_td_div {
	position: relative;
}

.demo_start_tr {
	vertical-align: top;
	height: 30px;
}

.xtable {
	width: 1200px;
	table-layout: fixed;
	border-spacing: 5px 5px;
	border-collapse: separate;
}


/* niekam nereikia? */
/*.menu_png {
	width: 200px;
	height: auto;
}*/






/* pagrindinio meniu piesinukai */

.m1menu tr td span:not(.suma) {
	color: #323a34;
	font-size: 13px;
}

.m1menu_div {
	position: relative;
	top: 20px;
	left: 50px;
}

.m1menu_rocker {
	position: relative;
	z-index: 2;
}

.m1menu_frame {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 200px;
}



/* footeris */
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;

	background-image: url("../jpg_171226/footerimg.png");
	background-color: transparent;
	background-size: 100% 100%;
	height: 93px;
}







/* remeliu parinkimo meniu */

.menu_div {
	position: relative;
	top: 50px;
}

.menu_Atd {
	background-color: white;
	width:280px;
	/* cursor: pointer; */
}

/* .menu_Atd:hover {
	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
} */

.menu_LStd {
	background-color: white;
	width:300px;
	/* cursor: pointer; */
}

/*Hover Disabled  */
/* .menu_LStd:hover {
	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */
}

/* remeliu parinkimo meniu A serija */

.menu_rockerA {
	width: 150px;	/* originalas 200 */
	height: auto;
	z-index: 2;
	position: relative;
}

.menu_pos1_rockerA {
	top: 30px;
	left: 0px;
}

.menu_pos2_rockerA {
	top: 31px;
	left: 2px;
}

.menu_pos3_rockerA {
	top: 31px;
	left: 0px;
}

.menu_pos4_rockerA {
	top: 31px;
	left: 1px;
}


.menu_frameA {
	width: 214px;
	height: auto;
	left: 33px;
	top: -4px;
	position: absolute;
	z-index: 1;
}

.menu_frameAS {
	width: 214px;
	height: auto;
	left: 31px;
	top: -4px;
	position: absolute;
	z-index: 1;
}

.menu_frameAC {
	width: 271px;
	height: auto;
	left: 2px;
	top: -32px;
	position: absolute;
	z-index: 1;
}

.menu_frameAP {
	width: 271px;
	height: auto;
	left: 3px;
	top: -32px;
	position: absolute;
	z-index: 1;
}




/* remeliu pasirinkimo meniu LS serija */

/* sito niekam nereikia ?
.menu_pngLSD {
	width: 256px;
	height: auto;
}
*/

.menu_rockerLS {
	width: 150px;	/* originalas 200 */
	height: auto;
	position: relative;
	top: 30px;
	z-index: 2;
}

.menu_frameLS {
	width: 169px;
	height: auto;
	left: 64px;
	top: 19px;
	position: absolute;
	z-index: 1;
}

.menu_frameLSD {
	width: 214px;
	height: auto;
	left: 41px;
	top: -4px;
	position: absolute;
	z-index: 1;
}

.menu_frameLSP {
	width: 259px;
	height: auto;
	left: 19px;
	top: -26px;
	position: absolute;
	z-index: 1;
}















/* spalvos pasirinkimas A serija */
.spalva_ACtd {
	text-align: center;
	vertical-align: top;
	height: 290px;
	width: 280px;
/*	background-color: white;*/
	text-decoration: none;
}

.spalva_ACtd:hover {
/*	background-color: #999999;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);	*/
/* 	text-decoration: underline; */
}


.spalva_Adiv {
	position: relative;
	height: 200px;
}

.spalva_ACdiv {
	position: relative;
	height: 230px;
}





.spalva_png_Arocker {
	width: 200px;
	height: auto;
	cursor: pointer;
}

.spalva_png_Aframe {
	width: 200px;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: -1;
}

.spalva_pos1_Aframe {
	left: 68px;
}

.spalva_pos2_Aframe {
	left: 68px;
}

.spalva_pos3_Aframe {
	left: 70px;
}

.spalva_pos4_Aframe {
	left: 70px;
}

.spalva_png_ACrocker {
	width: 200px;
	height: auto;
	top: 27px;
	cursor: pointer;
	position: relative;
}

.spalva_png_ACframe {
	width: 253px;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: -1;
}

.spalva_pos1_ACframe {
	left: 43px;
}

.spalva_pos2_ACframe {
	left: 42px;
}

.spalva_pos3_ACframe {
	left: 42px;
}

.spalva_pos4_ACframe {
	left: 42px;
}






/* spalvos CD */

.spalva_png_CDrocker {
	width: 200px;
	height: auto;
	cursor: pointer;
}

.spalva_png_CDframe {
	width: 200px;
	height: auto;
	cursor: pointer;
}

.spalva_pos1_CDframe {
	left: 67px;
	position: absolute;
	z-index: -1;
}

.spalva_pos2_CDframe {
	left: 67px;
	position: absolute;
	z-index: -1;
}

.spalva_pos3_CDframe {
	left: 67px;
	position: absolute;
	z-index: -1;
}

.spalva_pos4_CDframe {
	left: 67px;
	position: absolute;
	z-index: -1;
}






/* debug variantas - kad parodyti lenteliu ribas */
table, th, td {
	xxborder: 1px solid black;
}


/* start puslapiui - visos lenteles placios */
table {
	width: 100%;
}

/* start puslapiui - kad lentele su jungikliu demo neissikraipytu - nes mazinant nuo kazkokio dydzio lentele siaurinama, o absolut pozicijos issivaiksto */
body {
	min-width:1100px;
	width: auto !important;
}

/* start puslapiui butina - nezinau kaip tai paveiks va puslapi - pakeista tiesiogiai paciame vality.min.css
.u-wideWrapper {
	max-width: 74em !important;
} */
.menu_LStd img{
	cursor: pointer;
}
.menu_Atd img {
	cursor: pointer;
}




/* jungikliu spalvu parinkimo isdestymas naujo tipo flex metodu */
.flex_jungikliai {
	/* background-color: blue; */
	width: 75%;		/* su 70% netelpa 3 stulpeliais i ipad ekrana */
	margin: auto;	/* reikia, kad butu width, ir <100% */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;  /* center; */
	align-items: flex-start;		/* vertical align flex element */
	align-content: flext-start;		/* vertical align flex lines ? */

}


.flex_jungikliai > div {
	/* background-color: red;  */
	width: 260px;
	height: 260px;
	margin: 30px;
	text-align: center;
	position: relative;
}

.flex_jungikliai > div > span {		/* cia bus paaiskinantis tekstas */
	position: relative;
	top: 15px;
}

.flex_rockerA > div > img {
	width: 200px;
	position: relative;
	top: 10px;
	left: 5px;
	z-index: 2;
	cursor: pointer;
}

.flex_frameA > div > img:nth-child(even) {
	width: 200px;
	position: absolute;
	top: 10px;
	left: 35px;
	z-index: 1;
}

.flex_frameAC > div > img:nth-child(even) {
	width: 253px;
	position: absolute;
	top: -17px;
	left: 9px;
	z-index: 1;
}

.flex_jungikliaiLSP {			/* realiai copy&paste nuo flex_jungikliai */
	/* background-color: blue; */
	width: 95%;
	margin: auto;	/* reikia, kad butu width, ir <100% */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;  /* center; */
	align-items: flex-start;		/* vertical align flex element */
	align-content: flext-start;		/* vertical align flex lines ? */
}


.flex_jungikliaiLSP > div {
	/* background-color: red; */
	width: 330px;
	height: 350px;
	margin: 30px;
	text-align: center;
	position: relative;
}

.flex_jungikliaiLSP > div > span {		/* cia bus paaiskinantis tekstas */
	position: relative;
	top: 100px;
}

.flex_rockerLS > div > img {		/* nuo rockerA realiai skiriasi tik pozicija */
	width: 200px;
	position: relative;
	top: 51px;
	left: -3px;
	z-index: 2;
	cursor: pointer;
}

.flex_frameLSD > div > img:nth-child(even) {
	width: 256px;
	position: absolute;
	top: 22px;
	left: 34px;
	z-index: 1;
}

.flex_frameLSP > div > img:nth-child(even) {
	width: 304px;
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 1;
}



/* modal dialogas */
.modal2 {		/* modal 2 - nes kitaip ima .modal is bootstrap.css */
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	z-index: 1000;
	overflow: auto;
}

.modal2-body {
/*	padding: 20px;
	background: #fff;
	margin: 40px;*/

	position: absolute;
	top: 150px;
	left: 0;
	bottom: 0;
	right: 0;
	transition: opacity 500ms;
	opacity: 1;
	height: auto;

}

.modal2-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	background-color: #000;
	opacity: 0.75;

	z-index: 900;
}




/* naujo elemento meniu - turi igyti prioriteta virs dropdown-menu - dropdown.less/bootstrap */

.new-box {
	position: static !important;
	display: inline !important;
}