@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');

@font-face {
    font-family: 'lfka';
    src: url('TraceFontForKids.ttf') format('truetype'); 
}

@font-face {
    font-family: 'lfka2';
    src: url('Jardotty-R946.ttf') format('truetype'); 
}

@font-face {
    font-family: 'lfka3';
    src: url('RalewayDots-Regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'lfka4';
    src: url('SchoolHandDotted_new3.ttf') format('truetype'); 
}



:root {
  --razmer:0mm;
}






html,body {
	min-height:100vh;
	height:auto;
	padding:0px;
        width:100%;
        margin:0 auto;
        font-size:16px;
        font-family: 'Montserrat', sans-serif;

}

body {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;

}


* {
        box-sizing: border-box;
}

[main1] {
	position:relative;
	background-color:rgba(90,90,90,0.05);
	flex: 0 0 200px;

}

[main1][move] {
	display:none;
}

[main1] a {
	display:block;
	text-transform:uppercase;
	font-weight:600;
	font-size:13px;
	text-decoration:none;
	width:calc(100% - 16px);
	height:60px;
	border:1px solid rgba(0,0,0,0.1);
        display:flex;
	justify-content:center;
	align-items:center;
	margin:8px auto 20px auto;
	background-color:white;
	color:#606060;
	border-radius:6px;
}

[main1] a:active {
	transform:translate3d(1px,1px,0px);
}

[main2] {
	position:relative;
	background-color:white;
	flex: 0 0 calc(100% - 200px);
	padding:0px 16px 16px 16px;

}



[add-button] {
        position:relative;
	border:2px solid #909090;
	display:block;
	width:40px;
	height:40px;
	border-radius:100px;
	cursor:pointer;
        margin:0px 0px 10px 20px;
}

[add-button]:active {
	transform:translate3d(1px,1px,0px);
}

[add-button]:before {
	content:"";
	position:absolute;
	width:calc(100%/2);
	height:4px;
	left:25%;
	top:calc(100%/2 - 2px);
	background-color:#909090;

}

[add-button]:after {
	content:"";
	position:absolute;
	width:4px;
	height:calc(100%/2);
	top:25%;
	left:calc(100%/2 - 2px);
	background-color:#909090;
	

}

[struct-title] {
	font-size:20px;
	font-weight:500;
	line-height:32px;
	margin:0px 0px 20px 20px;
}

[struct1-form] {
	margin:0px 0px 0px 20px;
}


[struct1-form] input[type="text"], [struct1-form] select {
	height:42px;
	font-weight:500;
	font-size:22px;
}

[struct1-form] > div {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	min-height:50px;

}

[s1] {
	flex:0 0 200px;
}

[s2] {
	flex:1;
}

[struct-wrapper] {
        position:relative;
	border:0px solid red;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:0px 0px 0px 0px;
}

[struct-obj] {
        position:relative;
	display:flex;
	flex-wrap:wrap;
	border:1px solid rgba(0,0,0,0.1);
	margin:0px 20px 20px 20px;
	flex:0 0 250px;
	padding:8px 8px 8px 8px;
	justify-content:space-between;
	border-radius:6px;
	background-color:white;
}




[so1] {
        position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:80px;
	text-decoration:none;
	
        color:#505050;
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;

	background-color:rgba(90,90,90,0.2);
        border-radius:4px;
        text-align:center;
        line-height:150%;

}

[so1][tasks] {
	height:140px;
}


[so1] span {
	color:#505050;
	font-size:12px;
	text-transform:uppercase;
	font-weight:600;
	
}


[so1][active] {
	background-color:#c4f8d2;
}


[so2], [so3] {
	font-size:12px;
	height:22px;
        display:flex;
	justify-content:center;
	align-items:center;
	padding:0px 6px 0px 6px;
	margin:8px 0px 0px 0px;
        border:1px solid rgba(0,0,0,0.2);
        cursor:pointer;
        line-height:22px;
        border-radius:3px;
}

[struct-obj] >a:active {
	transform:translate3d(1px,1px,0px);
}

[struct-content] {
	margin:40px 0px 0px 20px;
}


[tasks1-wrp] {
	width:calc(100vw - 248px);
	min-height:500px;
	margin:0px auto 0px auto;
	display:flex;
	overflow:hidden;

	
}

[tasks1-type] {
	flex:0 0 calc(100vw/6);
	min-height:100%;
	padding:8px 8px 8px 8px;
	overflow:hidden;
}

[tasks1-type]:not([tasks1-type]:last-child) {
	border-right:1px solid black;
}


[tasks1-type][move1] {
	flex:0 0 calc(210mm + 35px);
	order:-1;
}


[tasks1-title] {
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
}

[tasks1-button] {
	margin:0px 0px 0px 0px;
}

[edit] {
	display:inline;
}

[edit][hide] {
	display:none;
}

[edit2] {
	display:inline;
}

[edit2][hide] {
	display:none;
}


[tasks1-h4] {
        position:relative;
	width:210mm;
	height:297mm;
	border:1px solid rgba(0,0,0,0.2);
	margin:20px 0px 0px 0px;
	padding:40px 0px 40px 0px;
	overflow:hidden;
}


[tasks1-h4][prop] {
	padding:80px 0px 40px 0px;
}

[tasks1-logo] {
	position:absolute;
	top:16px;
	right:16px;
	width:108px;
	height:50px;
}

[tasks1-logo] img {
	width:100%;
	height:100%;
	object-fit:contain;
}


[tasks1-edit] {
	position:fixed;
	width:calc(100vw - 210mm - 65px);
	height:100vh;
	right:0px;
	top:0px;
	background-color:rgba(200,200,200,1);
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	padding:40px 0px 40px 0px;
}

[te-wrp] {
        width:100%;
        flex:0 0 calc(100% - 32px);
	max-height:100%;

}

[te-wrp2] {
        width:100%;
        max-height:calc(100vh - 100px);
	overflow:auto;
}

[te-line] {
	margin:0px 0px 20px 0px;
}

[te-line] > span {
	padding:0px 8px 0px 8px;
}



[fname="razmer_wrp"], [fname="razmer_img"], [fname="razmer_sq"], [fname="razmer_font"] {
	width:50px;
}

[fname="strok"], [fname="cols"], [fname="strok"], [fname="razmer"], [fname="razmer_font"], [fname="kolvo"], [fname="kolvo_letters"] {
	width:50px;
}

[te-stroka] {
	display:flex;
	height:40px;
	align-items:center;

}


[te-stroka][task2] {
	height:50px;
	margin:4px 0px 4px 0px;
}

[te-stroka] > span {
	flex:0 0 50px;
	margin:0px 2px 0px 2px;
}


[te-stroka] > span[task2] {
	flex:0 0 50px;
	height:50px;
	margin:0px 2px 0px 2px;
}

[te-stroka] input[type="text"] {
	width:100%;
}

[te-stroka] > span[task2] > input[type="text"] {
	width:100%;
	height:100%;
	font-size:32px;
	font-weight:700;
	text-align:center;
}


[te-stroka] > span[num] {
	flex:0 0 20px;
	text-align:center;
}



[h4-line] {
        position:relative;

	height:14.3mm;


	width:190mm;
	margin:0px auto 7mm auto;
	border-bottom:1px solid rgba(0,0,0,0.2);
        border-top:1px solid rgba(0,0,0,0.2);
        display:flex;
}

[h4-line]:after {
	content:"";
	position:absolute;
	height:0mm;
	border-top:1px dashed rgba(0,0,0,0.1);
	left:0mm;
	top:calc(100%/2);
	width:100%;
        

}


[h4-line][move] {
	background-color:rgba(117,245,144,0.2);
}

[h4-letters-delim] {
	
}

[h4-line-num] {
	position:absolute;
	width:25px;
	height:20px;
	left:-28px;
	top:calc((100% - 20px)/2);
	display:flex;
	justify-content:center;
	align-items:center;
	color:rgba(90,90,90,0.5);
}

[h4-letters] {

	/*font-family: 'lfka', sans-serif;
        font-size:19mm;*/

        /*font-family: 'lfka2', sans-serif;
        font-size:14.2mm;
        color:rgba(0,0,0,0.2);*/

        /*font-family: 'lfka3', sans-serif;
        font-size:19.1mm;
        transform:translate3d(0mm,-4mm,0mm);*/


        font-family: 'lfka4', sans-serif;


        font-size:14.3mm;

        flex:1;
        white-space:nowrap;
        color:rgba(0,0,0,0.3);
        line-height:0mm;
        

}
[h4-letters]:after {
	content:"";
        display: inline-block;
        height:13.6mm;


}


[tasks1-h4-pruner] {
	position:absolute;
	top:0px;
	right:0px;
	width:calc((100% - 190mm)/2);
	height:100%;
	background-color:white;

}


[tasks1-h4-pruner][hide] {
	display:none;
}

[te-settings] {
	flex:0 0 100%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 24px;
        display:flex;
        justify-content:flex-start;
        align-items:center;
}

[te-settings] > span {
	font-size:14px;
	display:flex;
        justify-content:center;
        align-items:center;
        margin:0px 40px 0px 0px;
}

[te-settings] > [set2] > span:nth-of-type(1), [te-settings] > [set2] > span:nth-of-type(2), [te-settings] > [set2] > span:nth-of-type(4), [te-settings] > [set2] > span:nth-of-type(5) {

	cursor:pointer;
	margin:0px 4px 0px 4px;
	user-select:none;
 
}

[te-settings] > [set2] > span:nth-of-type(1), [te-settings] > [set2] > span:nth-of-type(5) {

        color:white;
}

[te-settings] > [set2] > span:nth-of-type(1):active, [te-settings] > [set2] > span:nth-of-type(2):active, [te-settings] > [set2] > span:nth-of-type(4):active, [te-settings] > [set2] > span:nth-of-type(5):active {
	transform:translate3d(1px,1px,0px);
}

[te-settings] > [set2] > span:nth-of-type(3) {
	display:inline-block;
	width:80px;
	text-align:center;
}

[tasks1-2-wrp] {
	position:relative;
	width:190mm;
	height:100%;
	margin:0px auto 0px auto;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
}

[tasks1-2-wrp] table {
	border-collapse:collapse;
}

[tasks1-2-wrp] table td {
	border:1px solid black;
}

[t1-2-data] {
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:500;
	cursor:pointer;
}

[t1-2-data]:after {
}

[task-textarea3] {
	width:300px;
	height:200px;
}

[te-line3] {
	padding:0px 0px 0px 8px;
}

[tasks1-3-wrp] {
        position:relative;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	

}

[tasks1-3-wrp] iframe {

	width:600px;
	height:100%;
}

[tasks1-3-loader] {
	position:absolute;
	top:0px;
	left:calc((100% - 190mm)/2);
	width:190mm;
	height:700px;
	background-color:white;
	background-image:url(../images/832.gif);
	background-position:50% calc(50% - 80px);
	background-repeat:no-repeat;
        z-index:999;
        transition:opacity 1s ease-in-out;


}

[tasks1-3-loader][hide] {
	opacity:0;
}

[tasks1-3-loader]:after {
	content:"Загрузка игры";
	position:absolute;
	top:calc(100%/2);
	left:0px;
	width:100%;
	height:50px;
	text-align:center;
        display:flex;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
	color:#bcae9c;
	
}

[te-line4] {
	position:relative;
	display:flex;
	justify-items:flex-start;
	flex-wrap:wrap;
	max-width:190mm;
}


[te-line4-wrp] {
	position:relative;
}

[tel4-file-wrp] {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	border:1px solid rgba(0,0,0,0.2);
	margin:20px 4px 20px 4px;
	padding:8px 8px 8px 8px;
}

[tel4-file-wrp] > div {
	flex:0 0 100%;
	text-align:center;

}

[twords] {
	margin:8px 0px 0px 0px;
}

[word-div] {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

[word-letter] {
	flex:0 0 30px;
	height:30px;
	margin:2px 2px 2px 2px;
	background-color:#ffffff;
	border:1px solid rgba(0,0,0,0.5);
        display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	font-weight:700;
	cursor:pointer;
}

[word-letter][move] {
	background-color:rgba(117,245,144,0.2);
}

[word-letter-del] {
        display:inline-block;
	background-color:transparent;
	border:none;
	background-image:url(../images/del1.png);
	background-position:50% 50%;
	cursor:pointer;
	width:24px;
	height:24px;
	transform:translate3d(0px,4px,0px);
}

[twords] > div:nth-of-type(1) {
	margin:0px 0px 8px 0px;
}
[word-letter-del]:active {
	transform:translate3d(1px,5px,0px);
}

[tasks1-4-wrp] {
        position:relative;
	width:190mm;
	height:100%;
	margin:0px auto 0px auto;
	display:flex;
	justify-content:center;
	/*align-items:center;*/
	align-content:center;
	flex-wrap:wrap;


}


[task4-img] {
	width:40mm;
	height:40mm;
	margin:0px 0px 0mm 0px;

}

[task4-img] > img {
	width:100%;
	height:100%;
	object-fit:cover;
}

[task4-wrp] {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin:0mm 0mm 10mm 0mm;
	
}

[task4-word] {	
	flex: 0 0 100%;
	display:flex;
	justify-content:center;


	
}

[task4-word] > div {	
	border:1px solid black;
	flex:0 0 10mm;
        display:flex;
	height:10mm;
	justify-content:center;
	align-items:center;
	font-size:8mm;
	font-weight:700;
	margin:1mm 1mm 1mm 1mm;
}


[te-wrp4] {
	display:flex;
	width:100%;
	font-size:14px;

}

[t4-arrow] {
	position:absolute;
	left:6px;
	width:24px;
	height:24px;
	top:22px;
        display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	user-select:none;
        background-color:rgba(0,0,0,0.2);
}

[t4-arrow]:nth-of-type(2) {
	left:auto;
	right:6px;
	
}

[t4-arrow]:active {
	transform:translate3d(1px,1px,0px);

}

[te-wrp5] {
	padding:8px;
	


}

[te-wrp5-1] {
	padding:8px;
	display:flex;
	margin:0px 0px 20px 0px;



}

[te-wrp5-1] > div {
	flex:0 0 100px;
	display:flex;
	flex-wrap:wrap;

}

[te-wrp5-1] > div input[type="number"] {
	width:50px;
}

[te-wrp5-1] > div span {
	font-size:14px;
}


[te-wrp5] textarea {
	width:100%;
	height:500px;
	
}

[t5_wrp] {
	width:100%;
	height:100%;
}

[t5-zag-tag] {
	font-weight:700;
}

[tasks1-h4-5] {
	padding:0px 0px 0px 0px;

}

[wordw] {
        position:relative;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

[for-print] {
	margin:0px 0px 0px 20px;
}


[task-marker] {
	position:absolute;
	bottom:0mm;
	right:calc((100% - 190mm)/2);
	font-size:3.5mm;
}

[t4-title] {
	flex:0 0 100%;
	text-align:center;
}

[task-type="4"] [te-line] span {
	font-size:14px;
}

[struct-obj] a[bl] {
	color:black;
}

[struct-obj] a[wh] {
	color:white;
}

[struct-obj] a[cbgr1] {
	background-color:#42758B;
}

[struct-obj] a[cbgr2] {
	background-color:#844491;
}

[struct-obj] a[cbgr3] {
	background-color:#CBD862;
}

[struct-obj] a[cbgr4] {
	background-color:#DD8864;
}

[struct-obj] a[cbgr5] {
	background-color:#604E98;
}

[struct-obj] a[cbgr6] {
	background-color:#63861E;
}

[struct-obj] a[cbgr7] {
	background-color:#ae4eeb;
}

[struct-obj] a[cbgr8] {
	background-color:#a03237;
}

[struct-obj] a[cbgr9] {
	background-color:#eaff00;
}

[struct-obj] a[cbgr10] {
	background-color:#000000;
}

[struct-obj] a[cbgr11] {
	background-color:#f5a6af;
}

[struct-obj] a[cbgr12] {
	background-color:#4e00ff;
}

[struct-obj] a[cbgr14] {
	background-color:#00ff1e;
}

[struct-obj] a[cbgr15] {
	background-color:#dc143c;
}



[struct-obj] a[tt="11"] {
	background-size:80%;
	background-repeat:no-repeat;
	background-position:50% 50%;
}




[te-wrp6] {
	display:flex;
	flex-wrap:wrap;
}

[te-line] {
	flex:0 0 100px;
	font-size:12px;
	text-align:center;
}


[te-line-title] {
	flex:0 0 100%;
	text-align:left;
}





















[tasks1-6-wrp] {
        position:relative;
	width:190mm;
	height:100%;
	margin:0px auto 0px auto;
	display:flex;
	justify-content:center;
	/*align-items:center;*/
	align-content:center;
	flex-wrap:wrap;


}

[t6-title] {
	flex:0 0 100%;
	text-align:center;
        text-align: center;
    min-height: 70px;
    line-height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;

}


[t6-game] {
	border:1px solid #e8e8e8;
	posiiton:relative;

}

[t6-content] {
	position:relative;
	border:1px solid rgba(0,0,0,0.1);

}


[game-object] {
	position:absolute;

}

[game-object] img {
	max-width:500px;
}

.swiper-button-next {
	top:calc((100% - 0px)/2);
	left:auto;
	right:4px;
}

.swiper-button-prev {
	top:calc((100% - 0px)/2);
	left:4px;
}

[objSwiper] .swiper-slide{
	background-color:white;
	display:flex;
	justify-content:center;
	align-items:flex-start;
        align-content:flex-start;
	flex-wrap:wrap;
	padding:16px 0px 24px 0px;

}

[uc-title] {
	margin:4px 0px 4px 0px;
	flex:0 0 100%;
	text-align:center;
	position:relative;
}

[uc-title][bold] {
	margin:4px 0px 4px 0px;
	flex:0 0 100%;
	text-align:center;
	position:relative;
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
}

[uc-width] {
	width:50px;
}

[uc-width7] {
	width:50px;
}

[uc-hide] {
	display:none !important;
}

[jopa-a] {
	border:2px solid red;
}

[play-wrp] {
	flex:0 0 100%;
        display:flex;
	justify-content:center;
	align-items:center;

}

[play-wrp][hide] {
	display:none;
}

[play-butt] {
	border:2px solid #a8a8a8;
	border-radius:100px;
	width:50px;
	height:50px;
	background-image:url(../images/sound.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
}

[play-butt]:active {
	transform:translate3d(1px,1px,0px);
}

[play-butt7] {
	border:2px solid #a8a8a8;
	border-radius:100px;
	width:50px;
	height:50px;
	background-image:url(../images/sound.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
}

[play-butt7]:active {
	transform:translate3d(1px,1px,0px);
}

[del-butt] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt][hide] {
	display:none;
}


[del-butt]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}


[te-line2] {
	flex:0 0 100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	
}

[player-name] {
	min-width:170px;
	margin:0px 0px 20px 32px;
	padding:16px 32px 8px 32px;
	background-color:white;
}

[start-butt] {
	border:1px solid #e8e8e8;
	margin:0px 0px 0px 32px;
	height:50px;
	width:200px;
	font-size:18px;
	font-weight:500;
        background-color: #e0f2f7;
	border-radius:4px;
        display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	user-select:none;
}

[start-butt]:active {
	transform:translate3d(1px,1px,0px);
}

[task6-win] {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
	background-color:white;
	display:flex;
        justify-content:center;
	align-items:center;
	overflow:auto;

}

[task6-win][show] {
	opacity:1;
}



[task6-win-close] {
	position:absolute;
	display:block;
	right:16px !important;
	top:16px !important;
	width:52px;
	height:52px;
	top:0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}


[task6-win-close]:active {
	transform:translate3d(1px,4px,0px);
}

[task6-win-close]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[task6-win-close]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}



[t7-wrp] {
	width:100%;
	height:100%;

        display:flex;
        justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}

[t7-game] {
	border:1px solid #e8e8e8;
}

[t7-title] {
	flex:0 0 100%;
	text-align:center;
        min-height:70px;
	line-heigh:32px;
	display:flex;
	justify-content:center;
	align-items:center;
}

[t7-content] {
	position:relative;
	border:1px solid rgba(0,0,0,0.1);
}

[del-butt7] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt7][hide] {
	display:none;
}


[del-butt7]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt7]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt7]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}

