@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:16px 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 0px 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] {
	display:flex;
	flex-wrap:wrap;
	border:1px solid rgba(0,0,0,0.2);
	margin:20px 20px 20px 20px;
	flex:0 0 250px;
	padding:8px 8px 8px 8px;
	justify-content:space-between;
	border-radius:6px;
}




[so1] {
	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][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:40px 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:10px 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:40px 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.2);
	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;




        /*display:flex;
        justify-content:center;
        align-items:center;*/
        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:100%;
	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;
}






[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;
}


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

}

[t6-content] {
	position:relative;
}


[game-object] {
	position:absolute;

}

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

.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;
}

[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;

}

[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;
}

[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;
}

[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:120px 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;

}

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



[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);
}