[uc-text7], [uc-text] {
	width:100%;
	height:50px;
}

[start-butt7] {
	border:1px solid #e8e8e8;
	margin:0px 0px 24px 32px;
	height:50px;
	width:200px;
	font-size:18px;
	font-weight:500;
        background-color: #e0f2f7;
	border-radius:4px;
        display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
	user-select:none;
}

[start-butt7]:active {
	transform:translate3d(1px,1px,0px);
}


[task7-win] {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity 0.5s ease-in-out;
	background-color:white;
	display:flex;
        justify-content:center;
	align-items:center;
	overflow:auto;

}

[task7-win][show] {
	opacity:1;
}



[task7-win-close] {
	position:absolute;
	display:block;
	right:16px !important;
	top:16px !important;
	width:52px;
	height:52px;
	top:0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}


[task7-win-close]:active {
	transform:translate3d(1px,4px,0px);
}

[task7-win-close]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[task7-win-close]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}

[is-question] {
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	margin:24px 0px 0px 0px;
}

[is-question] > span:nth-of-type(1) {
	margin:0px 0px 0px 0px;
	
}

[is-question] > span:nth-of-type(2) > input[type="checkbox"] {
	transform:scale(2,2);
}

[isq-range-div] {
	margin:8px 0px 0px 0px;
	display:flex;
	justify-content:center;
	flex:0 0 100%;
	align-items:center;
	
        
}

[isq-range-div] > span {
	text-transform:uppercase;
	font-size:10px;
	padding:0px 4px 0px 4px;
	flex:0 0 40px;
}

[isq-range-div] > span:nth-of-type(1) {
	text-align:right;
}


[isq-range] {
        display:block;
	border:1px solid green;
	border-radius:5px;
	height:30px;
	width:50px;
	line-height:30px;
        -webkit-appearance:none;
        padding:0px 4px 0px 4px;
        
}



[isq-range]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:green;
    height:20px;
    width:20px;
    border-radius:20px;
}

[isq-range][value="0"] {
	border:1px solid red;
}

[isq-range][value="0"]::-webkit-slider-thumb {
    background:red;
}




[struct-obj] a {
        position:relative;
        background-position:50% 50%;
        background-size:cover;
}

[t-type] {
	position:absolute;
	left:2px;
	top:2px;
	font-size:10px;
	background-color:white;
	color:black;
	text-transform:lowercase;
	padding:0px 2px 0px 2px;
	border-radius:2px;
	opacity:0.5;

}

[page-logo] {
        height:50px;
	background-image:url(../images/page_logo.svg);
        background-repeat:no-repeat;
        background-position:50% 50%;
        margin:20px 0px 20px 0px;
}


[cours-wrp] {
	border:2px solid red;
}

[struct1-form] > div {
	margin:0px 0px 20px 0px;
}





[struct1-form] input[type="text"], [struct1-form] input[type="number"] {
	width:700px;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius:6px;
        font-size:16px;
        font-weight:400;
        height:42px;
}

[struct1-form] textarea {
	width:700px;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius:6px;
        font-size:16px;
        font-weight:400;
        height:150px;
}

[struct1-form] select {
	width:100px;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius:6px;
}

[struct1-form] input[type="button"] {
	width:150px;
	height:42px;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius:6px;
        font-size:12px;
        text-transform:uppercase;
        font-weight:600;
        background-color: rgba(90,90,90,0.05);
        margin:30px 0px 0px 0px;
        font-family: 'Montserrat', sans-serif;

}

[struct1-form] input[type=checkbox] {
	transform:scale(2,2) translate3d(3px,-2px,0px);
}

[struct1-form] input[type="text"], [struct1-form] input[type="number"], [struct1-form] select, [struct1-form] textarea {		
	font-family: 'Montserrat', sans-serif;
	color:black;
	font-weight:500 !important;
	padding:8px 8px 8px 8px;
	line-height:160%;
	font-size:16px !important;
}


[cuc-wrp] {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	column-gap:20px;
        margin:0px 0px 0px 0px !important;
}

[cuc-content] {
	margin:0px 0px 0px 0px !important;
}

[cuc-content] img {
	width:32px;
}

[cuc-content] > span:nth-of-type(1) {
        display:block;
        display:flex;
	justify-content:center;
	align-items:center;
        column-gap:8px;
        margin:0px 0px 8px 0px;
}

[cuc-content] > span:nth-of-type(2) input {
	width:100px;
	margin:0px 0px 0px 0px !important;
}

[cols-wrp] {
	display:flex;
	justify-content:flex-start;
	column-gap:20px;
}

[cols-cont] {
	flex:0 0 50px;
	height:50px;
	border-radius:6px;
	cursor:pointer;
}

[cols-cont]:active {
	transform:translate3d(1px,1px,0px);
}

[cols-cont][move] {
	box-shadow:0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px rgba(0,0,0,0.5);
}


[add-cours-info] {
        position:relative;
	border:2px solid #909090;
	display:block;
	width:40px;
	height:40px;
	border-radius:100px;
	cursor:pointer;
        margin:0px 0px 20px 20px;
}

[add-cours-info]:active {
	transform:translate3d(1px,1px,0px);
}

[add-cours-info]:before {
	content:"";
	position:absolute;
	width:calc(100%/2);
	height:4px;
	left:25%;
	top:calc(100%/2 - 2px);
	background-color:#909090;

}

[add-cours-info]:after {
	content:"";
	position:absolute;
	width:4px;
	height:calc(100%/2);
	top:25%;
	left:calc(100%/2 - 2px);
	background-color:#909090;
	

}


[cours-info-content] {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	column-gap:20px;
	flex-wrap:wrap;

}

[cours-info] {
        position:relative;
	flex:0 0 500px;
	margin:0px 0px 20px 0px;
	background-color: rgba(90,90,90,0.05);
	padding:16px 16px 16px 16px;
	border-radius:6px;
}

[ci-item] {
	display:flex;
	column-gap:16px;
	margin:0px 0px 10px 0px;

}

[ci-title] {
	flex: 0 0 120px;
}

[ci-cont] {
	flex:1;
}

[cours-info] input, [cours-info] textarea {
	width:100% !important;
}

textarea[ci-type="line_text"] {
	height:50px;
}

[cours-info-del] {
	position:absolute;
	width:24px;
	height:24px;
	right:8px;
	top:8px;
	transform:rotate(45deg);
	cursor:pointer;
	z-index:999;
}

[cours-info-del]:before, [cours-info-del]:after {
	content:"";
	position:absolute;
	background-color:#404040;
}

[cours-info-del]:before {
	width:100%;
	height:2px;
	left:0px;
	top:calc((100% - 2px)/2);

}

[cours-info-del]:after {
	width:2px;
	height:100%;
	top:0px;
	left:calc((100% - 2px)/2);

}

[cost] {
	font-size:16px;
	margin:0px 0px 0px 10px;
}


[t8-content] {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin:0px auto 0px auto;

}


[crswd] {
        position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	column-gap:2px;
        row-gap:1px;
	flex:0 0 100%;
	padding:20px 0px 0px 0px;
}

[crswd] > div:not([cr-hint]) {
	border-radius:2px;
	//border:1px solid red;
}

[crswd-delim] {
	flex:0 0 100%;
	//border:1px solid red;

}


[crswd-num], [crswd-empty], [crswd-letter] {
	flex:0 0 30px;
        height:30px;
        font-size:16px;
}

[crswd-num] {
	
	
        display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	align-content:flex-end;
	//box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	padding:0px 2px 0px 0px;
	line-height:100%;
	transform:translate3d(0px,0px,0px);
}


[crswd-empty] {
	height:0px;
        //box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);
        //border:1px solid red;
}

[crswd-letter] {
        display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	font-weight:bold;
        box-shadow:inset 0px 0px 0px 1px rgba(0,0,0,0.2);
        //background-color:#e8e8e8;
        background:linear-gradient(-45deg, rgba(248, 248, 248, 1) 0%, rgba(168, 168, 168, 1) 98%);

}


[no-width] {
	flex:0 0 0px;
	margin:0px 0px 0px 0px !important;
}

[t8-wrp] {
	position:relative;
	width:100%;
	height:100%;
}

[t8-title] {
	flex:0 0 100%;
	text-align:center;
	line-height:150%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin:0px auto 0px auto;
	font-weight:500;
	
}

[add-words] {
	width:30px;
	height:30px;
	font-size:24px;
}

[cr-type][err] {
	background-color:#fbcaca;
}



[del-butt8] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 0px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt8][hide] {
	display:none;
}


[del-butt8]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt8]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt8]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}


[cr-words] {
        display:flex;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	column-gap:10px;
}

[cr-words] > div {
	flex:0 0 calc(100%/2 - 10px);
}

[cr-words] > div {
	align:left;
	
}

[cr-words] > [te-line] > span:not([del-butt8]) {
    padding: 0px 0px 0px 0px;

    

	display:inline-block;
    
	height:30px;
	width:calc(100%/2 - 16px);
	margin:0px 4px 0px 0px;

}

[cr-words] > [te-line] > span > input {
    display:block;
    padding: 0px 0px 0px 0px;
    height:30px;
    padding:0px 8px 0px 8px;
    width:100%;

}

[cr-words] > [te-line] > span > input[cr-type="word"] {
    font-weight:700;
    letter-spacing:1px;
    font-size:14px;
}

[crswd-gen] {
	flex:0 0 100% !important;
}

[crswd-gen] input {
	width: 120px !important;
	margin:0px 0px 0px 8px;
}

[crswd-questions] {
	flex:0 0 100%;
        display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
	margin:120px 0px 0px 0px;
	padding:0px 40px 0px 40px;
	column-gap:20px;
}

[crswd-quest] {
	font-size:14px;
	display:flex;
        justify-content:flex-start;
	align-items:flex-start;
        margin:0px 0px 10px 0px;
        

}

[crswd-quest] > span:nth-of-type(1) {
	display:block;
	flex:0 0 20px;
	height:20px;
	font-weight:500;
}

[crswd-quest] > span:nth-of-type(2):first-letter {
	text-transform: uppercase;	
}



[crswd-questions="1"] > div {
	flex: 0 0 400px;
}

[crswd-questions="2"] > div {
	flex: 0 0 300px;
}

[crswd-questions="3"] > div {
	flex: 0 0 200px;
}

[crswd-questions="4"] > div {
	flex: 0 0 150px;
}

[crswd-questions="5"] > div {
	flex: 0 0 100px;
}


[save-crswd] {
	min-width:200px;
}



[crswrd-go] {
	transform:scale(2,2) translate3d(5px,-3px,0px);
}

[crswd-input] {
	width:100%;
	height:100%;
	text-align:center;
        caret-color: rgb(0, 200, 0);
        font-size:16px;
        font-weight:500;
        font-family: 'Montserrat', sans-serif;
}

[cr-hint] {
	position:absolute;
	left:0px;
	top:0px;
	font-size:14px;
	line-height:150%;
	padding:8px 8px 8px 8px;
	border-radius:2px;
	background-color:#5295fb;
	color:white;
	font-weight:600;
        max-width:250px;
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;

}

[cr-hint] > span {
	color:white;
	font-weight:500;
	
	

}

[cr-hint] > span:nth-of-type(1) {
	display:block;
	flex:0 0 18px;
	margin:0px 0px 0px 0px;
	
}

[cr-hint] > span:nth-of-type(2) {
	display:block;
	flex:1;
	padding:0px 16px 0px 0px;
}

[cr-fill] {
	background:rgba(125,255,34,0.5);
}




[add-video-info] {
        position:relative;
	border:2px solid #909090;
	display:block;
	width:40px;
	height:40px;
	border-radius:100px;
	cursor:pointer;
        margin:0px 0px 20px 20px;
}

[add-video-info]:active {
	transform:translate3d(1px,1px,0px);
}

[add-video-info]:before {
	content:"";
	position:absolute;
	width:calc(100%/2);
	height:4px;
	left:25%;
	top:calc(100%/2 - 2px);
	background-color:#909090;

}

[add-video-info]:after {
	content:"";
	position:absolute;
	width:4px;
	height:calc(100%/2);
	top:25%;
	left:calc(100%/2 - 2px);
	background-color:#909090;
	

}




[cours-video-content] {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	column-gap:20px;
	flex-wrap:wrap;
	

}

[video-info] {
        position:relative;
	flex:0 0 500px;
	margin:0px 0px 20px 0px;
	background-color: rgba(90,90,90,0.05);
	padding:36px 16px 16px 16px;
	border-radius:6px;
}

[ci-item] {
	display:flex;
	column-gap:16px;
	margin:0px 0px 10px 0px;

}

[ci-title] {
	flex: 0 0 120px;
}

[ci-cont] {
	flex:1;
}

[video-info] input, [video-info] textarea {
	width:100% !important;
}

textarea[ci-type="line_text"] {
	height:50px;
}

[video-info-del] {
	position:absolute;
	width:24px;
	height:24px;
	right:8px;
	top:8px;
	transform:rotate(45deg);
	cursor:pointer;
	z-index:999;
}

[video-info-del]:before, [video-info-del]:after {
	content:"";
	position:absolute;
	background-color:#404040;
}

[video-info-del]:before {
	width:100%;
	height:2px;
	left:0px;
	top:calc((100% - 2px)/2);

}

[video-info-del]:after {
	width:2px;
	height:100%;
	top:0px;
	left:calc((100% - 2px)/2);

}

[vi-item] {
	display:flex;
	column-gap:16px;
	margin:0px 0px 10px 0px;

}

[vi-title] {
	flex: 0 0 120px;
}

[vi-cont] {
	flex:1;
}

[video-info] input, [video-info] textarea {
	width:100% !important;
}

textarea[vi-type="line_text"] {
	height:50px;
}


[tasks1-9-wrp] {
        position:relative;
        width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	

}

[tasks1-9-wrp2] {
	position:relative;
	width:80%;

        margin:100px 0px 0px 0px;


}

[struct1-button] {
    width: 150px !important;
    height: 42px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgba(90,90,90,0.05);
    margin: 30px 0px 0px 0px;
    font-family: 'Montserrat', sans-serif;
}

[struct-content] input[type="button"] {
    width: 150px !important;
    height: 42px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgba(90,90,90,0.05);
    margin: 30px 0px 0px 0px;
    font-family: 'Montserrat', sans-serif;
}

[to-lesson-button] {
	position:absolute;
	left:136px;
	top:36px;
}

[struct-title] {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-size:14px;
	column-gap:16px;
	height:40px;
        font-weight:500;
        margin:0px 0px 40px 20px;
}

[struct-title] > a {
        display:flex;
	justify-content:center;
	align-items:center;
	height:28px;
	border-radius:6px;
        background-color:rgba(90,90,90,0.05);
        text-decoration:none;
        color:black;
        padding:0px 24px 0px 24px;
        font-weight:500;
        border: 1px solid rgba(0,0,0,0.1);

	
}

[struct-title] > a:active {
	transform:translate3d(1px,1px,0px);
}


[struct-title] > span {
	font-weight:500;
}


[taks1-new-title] {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	column-gap: 40px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;

}

[taks1-new-title] input {
	
	height:28px;
	border-radius:6px;
        background-color:rgba(90,90,90,0.05);
        text-decoration:none;
        color:black;
        padding:0px 24px 0px 24px;
        font-weight:500;
        border: 1px solid rgba(0,0,0,0.1);
        font-size:14px;
        font-family: 'Montserrat', sans-serif;
}

[taks1-new-title] input:active {
	transform:translate3d(1px,1px,0px);
}




[lesson-task] {
        flex:0 0 940px;
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0px 0px 20px 0px !important;
	padding:12px 0px 8px 0px;
	border-radius:6px;
	border:1px solid rgba(0,0,0,0.1);
	
}

[lesson-task]:nth-child(even) {
	background-color:rgba(0,0,0,0.05);
}

[lt1] {
	flex:0 0 300px;
}

[lt2] {
	flex:1;
}

[lt2-item] {
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:0px 0px 20px 0px;
}

[lt2-item]:last-of-type {
	margin:0px 0px 0px 0px;
}


[lt2-item-title] {
	flex:0 0 150px;
	text-align:right;
	padding:0px 8px 0px 0px;
}

[lt2-item-content] {
	flex:1;
}

[lesson-task] input[type="text"], [lesson-task] textarea {
	font-family: 'Montserrat', sans-serif;
	color: black;
	font-weight: 500 !important;
	padding: 8px 8px 8px 8px;
	line-height: 160%;
	font-size: 16px !important;	
	border-radius:6px;
	border:1px solid rgba(0,0,0,0.1);
	width:470px;
	height:40px;
}

[lesson-task] textarea {
	height:100px;
}

[tp-poster] {
	position:absolute;
	right:0px;
	width:80px;
	height:50px;
}

[tp-poster] img {
	width:100%;
	height:100%;
	obgect-fit:contain;
}

[so1-video-text] {
	
	display:block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	background-color:rgba(0,0,0,0.5);
	padding:4px 8px 4px 8px;
	border-radius:4px;
	color:white !important;


}

[tline] {
	position:absolute;
	left:2px;
	bottom:2px;
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	column-gap:6px;
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}

[tline] div {
	width:18px;
	height:18px;
        display:flex;
	justify-content:center;
	align-items:center;
	border-radius:100px;
	font-size:12px;
	font-weight:500;
}


[tline] div[bl] {
	color:black;
}

[tline] div[wh] {
	color:white;
}

[tline] div[cbgr1] {
	background-color:#42758B;
}

[tline] div[cbgr2] {
	background-color:#844491;
}

[tline] div[cbgr3] {
	background-color:#CBD862;
}

[tline] div[cbgr4] {
	background-color:#DD8864;
}

[tline] div[cbgr5] {
	background-color:#604E98;
}

[tline] div[cbgr6] {
	background-color:#63861E;
}

[tline] div[cbgr7] {
	background-color:#ae4eeb;
}

[tline] div[cbgr8] {
	background-color:#a03237;
}

[tline] div[cbgr9] {
	background-color:#eaff00;
}

[tline] div[cbgr10] {
	background-color:#000000;
}

[tline] div[cbgr11] {
	background-color:#f80e29;
}

[tline] div[cbgr12] {
        background-color:#4e00ff;
}

[tline] div[cbgr14] {
        background-color:#00ff1e;
}

[tline] div[cbgr15] {
        background-color:#dc143c;
}







[ss1] {
	flex:0 0 200px;
}

[ss2] {
	flex:0 0 100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	column-gap:18px;

}

[sss3] {
	flex-wrap:wrap !important;
}

[lt-ftype="block_type"] {
	width:50px;
	height:50px;
	border:1px solid rgba(0,0,0,0.1);
	background-color:white;
	margin:20px 0px 0px 0px;
	border-radius:6px;
	cursor:pointer;
	user-select:none;
}

[lt-ftype="block_type"]:active {
	transform:translate3d(1px,1px,0px);
}

[lt-ftype="block_type"][move] {
    box-shadow: inset 0px 0px 0px 0px #ffffff, inset 0px 0px 0px 2px rgb(0 0 0 / 50%);
}

[lt-ftype="block_type"][val="1"] {
	background-image:url(../images/block_type1.jpg);
}
[lt-ftype="block_type"][val="2"] {
	background-image:url(../images/block_type2.jpg);
}
[lt-ftype="block_type"][val="3"] {
	background-image:url(../images/block_type3.jpg);
}
[lt-ftype="block_type"][val="4"] {
	background-image:url(../images/block_type4.jpg);
}

[so-num] {
        position:absolute;
        right:2px;
        top:2px;
	width:16px;
	height:16px;
	background-color:white;
	border-radius:100px;
	font-size:12px;
	color:black;
}

[program-link] {
	margin:20px 0px 20px 0px;
	display:none;
}

[program-link][show] {
	display:block;
}

[poster81], [poster82] , [poster101], [poster111], [poster_12], [poster_14], [poster_15], [player-name="sound-task"], [player-name="sound-t14-task"], [player-name="sound-t15-task"], [poster_t2], [poster_t14], [sound_t2], [sound_t14] {
	min-width:170px;
	flex:0 0 190px;
	background-color:white;
        padding: 16px 32px 8px 32px;
        margin: 20px 32px 20px 0px;
}


[poster_t2] {
        padding: 16px 32px 8px 32px;
        margin: 20px 0px 20px 0px;
}

[poster_t14] {
        padding: 16px 32px 8px 32px;
        margin: 20px 0px 20px 0px;
}

[poster_t15], [player-name="sound-t15"] {
	min-width:170px;
	flex:0 0 190px;
	background-color:white;
        padding: 16px 32px 8px 32px;
        margin: 0px 0px 0px 0px;
}


[sound_t2] {
	margin: 0px 0px 20px 0px;
}

[sound_t14] {
	margin: 0px 0px 20px 0px;
}

[poster81] img, [poster82] img , [poster101] img, [poster111] img, [poster_12] img, [poster_t2] img {
	width:100%;
	height:100%;
	object-fit:cover;
}



[del-butt812] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt812][hide] {
	display:none;
}


[del-butt812]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt812]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt812]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}

















[del-butt1012] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt1012][hide] {
	display:none;
}


[del-butt1012]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt1012]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt1012]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}





















[del-butt1112] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt1112][hide] {
	display:none;
}


[del-butt1112]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt1112]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt1112]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}

[te-line3] {
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;

}

[te-line3] > span {
	display:block;
	min-height:70px;
        
	flex:1;
	text-align:center;

        display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	
}

[n55] {
	flex:0 0 200px !important;
}

[task11-iframe] {
	height:calc(100% - 100px) !important;
	width:calc(100% - 16px) !important;
}



[del-butt-12] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt-12][hide] {
	display:none;
}


[del-butt-12]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt-12]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt-12]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}

[t12-wrp] {
	padding:20px 0px 0px 0px;
	max-width:530px;
}

[t12-t] {
	margin:0px 0px 20px 0px;
	border-radius:8px;
}

[t12-t] {
	display:flex;
	justify-content:center;
	background-color:#e0f2f7;
	padding:12px 4px 4px 4px;

}

[t12-t]:nth-child(odd) {
	background-color:#e2f0e2;
}

[t12-t] > div {
	flex:0 0 200px;
	
}

[t12-t] > div:nth-of-type(2) {
	flex:0 0 100px;
}

[t12-t-work] {
	padding:0px 4px 0px 4px;
	font-size:14px;
        display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}


[t12-t-work] textarea {
	flex:0 0 100%;
}

[tt67] {
	flex:0 0 100%;
}

[t12-t-admin] {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
        align-content:space-between;
}

[t12-t-admin] > div {
	width:100%;
}

[t-think] {
	display:flex;
	flex-wrap:wrap;
}

[t-think] > span {
	flex:0 0 100%;
	font-size:14px;
	text-align:center;
}

[t-think] input {
	width:50px;
}

[t12-53] {
	text-align:center;
	margin:18px 0px 0px 0px;
        display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	column-gap:16px;

}

[t12_del] {
	margin:0px auto 16px auto;
	width:32px;
	height:32px;
	background-image:url(../images/del.png);
	cursor:pointer;
	opacity:0.5;
}

[t12_del]:active {
	transform:translate3d(1px,1px,0px);
}

[clone-wrp] {
	font-size:12px;
	line-height:160%;
	margin:20px 0px 40px 0px;


}

[clone-wrp][hide] {
	display:none;
}

[clone-wrp] input, [clone-wrp] select {
	height:24px;
}

[clone-wrp] input:not([type="button"]), [clone-wrp] select {
	width:200px;
}



[clone-item] {
	flex:0 0 100%;
	margin:0px 0px 40px 0px;
}

[clone-base] {
	height:180px;
	overflow:auto;
	background-color:white;
}

[clone-line] {
        position:relative;
	line-height:160%;
	font-size:14px;
	margin:0px 0px 0px 0px;
	min-height:32px;
        display:flex;
	justify-content:flex-start;
	align-items:center;
	padding:0px 16px 0px 16px;
	cursor:pointer;
}

[clone-line] b {
	font-weight:600;
}

[clone-line]:nth-of-type(even) {
	background-color:#e8e8e8;
}

[clone-line]:hover {
	background-color:#f0f9d4;
}

[del-clone-line] {
	position:absolute;
	top:calc((100% - 24px)/2);
	right:16px;
	width:24px;
	height:24px;
	background-image:url(../images/del.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16px;
	border-radius:6px;
	background-color:#f7e5e5;
	
}


[del-butt-14] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt-14][hide] {
	display:none;
}


[del-butt-14]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt-14]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt-14]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}



[del-butt-15] {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	top:0px;
	margin:0px 4px 0px 0px;
	transform:translate3d(0px,3px,0px);
	right:0px;
	cursor:pointer;

}

[del-butt-15][t15-sq-del] {
	position:absolute;
	top:4px;
	right:4px;
}

[del-butt-15][hide] {
	display:none;
}




[del-butt-15]:active {
	transform:translate3d(1px,4px,0px);
}

[del-butt-15]:before {
	content:"";
	position:absolute;
	left:calc((100% - 2px)/2);
	top:0px;
	width:2px;
	height:100%;
	background-color:red;
	transform:rotate(45deg);
}

[del-butt-15]:after{
	content:"";
	position:absolute;
	top:calc((100% - 2px)/2);
	left:0px;
	height:2px;
	width:100%;
	background-color:red;
        transform:rotate(45deg);
}




[t14-t] {
	margin:0px 0px 20px 0px;
	border-radius:8px;
}

[t14-t] {
	display:flex;
	justify-content:center;
	background-color:#e0f2f7;
	padding:12px 4px 4px 4px;

}

[t14-t]:nth-child(odd) {
	background-color:#e2f0e2;
}

[t14-t] > div {
	flex:0 0 200px;
	
}

[t14-t] > div:nth-of-type(2) {
	flex:0 0 100px;
}

[t14-t-work] {
	padding:0px 4px 0px 4px;
	font-size:14px;
        display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
}


[t14-t-work] textarea {
	flex:0 0 100%;
}

[tt67] {
	flex:0 0 100%;
}

[t14-t-admin] {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
        align-content:flex-end;
}

[t14-t-admin] > div {
	width:100%;
}

[t-think] {
	display:flex;
	flex-wrap:wrap;
}

[t-think] > span {
	flex:0 0 100%;
	font-size:14px;
	text-align:center;
}

[t-think] input {
	width:50px;
}

[t14-53] {
	text-align:center;
	margin:18px 0px 0px 0px;
        display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	column-gap:16px;

}

[t14_del] {
	margin:0px auto 16px auto;
	width:32px;
	height:32px;
	background-image:url(../images/del.png);
	cursor:pointer;
	opacity:0.5;
}

[t14_del]:active {
	transform:translate3d(1px,1px,0px);
}

[t14-wrp] {
	padding:20px 0px 0px 0px;
	max-width:530px;
}

[t15-wrp] {
	padding:20px 0px 20px 0px;
	width:530px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
        column-gap:8px;
	row-gap:8px;
}


[t15-wrp-sq] {
        position:relative;
	flex:0 0 calc((100% - 16px)/3);
        display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding:8px 8px 8px 8px;
	margin:4px 0px 4px 0px;
	border-radius:10px;
	background-color:white;
	column-gap:6px;
	

}

[t15-wrp-sq-sound-button] {
	position:relative;
	width:60px;
	height:60px;
	border-radius:100px;
        background-color:#ff6600;
        box-shadow: 
		2px 2px 10px 0px rgba(0, 0, 0, .15), 
		inset -4px -4px 15px 0px rgba(0, 0, 0, .3), 
		inset 4px 4px 15px 0px rgba(255, 255, 255, .3);
        background-image:url(../images/play_arrow.png);
        background-position:calc(50% + 2px) 50%;
        background-size:16px;
        background-repeat:no-repeat;

}

[t15-wrp-sq-text] {
        position:relative;
	flex:0 0 90%;
	background-color:white;
	border:1px solid #e8e8e8;
	border-radius:8px;
	min-height:42px;
	margin:8px 0px 0px 0px;
        display:flex;
	justify-content:center;
	align-items:center;
	font-size:14px;
	font-weight:600;
	text-align:center;
	line-height:120%;
}

[t15-wrp-sq-empty] {
	position:relative;
	width:60px;
	height:60px;
        display:flex;
	justify-content:center;
	align-items:center;
	font-size:48px;
	font-weight:700;
	color:#d8d8d8;
}

[t15-wrp-sq-img] {
	position:relative;
	width:60px;
	height:60px;
}

[t15-wrp-sq-img] > img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:8px;
}

[t15-zavesa] {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
	z-index:10;
        display:flex;
	justify-content:center;
	align-items:center;
}

[t15-win] {
        position:relative;
	background-color:white;
	min-width:200px;
	min-height:200px;
	border-radius:16px;
	padding:40px 40px 40px 40px;
}

[t15-win-wrp] {	
        display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:8px 8px 8px 8px;
	column-gap:8px;
	background-color:#e8e8e8;
	border-radius:8px;
}

[t15-win-wrp] > div {	
}

[t15-win-wrp] input[type="text"] {	
	width:150px;
}

[t15-win-close] {
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	background-image:url(../images/close.svg);
	top:12px;
	right:12px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;

}

[t15-word] {
	background-color:white;
	padding:0px 8px 32px 8px;
}

[t15-word] > div {
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	text-align:center;
	line-height:160%;
	margin:18px 0px 20px 0px;

}