/******* new grid breakpoints from bootstrap  &  variables ********/



@grid-xxs:  ~"0";
@grid-xs:   ~"400px";
@grid-sm:   ~"500px";
@grid-md:   ~"700px";
@grid-lg:   ~"900px";
@grid-xl:   ~"1200px";
@grid-xxl:  ~"1300px";
@grid-xxxl: ~"1500px";
@grid-vl:   ~"1700px";
@grid-xvl:  ~"1900px";
@grid-xxvl: ~"2200px";
@grid-xxxvl:~"2500px";
@grid-kl:   ~"3000px";
@grid-xkl:  ~"3400px";
@grid-xxkl: ~"3700px";
@grid-xxxkl:~"4000px";

@grid-xxs-max:  ~"399px";
@grid-xs-max:   ~"499px";
@grid-sm-max:   ~"699px";
@grid-md-max:   ~"899px";
@grid-lg-max:   ~"1199px";
@grid-xl-max:   ~"1299px";
@grid-xxl-max:  ~"1499px";
@grid-xxxl-max: ~"1699px";
@grid-vl-max:   ~"1899px";
@grid-xvl-max:  ~"2199px";
@grid-xxvl-max: ~"2499px";
@grid-xxxvl-max:~"2999px";
@grid-kl-max:   ~"3399px";
@grid-xkl-max:  ~"3699px";
@grid-xxkl-max: ~"3999px";

@color_accent:#2196f3;
@color_accent_dark:darken(@color_accent,10%);
@color_disabled_font:#a2a2a2;
@color_disabled:#CCC;

@color_success:#8bc34a;
@color_success_dark:darken(@color_success,10%);


@color_a:@color_accent;
@color_b:#9D1DB2;
@color_c:#FE9900;
@color_d:#89C541;
@color_e:#F7412C;
@color_f:#A8E4F0;
@color_g:#FEC200;
@color_h:#7B5548;
@color_i:#9E9E9E;
@color_j:#607D8D;
@color_k:#FF5608;
@color_l:#FEED19;
@color_m:#CDDE20;
@color_n:#48B14C;
@color_o:#3F4DB8;
@color_p:#6834BC;
@color_q:#009788;
@color_r:#AAAAAA;


.font1(){font-family:'Lato', sans-serif, Arial;}
.font2(){font-family:'Exo 2', sans-serif, Arial;}




/*************************** functions ***************************/



.align(@align:center) {
	text-align:@align;
}

.animation(@name:name, @time:~"0.3s", @delay:~"0s", @iteration:1, @direction:normal, @timingfunction:ease-in-out, @fillmode:none){

	-webkit-animation: @name ; /* Safari 4+ */
	-moz-animation:    @name ; /* Fx 5+ */
	-o-animation:      @name ; /* Opera 12+ */
	animation:         @name ; /* IE 10+, Fx 29+ */

	animation-duration: @time; 							/* or: Xms infinite */
	animation-iteration-count: @iteration;
	animation-direction: @direction; 					/* or: normal */
	animation-timing-function: @timingfunction; 		/* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
	animation-fill-mode: @fillmode; 					/* or: backwards, both, none */
	animation-delay: @delay; 							/* or: Xms */

	-webkit-animation-duration: @time; 					/* or: Xms infinite */
	-webkit-animation-iteration-count: @iteration;
	-webkit-animation-direction: @direction; 			/* or: normal */
	-webkit-animation-timing-function: @timingfunction; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
	-webkit-animation-fill-mode: @fillmode; 			/* or: backwards, both, none */
 	-webkit-animation-delay: @delay; 					/* or: Xms */

}


.bg(@type:cover){
  -webkit-background-size: @type !important;
  -moz-background-size: @type !important;
  -o-background-size: @type !important;
  background-size: @type !important;
} .bg, .bg_cover {.bg();}

.border-radius(@top_left:4px,@top_right:4px,@bottom_right:4px,@bottom_left:4px){
	-webkit-border-top-left-radius: @top_left;
	-webkit-border-top-right-radius: @top_right;
	-webkit-border-bottom-right-radius: @bottom_right;
	-webkit-border-bottom-left-radius: @bottom_left;
	-moz-border-radius-topleft: @top_left;
	-moz-border-radius-topright: @top_right;
	-moz-border-radius-bottomright: @bottom_right;
	-moz-border-radius-bottomleft: @bottom_left;
	border-top-left-radius: @top_left;
	border-top-right-radius: @top_right;
	border-bottom-right-radius: @bottom_right;
	border-bottom-left-radius: @bottom_left;
} .no-border-radius{ .border-radius(0px,0px,0px,0px); };

.box-shadow(@horizontal: 0px, @vertical: 0px, @blur: 5px, @spread: 0px, @r:0, @g:0, @b:0, @a: 0.5){
	-webkit-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	-moz-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
}

.box-sizing(@type:border-box){
	-webkit-box-sizing: @type;
	-moz-box-sizing: @type;
	box-sizing: @type;
}

.cell(@vertical-align: middle) {
	display:table-cell;
	vertical-align:@vertical-align;
}

.clear(@clear:both){
	clear:@clear;
} .clear {.clear();}

.cclear(@clear:both){
	clear:@clear;
} .cclear {.cclear();}

.columns(@count){
	-webkit-column-count: @count;
    -moz-column-count: @count;
    column-count: @count;
	break-before: column; 
	break-inside: avoid-column; 
	break-after: avoid-column;
}

.columns-gap(@gap){
	-webkit-column-gap: @gap;
	-moz-column-gap: @gap;
	column-gap: @gap;
}

.columns-rule(@rule:solid){
	-webkit-column-rule-style: @rule;
	-moz-column-rule-style: @rule; 
	column-rule-style: @rule;
}

.columns-rule-color(@color:#000){
	-webkit-column-rule-color: @color; 
	-moz-column-rule-color: @color;
	column-rule-color: @color;
}

.content-box() {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

.display(@type:block){
	display:@type;
}

.family(@family:~"'Roboto',Arial"){
	font-family: @family;
}

.font(@size,@unit:"px") {
	font-size:~"@{size}@{unit}";
}

.box-shadow(@horizontal: 0px, @vertical: 0px, @blur: 5px, @spread: 0px, @r:0, @g:0, @b:0, @a: 0.5){
	-webkit-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	-moz-box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
	box-shadow: @horizontal @vertical @blur @spread rgba(@r, @g, @b, @a);
}

.font-family(@family:~"'Roboto',Arial"){
	font-family: @family;
}

.float(@position: left) {
	float:@position;
}

.height(@height:"100",@unit:"%"){
	height:~"@{height}@{unit}";
}

.max-width(@max-width:100%){
	max-width:@max-width;
}

.none(){
	display:none;
}

.position(@position:relative){
	position:@position;
}

.rotate(@rotate-value:0){
	@rotate:~"@{rotate-value}deg";
	-webkit-transform: rotate(@rotate);/* Safari */
	-moz-transform: rotate(@rotate);/* Firefox */
	-ms-transform: rotate(@rotate);/* IE */
	-o-transform: rotate(@rotate);/* Opera */
	//filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/* Internet Explorer */
}

.row(){
	display:table-row;
}

.select(@type:none){  
	-webkit-touch-callout: @type;
	-webkit-user-select: @type;
	-khtml-user-select: @type;
	-moz-user-select: @type;    
	-ms-user-select: @type;      
	user-select: @type;
}

.transition(@time-value:300,@animation:~"ease-in-out"){
	@time:~"@{time-value}ms";
	
	/* @animation values 
		ease	Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25,0.1,0.25,1))
		linear	Specifies a transition effect with the same speed from start to end (equivalent to cubic-bezier(0,0,1,1))
		ease-in	Specifies a transition effect with a slow start (equivalent to cubic-bezier(0.42,0,1,1))
		ease-out	Specifies a transition effect with a slow end (equivalent to cubic-bezier(0,0,0.58,1))
		ease-in-out	Specifies a transition effect with a slow start and end (equivalent to cubic-bezier(0.42,0,0.58,1))
		step-start	Equivalent to steps(1, start)
		step-end	Equivalent to steps(1, end)
		steps(int,start|end)	Specifies a stepping function, with two parameters. The first parameter specifies the number of intervals in the function. It must be a positive integer (greater than 0). The second parameter, which is optional, is either the value "start" or "end", and specifies the point at which the change of values occur within the interval. If the second parameter is omitted, it is given the value "end"
		cubic-bezier(n,n,n,n)
	*/

	-webkit-transition: all @time @animation;
	-moz-transition: all @time @animation;
	-ms-transition: all @time @animation;
	-o-transition: all @time @animation;
	transition: all @time @animation;
}

.table(@table-layout:auto){ // options: auto, fixed, initial, inherit
    display:table;
    table-layout:@table-layout;
}

.table-row(){
	display:table-row;
}

.transform(@type){
	-webkit-transform: @type;   
	-ms-transform: @type;  
	transform: @type;
}

.width(@width:"100",@unit:"%") {
	width:~"@{width}@{unit}";
}




/************************* ADDITIONAL CLASS ************************/



.clear,.cclear 		{.clear();}
.temp 				{.display();}
.nowrap,.no_wrap 	{white-space:nowrap;}

.space 				{float:left;width:100%;clear:both;}

.space_80 			{height:80px;}
.space_75 			{height:75px;}
.space_70 			{height:70px;}
.space_65 			{height:65px;}
.space_60 			{height:60px;}
.space_55 			{height:55px;}
.space_50 			{height:50px;}
.space_45 			{height:45px;}
.space_40 			{height:40px;}
.space_35 			{height:35px;}
.space_30 			{height:30px;}
.space_25 			{height:25px;}
.space_20 			{height:20px;}
.space_15 			{height:15px;}
.space_10 			{height:10px;}
.space_5 			{height:5px;}

.size,.size_img 	{.float();.width();height:auto;display:block;}

body .h1 	{font-size:3em;margin:0;}
body .h2 	{font-size:2.8em;margin:0;}
body .h3 	{font-size:2.4em;margin:0;}
body .h4 	{font-size:2.0em;margin:0;}
body .h5 	{font-size:1.8em;margin:0;}
body .h6 	{font-size:1.6em;margin:0;}
body .h7 	{font-size:1.4em;margin:0;}
body .h8 	{font-size:1.2em;margin:0;}
body .h9 	{font-size:1.1em;margin:0;}

@media screen and (max-width:399px){ 
	body .h1 	{font-size:1.9em;}
	body .h2 	{font-size:1.8em;}
	body .h3 	{font-size:1.7em;}
	body .h4 	{font-size:1.6em;}
	body .h5 	{font-size:1.5em;}
	body .h6 	{font-size:1.4em;}
	body .h7 	{font-size:1.3em;}
	body .h8 	{font-size:1.2em;}
	body .h9 	{font-size:1.1em;}
}
@media screen and (min-width:400px) and (max-width:499px){ 
	body .h1 	{font-size:2.0em;}
	body .h2 	{font-size:1.8em;}
	body .h3 	{font-size:1.7em;}
	body .h4 	{font-size:1.6em;}
	body .h5 	{font-size:1.5em;}
	body .h6 	{font-size:1.4em;}
	body .h7 	{font-size:1.3em;}
	body .h8 	{font-size:1.2em;}
	body .h9 	{font-size:1.1em;}
}
@media screen and (min-width:500px) and (max-width:599px){
	body .h1 	{font-size:2.2em;}
	body .h2 	{font-size:2.0em;}
	body .h3 	{font-size:1.8em;}
	body .h4 	{font-size:1.6em;}
	body .h5 	{font-size:1.5em;}
	body .h6 	{font-size:1.4em;}
	body .h7 	{font-size:1.3em;}
	body .h8 	{font-size:1.2em;}
	body .h9 	{font-size:1.1em;}
}
@media screen and (min-width:600px) and (max-width:699px){ 
	body .h1 	{font-size:2.4em;}
	body .h2 	{font-size:2.2em;}
	body .h3 	{font-size:2.0em;}
	body .h4 	{font-size:1.8em;}
	body .h5 	{font-size:1.6em;}
	body .h6 	{font-size:1.5em;}
	body .h7 	{font-size:1.4em;}
	body .h8 	{font-size:1.2em;}
	body .h9 	{font-size:1.1em;}
}
@media screen and (min-width:700px) and (max-width:899px){ 
	body .h1 	{font-size:2.6em;}
	body .h2 	{font-size:2.4em;}
	body .h3 	{font-size:2.2em;}
	body .h4 	{font-size:2.0em;}
	body .h5 	{font-size:1.8em;}
	body .h6 	{font-size:1.6em;}
	body .h7 	{font-size:1.4em;}
	body .h8 	{font-size:1.2em;}
	body .h9 	{font-size:1.1em;}
}

 body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 { margin:0; }

@media screen and (max-width:499px){ 							html body {.font(12);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(12);} }
@media screen and (min-width:500px) and (max-width:699px){ 		html body {.font(13);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(13);} }
@media screen and (min-width:700px) and (max-width:899px){ 		html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }
@media screen and (min-width:900px) and (max-width:999px){ 		html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }
@media screen and (min-width:1000px) and (max-width:1099px){ 	html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }
@media screen and (min-width:1100px) and (max-width:1199px){ 	html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }
@media screen and (min-width:1200px) and (max-width:1399px){ 	html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }
@media screen and (min-width:1400px) { 							html body {.font(14);} body h1,body h2,body h3,body h4,body h5,body h6,body h7,body h8,body h9 {.font(14);} }

@media screen and (min-width:1200px) and (max-width:1399px){ 	html body .wrapper_ct_l .ct_ct_row , html body header , html body .rtab_nav{.font(15);} }
@media screen and (min-width:1400px) { 							html body .wrapper_ct_l .ct_ct_row , html body header , html body .rtab_nav{.font(15);} }

//family=Lato:300,300i,400,400i,700,700i,900,900i

.font_weight 		{font-weight:400;}
.font_weight_300 	{font-weight:300;}
.font_weight_400 	{font-weight:400;}
.font_weight_700 	{font-weight:700;}
.font_weight_900 	{font-weight:900;}

.font_10 		{font-size:0.1em;}
.font_20 		{font-size:0.2em;}
.font_30 		{font-size:0.3em;}
.font_40 		{font-size:0.4em;}
.font_50 		{font-size:0.5em;}
.font_60 		{font-size:0.6em;}
.font_70 		{font-size:0.7em;}
.font_80 		{font-size:0.8em;}
.font_90 		{font-size:0.9em;}
.font_100 		{font-size:1em;}
.font_110 		{font-size:1.2em;}
.font_120 		{font-size:1.2em;}
.font_130 		{font-size:1.3em;}
.font_140 		{font-size:1.4em;}
.font_150 		{font-size:1.5em;}
.font_160 		{font-size:1.6em;}
.font_170 		{font-size:1.7em;}
.font_180 		{font-size:1.8em;}
.font_190 		{font-size:1.9em;}
.font_200 		{font-size:2em;}
.font_210 		{font-size:2.1em;}
.font_220 		{font-size:2.2em;}
.font_230 		{font-size:2.3em;}
.font_240 		{font-size:2.4em;}
.font_250 		{font-size:2.5em;}
.font_260 		{font-size:2.6em;}
.font_270 		{font-size:2.7em;}
.font_280 		{font-size:2.8em;}
.font_290 		{font-size:2.9em;}
.font_300 		{font-size:3em;}
.font_310 		{font-size:3.1em;}
.font_320 		{font-size:3.2em;}
.font_330 		{font-size:3.3em;}
.font_340 		{font-size:3.4em;}
.font_350 		{font-size:3.5em;}
.font_360 		{font-size:3.6em;}
.font_370 		{font-size:3.7em;}
.font_380 		{font-size:3.8em;}
.font_390 		{font-size:3.9em;}
.font_400 		{font-size:4em;}
.font_410 		{font-size:4.1em;}
.font_420 		{font-size:4.2em;}
.font_430 		{font-size:4.3em;}
.font_440 		{font-size:4.4em;}
.font_450 		{font-size:4.5em;}
.font_460 		{font-size:4.6em;}
.font_470 		{font-size:4.7em;}
.font_480 		{font-size:4.8em;}
.font_490 		{font-size:4.9em;}
.font_500 		{font-size:5em;}
.font_510 		{font-size:5.1em;}
.font_520 		{font-size:5.2em;}
.font_530 		{font-size:5.3em;}
.font_540 		{font-size:5.4em;}
.font_550 		{font-size:5.5em;}
.font_560 		{font-size:5.6em;}
.font_570 		{font-size:5.7em;}
.font_580 		{font-size:5.8em;}
.font_590 		{font-size:5.9em;}
.font_600 		{font-size:6em;}



/************************* bootstrap fixes ***********************/



body .btn 							{font-size:1em;.border-radius(4px,4px,4px,4px);}
body .btn_bordered_white 			{
										cursor:pointer;
										.border-radius(5px,5px,5px,5px);
										background:transparent;
										border:2px solid #FFF;
										color:#FFF;
										font-family:'Montserrat',Arial;font-weight:600;
										text-transform:uppercase;
										letter-spacing:1px;
										.transition();
									}
body .btn_bordered_white:hover 		{background:#FFF;color:#000;}

body .btn_bordered_accent 			{
										.border-radius(5px,5px,5px,5px);
										background:transparent;
										border:2px solid @color_accent;
										color:@color_accent;
										font-family:'Montserrat',Arial;font-weight:600;
										text-transform:uppercase;
										letter-spacing:1px;
										.transition();
									}
body .btn_bordered_accent:hover 	{background:@color_accent;color:#FFF;}
body .btn_bordered_accent 			{.border-radius(4px,4px,4px,4px);border:2px solid @color_accent;}
body .inner_box_ct .btn 			{.border-radius(0px,0px,0px,0px);}

@media screen and (min-width:700px) {
	body .btn.btn_min_w {min-width:180px;}
}
@media screen and (max-width:699px) {
	body .btn.btn_min_w {min-width:150px;}
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 0;}

.section_box_l .collapse.show							{display:block !important;}
body .form-control 										{border-radius:0;}
.section_box_l .form-control 							{background: rgba(255, 255, 255, 1);color:#333;}

.section_box_l .form-control::-webkit-input-placeholder {color:#333;}
.section_box_l .form-control:-moz-placeholder 			{color:#333;}
.section_box_l .form-control::-moz-placeholder 			{color:#333;}
.section_box_l .form-control:-ms-input-placeholder 		{color:#333;}

#filtry_mobile .collapse.show							{display:block !important;}
#filtry_mobile .form-control 							{background: rgba(255, 255, 255, 0.3) !important;color:#333 !important;}

#filtry_mobile .form-control::-webkit-input-placeholder {color:#333;}
#filtry_mobile .form-control:-moz-placeholder 			{color:#333;}
#filtry_mobile .form-control::-moz-placeholder 			{color:#333;}
#filtry_mobile .form-control:-ms-input-placeholder 		{color:#333;}

.maincontainer .section_box_r input[type="text"],
.maincontainer .section_box_r input[type="password"],
.maincontainer .section_box_r textarea 							{background:#FFF;border: 1px solid rgba(0, 0, 0, 0.15);}

.maincontainer .section_box_r .form-group.has-error input[type="text"],
.maincontainer .section_box_r .form-group.has-error input[type="password"],
.maincontainer .section_box_r .form-group.has-error textarea 	{border-color: rgba(255, 0, 0, 0.8);}

body .has-success .form-control 						{border:#55595c;}
body .form-group.has-error .form-control 				{border:1px solid rgba(255, 0, 0, 0.5);}
body .form-group .btn[type="submit"] 					{background:#DD0000;color:#FFF;.transition();}
body .form-group .btn[type="submit"]:hover 				{background:#CC0000;}



/************************* inspinia fixes ***********************/

body .ibox 								{box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
body .ibox .ibox-title h1,				
body .ibox .ibox-title h2,			
body .ibox .ibox-title h3,				
body .ibox .ibox-title h4,				
body .ibox .ibox-title h5				{color:#222;}


.checkbox label::before 				{outline:none !important;}

//body .ibox-title 						{border-width:1px 1px 0px 1px;}
//body .ibox-content 						{border-width:0px 1px 1px 1px;}



/********************** additional for bootstrap ********************/

.modal-title 						{color:#222;}

.btn-gray 							{background-color:#999;}
.btn-gray:hover 					{background-color:#777;}

body .form-control, 
body .single-line,
body .input-group-addon 			{border-color:#DDD;}


.form-horizontal .form-group 		{margin-right: -15px;margin-left: -15px;}
.form-group 						{margin-bottom: 15px;}


.form-horizontal .control-label 	{
									    padding-top: 7px;
									    margin-bottom: 0;
									    text-align: right;
									}

.form-control 						{
									    background-color: #FFFFFF;
									    background-image: none;
									    border: 1px solid #e5e6e7;
									    border-radius: 1px;
									    color: inherit;
									    display: block;
									    padding: 6px 12px;
									    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
									    width: 100%;
									    font-size: 14px;
									}

.col-center 						{margin-left:auto !important;margin-right:auto !important;float:none !important;}


.form-group-radio small[data-bv-validator]{clear:both;float:left;width:100%;}
.section_box_l .form-group.form-group-radio.has-success label {color:#333;}
.section_box_l .form-group.form-group-radio.has-success label span {color:#333;}

.form-additional-info .h5 				{color:#888;border-top:2px solid #999;padding-top:20px;}


.form-group-upload label 				{.float();clear:both;display:block;.transition();background:#333;color:#FFF;}
.form-group-upload label:hover 			{display:block;.transition();background:#333;color:#FFF;}
.form-group-upload input[type="file"] 	{display:none;}

.form_center_box 					{
										max-width:360px;margin:0 auto;padding:15px;
										background:#FFF;
										box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
									}
.form_center_box > .row 	{margin:0;}

html body a:hover {text-decoration:none;}


.wrapper_ct_r .df .row {margin-left:-5px;margin-right:-5px;}
.wrapper_ct_r .df .row {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
	.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, 
	.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
	.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, 
	.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left:5px;padding-right:5px;}
}

/******************** additional for jquery UI *******************/



.ui-datepicker.ui-widget.ui-widget-content 					{
																background: #FFF;
																border: 1px solid rgba(255, 255, 255, 0.1);
																border-radius:0;
																//.box-shadow(0px,2px,8px,0px,0.5);
																box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
															}
.ui-datepicker.ui-widget .ui-widget-header 					{
																background: #FFF; 
																border:1px solid rgba(255, 255, 255, 0.1);
																color:#888;
															}

.ui-datepicker.ui-widget .ui-datepicker-calendar thead th 	{.font(8);color:#AAA;text-transform:uppercase;font-weight:normal}
.ui-datepicker.ui-widget tbody .ui-state-default 			{
																background: rgba(255, 255, 255, 0.4);
																border:1px solid rgba(255, 255, 255, 0.5);
																color: #333;
																.align();
															}

.ui-datepicker.ui-widget .ui-datepicker td span, 
.ui-datepicker.ui-widget .ui-datepicker td a 				{padding:4px 1px;}

.ui-datepicker.ui-widget .ui-state-default.ui-state-active 	{background:#333;color:#FFF;border:1px solid #333;}
.ui-datepicker.ui-widget .ui-state-default.ui-state-highlight {background: #CCC;color:#FFF;border:1px solid #CCC;}
.ui-datepicker.ui-widget td.active a{background:#777;color:#FFF;border:1px solid #333;}


.ui-datepicker.ui-widget .ui-state-default:hover 			{background:#777;color:#FFF;border:1px solid #333;}

.ui-datepicker.ui-widget .ui-datepicker-prev  				{background: #DDD url('../../images/calendar_widget_arrow_l.png') center center no-repeat;}
.ui-datepicker.ui-widget .ui-datepicker-prev:hover  		{border:none;background: #333 url('../../images/calendar_widget_arrow_l.png') center center no-repeat;}
.ui-datepicker.ui-widget .ui-datepicker-prev span 			{display:none;}

.ui-datepicker.ui-widget .ui-datepicker-next  				{background: #DDD url('../../images/calendar_widget_arrow_r.png') center center no-repeat;}
.ui-datepicker.ui-widget .ui-datepicker-next:hover  		{border:none;background: #333 url('../../images/calendar_widget_arrow_r.png') center center no-repeat;}
.ui-datepicker.ui-widget .ui-datepicker-next span 			{display:none;}
 
.ui-datepicker.ui-widget .ui-datepicker-prev-hover  		{top:2px;left:2px;}
.ui-datepicker.ui-widget .ui-datepicker-next-hover  		{top:2px;right:2px;}


@media screen and (min-width:900px){
	body .width_100 .ui-datepicker {width:100% !important;}
}



/********************* additional for plugins ********************/



.section_box_r small[data-bv-validator]{color:#dd0000;.font(12);}



/*************************** widgets ****************************/



.widgets_container 			{.float();.width();position:relative;z-index:1000;}
.widget						{.float();.width();.none();}

.widget_ct_w 														{
																		float:left;width:100%;margin:0;padding:15px 0;
																		border-bottom:1px solid #DDD;
																		background: rgba(255, 255, 255, 1) url("../../images/widget.png") left bottom repeat-x;
																	}

.widget_box 														{display:none;float:left;width:100%;margin:0;}
.widget_box .title 													{display:none;padding:0px;width:100%;position:relative;margin-right:0;text-align:center;}
.widget_box .title span 											{display:table-cell;padding:5px 0px;text-transform:uppercase;font-weight:600;}
.widget_box .ct_ct 													{.float();.width();}


.widget_box[data-widget="menu"] nav									{float:left;width:100%;font-weight:800;letter-spacing:2px;}
.widget_box[data-widget="menu"] nav > ul 							{display:block;float:left;width:100%;margin:0;padding:0;list-style-type:none;}
.widget_box[data-widget="menu"] nav > ul > li 						{display:table;height:40px;padding:0px;margin:4px 0;width:100%;position:relative;}
.widget_box[data-widget="menu"] nav > ul > li > a 					{
																		display:table-cell;padding:5px 0px;line-height:40px;
																		text-transform:uppercase;font-weight:500;font-size:15px;letter-spacing:1px;
																		color:#000;
																	}
.widget_box[data-widget="menu"] nav > ul > li > a:hover				{color:@color_accent;}
.widget_box[data-widget="menu"] nav > ul > li:not(:first-child)		{border-top:1px dotted #DDD;}
.widget_box[data-widget="menu"] nav > ul > li.active > a			{color:#000;}
.widget_box[data-widget="menu"] nav > ul > li.active > a::after 	{
																	    opacity: 1;
																	    content: "";
																	    display: block;
																	    width: 3px;
																	    height: 40px;
																	    background:#DD0000;
																	    position: absolute;
																	    bottom: 50%;
																	    margin-bottom:-20px;
																	}
.widget_box[data-widget="menu"] nav > ul > li > a::after 			{
																		opacity:0;
																		content:"";
																		display:block;
																		height:40px;
																		width:3px;
																		background:#DD0000;
																		position:absolute;
																		bottom:50%;
																		margin-bottom:-20px;
																		left:-15px;
																		.transition();
																	}
@media screen and (max-width:899px) {
	body .widget_box[data-widget="menu"] nav > ul > li > a::after	{left:-10px;}
}
.widget_box[data-widget="menu"] nav > ul > li:hover > a::after 		{opacity:1;}



/***************************** TEMPLATE ****************************/



html 					{margin:0;padding:0;.height();.width();.float();}
html body 				{margin:0;padding:0;.height();.width();.float();.font1();color:#555;line-height:1.3;background:#FFF;min-width:1200px;overflow:visible;}

html body[data-user="user"] {min-width:320px;}

* 						{outline:none !important;}
a  						{text-decoration:none;}
p a  					{color:#ff3d00;}
p a:hover  				{color:#000;}
body 					{/*opacity:0;*/.transition(500);}
body.ready 				{opacity:1;}
button 					{.font1();}
html body strong 		{font-weight:600;}




div:-webkit-full-screen {background-color: #FFFFFF;}
div:-moz-full-screen {background-color: #FFFFFF;}
div:-ms-fullscreen {background-color: #FFFFFF;}
div:fullscreen {background-color: #FFFFFF;}

/*backdrop pseudo element is used to style element behing the full screen element.*/

:fullscreen::backdrop {background-color: #FFFFFF;}
:-webkit-full-screen::-webkit-backdrop {background-color: #FFFFFF;}
:-moz-full-screen::-moz-backdrop {background-color: #FFFFFF;}
:-ms-fullscreen::-ms-backdrop {background-color: #FFFFFF; /* dark blue */} 


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  //border:none !important;
  -webkit-text-fill-color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}


#wrapper 				{.float();.width();/*.height();*/min-width:320px;margin:0 auto;.position();z-index:500;}
body #wrapper 			{overflow-x:visible;}
.wrapper_ct 			{.float();.width();.table(fixed);margin:0 auto;.position();z-index:500;overflow:hidden;}
.wrapper_ct_l 			{.cell(top);width:180px;.transition();background:#F8F8F8;box-shadow: 0 0 5px rgba(0,0,0,0.3);.position();}
.wrapper_ct_c 			{.cell(top);}
.wrapper_ct_r 			{.cell(top);width:300px;.transition();border-left:1px solid #DDD;.position();}



header 					{.float();.width();.position();z-index:20;}
.maincontainer 		    {.float();width:100% !important;overflow:hidden;.position();z-index:10;}
footer 					{.float();.width();.position();z-index:20;}



p img[align="left"] 	{padding:20px 20px 20px 0px;.float();}
p img[align="right"] 	{padding:20px 0px 20px 20px;.float(right);}



section 				{.float();.width();overflow-x:hidden;}
.ct 					{.width();.table(fixed);/*max-width:1200px;*/margin:0 auto;.position();z-index:500;}
.ct_l 					{.cell();width:15px;.transition();}
.ct_c 					{.cell(top);}
.ct_r 					{.cell();width:15px;.transition();}
.svg_sprite				{.none();}


@media screen and (max-width:399px){
	body .ct_l 			{width:10px;}
	body .ct_r 			{width:10px;}
}
@media screen and (min-width:400px) and (max-width:799px){
	body .ct_l 			{width:15px;}
	body .ct_r 			{width:15px;}
}






.section_title  		{.clear();.float();}
.section_title .ct_c 	{color:#FFF;text-transform:uppercase;font-weight:800;letter-spacing:2px;.align();}





.wrapper_ct_l .ct_ct_a 										{.position(absolute);z-index:10;.width();.height();left:0;top:0;}
.wrapper_ct_l .ct_ct 										{.float();.width();.height();.table(fixed);margin:0 auto;.position();z-index:500;overflow:hidden;}
.wrapper_ct_l .ct_ct_row 									{.row();}
.wrapper_ct_l .ct_ct_row .ct_ct_c							{.cell();.position();}
.wrapper_ct_l .ct_ct_row.top 								{}
.wrapper_ct_l .ct_ct_row.top .ct_ct_c						{height:50px;background:#FFF;border-bottom:1px solid #DDD;padding:8px 15px;z-index:20;}
.wrapper_ct_l .ct_ct_row.top .back_btn						{.table();.float();/*.height(50,"px");*/}
.wrapper_ct_l .ct_ct_row.top .back_btn_i					{.cell();width:24px;}
.wrapper_ct_l .ct_ct_row.top .back_btn_i svg				{.display();vertical-align:middle;.width(18,"px");.height(18,"px");fill:@color_accent;}
.wrapper_ct_l .ct_ct_row.top .back_btn_d					{.cell();color:#777;font-weight:700;}
.wrapper_ct_l .ct_ct_row.top .back_btn:hover .back_btn_d	{color:#222;}
.wrapper_ct_l .ct_ct_row.middle 							{}
.wrapper_ct_l .ct_ct_row.middle .ct_ct_c					{.cell(top);padding:0;z-index:10;.position();}
.wrapper_ct_l .ct_ct_row.bottom 							{}
.wrapper_ct_l .ct_ct_row.bottom .ct_ct_c					{height:60px;z-index:20;}

//.wrapper_ct_l .slimScrollBar::after 						{content:'';position:absolute;z-index:10;top:0;left:0;.width();.height();background:@color_accent;}
//.wrapper_ct_l .slimScrollBar::after 						{content:'';position:absolute;z-index:10;top:0;left:0;.width();.height();background:@color_accent;}




.wrapper_ct_r .ct_ct_a 										{.position(absolute);z-index:10;.width();.height();left:0;top:0;}
.wrapper_ct_r .ct_ct 										{.float();.width();.height();.table(fixed);margin:0 auto;.position();z-index:500;}
.wrapper_ct_r .ct_ct_row 									{.row();}
.wrapper_ct_r .ct_ct_row .ct_ct_c							{.cell();}
.wrapper_ct_r .ct_ct_row.top 								{}
.wrapper_ct_r .ct_ct_row.top .ct_ct_c						{height:50px;background:#FFF;border-bottom:1px solid #DDD;padding:8px 15px;.position();}
.wrapper_ct_r .ct_ct_row.top .back_btn						{.table();.float();/*.height(50,"px");*/}
.wrapper_ct_r .ct_ct_row.top .back_btn_i					{.cell();width:24px;}
.wrapper_ct_r .ct_ct_row.top .back_btn_i svg				{.width(18,"px");.height(18,"px");fill:@color_accent;}
.wrapper_ct_r .ct_ct_row.top .back_btn_d					{.cell();color:#777;font-weight:700;}
.wrapper_ct_r .ct_ct_row.top .back_btn:hover .back_btn_d	{color:#222;}
.wrapper_ct_r .ct_ct_row.middle 							{}
.wrapper_ct_r .ct_ct_row.middle .ct_ct_c					{.cell(top);padding:15px 0;.position();}
.wrapper_ct_r .ct_ct_row.bottom 							{}
.wrapper_ct_r .ct_ct_row.bottom .ct_ct_c					{height:60px;}

.rtab_nav_ww 												{.clear();.table(fixed);.float();.width();}
.rtab_nav_w 												{.cell();padding:0 15px;}
.rtab_nav 													{.clear();.display(inline-block);.float();.width();vertical-align:middle;}
.rtab_nav ul 												{.table();height:24px;margin:0;padding:0;list-style-type:none;.position();}
.rtab_nav ul li 											{.cell();padding:2px 0;.position();font-weight:700;color:#777;}
.rtab_nav ul li.active 										{color:#222;}
.rtab_nav ul li:not(.active):not(.rtab_s) 					{cursor:pointer;}
.rtab_nav ul li.disabled:not(.active):not(.rtab_s) 			{cursor:not-allowed;color:#BBB;}
//.rtab_nav ul li:first-child 								{padding-left:0;}
//.rtab_nav ul li:not(:last-child)::after  					{content:"";position:absolute;z-index:10;width:1px;background:#DDD;height:20px;top:50%;right:0;margin-top:-10px;}
.rtab_ct 													{.none();.transition();

-webkit-animation: rtabct ; /* Safari 4+ */
-moz-animation:    rtabct ; /* Fx 5+ */
-o-animation:      rtabct ; /* Opera 12+ */
animation:         rtabct ; /* IE 10+, Fx 29+ */


//animation-name: bounce;
animation-duration: 0.5s; /* or: Xms infinite */
animation-iteration-count: 1;
animation-direction: normal; /* or: normal */
animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: none; /* or: backwards, both, none */
animation-delay: 0s; /* or: Xms */


-webkit-animation-duration: 0.5s; /* or: Xms infinite */
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal; /* or: normal */
-webkit-animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: none; /* or: backwards, both, none */
-webkit-animation-delay: 0s; /* or: Xms */
}
.rtab_ct.active 											{.display();}
.rtab_nav .active_bg 										{position:absolute;z-index:10;bottom:-1px;left:15px;width:0;height:1px;background:@color_accent;.transition();}
.rtab_nav .rtab_s 											{width:31px;}
.rtab_nav .rtab_s::after  									{content:"";.display();position:absolute;z-index:10;width:1px;background:#DDD;height:20px;top:50%;left:15px;margin-top:-10px;}


body[data-browser-name="msie"] .rtab_nav .rtab_s::after   	{top:0;margin-top:0;}


/* Standard syntax */
@keyframes rtabct {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes rtabct {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}

.rtab_ct_ww 												{.float();.width();.clear();overflow:hidden;height:0;}
.rtab_ct_w 													{}
.rtab_ct_ct 												{.float();.width();.table();}
.rtab_ct_ct_c 												{padding:0px;}




.main_tabs 														{.float();.width();.height();}
.main_tab 														{.float();.width();.height();.none();}
.main_tab.active 												{.display();}




.maincontainer_inner_w 												{margin:0 -15px;}
.maincontainer_inner												{.float();.width();.clear();}
.maincontainer_inner_ct 											{.float();.table();.width();}
.maincontainer_inner_ct_l 											{.cell();width:15px;}
.maincontainer_inner_ct_c 											{.cell();}
.maincontainer_inner_ct_r 											{.cell();width:15px;}


.slimscroll_w5 													{.position(absolute);z-index:20;top:0;left:0;width:100% !important;.height();}
.slimscroll_w4 													{.float();width:100% !important;}
.slimscroll_w3 													{.float();.width();.clear();}
.slimscroll_w2 													{.table();width:100% !important;.height();}
.slimscroll_w1 													{.cell();padding:0 15px;}

.wrapper_ct_l .slimscroll_w5 									{padding:15px 0;}
.wrapper_ct_r .slimscroll_w5 									{padding:15px 0;}

//.wrapper_ct_l .slimscroll_w4::before 							{content:"";.display();.width();.float();.clear();height:15px;}





header															{.float();.width();.table(fixed);.clear();}
header .section_nav												{overflow:visible;}
header .section_nav	.ct											{margin-bottom:15px;}
header .nav_breadcrumb 											{.display(inline-block);}
header .nav_breadcrumb ul 										{.display(inline-block);list-style-type:none;margin:0;padding:0;}
header .nav_breadcrumb li										{.display(inline-block);}
//header .nav_breadcrumb li:not(:first-child) > a::before			{}
//header .nav_breadcrumb li:not(:first-child) > div::before		{content:"";width:24px;height:24px;.cell();background: #DD0000 url('../../images/icons/svg/sprite.svg#shape-user');background-size: 20px 20px;background-position: 0 0;fill:@color_accent;}
header .nav_breadcrumb a										{.table();margin:2px 0px;height:28px;color:#222;font-weight:700;}
header .nav_breadcrumb a:hover									{color:@color_accent;}
header .nav_breadcrumb li > div									{.table();margin:2px 0;height:28px;}
header .nav_breadcrumb li > div > div							{.cell();}
header .nav_breadcrumb i										{.font(12);margin:0 5px;color:@color_accent;}
header .nav_breadcrumb span.breadcrumb_icon						{.cell();width:24px;}
header .nav_breadcrumb span.breadcrumb_icon	svg					{vertical-align:middle;.display();.width(20,"px");.height(20,"px");fill:@color_accent;}
header .nav_breadcrumb span.breadcrumb_text						{.cell();font-weight:bold;}


header .ct_ct						{.float();.width();.table(fixed);.clear();height:50px;border-bottom:1px solid #DDD;}
header .ct_ct_l						{.cell();padding:0 15px;width:148px;border-right:1px solid #DDD;}
header .ct_ct_l	.logo_w				{.display(inline-block);.float();.width();height:24px;}
header .ct_ct_l	.logo_w	svg			{vertical-align:middle;.display(inline-block);.width();height:24px;fill:@color_accent;}

.page_login_logo svg 				{width:296px;height:48px;vertical-align:middle;.display(inline-block);fill:@color_accent;}				

.info_error							{.clear();.font(13);.align(left);color:#DD0000;margin:8px 0 0 0;}

header .ct_ct_r						{.cell();padding:0 15px;}
header .ct_ct_c						{.cell();}


header .ct_ct_ct					{.float();.width();.table(fixed);.clear();}
header .ct_ct_ct_l					{.cell();line-height:1;}
header .ct_ct_ct_s					{.cell();width:30px;}
header .ct_ct_ct_r					{.cell();.align(right);}


header .nav_icons 					{.display(inline-block);.float(right);}
header .nav_icons .icon 			{.display(inline-block);.float();margin-left:10px;.position();}
header .nav_icons .icon_ct 			{.table();width:32px;height:32px;border:1px solid #DDD;.border-radius(16px,16px,16px,16px);.transition();cursor:pointer;}
header .nav_icons .icon_ct_c 		{.cell();.align();}



header .nav_icons .icon.saving 										{.none();}
header .nav_icons .icon.saving .icon_ct								{cursor:default;}
header .nav_icons .icon.saving .icon_ct								{border-color:#BDBDBD;background:#BDBDBD;}
header .nav_icons .icon.saving .icon_ct_c > div						{.table(fixed);.float();margin:0 12px;}
header .nav_icons .icon.saving .icon_ct_c > div > div				{.cell();color:#FFF;}
header .nav_icons .icon.saving .icon_ct_c > div > div:nth-child(1)	{padding:0 5px 0 0;.align(left);}
header .nav_icons .icon.saving .icon_ct_c svg						{fill:#FFFFFF;}
header .nav_icons .icon.saving .icon_ct_c svg path					{fill:#FFFFFF;}

@keyframes nav_icons_saving {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes nav_icons_saving {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
header .nav_icons .icon.saving .icon_ct_c svg			{.animation(~"nav_icons_saving",~"1s",~"0",~"infinite",~"normal",~"linear",~"forwards");}



header .nav_icons .icon.saved 										{.none();}
header .nav_icons .icon.saved .icon_ct								{cursor:default;}
header .nav_icons .icon.saved .icon_ct								{border-color:@color_success;background:@color_success;}
header .nav_icons .icon.saved .icon_ct_c > div						{.table(fixed);.float();margin:0 12px;}
header .nav_icons .icon.saved .icon_ct_c > div > div				{.cell();color:#FFF;}
header .nav_icons .icon.saved .icon_ct_c > div > div:nth-child(1)	{padding:0 5px 0 0;.align(left);}
header .nav_icons .icon.saved .icon_ct_c svg						{fill:#FFFFFF;}
header .nav_icons .icon.saved .icon_ct_c svg path					{fill:#FFFFFF;}


header .nav_icons .icon.error 										{.none();}
header .nav_icons .icon.error .icon_ct								{cursor:default;}
header .nav_icons .icon.error .icon_ct								{border-color:#DD0000;background:#DD0000;}
header .nav_icons .icon.error .icon_ct_c > div						{.table(fixed);.float();margin:0 12px;}
header .nav_icons .icon.error .icon_ct_c > div > div				{.cell();color:#FFF;white-space:nowrap;}
header .nav_icons .icon.error .icon_ct_c > div > div:nth-child(1)	{padding:0 5px 0 0;.align(left);}
header .nav_icons .icon.error .icon_ct_c svg						{fill:#FFFFFF;}
header .nav_icons .icon.error .icon_ct_c svg path					{fill:#FFFFFF;}


header .nav_icons svg 				{vertical-align:middle;.display(inline-block);.width(20,"px");.height(20,"px");fill:#999999;}

header .nav_icons .icon_ct:hover,
header .nav_icons .icon.active .icon_ct,

.main_tab[data-slidetab="preview"] .nav_icons .icon[data-slidetab="preview"] .icon_ct,
.main_tab[data-slidetab="theme"] .nav_icons .icon[data-slidetab="theme"] .icon_ct,
.main_tab[data-slidetab="settings"] .nav_icons .icon[data-slidetab="settings"] .icon_ct 	{border-color:@color_accent;background:@color_accent;}






header .nav_icons .icon_ct:hover svg,
header .nav_icons .icon_ct:hover svg path,
header .nav_icons .icon.active .icon_ct svg, 
header .nav_icons .icon.active .icon_ct svg path {fill:#FFF;}

.main_tab[data-slidetab="preview"] .nav_icons .icon[data-slidetab="preview"] .icon_ct svg,
.main_tab[data-slidetab="theme"] .nav_icons .icon[data-slidetab="theme"] .icon_ct svg,
.main_tab[data-slidetab="settings"] .nav_icons .icon[data-slidetab="settings"] .icon_ct svg	{fill:#FFFFFF;}



@keyframes data-slidetab_settings_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes data-slidetab_settings_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
.main_tab[data-slidetab="settings"] .nav_icons .icon[data-slidetab="settings"] .icon_ct svg			{.animation(~"data-slidetab_settings_in",~"3s",~"0",~"infinite",~"normal",~"linear",~"forwards");}






.main_tab[data-slidetab="preview"] .nav_icons .icon[data-slidetab="preview"] .icon_ct svg path,
.main_tab[data-slidetab="theme"] .nav_icons .icon[data-slidetab="theme"] .icon_ct svg path,
.main_tab[data-slidetab="settings"] .nav_icons .icon[data-slidetab="settings"] .icon_ct svg path	{fill:#FFFFFF;}



body[data-fullscreen="true"] .nav_icons .icon.fullscreen .icon_ct			{border-color:@color_accent;background:@color_accent;}
body[data-fullscreen="true"] .nav_icons .icon.fullscreen .icon_ct svg 		{fill:#FFF;}
body[data-fullscreen="true"] .nav_icons .icon.fullscreen .icon_ct svg path 	{fill:#FFF;}


header .icon_nav_w 					{.position(absolute);z-index:100;top:72px;right:0;.font(14);.none();opacity:0;.display();}
header .icon.active .icon_ct 		{/*cursor:default;*/}
header .icon.active .icon_nav_w 	{/*.display();*/}
header .icon_nav 					{.position();.float();.width();background:#FFF;box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);.border-radius(4px,4px,4px,4px);overflow:hidden;}

Xheader .nav_icons .icon .icon_nav{
-webkit-animation: headericonnavclose ; /* Safari 4+ */
-moz-animation:    headericonnavclose ; /* Fx 5+ */
-o-animation:      headericonnavclose ; /* Opera 12+ */
animation:         headericonnavclose ; /* IE 10+, Fx 29+ */

//animation-name: bounce;
animation-duration: 0.5s; /* or: Xms infinite */
animation-iteration-count: 1;
animation-direction: normal; /* or: normal */
animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: none; /* or: backwards, both, none */
animation-delay: 0s; /* or: Xms */

-webkit-animation-duration: 0.5s; /* or: Xms infinite */
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal; /* or: normal */
-webkit-animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: none; /* or: backwards, both, none */
-webkit-animation-delay: 0s; /* or: Xms */
}
/* Standard syntax */
@keyframes headericonnavclose {
    0%   {margin-top:0px;opacity:1;}
    90% {margin-top:30px;opacity:0;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes headericonnavclose {
    0%   {margin-top:0px;opacity:1;}
    90% {margin-top:30px;opacity:0;}
}


Xheader .nav_icons .icon.active .icon_nav{
-webkit-animation: headericonnavopen ; /* Safari 4+ */
-moz-animation:    headericonnavopen ; /* Fx 5+ */
-o-animation:      headericonnavopen ; /* Opera 12+ */
animation:         headericonnavopen ; /* IE 10+, Fx 29+ */

//animation-name: bounce;
animation-duration: 0.5s; /* or: Xms infinite */
animation-iteration-count: 1;
animation-direction: normal; /* or: normal */
animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: none; /* or: backwards, both, none */
animation-delay: 0s; /* or: Xms */

-webkit-animation-duration: 0.5s; /* or: Xms infinite */
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal; /* or: normal */
-webkit-animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: none; /* or: backwards, both, none */
-webkit-animation-delay: 0s; /* or: Xms */
}
/* Standard syntax */
@keyframes headericonnavopen {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes headericonnavopen {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}



header .icon_nav ul					{.position();margin:0;padding:0;list-style-type:none;}
header .icon_nav ul li				{.table();white-space:nowrap;.align(left);.float();.width();}
header .icon_nav ul li:not(:last-child):not(:first-child)	{border-bottom:1px solid #DDD;}
header .icon_nav ul li.desc			{}
header .icon_nav ul li.desc span	{.cell();padding:8px 15px;background:#EEE;font-weight:bold;color:#222;}
header .icon_nav ul li a			{.cell();padding:8px 15px;color:#676a6c;.transition();}
header .icon_nav ul li a:hover		{color:@color_accent;}








.dtab_w 													{.clear();.float();.width();}
.dtab_nav 													{.clear();.display(inline-block);.float();.width();vertical-align:middle;border-bottom:1px solid #DDD;margin-bottom:15px;}
.dtab_nav ul 												{.table();.float();margin:0;padding:0;list-style-type:none;.position();}
.dtab_nav ul li 											{.cell();padding:8px 15px;.position();font-weight:700;color:#777;.font(14);border:1px solid #FFF;}
.dtab_nav ul li.active 										{color:#222;border-left:1px solid #DDD;border-top:1px solid #DDD;border-right:1px solid #DDD;.border-radius(3px,3px,0,0);}
.dtab_nav ul li:not(.active) 								{cursor:pointer;}
.dtab_nav ul li.active::after 								{content:"";bottom:-2px;background:#FFF;left:0;.width();height:4px;.position(absolute);z-index:10;}
//.rtab_nav ul li:first-child 								{padding-left:0;}
//.rtab_nav ul li:not(:last-child)::after  					{content:"";position:absolute;z-index:10;width:1px;background:#DDD;height:20px;top:50%;right:0;margin-top:-10px;}
.dtab_ct 													{.none();.transition();

-webkit-animation: rtabct ; /* Safari 4+ */
-moz-animation:    rtabct ; /* Fx 5+ */
-o-animation:      rtabct ; /* Opera 12+ */
animation:         rtabct ; /* IE 10+, Fx 29+ */


//animation-name: bounce;
animation-duration: 0.5s; /* or: Xms infinite */
animation-iteration-count: 1;
animation-direction: normal; /* or: normal */
animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
animation-fill-mode: none; /* or: backwards, both, none */
animation-delay: 0s; /* or: Xms */


-webkit-animation-duration: 0.5s; /* or: Xms infinite */
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal; /* or: normal */
-webkit-animation-timing-function: ease-in-out; /* or: ease, ease-in,ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
-webkit-animation-fill-mode: none; /* or: backwards, both, none */
-webkit-animation-delay: 0s; /* or: Xms */
}
.dtab_ct_w 													{.clear();.width();.float();}
.dtab_ct 													{.clear();.width();}
.dtab_ct.active 											{.display();}
.dtab_nav .active_bg 										{position:absolute;z-index:10;bottom:-1px;left:0;width:0;height:1px;background:@color_accent;.transition();}
.dtab_nav .dtab_s 											{width:31px;}
.dtab_nav .dtab_s::after  									{content:"";position:absolute;z-index:10;width:1px;background:#DDD;height:20px;top:50%;left:15px;margin-top:-10px;}

/* Standard syntax */
@keyframes dtabct {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes dtabct {
    0%   {margin-top:30px;opacity:0;}
    100% {margin-top:0px;opacity:1;}
}






.slides_ww 							{.float();.width();.clear();height:0;}
.slides_ww::after 					{content:"";.width();height:1px;box-shadow: 0 0 15px 12px rgba(248,248,248,1);position:absolute;bottom:-1;left:0;z-index:10;}


.slides .ui-sortable-placeholder	{background:transparent;border:1px dashed #999;width:150px;margin-left:0;height:91px;.float();.clear();margin-bottom:15px;}
//.slides_w 							{.float();.width();.clear();}
.slides 							{.float();.width();.clear();}
.slide 								{.float();.width();.clear();margin-bottom:15px;}
//.slides .slide:last-child 			{margin-bottom:15px;}
.slide_ct 							{.float();.width();.clear();.table();}
.slide_ct_l 						{.cell();width:15px;}
.slide_ct_r 						{.cell();width:15px;}
.slide_ct_c 						{.cell();.position();overflow:hidden;}

.slide .actions						{position:absolute;z-index:100;top:0;left:0;.width();.height();background: fade(@color_accent,90%);opacity:0;.transition();cursor:move;}
.slide .action						{.table();position:absolute;z-index:20;width:28px;height:28px;background:#1976d2;.transition();}
.slide .action:not(.action_number)	{cursor:pointer;}
.slide .action_c					{.cell();.align();.font(12);font-weight:700;color:#FFF;.position();}
.slide .action_c svg				{.display(inline-block);.width(17,"px");.height(17,"px");fill:#FFF;.transition();vertical-align:middle;}
.slide .action_c i					{.none();}

body[data-browser-name="msie" ] .slide .action_c svg 	{.none();}
body[data-browser-name="msie" ] .slide .action_c i 		{.display(inline-block);}

.slide .action_number				{top:-30px;left:-30px;cursor:default;}
.slide .action_remove				{top:-30px;right:-30px;}
.slide .action_edit					{bottom:-30px;right:-30px;}
.slide .action_duplicate			{bottom:-30px;left:-30px;}

.slide:not(.ui-sortable-helper):hover .slide_ct_ct			{border-color:@color_accent;}
.slide:not(.ui-sortable-helper):hover .actions				{opacity:1;}
.slide:not(.ui-sortable-helper):hover .action_number			{top:-1px;left:-1px;}
.slide:not(.ui-sortable-helper):hover .action_remove			{top:-1px;right:-1px;}
.slide:not(.ui-sortable-helper):hover .action_edit			{bottom:-1px;right:-1px;}
.slide:not(.ui-sortable-helper):hover .action_duplicate		{bottom:-1px;left:-1px;}


.slide.selected .slide_ct_ct			{border-color:@color_accent;}
.slide.selected .actions				{opacity:1;}
.slide.selected .action_number			{top:-1px;left:-1px;}
.slide.selected .action_remove			{top:-1px;right:-1px;}
.slide.selected .action_edit			{bottom:-1px;right:-1px;}
.slide.selected .action_duplicate		{bottom:-1px;left:-1px;}


.slide .action:not(.action_number):hover				{background:#FFF;}
.slide .action:not(.action_number):hover .action_c		{color:@color_accent;}
.slide .action:not(.action_number):hover .action_c svg	{fill:@color_accent;}

.slide.active .slide_ct_ct			{border-color:@color_accent;}
.slide.disabled  					{cursor:not-allowed;}
.slide.disabled .actions 			{.none();}
.slide.disabled .slide_ct_c::after 	{content:"";.position(absolute);z-index:20;top:0;left:0;background: fade(@color_disabled,90%);.width();.height();cursor:not-allowed;}

.slide_ct_ct 						{.float();.width();.clear();.table();border:1px solid #DDD;background:#FFF;.position();z-index:1;.transition();/*image-rendering:pixelated;*/}
.slide_ct_ct_c 						{.cell();.position();}
.slide_ct_ct_c .slide_title_w 		{.display();.width();.height();.position(absolute);z-index:10;left:0;top:0%;margin-top:0px;}
.slide_ct_ct_c .slide_title 		{.table();.width();.height();}
.slide_ct_ct_c .slide_title_c 		{.cell();.align();.font(15);font-weight:700;}
.slide_ct_ct_c span 				{.font(12);font-weight:normal;}
.slide_ct_ct_c img 					{}

.slides_buttons 					{.float();.width();.height(60,"px");.clear();.table();border-top:1px solid #DDD;}
.slides_btn 						{.cell();}
.slides_btn:not(:last-child) 		{border-right:1px solid #DDD;}

.slides_btn_ct 						{.float();.width();.height();.clear();.table(fixed);background:#FFF;.transition();}
.slides_btn_ct_c 					{.cell();.align();}

.bbtn 								{.float();.width();}
.bbtn_i 							{.float();.width();.align();}
.bbtn_i svg 						{.display(inline-block);.width(16,"px");.height(16,"px");fill:@color_accent;.transition();}
.bbtn_d 							{.float();.width();.align();.font(12);font-weight:600;color:#505050;.transition();}

.slides_btn.disabled  											{cursor:not-allowed;}
.slides_btn.disabled .slides_btn_ct 							{background:@color_disabled;}
.slides_btn.disabled .slides_btn_ct .bbtn_i svg					{fill:@color_disabled_font;}
.slides_btn.disabled .slides_btn_ct .bbtn_d						{color:@color_disabled_font;}
.slides_btn:not(.disabled) .slides_btn_ct 						{cursor:pointer;}
.slides_btn:not(.disabled) .slides_btn_ct:hover 				{background:@color_accent;}
.slides_btn:not(.disabled) .slides_btn_ct:hover .bbtn_i svg		{fill:#FFFFFF;}
.slides_btn:not(.disabled) .slides_btn_ct:hover .bbtn_d			{color:#FFF;}



.section_slide_preview 											{overflow:initial;.height();}
body[data-browser-name="msie"] .section_slide_preview 			{overflow:hidden;}

.section_slide_preview .ct										{.height();}
.section_slide_preview .ct_c 									{vertical-align:middle;}

@media screen and (min-width:1300px){
	body .section_slide_preview .ct_l 							{width:30px;}
	body .section_slide_preview .ct_r 							{width:30px;}
	body .section_slide_preview .slide_preview_ct				{box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
}

.section_slide_preview .slide_preview							{.float();.width();.clear();}
.section_slide_preview .slide_preview_ct						{.table();.width();margin: 30px auto;max-width:1000px;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);border:1px solid #DDD;}
.section_slide_preview .slide_preview_ct_c						{.cell();.position();}





.slide_preview_inner 											{.position(absolute);z-index:5;top:0;left:0;.width();.height();font-size:20px;}
.slide_preview_inner *											{cursor:default;.select();}
.slide_preview_inner_ct 										{.table(fixed);.width();.height();}
.slide_preview_inner_ct_c 										{.cell();padding:5%;}

.slide_preview_bg 												{.bg();.position(absolute);z-index:-1;top:0;left:0;.width();.height();opacity:0.5;}
.slide_preview_title 											{.display();.width();.align();font-weight:bold;}
.slide_preview_subtitle 										{.display();.width();.align();font-weight:bold;}
.slide_preview_desc 											{.display();.width();.align();}
.slide_preview_ul 												{.display();.clear();}
.slide_preview_ul ul 											{.table();margin:0 auto;padding:0;list-style-type:none;}
.slide_preview_ul ul li											{.table();.float();.clear();}
.slide_preview_ul ul li > div									{.cell();padding:5px 10px;}
.slide_preview_ul ul li > div::before							{content:"•";}
.slide_preview_img svg 											{fill:#777;}
.slide_type_1_4 .slide_preview_img  							{.clear();.width();.align();}
.slide_type_1_4 .slide_preview_img img 							{max-width:900px;max-height:320px;display:inline-block !important;margin-bottom:30px;}
.slide_type_1_4 .slide_preview_img svg 							{width:300px;height:300px;.display(inline-block);}

.slide_type_1_5_p_ct 											{.table(fixed);.float();.clear();.width();}
.slide_type_1_5_p_ct .slide_preview_title 						{.align(left);}
.slide_type_1_5_p_ct_l 											{.cell();width:47%;}
.slide_type_1_5_p_ct_s 											{.cell();}
.slide_type_1_5_p_ct_r 											{.cell();width:47%;}
.slide_type_1_5_p_ct_r ul										{.float();}

.slide_type_1_5 .slide_preview_img  							{.clear();.width();.align();.float();}
.slide_type_1_5 .slide_preview_img img 							{max-width:100%;max-height:500px;display:inline-block !important;}
.slide_type_1_5 .slide_preview_img svg 							{width:300px;height:300px;.display(inline-block);}



.slide_type_2_1 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_2 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_3 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_4 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_5 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_6 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_7 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_8 .p_slide_box_m_m_inner 							{z-index:100;}
.slide_type_2_9 .p_slide_box_m_m_inner 							{z-index:100;}


.slide_preview_reactions 										{.position(absolute);bottom:15px;right:15px;z-index:10;}
.slide_preview_reaction 										{.table();.float();height:24px;margin-left:15px;}
.slide_preview_reaction_icon 									{.cell();.align();.position();}
.slide_preview_reaction_icon::before 							{.display();content:"";.width();.height();.position(absolute);z-index:10;}
.slide_preview_reaction_icon svg 								{fill:#7f7f7f;width:24px;height:24px;.display();vertical-align:middle;.transition();}
.slide_preview_reaction_icon svg path							{fill:#7f7f7f;}
.slide_preview_reaction_value 									{.cell();.align();padding:0 0 0 5px;}
.slide_preview_reaction_icon:hover svg 							{fill:#111;}
.slide_preview_reaction_icon:hover path 						{fill:#111;}



.info_slide_preview_w 											{.float();.clear();.width();margin:10px 0 0 0;}
.info_slide_preview 											{.table();.float();.clear();.width();}
.info_slide_preview_c 											{.cell();padding:15px;.align();}
.info_slide_preview_img 										{.display(inline-block);.width();max-width:300px;border:1px solid #DDD;}


.change_slide_type_ct 											{.float();.clear();.width();.table(fixed);}
.change_slide_type_ct_l 										{.cell();}
.change_slide_type_ct_s 										{.cell();width:40px;}
.change_slide_type_ct_s div 									{.display();margin:0 auto;width:36px;height:36px;}
.change_slide_type_ct_s div svg 								{.display();width:36px;height:36px;fill:#AAAAAA;}
.change_slide_type_ct_r 										{.cell();}






.preview_p_slide										{.float();.width();.clear();.position();.height();}	
.preview_p_slide_box_m 									{.float();.width();.clear();.position();.height();}	
.preview_p_slide_box_m_t 								{.position(absolute);top:0;left:0;z-index:1;.width();height:50px;}	
.preview_p_slide_box_m_b 								{.position(absolute);bottom:0;left:0;z-index:1;.width();height:66px;}	
.preview_p_slide_box_m_b_icons 							{.table();.width();.height();}	
.preview_p_slide_box_m_b_icons_l 						{.cell();width:200px;}	
.preview_p_slide_box_m_b_icons_r 						{.cell();}	



.preview_p_slide_box_m_m_inner 							{.float();.width();.clear();top:50%;left:50%;width:1000px;height:600px;.position();
															-webkit-transform: translate(-50%, -50%);
															transform: translate(-50%, -50%);
															-webkit-transform-origin: center center;
															transform-origin: center center;
															//.box-shadow(0px,0px,30px,0px,0,0,0,0.2);
															border:1px solid #DDD;
															.bg();
															.select();
														}	

.preview_p_slide .icons_w 								{.table(fixed);.float();.width();}
.preview_p_slide .icons_w .icons_w_l 					{.cell();width:200px;}
.preview_p_slide .icons_w .icons_w_r 					{.cell();}

.preview_p_slide .icons_w_l .icons 						{margin-left:20px;}
.preview_p_slide .icons_w_l .icon 						{.table(fixed);height:46px;.float();}
.preview_p_slide .icons_w_l .icon:not(:last-child) 		{margin-right:20px;}
.preview_p_slide .icons_w_l .icon .icon_img 			{.cell();width:46px;.position();cursor:pointer;background:#FFFFFF;.border-radius(23px,23px,23px,23px);.transition();}
.preview_p_slide .icons_w_l .icon .icon_img::before		{content:"";.display();.position(absolute);top:0;left:0;z-index:2;border:1px solid #DDD;width:46px;height:46px;.border-radius(23px,23px,23px,23px);.transition();}
.preview_p_slide .icons_w_l .icon .icon_img svg			{.display();margin:0 auto;width:36px;height:36px;fill:#999999;.transition();}
.preview_p_slide .icons_w_l .icon .icon_value 			{.cell();}

.preview_p_slide .icons_w_l .icon:hover .icon_img 		{background:@color_accent;}
.preview_p_slide .icons_w_l .icon:hover .icon_img::before {border-color:@color_accent;}
.preview_p_slide .icons_w_l .icon:hover .icon_img svg 	{fill:#FFFFFF;}

.preview_p_slide .icons_w_r .icons 						{.float(right);margin-right:20px;}
.preview_p_slide .icons_w_r .icon 						{.table(fixed);height:46px;.float();}
.preview_p_slide .icons_w_r .icon:not(:first-child) 	{margin-left:20px;}
.preview_p_slide .icons_w_r .icon .icon_img 			{.cell();width:46px;.position();cursor:pointer;.transition();}
//%.p_slide .icons_w_r .icon .icon_img canvas		{width:46px;height:46px;.display();opacity:0;}
.preview_p_slide .icons_w_r .icon .icon_img svg			{.display();margin:0 auto;width:36px;height:36px;fill:#999999;.transition();}
.preview_p_slide .icons_w_r .icon .icon_value 			{.cell();.font(20);}

.preview_p_slide .icons_w_r .icon_img:hover svg 		{fill:#222222;}









.preview_p_slide_box_m_m_inner .bottom_icons 			{.position(absolute);bottom:0;left:0;z-index:1;.width();height:46px;}	
.preview_p_slide_box_m_m_inner .bottom_icons .icons 	{.table();.height();.float(right);}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_r 	{.cell();}	



.preview_p_slide_box_m_m_inner .bottom_icons .icons_w 								{.table(fixed);.float();.width();}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w .icons_w_r 					{.cell();}

.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icons 						{.float(right);margin-right:20px;}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon 						{.table(fixed);height:36px;.float();}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon:not(:first-child) 	{margin-left:15px;}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon .icon_img 			{.cell();width:36px;.position();cursor:pointer;.transition();}
//%.p_slide .icons_w_r .icon .icon_img canvas		{width:46px;height:46px;.display();opacity:0;}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon .icon_img svg			{.display();margin:0 auto;width:24px;height:24px;fill:#999999;.transition();}
.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon .icon_value 			{.cell();.font(18);}

.preview_p_slide_box_m_m_inner .bottom_icons .icons_w_r .icon_img:hover svg 		{fill:#222222;}
























































/*

zoom: 2; // IE 
-moz-transform: scale(2); // Firefox 
-moz-transform-origin: 0 0;
-o-transform: scale(2); // Opera
-o-transform-origin: 0 0;
-webkit-transform: scale(2); // Safari And Chrome
-webkit-transform-origin: 0 0;
transform: scale(2); // Standard Property 
transform-origin: 0 0; // Standard Property

*/






.template_boxes 					{.float();.width();.clear();}
.template_box 						{.table(fixed);.float();.width();.position();}
.template_box_l 					{.cell();width:7px;}
.template_box_r 					{.cell();width:7px;}
.template_box_c 					{.cell();}
.template_box_ct 					{.table(fixed);.float();.width();border:1px solid #DDD;.position();overflow:hidden;}
.template_box_ct_c 					{.cell();.align();.position();}
.template_box_hover 				{.position(absolute);z-index:80;top:0;left:0;.width();.height();background: fade(@color_accent,90%);opacity:0;.transition();}
.template_box_hover svg 			{.position(absolute);top:110%;left:50%;width:36px;height:36px;margin-top:-18px;margin-left:-18px;fill:#FFFFFF;.display();.transition();opacity:0;}
.template_box_details_w 			{.position(absolute);z-index:40;top:0;left:0;.width();.height();}
.template_box_details 				{.position(absolute);z-index:40;top:0;left:0;.width();.height();.table();}
.template_box_details_c				{.cell();.align();}
.template_box_icon					{.float();.width();}
.template_box_icon.s10x6 svg		{width:122px;height:73px;}
.template_box_icon svg				{.display(inline-block);width:36px;height:36px;fill:#4c4c4c;}
.template_box_desc					{.float();.width();.font(11);font-weight:bold;color:#505050;}

.wrapper_ct_r .template_boxes .template_box										{width:50%;margin-bottom:14px;}
.wrapper_ct_r .template_boxes .template_box:nth-child(2n+1) 					{.clear();}
.wrapper_ct_r .template_boxes .template_box:nth-child(2n+1) .template_box_l 	{.none();}
.wrapper_ct_r .template_boxes .template_box:nth-child(2n+2) .template_box_r 	{.none();}


.template_box.active .template_box_ct															{border-color:@color_accent;}
.template_box:not(.active):not(.disabled) .template_box_ct										{cursor:pointer;}
.template_box:not(.active):not(.disabled) .template_box_ct:hover 								{border-color:@color_accent;}
.template_box:not(.active):not(.disabled) .template_box_ct:hover .template_box_hover			{opacity:1;}
.template_box:not(.active):not(.disabled) .template_box_ct:hover .template_box_hover svg 		{top:50%;opacity:1;}

.template_box.disabled .template_box_ct															{border-color:@color_disabled;cursor:not-allowed;}
.template_box.disabled .template_box_ct_c::after												{content:"";.position(absolute);z-index:100;top:0;left:0;.width();.height();background: fade(@color_disabled,90%);}




.rbtn 											{.table();height:36px;.border-radius(18px,18px,18px,18px);cursor:pointer;outline:none !important;}
.rbtn_c 										{.cell();.align();padding:2px 15px;color:#FFF;}
.rbtn_c span 									{.display(inline-block);vertical-align:middle;font-weight:bold;}
.rbtn_c span svg 								{vertical-align:middle;.display();.width(18,"px");.height(18,"px");fill:#FFFFFF;.transition();margin-right:5px;}


.btn .icon  									{vertical-align:middle;.display(inline-block);.width(14,"px");.height(14,"px");margin:5px;}
.btn .icon svg 									{vertical-align:middle;.display();.width(14,"px");.height(14,"px");fill:#505050;.transition();}
.btn.btn-primary .icon svg 						{fill:#FFFFFF;}
.btn.btn-primary.btn-outline .icon svg 			{fill:@color_accent;}
.btn.btn-primary.btn-outline:hover .icon svg 	{fill:#FFFFFF;}
.btn.btn-primary.btn-outline:focus .icon svg 	{fill:#FFFFFF;}
.btn .icon span 								{vertical-align:middle;.display(inline-block);}


.presentations_search_w 							{.float();.width();.clear();}
.presentations_search 								{.table();margin:0 auto;}
.presentations_search_l 							{.cell();width:400px;}
.presentations_search_l input 						{height:36px;}
.presentations_search_l .input-group-btn 			{font-size:initial;}
.presentations_search_l .btn 						{.no-border-radius();}
.presentations_search_l .btn svg					{.display(inline-block);line-height:1;fill:#FFFFFF;width:24px;height:24px;}
.presentations_search_s 							{.cell();width:30px;}
.presentations_search_r 							{.cell();}
.presentations_search_r .rbtn 						{.float();}
.presentations_search_r .rbtn:not(:last-child) 		{margin-right:10px;}

body .section_presentations_table .ct_c 			{vertical-align:middle;}

.presentations_table 								{.float();.width();.clear();}
.presentations_table td .icon  						{.table();vertical-align:middle;.display(inline-block);.width(22,"px");.height(22,"px");margin:5px;.position();}
.presentations_table td .icon > div 				{.cell();}
.presentations_table td .icon svg 					{vertical-align:middle;.display(inline-block);.width(22,"px");.height(22,"px");fill:#505050;.transition();}


.presentations_table > thead > tr > th i 					{padding-left:5px;}
.presentations_table > thead > tr > th .sort i::before		{color:#AAA;}

.presentations_table > thead > tr > th .sort_asc,
.presentations_table > thead > tr > th .sort_desc 			{.none();}

.presentations_table > thead > tr > th .sort_asc i::before,
.presentations_table > thead > tr > th .sort_desc i::before	{color:#000;}

.presentations_table > thead > tr > th.sort_asc .sort_asc 	{.display(inline);}
.presentations_table > thead > tr > th.sort_desc .sort_desc {.display(inline);}

.presentations_table > thead > tr > th.sort_asc .sort 		{.none();}
.presentations_table > thead > tr > th.sort_desc .sort 		{.none();}


.presentations_table > thead > tr > th, 
.presentations_table > tbody > tr > th, 
.presentations_table > tfoot > tr > th, 
.presentations_table > thead > tr > td, 
.presentations_table > tbody > tr > td, 
.presentations_table > tfoot > tr > td 				{vertical-align:middle;}

.presentations_table th 													{color:#222;}

.presentations_table thead tr 						{border-bottom:1px solid #e7eaec;}
.presentations_table thead tr th 					{padding:8px;}
.presentations_table tbody tr 						{border-bottom:1px solid #e7eaec;}
.presentations_table tbody tr td 					{padding:8px;vertical-align:middle !important;}

.pagination > li.active > a 						{background:@color_accent;color:#FFF;border-color:@color_accent;}
.pagination > li.active > a:hover 					{background:@color_accent;color:#FFF;border-color:@color_accent;}

.presentations_table > thead > tr > th:not(:first-child) 					{.align();}
.presentations_table > tbody > tr > td:not(:first-child) 					{.align();}
.presentations_table > tbody > tr > td:not(:first-child) .icon:hover svg 	{fill:@color_accent;}
.presentations_table > tbody > tr > td:first-child .icon					{width:14px;height:14px;}
.presentations_table > tbody > tr > td:first-child svg						{width:14px;height:14px;fill:@color_accent;.display();}
.presentations_table > tbody > tr > td:first-child a						{color:@color_accent;font-weight:bold;}
.presentations_table > tbody > tr > td:first-child span						{vertical-align:middle;.display(inline-block);}

.presentations_table > tbody > tr > td:last-child .icon						{cursor:pointer;}


.presentations_table .footable-odd 											{background:transparent;}
.presentations_table > tbody > tr:hover 									{background:#F7F7F7;}

.footable > thead > tr > th.footable-sorted span.footable-sort-indicator 	{color:#222;}
.footable > thead > tr > th > span.footable-sort-indicator 					{color:#CCC;}



.pagination_w 										{.float();.width();.clear();}
.pagination_ct  									{.table();margin:0 auto;}
.pagination_ct_c  									{.cell();width:400px;.align();}
.pagination_i  										{.display(inline-block);}
.pagination_i .pagination  							{.float();}




.tooltip[role="tooltip"] 							{z-index:3000 !important;}



.input-group svg 									{.display();width:18px;height:18px;line-height:1;fill:#676a6c;}


.df_w 												{.clear();.width();}
.df_w .df 											{.float();.clear();.width();}
.df_w .df:first-of-type .space:first-child			{.none();}


.df_w .df.hidden + .df .space:first-child           {.none();}

.df_w .df:not(:last-of-type) 						{border-bottom: 1px dashed #CCC;}
//.df_w .df:not(:last-of-type)::after {content:"";.position();.width();height:1px;background: url('../')}
.df 												{.clear();.width();}
.df .sortable_options								{.clear();.width();}
.df .sortable_options .input-group					{.position();}
.df_title 											{.float();.width();.clear();.font(14);font-weight:bold;color:#222;}
.df_title span										{.display(inline-block);vertical-align:middle;}
.df_tooltip 										{.display(inline-block);vertical-align:middle;margin-left:5px;.position();cursor:pointer;}
.df_tooltip_mask 									{.position(absolute);top:0;left:0;.width();.height();z-index:1;}
.df_tooltip svg 									{.display();width:17px;height:17px;line-height:1;fill:#999999;}
.df_tooltip_cloud 									{.position(absolute);bottom:0;z-index:100;.font(12);font-weight:normal;white-space:nowrap;}
.df_ct 												{.clear();.width();}
.df_error 											{.clear();.width();color:#DD0000;margin-top:10px;float:left;}


.df .sortable_options .input-group.disabled						{opacity:0.3;cursor:not-allowed !important;.select();}
.df .sortable_options .input-group.disabled::after				{content:"";.position(absolute);top:0;left:0;z-index:10;.width();.height();background: rgba(0,0,0,0.3);}


.df .sortable_options.disabled									{opacity:0.3;cursor:not-allowed !important;.position();.select();}
.df .sortable_options.disabled .input-group						{.position();}
.df .sortable_options.disabled .input-group::after				{content:"";.position(absolute);top:0;left:0;z-index:10;.width();.height();background: rgba(0,0,0,0.3);}

.df_ct ol 											{margin:0 0 0 15px;padding:0;.font(13);}
.df_ct ol li:not(:first-child)						{margin-top:8px;}


.df_ct .input-group-textarea						{.clear();.width();}

.df_ct .sortable_options .input-group 				{margin:5px 0;.float();.width();.clear();}

.df_ct .sortable_options .input-group-addon-btn.input-group-bg-image 		{width: 40px;padding: 6px 0px;.align();.bg();border-left:1px solid #e5e6e7;}
.df_ct .sortable_options .input-group-addon-btn.input-group-bg-image:hover 	{border-color:@color_accent;}
.df_ct .sortable_options .input-group-addon-btn.input-group-bg-image svg    {.display(inline);vertical-align:middle;}

.df_ct .sortable_options .ui-sortable-placeholder 	{background:transparent;border:1px dashed #999;.width();.float();.clear();margin:5px 0;}
.df_ct .input-group svg 							{.display();width:18px;height:18px;line-height:1;fill:#676a6c;}

.df_ct .input-group-addon-btn 						{.transition();cursor:pointer;}
.df_ct .input-group-addon-btn svg					{.transition();}
.df_ct .input-group-addon-btn:hover 				{background:@color_accent;color:#FFF;border-color:@color_accent;}
.df_ct .input-group-addon-btn:hover svg 			{fill:#FFFFFF;}
.df_ct .input-group-addon-move 						{cursor:pointer;.transition();}
.df_ct .input-group-addon-move:hover				{background:#EEE;}
/*
.df_ct .input-group-addon-checkbox					{.position();width:43px;height:34px;padding:0;}
.df_ct .input-group-addon-checkbox label			{.position(absolute);top:0;left:0;z-index:10;.width();.height();}
.df_ct .input-group-addon-checkbox 					{.transition();cursor:pointer;}
.df_ct .input-group-addon-checkbox svg				{.transition();}
.df_ct .input-group-addon-checkbox:hover 			{background:@color_accent;color:#FFF;border-color:@color_accent;}
.df_ct .input-group-addon-checkbox:hover svg 		{fill:#FFFFFF;}
*/

.df_ct .input-group-quiz-answer 					{}
.df_ct .input-group-quiz-answer-c1 					{padding:0 4px;}
.df_ct .input-group-quiz-answer-c3 					{padding:0 2px;width:32px}
.df_ct .input-group-quiz-answer-c4 					{padding:0 2px;width:34px;}
.df_ct .input-group-quiz-answer-c4 svg				{margin:0 0 0 5px;}
.df_ct .input-group-quiz-answer-c5 					{.position();padding:0 2px;width:34px}
.df_ct .input-group-quiz-answer-c5:hover 			{background:#EEE;}
.df_ct .input-group-quiz-answer-c5 > div  			{.position(absolute);top:0;left:0;z-index:10;.width();.height();background:red;}
.df_ct .input-group-quiz-answer-c5 label			{.display();.position(absolute);top:0;left:0;z-index:10;.width();.height();}
.df_ct .input-group-quiz-answer-c5 label			{.display();.position(absolute);top:0;left:0;z-index:10;.width();.height();}


.df_ct .input-group-quiz-answer-c5 .checkbox-info label::before, 
.df_ct .input-group-quiz-answer-c5 .checkbox-info label::before {.display();left:0;top:0;.width();.height();.border-radius(0,0,0,0);margin-left:0;border:none;}

.df_ct .input-group-quiz-answer-c5 .checkbox-info input[type="checkbox"] + label::after, 
.df_ct .input-group-quiz-answer-c5 .checkbox-info input[type="radio"] + label::after 
{
	left:0;top:0;.width();.height();.border-radius(0,0,0,0);margin-left:0;
	font-size:16px;background:#FFF;color:#DFDFDF;line-height:30px;
    font-family: "FontAwesome";
    content: "\f00c";
}

.df_ct .input-group-quiz-answer-c5 .checkbox-info input[type="checkbox"]:checked + label::after, 
.df_ct .input-group-quiz-answer-c5 .checkbox-info input[type="radio"]:checked + label::after 

{
	left:0;top:0;.width();.height();.border-radius(0,0,0,0);margin-left:0;
	font-size:16px;background:#FFF;color:@color_accent;line-height:30px;
}


.df .fileinput_uploading 							{position:absolute !important;z-index:1000 !important;top:0;left:0;background: #EEE;.width();.height();cursor:default;}
.df .fileinput_uploading_ct 						{.table(fixed);.width();.height();}
.df .fileinput_uploading_ct_c.c1 					{.cell();width:40px;padding-left:10px;}
.df .fileinput_uploading_ct_c.c2 					{.cell();}

@keyframes fileinput_uploading {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes fileinput_uploading {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
.df .fileinput_uploading  svg						{.animation(~"fileinput_uploading",~"1s",~"0",~"infinite",~"normal",~"linear",~"forwards");}






.df .checkbox label 								{line-height:1.5;}

.df .reactions 										{.float();.width();.clear();}
.df .reaction 										{.float();margin:0px 10px 10px 0;}
.df .reaction:last-of-type 							{margin-right:0;}
.df .reaction_icon 									{.float();.width();.clear();}
.df .reaction_icon label							{.float();.width();.display();cursor:pointer;margin-bottom:0;}
.df .reaction_icon label svg						{.display();width:20px;height:20px;line-height:1;fill:#444444;margin:5px 2px 0px 2px;}
.df .reaction_checkbox 								{.float();.width();.clear();padding-left:3px;width:20px;}


.wrapper_ct_r .df .fileinput.fileinput-exists .fileinput-filename 	{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden;}


.df_options 										{.clear();.float();.width();.position();}
.df_option 											{.table(fixed);.float();.position();.font(14);.position();}
.df_options .df_option:not(last-child) 				{margin-right:15px;}
.df_option_input 									{.cell();width:25px;}
.df_option_desc 									{.cell();}


.df_option input[type="radio"] 						{.none();width:0;height:0;opacity:0;}

.df_option input[type="radio"] + label  			{margin-left:22px;line-height:1;cursor:pointer;}
.df_option input[type="radio"] + label::before  	{
														content:"";.display(inline-block);.position(absolute);width:16px;height:16px;left:0;top:50%;
														border:1px solid #cccccc;.border-radius(9px,9px,9px,9px);margin-top:-9px;
														background:#FFF;.transition();
													}

.df_option input[type="radio"] + label::after 		{	
														.display(inline-block);.position(absolute);
														width:16px;height:16px;left:0;top:50%;margin-top:-9px;font-size:10px;color:#555555;font-family: "FontAwesome";
														content: "\f00c";.align();line-height:16px;opacity:0;
													}


.df_option input[type="radio"]:checked + label::before 	{background:@color_accent;border-color:@color_accent;outline:none;}
.df_option input[type="radio"]:checked + label::after 	{color:#FFF;opacity:1;}




.df_results 										{.float();.width();.clear();margin-top:10px;}
.df_result 											{.float();margin:0px;width:78px;.position();}
.df_results .df_result:nth-of-type(3n+2) 			{margin:0 15px;}
.df_results .df_result:nth-of-type(3n+1) 			{.clear();}

.df_result label 									{cursor:pointer;margin:2px 0px;}
.df_result input 									{.none();}

.df_result_img 										{.table(fixed);.float();.width();height:52px;.clear();border:1px solid #DDD;.transition();}
.df_result_img > div 								{.cell();.align();}
.df_result_img svg									{.display(inline);vertical-align:middle;width:36px;height:36px;fill:#999999;.transition();}
.df_result_img img									{.display(inline);vertical-align:middle;width:64px;height:64px;margin:6px 0;.transition();}

.df_result_img .rotate_deg_mask 					{width:64px;height:64px;margin:6px 0;}

.df_result_img .rotate_deg 							{opacity:0;.position(absolute);z-index:10;top:3px;left:7px;width:64px;height:64px;}
.df_result_img .rotate_deg.active 					{opacity:1;}

.df_result .rotate_deg_icon 						{.position(absolute);z-index:50;width:24px;height:24px;right:0;bottom:6px;background:#DDD;cursor:pointer;}
.df_result .rotate_deg_icon_ct 						{.table();width:24px;height:24px;}
.df_result .rotate_deg_icon_ct_c 					{.cell();}
.df_result .rotate_deg_icon_ct_c svg				{fill:#000000;width:24px;height:24px;}


@keyframes rotate_deg_icon_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(90deg);}
}
@-webkit-keyframes p_slider_icons_icon_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(90deg);}
}
@keyframes p_slider_icons_icon_out {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(90deg);}
}
@-webkit-keyframes p_slider_icons_icon_out {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(90deg);}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
//.p_slider_icons .icon.settings					{.animation(~"p_slider_icons_icon_out",~"3s",~"0",~"backwards",~"normal",~"linear",~"forwards");}
.df_result .rotate_deg_icon:hover svg				{.animation(~"rotate_deg_icon_in",~"0.3s",~"0",~"1",~"normal",~"linear",~"forwards");}






.df_result_desc 									{.float();.width();.clear();.font(11);.align();font-weight:700;padding:4px 0;}
.df_result_input 									{.float();.width();.clear();}

.df_result:hover .df_result_img 									{border:1px solid #777;}
.df_result input[type="radio"]:checked + label .df_result_img 		{border:1px solid @color_accent;}
.df_result input[type="radio"]:checked + label .df_result_img svg	{fill:#222222;}



.df_result:last-of-type 							{margin-right:0;}
.df_result_icon 									{.float();.width();.clear();}
.df_result_icon label								{.float();.width();.display();cursor:pointer;margin-bottom:0;}
.df_result_icon label svg							{.display();width:20px;height:20px;line-height:1;fill:#444444;margin:5px 2px 0px 2px;}
.df_result_checkbox 								{.float();.width();.clear();padding-left:3px;width:20px;}




.df_slider_w 										{.clear();.float();.width();.position();}
.df_slider 											{}

.df_slider_info_ct 									{.table();.float();.width();.clear();}
.df_slider_info_ct_c 								{.cell();}
.df_slider_info_ct .df_slider_info_ct_c:first-child {.align(left);padding-right:10px;}
.df_slider_info_ct .df_slider_info_ct_c:last-child  {.align(right);padding-left:10px;}


.chart_box_w										{.clear();.width();}
.chart_box											{.table(fixed);max-width:900px;margin: 20px auto;}
.chart_box_l										{.cell();}
.chart_box_w .chart									{width:600px;height:300px;.float();.position();}
.chart_box_s										{.cell();width:40px;}
.chart_box_r										{.cell();width:300px;}
//.chart_view canvas 									{width:600px;height:300px;}


// .chart_box_w .chart_type_1 .ct-label.ct-vertical.ct-start {width:60px;}
.chart_box_w .chart.chart_type_1 							{width:900px;}
.chart_box_w .chart.chart_type_1 svg 						{overflow:visible;}
.chart_box_w .chart.chart_type_1 .ct-label 					{.font(14);}
.chart_box_w .chart.chart_type_1 .ct-bar-label 				{.font(14);font-weight:bold;}

.chart_box_w .chart.chart_type_1 .ct-bar 					{stroke-width: 10%;}
.chart_box_w .chart.chart_type_1[data-items="1"] .ct-bar 	{stroke-width: 18%;}
.chart_box_w .chart.chart_type_1[data-items="2"] .ct-bar 	{stroke-width: 16%;}
.chart_box_w .chart.chart_type_1[data-items="3"] .ct-bar 	{stroke-width: 14%;}
.chart_box_w .chart.chart_type_1[data-items="4"] .ct-bar 	{stroke-width: 12%;}
.chart_box_w .chart.chart_type_1[data-items="5"] .ct-bar 	{stroke-width: 10%;}
.chart_box_w .chart.chart_type_1[data-items="6"] .ct-bar 	{stroke-width: 9%;}
.chart_box_w .chart.chart_type_1[data-items="7"] .ct-bar 	{stroke-width: 8%;}
.chart_box_w .chart.chart_type_1[data-items="8"] .ct-bar 	{stroke-width: 7%;}
.chart_box_w .chart.chart_type_1[data-items="9"] .ct-bar 	{stroke-width: 6%;}
.chart_box_w .chart.chart_type_1[data-items="10"] .ct-bar 	{stroke-width: 5%;}
.chart_box_w .chart.chart_type_1[data-items="11"] .ct-bar 	{stroke-width: 5%;}
.chart_box_w .chart.chart_type_1[data-items="12"] .ct-bar 	{stroke-width: 5%;}
.chart_box_w .chart.chart_type_1[data-items="13"] .ct-bar 	{stroke-width: 4%;}
.chart_box_w .chart.chart_type_1[data-items="14"] .ct-bar 	{stroke-width: 4%;}
.chart_box_w .chart.chart_type_1[data-items="15"] .ct-bar 	{stroke-width: 4%;}
.chart_box_w .chart.chart_type_1[data-items="16"] .ct-bar 	{stroke-width: 4%;}
.chart_box_w .chart.chart_type_1[data-items="17"] .ct-bar 	{stroke-width: 3%;}
.chart_box_w .chart.chart_type_1[data-items="18"] .ct-bar 	{stroke-width: 3%;}
.chart_box_w .chart.chart_type_1[data-items="19"] .ct-bar 	{stroke-width: 3%;}
.chart_box_w .chart.chart_type_1[data-items="20"] .ct-bar 	{stroke-width: 3%;}



.chart_box.chart_type_2  									{width:fit-content;max-width:760px;}
.chart_box.chart_type_2 .chart_box_l 						{width:400px;}
.chart_box.chart_type_2 .chart_box_s 						{width:40px;}
.chart_box.chart_type_2 .chart 								{width:380px;height:380px;}
.chart_box.chart_type_2 .chart svg 							{overflow:visible;}
.chart_box.chart_type_2 .chart .ct-label 					{.font(14);}
.chart_box.chart_type_2 .chart .ct-bar-label 				{.font(14);font-weight:bold;}

.chart_box.chart_type_2 .ct-series-a .ct-slice-donut-solid 						{fill:@color_a;}
.chart_box.chart_type_2 .ct-series-b .ct-slice-donut-solid 						{fill:@color_b;}
.chart_box.chart_type_2 .ct-series-c .ct-slice-donut-solid 						{fill:@color_c;}
.chart_box.chart_type_2 .ct-series-d .ct-slice-donut-solid 						{fill:@color_d;}
.chart_box.chart_type_2 .ct-series-e .ct-slice-donut-solid 						{fill:@color_e;}
.chart_box.chart_type_2 .ct-series-f .ct-slice-donut-solid 						{fill:@color_f;}
.chart_box.chart_type_2 .ct-series-g .ct-slice-donut-solid 						{fill:@color_g;}
.chart_box.chart_type_2 .ct-series-h .ct-slice-donut-solid 						{fill:@color_h;}
.chart_box.chart_type_2 .ct-series-i .ct-slice-donut-solid 						{fill:@color_i;}
.chart_box.chart_type_2 .ct-series-j .ct-slice-donut-solid 						{fill:@color_j;}
.chart_box.chart_type_2 .ct-series-k .ct-slice-donut-solid 						{fill:@color_k;}
.chart_box.chart_type_2 .ct-series-l .ct-slice-donut-solid 						{fill:@color_l;}
.chart_box.chart_type_2 .ct-series-m .ct-slice-donut-solid 						{fill:@color_m;}
.chart_box.chart_type_2 .ct-series-n .ct-slice-donut-solid 						{fill:@color_n;}
.chart_box.chart_type_2 .ct-series-o .ct-slice-donut-solid 						{fill:@color_o;}
.chart_box.chart_type_2 .ct-series-p .ct-slice-donut-solid 						{fill:@color_p;}
.chart_box.chart_type_2 .ct-series-q .ct-slice-donut-solid 						{fill:@color_q;}
.chart_box.chart_type_2 .ct-series-r .ct-slice-donut-solid 						{fill:@color_r;}

.chart_box.chart_type_2 .ct-series-a .ct-slice-pie 								{fill:@color_a;}
.chart_box.chart_type_2 .ct-series-b .ct-slice-pie 								{fill:@color_b;}
.chart_box.chart_type_2 .ct-series-c .ct-slice-pie 								{fill:@color_c;}
.chart_box.chart_type_2 .ct-series-d .ct-slice-pie 								{fill:@color_d;}
.chart_box.chart_type_2 .ct-series-e .ct-slice-pie 								{fill:@color_e;}
.chart_box.chart_type_2 .ct-series-f .ct-slice-pie 								{fill:@color_f;}
.chart_box.chart_type_2 .ct-series-g .ct-slice-pie 								{fill:@color_g;}
.chart_box.chart_type_2 .ct-series-h .ct-slice-pie 								{fill:@color_h;}
.chart_box.chart_type_2 .ct-series-i .ct-slice-pie 								{fill:@color_i;}
.chart_box.chart_type_2 .ct-series-j .ct-slice-pie 								{fill:@color_j;}
.chart_box.chart_type_2 .ct-series-k .ct-slice-pie 								{fill:@color_k;}
.chart_box.chart_type_2 .ct-series-l .ct-slice-pie 								{fill:@color_l;}
.chart_box.chart_type_2 .ct-series-m .ct-slice-pie 								{fill:@color_m;}
.chart_box.chart_type_2 .ct-series-n .ct-slice-pie 								{fill:@color_n;}
.chart_box.chart_type_2 .ct-series-o .ct-slice-pie 								{fill:@color_o;}
.chart_box.chart_type_2 .ct-series-p .ct-slice-pie 								{fill:@color_p;}
.chart_box.chart_type_2 .ct-series-q .ct-slice-pie 								{fill:@color_q;}
.chart_box.chart_type_2 .ct-series-r .ct-slice-pie 								{fill:@color_r;}



.chart_box.chart_type_3  									{width:fit-content;max-width:760px;}
.chart_box.chart_type_3 .chart_box_l 						{width:400px;}
.chart_box.chart_type_3 .chart_box_s 						{width:40px;}
.chart_box.chart_type_3 .chart 								{width:380px;height:380px;}
.chart_box.chart_type_3 .chart svg 							{overflow:visible;}
.chart_box.chart_type_3 .chart .ct-label 					{.font(14);}
.chart_box.chart_type_3 .chart .ct-bar-label 				{.font(14);font-weight:bold;}

.chart_box.chart_type_3 .ct-series-a .ct-slice-pie 						{fill:@color_a;}
.chart_box.chart_type_3 .ct-series-b .ct-slice-pie 						{fill:@color_b;}
.chart_box.chart_type_3 .ct-series-c .ct-slice-pie 						{fill:@color_c;}
.chart_box.chart_type_3 .ct-series-d .ct-slice-pie 						{fill:@color_d;}
.chart_box.chart_type_3 .ct-series-e .ct-slice-pie 						{fill:@color_e;}
.chart_box.chart_type_3 .ct-series-f .ct-slice-pie 						{fill:@color_f;}
.chart_box.chart_type_3 .ct-series-g .ct-slice-pie 						{fill:@color_g;}
.chart_box.chart_type_3 .ct-series-h .ct-slice-pie 						{fill:@color_h;}
.chart_box.chart_type_3 .ct-series-i .ct-slice-pie 						{fill:@color_i;}
.chart_box.chart_type_3 .ct-series-j .ct-slice-pie 						{fill:@color_j;}
.chart_box.chart_type_3 .ct-series-k .ct-slice-pie 						{fill:@color_k;}
.chart_box.chart_type_3 .ct-series-l .ct-slice-pie 						{fill:@color_l;}
.chart_box.chart_type_3 .ct-series-m .ct-slice-pie 						{fill:@color_m;}
.chart_box.chart_type_3 .ct-series-n .ct-slice-pie 						{fill:@color_n;}
.chart_box.chart_type_3 .ct-series-o .ct-slice-pie 						{fill:@color_o;}
.chart_box.chart_type_3 .ct-series-p .ct-slice-pie 						{fill:@color_p;}
.chart_box.chart_type_3 .ct-series-q .ct-slice-pie 						{fill:@color_q;}
.chart_box.chart_type_3 .ct-series-r .ct-slice-pie 						{fill:@color_r;}


.chart_box.chart_type_4 {}
.chart_box.chart_type_4 .chart {.width();}
.chart_box.chart_type_4 .chart_ct 					{.table(fixed);.float();.width();height:300px;}
.chart_box.chart_type_4 .chart_ct_row 				{.display(table-row);}
.chart_box.chart_type_4 .chart_ct_row.row_bars 		{height:260px;}
.chart_box.chart_type_4 .chart_ct_row.row_line 		{height:2px;background:#DDD;}
.chart_box.chart_type_4 .chart_ct_row.row_desc 		{.align();}
.chart_box.chart_type_4 .chart_ct_row.row_desc .chart_ct_cell		{.cell(top);padding-top:6px;line-height:1.2;}
.chart_box.chart_type_4 .chart_ct_cell 				{.cell(bottom);}
.chart_box.chart_type_4 .chart_bar.answer_correct  	    {background:@color_accent;}
.chart_box.chart_type_4 .chart_bar.answer_not_correct  {background:#BBB;}
.chart_box.chart_type_4 .chart_bar  				{.table(fixed);margin:0 auto;background:@color_accent;width:80%;.position();}
.chart_box.chart_type_4 .chart_bar_value  			{.position(absolute);.width();height:20px;top:-25px;color:#222;.align();font-size:16px;font-weight:bold;}
.chart_box.chart_type_4 .chart_bar_image  			{.float();.width();.align();}
.chart_box.chart_type_4 .chart_bar_icon  			{.float();.width();.align();}
.chart_box.chart_type_4 .chart_bar_icon i  			{.font(26);color:#FFF;margin:10px 0;}
.chart_box.chart_type_4 .chart_bar_image_ct  		{.float();.width();.align();max-width:100%;}
.chart_box.chart_type_4 .chart_bar_image > img 		{.display(inline);.position();max-width:100%;max-height:100px;.align();border:1px solid @color_accent;}
.chart_box.chart_type_4 .chart_bar_desc 			{font-size:13px;}



.chart_box.chart_type_5 {}
.chart_box.chart_type_5 .chart {.width();}
.chart_box.chart_type_5 .chart_ct 					{.table(fixed);.float();.width();height:300px;}
.chart_box.chart_type_5 .chart_ct_row 				{.display(table-row);}
.chart_box.chart_type_5 .chart_ct_cell 				{.cell();}
.chart_box.chart_type_5 .cell_left 					{width:90px;.position();}
.chart_box.chart_type_5 .cell_right 				{width:90px;.position();}

.chart_box.chart_type_5 .rotated_desc_w    			{position:relative;display:inline-block;width:70px;}

.chart_box.chart_type_5 .rotated_desc 				{


														.position(absolute);top:100%;left:50%;width:300px;height:30px;margin-left:-15px;.align();
														
														-webkit-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-moz-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-ms-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-o-transform: rotate(-90deg) translate3d( 0, 0, 0);
														transform: rotate(-90deg) translate3d( 0, 0, 0);

														white-space:nowrap;.font(16);
														transform-origin:top left;
														-webkit-transform-origin: top left;
}

body[data-browser-name="msie"] .chart_box.chart_type_5 .rotated_desc 				{top:auto;bottom:-35px;}




.chart_box.chart_type_win {}
.chart_box.chart_type_win .chart {.width();}
.chart_box.chart_type_win .chart_ct 					{.table(fixed);.float();.width();height:300px;}
.chart_box.chart_type_win .chart_ct_row 				{.display(table-row);}
.chart_box.chart_type_win .chart_ct_row.row_bars 		{height:200px;}
.chart_box.chart_type_win .chart_ct_row.row_line 		{height:2px;background:#DDD;}
.chart_box.chart_type_win .chart_ct_row.row_desc 		{.align();}
.chart_box.chart_type_win .chart_ct_row.row_desc .chart_ct_cell		{.cell(top);padding-top:6px;line-height:1.2;}
.chart_box.chart_type_win .chart_ct_cell 				{.cell(bottom);}
//.chart_box.chart_type_win .chart_bar.answer_correct  	    {background:@color_accent;}
//.chart_box.chart_type_win .chart_bar.answer_not_correct  {background:#BBB;}
.chart_box.chart_type_win .chart_bar  				{.table(fixed);margin:0 auto;/*background:@color_accent;*/width:80%;.position();}
.chart_box.chart_type_win .chart_bar svg 				{.width();}
.chart_box.chart_type_win .chart_bar_value  			{.position(absolute);.width();height:20px;top:-25px;color:#222;.align();font-size:16px;font-weight:bold;}
.chart_box.chart_type_win .chart_bar_image  			{.float();.width();.align();}
.chart_box.chart_type_win .chart_bar_icon  			{.float();.width();.align();}
.chart_box.chart_type_win .chart_bar_icon i  			{.font(26);color:#FFF;margin:10px 0;}
.chart_box.chart_type_win .chart_bar_image_ct  		{.float();.width();.align();max-width:100%;}
.chart_box.chart_type_win .chart_bar_image > img 		{.display(inline);.position();max-width:100%;max-height:100px;.align();border:1px solid @color_accent;}
.chart_box.chart_type_win .chart_bar_desc 			{font-size:16px;}





.chart_box.chart_type_5 .chart_bar 					{.float();.width();margin:5px 0;/*width:92%;margin:6px 0 6px 4%;*/}
.chart_box.chart_type_5 .chart_bar_desc 			{.float();.width();font-size:17px;margin-bottom:8px;}
.chart_box.chart_type_5 .chart_bar_line 			{.float();.width();height:10px;background:#DDD;.position();margin:10px 0;}
.chart_box.chart_type_5 .chart_bar_line_value 		{.position(absolute);z-index:20;top:-13px;width:36px;height:36px;margin-left:-18px;line-height:36px;background:@color_accent;color:#FFF;.align();.border-radius(18px,18px,18px,18px);}
.chart_box.chart_type_5 .chart_bar_line_bg 			{height:10px;background:@color_accent;}

.chart_box.chart_type_5 .chart_avg_line 			{.position(absolute);z-index:15;.height();background:#999;width:1px;top:10px;}
.chart_box.chart_type_5 .chart_avg_line_value 		{.position(absolute);z-index:16;bottom:-30px;left:-15px;height:30px;width:30px;line-height:30px;.align();background:#999;color:#FFF;.border-radius(15px,15px,15px,15px);.font(12);}

/*.chart_box.chart_type_5 .chart_bar  				{.table(fixed);margin:0 auto;background:@color_accent;width:80%;.position();}
.chart_box.chart_type_5 .chart_bar_value  			{.position(absolute);.width();height:20px;top:-25px;color:#222;.align();font-size:16px;font-weight:bold;}
.chart_box.chart_type_5 .chart_bar_image  			{.float();.width();.align();}
.chart_box.chart_type_5 .chart_bar_image_ct  		{.float();.width();.align();max-width:100%;}
.chart_box.chart_type_5 .chart_bar_image > img 		{.display(inline);.position();max-width:100%;max-height:100px;.align();border:1px solid @color_accent;}
.chart_box.chart_type_5 .chart_bar_desc 			{font-size:13px;}
*/


.words_cloud_w 		{.float();.width();.clear();}	
.words_cloud 		{.float();.width();.clear();}	
.words_cloud_box 	{width:900px;height:300px;}	



.color_a			{fill:@color_a;background:@color_a;}
.color_b			{fill:@color_b;background:@color_b;}
.color_c			{fill:@color_c;background:@color_c;}
.color_d			{fill:@color_d;background:@color_d;}
.color_e			{fill:@color_e;background:@color_e;}
.color_f			{fill:@color_f;background:@color_f;}
.color_g			{fill:@color_g;background:@color_g;}
.color_h 			{fill:@color_h;background:@color_h;}
.color_i			{fill:@color_i;background:@color_i;}
.color_j			{fill:@color_j;background:@color_j;}
.color_k			{fill:@color_k;background:@color_k;}
.color_l			{fill:@color_l;background:@color_l;}
.color_m			{fill:@color_m;background:@color_m;}
.color_n			{fill:@color_n;background:@color_n;}
.color_o			{fill:@color_o;background:@color_o;}
.color_p			{fill:@color_p;background:@color_p;}
.color_q			{fill:@color_q;background:@color_q;}
.color_r			{fill:@color_r;background:@color_r;}





.chart_type_6 .chart 								{}
.chart_type_6 .chart_layers 						{width:300px;height:300px;.position();z-index:10;}
.chart_type_6 .chart_layer_values 					{.position();z-index:50;width:270px;height:270px;margin:15px;.float();.clear();}
.chart_type_6 .chart_layer_values .chart_value		{.position(absolute);z-index:50;width:30px;height:30px;margin-top:-15px;margin-left:-15px;}
.chart_type_6 .chart_layer_values .chart_value_ct	{.table();width:30px;height:30px;.border-radius(15px,15px,15px,15px);}
.chart_type_6 .chart_layer_values .chart_value_ct_c	{.cell();.align();color:#FFF;text-shadow: 0px 1px 3px rgba(0,0,0,0.3);.font(15);}
.chart_type_6 .chart_layer_bg 						{.position(absolute);top:0;left:0;z-index:10;width:300px;height:300px;background:rgba(0,0,0,0.05);.bg();}

.chart_layer_bg.chart_type_6_bg_1 					{background: url('../../images/chart_type_6_bg_1.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_2 					{background: url('../../images/chart_type_6_bg_2.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_3 					{background: url('../../images/chart_type_6_bg_3.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_4_deg_0 			{background: url('../../images/chart_type_6_bg_4_deg_0.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_4_deg_90 			{background: url('../../images/chart_type_6_bg_4_deg_90.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_4_deg_180 			{background: url('../../images/chart_type_6_bg_4_deg_180.png') center center no-repeat;}
.chart_layer_bg.chart_type_6_bg_4_deg_270 			{background: url('../../images/chart_type_6_bg_4_deg_270.png') center center no-repeat;}





.chart_type_6 .chart_layer_label    				{.position(absolute);z-index:20;display:inline-block;width:300px;}

.chart_type_6 .chart_layer_label.left 				{
														top:50%;left:-170px;z-index:20;
														height:20px;
													}
.chart_type_6 .chart_layer_label.left > div			{
														top:50%;left:-170px;z-index:20;
														-webkit-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-moz-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-ms-transform: rotate(-90deg) translate3d( 0, 0, 0);
														-o-transform: rotate(-90deg) translate3d( 0, 0, 0);
														transform: rotate(-90deg) translate3d( 0, 0, 0);
														white-space:nowrap;.font(14);
														height:20px;-webkit-transform-origin: 50%  50%;
														.align();margin-top:-15px;
													}
.chart_type_6 .chart_layer_label.bottom 			{
														top:100%;left:0px;z-index:20;margin-top:10px;
														white-space:nowrap;.font(14);height:20px;
														.align();
													}


.chart_box_w .chart_type_6 .chart 					{width:340px;height:300px;}


.chart_box.chart_type_7 .radar_chart {margin-left:140px;}





body .chartist-tooltip 								{z-index:900;background: rgba(255,255,255,0.5);border:1px solid #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
body .chartist-tooltip::before						{display:none;border-top-color: rgba(255,255,255,0.5);}

@media screen and (max-width:1199px) 						{   body .chart_box_w .chart_type_1 .ct-label.ct-horizontal	{.font(10);}   }
@media screen and (min-width:1200px) and (max-width:1399px) {   body .chart_box_w .chart_type_1 .ct-label.ct-horizontal	{.font(11);}   }
@media screen and (min-width:1400px) and (max-width:1599px) {   body .chart_box_w .chart_type_1 .ct-label.ct-horizontal	{.font(13);}   }
@media screen and (min-width:1600px) and (max-width:1799px) {   body .chart_box_w .chart_type_1 .ct-label.ct-horizontal	{.font(14);}   }
@media screen and (min-width:1800px)  						{   body .chart_box_w .chart_type_1 .ct-label.ct-horizontal	{.font(15);}   }


.chart_box_w .ct-series-a .ct-point, 
.chart_box_w .ct-series-a .ct-line, 
.chart_box_w .ct-series-a .ct-bar, 
.chart_box_w .ct-series-a .ct-slice-donut 			{stroke:@color_accent;}

.chart_info 										{.clear();.float();.width();}
.chart_info ul 										{.clear();.float();.width();list-style-type:none;margin:0;padding:0;.table(fixed);}
.chart_info ul li									{padding:0;margin:4px 0;.clear();.float();.width();list-style-type:none;padding:0;.table(fixed);}
.chart_info_color 									{.cell();width:30px;}
.chart_info_color > div								{.display(inline-block);width:20px;height:20px;.border-radius(10px,10px,10px,10px);}
.chart_info_color_desc 								{.cell();}

.chart_info_color > div > div						{.table();width:20px;height:20px;}
.chart_info_color > div > div > div					{.cell();.align();color:#FFF;text-shadow: 0px 1px 3px rgba(0,0,0,0.3);.font(12);}


/*
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
	font-family: "FontAwesome";
	content: "\f00c";
}

.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}*/




.hidden_image.active								{.display();}
.hidden_image:not(.active)							{.none();}
.hidden_image										{.position(absolute);top:0;left:0;z-index:1000;.width();.height();background:#FFF;}
.hidden_image_ct									{.table(fixed);.width();.height();}
.hidden_image_ct_c									{.cell();padding:40px 50px 70px 50px;.align();}
.hidden_image_ct_c img								{display:inline !important;max-width:100%;max-height:480px;}

.hidden_image_button_w 								{.clear();.width();.align();.position(absolute);bottom:15px;left:0;z-index:2000;}
.hidden_image_button 								{.table(fixed);height:32px;.border-radius(16px,16px,16px,16px);margin:0 auto;.transition();background:#AAA;min-width:150px;cursor:pointer;}
.hidden_image_button > div 							{.cell();padding: 0 20px;color:#FFF;font-weight:bold;}
.hidden_image_button:hover, 
.hidden_image_button.active  						{background:@color_accent;}

.hidden_image_button > div.image_hide 				{.none();}
.hidden_image_button.active > div.image_hide 		{.cell();}

.hidden_image_button > div.image_show 				{.cell();}
.hidden_image_button.active > div.image_show 		{.none();}





.hidden_results.active								{.display();}
.hidden_results:not(.active)						{.none();}
.hidden_results										{.position(absolute);top:0;left:0;z-index:1000;.width();.height();background:#FFF;}
.hidden_results_ct									{.table(fixed);.width();.height();}
.hidden_results_ct_c								{.cell();padding:40px 50px 70px 50px;.align();}
.hidden_results_ct_c img							{display:inline !important;max-width:100%;max-height:480px;}

.hidden_results_button_w 							{.clear();.width();.align();.position(absolute);bottom:15px;left:0;z-index:2000;}
.hidden_results_button 								{.table(fixed);height:32px;.border-radius(16px,16px,16px,16px);margin:0 auto;.transition();background:#AAA;min-width:150px;cursor:pointer;}
.hidden_results_button > div 						{.cell();padding: 0 20px;color:#FFF;font-weight:bold;}
.hidden_results_button:hover, 
.hidden_results_button.active  						{background:@color_accent;}

.hidden_results_button > div.image_hide 			{.none();}
.hidden_results_button.active > div.image_hide 		{.cell();}

.hidden_results_button > div.image_show 			{.cell();}
.hidden_results_button.active > div.image_show 		{.none();}


.switch_results_button_w 							{.clear();.width();.align();.position(absolute);bottom:15px;left:0;z-index:2000;}
.switch_results_button 								{.table(fixed);height:32px;.border-radius(16px,16px,16px,16px);margin:0 auto;.transition();background:#AAA;min-width:150px;cursor:pointer;}
.switch_results_button > div 						{.cell();padding: 0 20px;color:#FFF;font-weight:bold;}
.switch_results_button:hover, 
.switch_results_button.active  						{background:@color_accent;}


.start_quiz_button_w 							{.clear();.width();.align();.position(absolute);bottom:15px;left:0;z-index:2000;}
.start_quiz_button 								{.table(fixed);height:32px;.border-radius(16px,16px,16px,16px);margin:0 auto;.transition();background:#AAA;min-width:150px;cursor:pointer;}
.start_quiz_button > div 						{.cell();padding: 0 20px;color:#FFF;font-weight:bold;}
.start_quiz_button:hover, 
.start_quiz_button.active  						{background:@color_accent;}


.stop_quiz_button_w 							{.clear();.width();.align();.position(absolute);bottom:15px;left:0;z-index:2000;}
.stop_quiz_button_i 							{.display(inline-block);vertical-align:middle;margin:10px 20px;}
.stop_quiz_button 								{.table(fixed);height:32px;.border-radius(16px,16px,16px,16px);margin:0 auto;.transition();background:#AAA;min-width:150px;cursor:pointer;}
.stop_quiz_button > div 						{.cell();padding: 0 20px;color:#FFF;font-weight:bold;}
.stop_quiz_button:hover, 
.stop_quiz_button.active  						{background:@color_accent;}

.quiz_timer_w 										{.float();.width();.clear();}
.quiz_timer_ct 										{.float();.width();.clear();.table();.position();z-index:20;}
.quiz_timer_ct_c 									{.cell();}
.quiz_timer 										{.clear();.display(inline-block);vertical-align:middle;}


.modal_title 										{.align();font-weight:bold;.clear();.width();}




.quiz_layers 										{.width();.clear();.float();}
.quiz_layer.active 									{.display();}
.quiz_layer 										{.none();width:900px;}
.quiz_layer_ct 										{.table();margin:0 auto;width:900px;height:300px;}
.quiz_layer_ct_c 									{.cell();.align();}

.quiz_layer_waiting_for_players_title 				{.float();.width();.clear();.align();}
.quiz_layer_waiting_for_players_online 				{.float();.width();.clear();.align();}
.quiz_layer_waiting_for_players_name 				{.float();.width();.clear();.align();}
.quiz_layer_waiting_for_players_name .players_name_cloud_box {.float();.width();height:200px;.clear();.align();}




.quiz_result_users_w 								{.float();.width();.clear();height:300px;overflow:auto;}
.quiz_result_users 									{.float();.width();.clear();height:300px;}
.quiz_result_user 									{.table(fixed);.float();width:620px;.clear();height:30px;margin:10px 0;}
.quiz_result_user_separator 						{.float();.width();.clear();border-bottom:2px dashed #CCC;margin:15px 0;}
.quiz_result_user_c 								{.cell();}
.quiz_result_user_c.quiz_result_user_points 		{width:150px;.align(right);font-weight:700;.font(24);padding-right:25px;}
.quiz_result_user_c.quiz_result_user_bar 			{}
.quiz_result_user_c .quiz_result_user_bar_progress 	{height:30px;background:@color_accent;.position();}
.quiz_result_user_c.quiz_result_user_name 			{.position(absolute);right:-250px;}
.quiz_result_user_c.quiz_result_user_name_ct 		{.table();width:250px;}
.quiz_result_user_c.quiz_result_user_name_ct_c 		{.cell();.align(left);padding-left:25px;.font(24);font-weight:bold;}



/*
.p_question_results_w 								{.float();.width();.clear();height:300px;overflow:auto;}
.p_question_results 									{.float();.width();.clear();height:300px;}
.p_question_result 									{.table(fixed);.float();width:620px;.clear();height:30px;margin:10px 0;}
.p_question_result_separator 						{.float();.width();.clear();border-bottom:2px dashed #CCC;margin:15px 0;}
.p_question_result_c 								{.cell();}
.p_question_result_c.p_question_result_points 		{width:150px;.align(right);font-weight:700;.font(24);padding-right:25px;}
.p_question_result_c.p_question_result_bar 			{}
.p_question_result_c .p_question_result_bar_progress 	{height:30px;background:@color_accent;.position();}
.p_question_result_c.p_question_result_name 			{.position(absolute);right:-250px;}
.p_question_result_c.p_question_result_name_ct 		{.table();width:250px;}
.p_question_result_c.p_question_result_name_ct_c 		{.cell();.align(left);padding-left:25px;.font(24);font-weight:bold;}
*/





.p_question_results_w 								{.float();.width();.clear();height:320px;overflow:auto;}
.p_question_results 								{.float();.width();.clear();height:320px;}
.p_question_result 									{.table(fixed);.float();.width();.clear();}
.p_question_result_separator 						{.float();.width();.clear();border-bottom:2px dashed #CCC;margin:15px 0;}
.p_question_result_c 								{.cell();}
.p_question_result_c.p_question_result_points 		{width:100px;.align(right);font-weight:700;.font(24);padding-right:25px;}
.p_question_result_c.p_question_result_bar 			{}
.p_question_result_bar_progress 					{.float();.width();.clear();height:20px;background:@color_accent;.position();margin-top:6px;min-width:4px;}
.p_question_result_name 							{.position();.float();.clear();.width();}
.p_question_result_name_ct 							{.table();.float();.clear();.width();}
.p_question_result_name_ct_c 						{.cell();.align(left);.font(20);font-weight:bold;}





















footer .section_slide_details  									{.font(12);}
footer .section_slide_details .ct  								{margin-top:15px;}
footer .section_slide_details .ct_c 							{padding:15px 0;border-top:1px solid #DDD;}

footer .section_slide_details .ct_ct							{.float();.width();.table();.clear();}
footer .section_slide_details .ct_ct_l							{.cell();color:#777;}
footer .section_slide_details .ct_ct_l .ct_info					{.float();.width();.table();.clear();}
footer .section_slide_details .ct_ct_l .ct_info_l				{.cell();color:#777;width:22px;}
footer .section_slide_details .ct_ct_l .ct_info_r				{.cell();color:#777;}
footer .section_slide_details .ct_ct_l .ct_info svg				{.display(inline-block);width:16px;height:16px;vertical-align:middle;fill:#777;}
footer .section_slide_details .ct_ct_r							{.cell();.align(right);padding-left:25px;color:#222;width:120px;}
footer .section_slide_details .ct_ct_r .current					{font-weight:bold;}
footer .section_slide_details .ct_ct_r .total					{font-weight:bold;}



















/***************************** Presentatnion Slider ****************************/

body[data-page="administrator_presentation_view"]{min-width:300px;}
body[data-page="logowanie"]{min-width:300px;}

#p_slider_w4 									{.float();.width();.clear();.position();}
#p_slider_w3 									{.float();.width();.clear();.table(fixed);.position();.height();}
#p_slider_w2									{.cell();.position();}
#p_slider_w1									{.float();.width();}

.p_slider_w 									{.float();.width();.clear();.height();}
.p_slider  										{.float();.width();.clear();.height();}

//.p_slide 										{opacity:0;.transition(1200);}
//.p_slide.slick-current 							{opacity:1;}

.p_slide_box_m 									{.float();.width();.clear();.position();.height();}	
.p_slide_box_m_t 								{.position(absolute);top:0;left:0;z-index:1;.width();height:50px;}	
.p_slide_box_m_b 								{.position(absolute);bottom:0;left:0;z-index:1;.width();height:66px;}	
.p_slide_box_m_b_icons 							{.table();.width();.height();}	
.p_slide_box_m_b_icons_l 						{.cell();width:200px;}	
.p_slide_box_m_b_icons_r 						{.cell();}	


.p_slide .icons_w 								{.table(fixed);.float();.width();}
.p_slide .icons_w .icons_w_l 					{.cell();width:200px;}
.p_slide .icons_w .icons_w_r 					{.cell();}
body.hidden_image_displayed .p_slide .icons_w .icons_w_r 	{opacity:0;}

.p_slide .icons_w_l .icons 						{margin-left:20px;}
.p_slide .icons_w_l .icon 						{.table(fixed);height:46px;.float();}
.p_slide .icons_w_l .icon:not(:last-child) 		{margin-right:20px;}
.p_slide .icons_w_l .icon .icon_img 			{.cell();width:46px;.position();cursor:pointer;background:#FFFFFF;.border-radius(23px,23px,23px,23px);.transition();}
.p_slide .icons_w_l .icon .icon_img::before		{content:"";.display();.position(absolute);top:0;left:0;z-index:2;border:1px solid #DDD;width:46px;height:46px;.border-radius(23px,23px,23px,23px);.transition();}
.p_slide .icons_w_l .icon .icon_img svg			{.display();margin:0 auto;width:36px;height:36px;fill:#999999;.transition();}
.p_slide .icons_w_l .icon .icon_value 			{.cell();}

.p_slide .icons_w_l .icon:hover .icon_img 		{background:@color_accent;}
.p_slide .icons_w_l .icon:hover .icon_img::before {border-color:@color_accent;}
.p_slide .icons_w_l .icon:hover .icon_img svg 	{fill:#FFFFFF;}

.p_slide .icons_w_r .icons 						{.float(right);margin-right:20px;}
.p_slide .icons_w_r .icon 						{.table(fixed);height:46px;.float();}
.p_slide .icons_w_r .icon:not(:first-child) 	{margin-left:20px;}
.p_slide .icons_w_r .icon .icon_img 			{.cell();width:46px;.position();cursor:pointer;.transition();}
//%.p_slide .icons_w_r .icon .icon_img canvas		{width:46px;height:46px;.display();opacity:0;}
.p_slide .icons_w_r .icon .icon_img svg			{.display();margin:0 auto;width:36px;height:36px;fill:#999999;.transition();}
.p_slide .icons_w_r .icon .icon_value 			{.cell();.font(20);cursor:default;}

.p_slide .icons_w_r .icon_img:hover svg 		{fill:#222222;}


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

	/*body .p_slide_box_m_b 								{height:51px;}	
	body .p_slide .icons_w .icons_w_l 					{width:200px;}

	body .p_slide .icons_w_l .icons 					{margin-left:15px;}
	body .p_slide .icons_w_l .icon 						{height:36px;}
	body .p_slide .icons_w_l .icon:not(:last-child) 	{margin-right:15px;}
	body .p_slide .icons_w_l .icon .icon_img 			{width:36px;.border-radius(18px,18px,18px,18px);}
	body .p_slide .icons_w_l .icon .icon_img::before	{width:36px;height:36px;.border-radius(18px,18px,18px,18px);}
	body .p_slide .icons_w_l .icon .icon_img svg		{width:24px;height:24px;}*/

	body .p_slide .icons_w .icons_w_l 					{width:180px;}

	body .p_slide .icons_w_r .icons 					{margin-right:15px;}
	body .p_slide .icons_w_r .icon 						{height:36px;}
	body .p_slide .icons_w_r .icon:not(:first-child) 	{margin-left:15px;}
	body .p_slide .icons_w_r .icon .icon_img 			{width:36px;}
	body .p_slide .icons_w_r .icon .icon_img svg		{width:24px;height:24px;}
	body .p_slide .icons_w_r .icon .icon_value 			{.font(14);}
}


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

	body .p_slide .icons_w .icons_w_l 					{width:140px;}

	body .p_slide .icons_w_r .icons 					{margin-right:15px;}
	body .p_slide .icons_w_r .icon 						{height:36px;}
	body .p_slide .icons_w_r .icon:not(:first-child) 	{margin-left:8px;}
	body .p_slide .icons_w_r .icon .icon_img 			{width:36px;}
	body .p_slide .icons_w_r .icon .icon_img svg		{width:24px;height:24px;}
	body .p_slide .icons_w_r .icon .icon_value 			{.font(14);}

}


.p_slide_box_m_m_inner 							{.float();.width();.clear();top:50%;left:50%;width:1000px;height:600px;.position();
													-webkit-transform: translate(-50%, -50%);
													transform: translate(-50%, -50%);
													-webkit-transform-origin: center center;
													transform-origin: center center;
													.select();
												}	


.p_slider .slick-slider 						{
													position:relative;display: block;box-sizing: border-box;
													-webkit-user-select: none;
													-moz-user-select: none;
													-ms-user-select: none;
													user-select: none;
													-webkit-touch-callout: none;
													-khtml-user-select: none;
													-ms-touch-action: pan-y;
													touch-action: pan-y;
													-webkit-tap-highlight-color: transparent;
												}

.p_slider .slick-list 							{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;.height();}
.p_slider .slick-list:focus 					{outline:none;}
.p_slider .slick-list.dragging 					{cursor:pointer;cursor:hand;}

.p_slider .slick-slider .slick-track,
.p_slider .slick-slider .slick-list 			{
													-webkit-transform: translate3d(0, 0, 0);
													-moz-transform: translate3d(0, 0, 0);
													-ms-transform: translate3d(0, 0, 0);
													-o-transform: translate3d(0, 0, 0);
													transform: translate3d(0, 0, 0);
												}
.p_slider .slick-track 							{position:relative;top:0;left:0;display:block;.height();}
.p_slider .slick-track:before,
.p_slider .slick-track:after 					{display:table;content:'';}
.p_slider .slick-track:after 					{clear:both;}
.p_slider .slick-loading .slick-track 			{visibility:hidden;}

.p_slider .slick-slide 							{/*display:none;*/float:left;height:100%;min-height:1px;.position();}
.p_slider [dir='rtl'] .slick-slide 				{float:right;}
.p_slider .slick-slide img 						{display:block;}
.p_slider .slick-slide.slick-loading img 		{display:none;}
.p_slider .slick-slide.dragging img 			{pointer-events:none;}
.p_slider .slick-initialized .slick-slide 		{display:block;}
.p_slider .slick-loading .slick-slide 			{visibility:hidden;}
.p_slider .slick-vertical .slick-slide 			{display:block;height:auto;border:1px solid transparent;}
.p_slider .slick-arrow.slick-hidden 			{display:none;}



.p_slider .slick-prev,
.p_slider .slick-next							{
												    font-size:0;line-height:0;position:absolute;z-index:3000;top:50%;display:block;width:46px;height:46px;
												    padding:0;cursor:pointer;border:none;outline:none;
												}
.p_slider .slick-prev:hover,
.p_slider .slick-prev:focus,
.p_slider .slick-next:hover,
.p_slider .slick-next:focus 					{color:transparent;outline:none;}

.p_slider .slick-prev:hover,
.p_slider .slick-next:hover,					{opacity:1;}

.p_slider .slick-prev:hover:before,
.p_slider .slick-prev:focus:before,
.p_slider .slick-next:hover:before,
.p_slider .slick-next:focus:before 				{opacity: 1;}

.p_slider .slick-prev.slick-disabled:before,
.p_slider .slick-next.slick-disabled:before 	{opacity:.25;}

.p_slider .slick-prev:before,
.p_slider .slick-next:before					{
												    font-size: 20px;line-height: 1;opacity: .75;color: white;
												    -webkit-font-smoothing: antialiased;
												    -moz-osx-font-smoothing: grayscale;
												}

.p_slider .slick-prev							{
												    left:0px;margin-top:-23px;
												    background: url('../../images/icons/png/black_chevron_left.png') center center no-repeat;
												    background-size:42px 42px;
												    opacity:0.3;.transition();
												}
.p_slider [dir='rtl'] .slick-prev 				{right:-25px;left:auto;}
.p_slider .slick-prev:before 					{content: '';}
.p_slider [dir='rtl'] .slick-prev:before 		{content: '→';}

.p_slider .slick-next							{
												    right:0px;margin-top:-23px;   
												    background: url('../../images/icons/png/black_chevron_right.png') center center no-repeat;
												    background-size:42px 42px;
												    opacity:0.3;.transition();
												}
.p_slider [dir='rtl'] .slick-next 				{right:auto;left:-25px;}
.p_slider .slick-next:before 					{/*content: '→';*/}
.p_slider [dir='rtl'] .slick-next:before 		{content:'←';}



/* Dots */

.p_slider .slick-dotted.slick-slider 			{margin-bottom:30px;}
.p_slider .slick-dots							{
												    position:absolute;bottom:-25px;display:block;width:100%;padding:0;
												    margin:0;list-style:none;text-align:center;
												}
.p_slider .slick-dots li						{
													position:relative;display:inline-block;
													width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;
												}
.p_slider .slick-dots li button					{
												    font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;
												    cursor:pointer;color:transparent;border:0;outline:none;background:transparent;
												}
.p_slider .slick-dots li button:hover,
.p_slider .slick-dots li button:focus 			{outline:none;}
.p_slider .slick-dots li button:hover:before,
.p_slider .slick-dots li button:focus:before  	{opacity:1;}
.p_slider .slick-dots li button:before 			{
												    font-family: 'slick';font-size:6px;line-height: 20px;
												    position:absolute;top:0;left:0;width:20px;height:20px;
												    content: '•';text-align: center;opacity: .25;
												    color:black;
												    -webkit-font-smoothing: antialiased;
												    -moz-osx-font-smoothing: grayscale;
												}
.p_slider .slick-dots li.slick-active button:before 	{opacity:.75;color:black;}








.p_slider_info 									{
													.none();.position(absolute);z-index:5000;top:0;left:0;opacity:0;.width();.height(); 
													background:rgba(255,255,255,1);opacity:0;overflow:hidden;
												}
.p_slider_info.active 							{}

/*
@keyframes p_slider_info_in {
    0%   {transform: translateY(0%);}
    5%   {transform: translateY(0%);opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes p_slider_info_in {
    0%   {transform: translateY(0%);}
    5%   {transform: translateY(0%);opacity:0;}
    100% {opacity:1;}
}
@keyframes p_slider_info_out {
    0%   {opacity:1;}
    95%  {opacity:0;}
    100% {transform: translateY(300%);}
}
@-webkit-keyframes p_slider_info_out {
    0%   {opacity:1;}
    95%  {opacity:0;}
    100% {transform: translateY(300%);}
}*/


/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
//.p_slider_info.active 							{.animation(~"p_slider_info_in",~"0.3s",~"0",~"1",~"normal",~"ease-in-out",~"forwards");}
//.p_slider_info 									{.animation(~"p_slider_info_out",~"0.3s",~"0",~"1",~"normal",~"ease-in-out",~"forwards");}







.p_slider_info_box								{
													.float();.width();.clear();top:50%;left:50%;width:1000px;height:600px;.position();
													-webkit-transform: translate(-50%, -50%);
													transform: translate(-50%, -50%);
													-webkit-transform-origin: center center;
													transform-origin: center center;
													//.box-shadow(0px,0px,30px,0px,0,0,0,0.2);
													//border:1px solid #DDD;
												}	

.p_slider_info_box_ct 							{.table(fixed);width:1000px;height:400px;background: rgba(255,255,255,1);.position();}
.p_slider_info_box_ct_logo 						{.table(fixed);width:1000px;height:200px;background: rgba(255,255,255,1);.position();}
.p_slider_info_box_ct_c							{.cell();.position();}
.p_slider_info_box_ct_c.c2						{width:33.333%;}
.p_slider_info_box_img_ct 						{.table(fixed);margin:0 auto;max-width:90%;.position();}
.p_slider_info_box_img_ct_c 					{.cell();.position();}
.p_slider_info_box_img_ct_c img					{.display();.width();vertical-align:middle;}
.p_slider_info_box_desc 						{.table(fixed);margin:0 auto;max-width:90%;}
.p_slider_info_box_desc_l						{.cell();width:40px;}
.p_slider_info_box_desc_l > div					{
													.display();margin:0 auto;width:40px;height:40px;line-height:40px;
													.border-radius(20px,20px,20px,20px);background:@color_accent;color:#FFF;
													.align();vertical-align:middle;
													.font(18);font-weight:bold;
												}
.p_slider_info_box_desc_r						{.cell();color:#222;padding-left:10px;.font(18);font-weight:bold;}

.p_slider_info_input  							{.table(fixed);height:30px;.position(absolute);z-index:10;top:50%;margin-top:-15px;left:5%;max-width:90%;}
.p_slider_info_input_value  					{.cell();padding:0 5px 0 0;font-weight:600;.font(20);color:#222;}
.p_slider_info_input_i  						{.cell();width:2px;animation: p_slider_info_input_i 1s infinite;}


@keyframes p_slider_info_input_i  {
    0%   {background-color: rgba(85,138,198,0);}
    20%  {background-color: rgba(85,138,198,1);}
    80%  {background-color: rgba(85,138,198,1);}
    100% {background-color: rgba(85,138,198,0);}
}
@-webkit-keyframes p_slider_info_input_i  {
    0%   {background-color: rgba(85,138,198,0);}
    20%  {background-color: rgba(85,138,198,1);}
    80%  {background-color: rgba(85,138,198,1);}
    100% {background-color: rgba(85,138,198,0);}
}

.p_slider_info_phone_box  						{.display();width:70%;.position(absolute);z-index:10;left:15%;bottom:60px;}
.p_slider_info_phone_box_title  				{.width();margin-bottom:15px;.font(20);color:#222;.align();font-weight:600;}
.p_slider_info_phone_box_input  				{.width();margin-bottom:10px;.font(18);color:#999;.align();border:1px solid #DDD;.border-radius(4px,4px,4px,4px);padding: 6px 0;}
.p_slider_info_phone_box_btn  					{.width();.font(18);background:@color_accent;color:#FFF;.align();.border-radius(4px,4px,4px,4px);padding:6px 0;}












.p_slider_icons 								{.position(absolute);z-index:8000;left:20px;bottom:0;height:66px;/*background: rgba(255,255,255,1);*/}

.p_slider_icons .icon 							{.table(fixed);height:46px;.float();}
.p_slider_icons .icon:not(:last-child) 			{margin-right:20px;}
.p_slider_icons .icon .icon_img 				{.cell();width:46px;.position();cursor:pointer;background:#FFFFFF;.border-radius(23px,23px,23px,23px);.transition();}
.p_slider_icons .icon .icon_img::before			{content:"";.display();.position(absolute);top:0;left:0;z-index:2;border:1px solid #DDD;width:46px;height:46px;.border-radius(23px,23px,23px,23px);.transition();}
.p_slider_icons .icon .icon_img svg				{.display();margin:0 auto;width:36px;height:36px;fill:#999999;.transition();}
.p_slider_icons .icon .icon_value 				{.cell();}

.p_slider_icons .icon:hover .icon_img 			{background:@color_accent;}
.p_slider_icons .icon:hover .icon_img::before 	{border-color:@color_accent;}
.p_slider_icons .icon:hover .icon_img svg 		{fill:#FFFFFF;}

.p_slider_icons .icon.active .icon_img 			{background:@color_accent;}
.p_slider_icons .icon.active .icon_img::before 	{border-color:@color_accent;}
.p_slider_icons .icon.active .icon_img svg 		{fill:#FFFFFF;}




@keyframes p_slider_icons_icon_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes p_slider_icons_icon_in {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@keyframes p_slider_icons_icon_out {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes p_slider_icons_icon_out {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
//.p_slider_icons .icon.settings					{.animation(~"p_slider_icons_icon_out",~"3s",~"0",~"backwards",~"normal",~"linear",~"forwards");}
.p_slider_icons .icon.settings.active			{.animation(~"p_slider_icons_icon_in",~"3s",~"0",~"infinite",~"normal",~"linear",~"forwards");}







.p_slider_settings 								{.none();.position(absolute);z-index:4000;left:-350px;top:0;width:100%;height:100%;max-width:300px;background: rgba(255,255,255,1);border-right:1px solid #CCC;}
.p_slider_settings.active 						{}

/*
@keyframes p_slider_settings_in {
    0%   {left:-300px;}
    100% {left:0px;}
}
@-webkit-keyframes p_slider_settings_in {
    0%   {left:-300px;}
    100% {left:0px;}
}


@keyframes p_slider_settings_out {
    0%   {left:0px;}
    100% {left:-350px;}
}
@-webkit-keyframes p_slider_settings_out {
    0%   {left:0px;}
    100% {left:-350px;}
}
*/

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
//.p_slider_settings.active 						{.animation(~"p_slider_settings_in",~"0.5s",~"0",~"1",~"normal",~"ease-in-out",~"forwards");}
//.p_slider_settings 								{.animation(~"p_slider_settings_out",~"0.5s",~"0",~"1",~"normal",~"ease-in-out",~"forwards");}





.p_slider_settings_ct							{.table(fixed);.float();.width();}
.p_slider_settings_ct_c							{.cell();}

/*.animation(
@name:name, 
@time:~"0.3s", 
@delay:~"0s", 
@iteration:1, 
@direction:normal, 
@timingfunction:ease-in-out, 
@fillmode:none   - forwards, backwards, both
)*/
//.p_slider_settings								{.animation(~"p_slider_settings_no_active",~"0.3s",~"0",~"1",~"normal",~"ease-in-out",~"backwards");}
/*.p_slider_settings.active 						{.animation(~"p_slider_settings_active",~"0.3s",~"0",~"1",~"normal",~"ease-in-out",~"forwards");}


@keyframes p_slider_settings_no_active {
    0%   {left:0px;}
    100% {left:-300px;}
}
@-webkit-keyframes p_slider_settings_no_active {
    0%   {left:0px;}
    100% {left:-300px;}
}


@keyframes p_slider_settings_active {
    0%   {left:-300px;}
    100% {left:0px;}
}
@-webkit-keyframes p_slider_settings_active {
    0%   {left:-300px;}
    100% {left:0px;}
}*/




.p_slider_settings .top_btns 					{.table(fixed);.float();.width();}
.p_slider_settings .top_btn 					{.cell();padding:10px 0;border-bottom:1px solid #DDD;.transition();}
.p_slider_settings .top_btn:hover 				{background:@color_accent;border-color:@color_accent;}
.p_slider_settings .top_btn:hover svg 			{fill:#FFFFFF;}
.p_slider_settings .top_btn:hover .top_btn_ct 	{color:#FFFFFF;}
.p_slider_settings .top_btn:not(:first-child) 	{border-left:1px solid #DDD;}
.p_slider_settings .top_btn_ct 					{.table(fixed);margin:0 auto;.transition();}
.p_slider_settings .top_btn_ct_l 				{.cell();width:24px;}
.p_slider_settings .top_btn_ct_l svg			{.display();width:16px;height:16px;fill:#222222;.transition();}
.p_slider_settings .top_btn_ct_r 				{.cell();}


.p_slider_settings nav											{.display();.float();.width();}
.p_slider_settings nav .ul_ct									{.table(fixed);.float();.width();}
.p_slider_settings nav .ul_ct_c									{.cell();padding:0 15px;}
.p_slider_settings nav .ul_ct_c > ul							{.display();.float();.width();margin:0;padding:0;list-style-type:none;}
.p_slider_settings nav .ul_ct_c > ul > li						{.clear();.table(fixed);.float();.width();margin:0;padding:0;}
//.p_slider_settings nav > ul > li:not(:last-child) > a::after	{content:"";.display();width:100%;height:1px;.position(absolute);top:0;left:0;background:#DDD;}
.p_slider_settings nav .ul_ct_c > ul > li:not(:last-child) 		{border-bottom:1px solid #DDD;}
.p_slider_settings nav .ul_ct_c > ul > li > a					{.cell();padding:8px 0px;.position();}
.p_slider_settings nav .ul_ct_c > ul > li > div					{.clear();.table(fixed);.float();.width();margin:0;padding:0;}
.p_slider_settings nav .ul_ct_c > ul > li > div > a				{.cell();padding:5px 0px;}
.p_slider_settings nav .ul_ct_c > ul > li > div > div			{.cell();padding:5px 15px;width:40px;}
.p_slider_settings nav .ul_ct_c > ul > li > ul					{.none();.float();.width();margin:0;padding:0;list-style-type:none;}
.p_slider_settings nav .ul_ct_c > ul > li > ul > li				{.clear();.table(fixed);.float();.width();margin:0;padding:0;}
.p_slider_settings nav .ul_ct_c > ul > li > ul > li > ul		{.none();.float();.width();margin:0;padding:0;list-style-type:none;}
.p_slider_settings nav .ul_ct_c > ul > li > ul > li > ul > li	{.clear();.table();.float();.width();margin:0;padding:0;}

.p_slider_settings a							{.font(15);color:#777;}
.p_slider_settings a:focus						{color:#777;}
.p_slider_settings a:hover						{color:@color_accent;}
.p_slider_settings a > .icon					{.display(inline-block);width:24px;height:16px;vertical-align:middle;}
.p_slider_settings a > .icon svg				{.display();width:16px;height:16px;fill:#222222;}
body[data-fullscreen="true"] .p_slider_settings a.fullscreen_btn > .icon svg 	{fill:@color_accent;}
.p_slider_settings a > span						{.display(inline-block);vertical-align:middle;}







.loading_w										{cursor:default;.clear();.float();.width();}
.loading_ct										{.table(fixed);.float();.width();margin:0;height:60px;}
.loading_ct_c 									{.cell();.align();}

.loading_ct_c svg								{fill:#DDD;width:42px;height:42px;}
.loading_ct_c svg path							{fill:#DDD;}

@keyframes loading_animation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes loading_animation {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}



.loading_ct_c svg								{.animation(~"loading_animation",~"1s",~"0",~"infinite",~"normal",~"linear",~"forwards");}





.waterfall_box_ww 								{.clear();.float();.width();}
.waterfall_box_w 								{.clear();.float();.width();}
.waterfall_box 									{.clear();.float();.width();height:300px;overflow:auto;}

.waterfall_box ul { margin: 10px;padding:0;}

.waterfall_box ul li {
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100px);
}

.waterfall_box ul li.show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s, top 1s;
}

.waterfall_box ul li > div {
  color: rgba(0,0,0,0.6);
  font-size: 16px;
  border-radius: 3px;
  margin: 10px;
  padding: 15px;
  background: rgb(255,255,255);
  border: 1px solid #DDD;
  transition: all 0.5s;
}

.waterfall_box ul li > div:hover {
  transform: translateY(-10px);
  border: 1px solid @color_accent;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}



.grid {
  background: #EEE;
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  background: #D26;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }

button {
  font-size: 20px;
}














.waterfall_slider_w 							{.position();.float();.width();.clear();z-index:10;}




.waterfall_slider .slick-slider 						{
													position:relative;display: block;box-sizing: border-box;
													-webkit-user-select: none;
													-moz-user-select: none;
													-ms-user-select: none;
													user-select: none;
													-webkit-touch-callout: none;
													-khtml-user-select: none;
													-ms-touch-action: pan-y;
													touch-action: pan-y;
													-webkit-tap-highlight-color: transparent;
												}

.waterfall_slider .slick-list 							{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;.height();.clear();}
.waterfall_slider .slick-list:focus 					{outline:none;}
.waterfall_slider .slick-list.dragging 					{cursor:pointer;cursor:hand;}

.waterfall_slider .slick-slider .slick-track,
.waterfall_slider .slick-slider .slick-list 			{
													-webkit-transform: translate3d(0, 0, 0);
													-moz-transform: translate3d(0, 0, 0);
													-ms-transform: translate3d(0, 0, 0);
													-o-transform: translate3d(0, 0, 0);
													transform: translate3d(0, 0, 0);
												}
.waterfall_slider .slick-track 							{position:relative;top:0;left:0;display:block;height:250px !important;}
.waterfall_slider .slick-track:before,
.waterfall_slider .slick-track:after 					{display:table;content:'';}
.waterfall_slider .slick-track:after 					{clear:both;}
.waterfall_slider .slick-loading .slick-track 			{visibility:hidden;}

.waterfall_slider .slick-slide 							{/*display:none;*/float:left;height:100%;min-height:1px;.position();}
.waterfall_slider [dir='rtl'] .slick-slide 				{float:right;}
.waterfall_slider .slick-slide img 						{display:block;}
.waterfall_slider .slick-slide.slick-loading img 		{display:none;}
.waterfall_slider .slick-slide.dragging img 			{pointer-events:none;}
.waterfall_slider .slick-initialized .slick-slide 		{display:block;}
.waterfall_slider .slick-loading .slick-slide 			{visibility:hidden;}
.waterfall_slider .slick-vertical .slick-slide 			{display:block;height:auto;border:1px solid transparent;}
.waterfall_slider .slick-arrow.slick-hidden 			{display:none;}



.waterfall_slider .slick-prev,
.waterfall_slider .slick-next							{
												    font-size:0;line-height:0;position:absolute;z-index:3000;display:block;width:46px;height:46px;
												    padding:0;cursor:pointer;border:none;outline:none;
												}
.waterfall_slider .slick-prev:hover,
.waterfall_slider .slick-prev:focus,
.waterfall_slider .slick-next:hover,
.waterfall_slider .slick-next:focus 					{color:transparent;outline:none;}

.waterfall_slider .slick-prev:hover,
.waterfall_slider .slick-next:hover,					{opacity:1;}

.waterfall_slider .slick-prev:hover:before,
.waterfall_slider .slick-prev:focus:before,
.waterfall_slider .slick-next:hover:before,
.waterfall_slider .slick-next:focus:before 				{opacity: 1;}

.waterfall_slider .slick-prev.slick-disabled:before,
.waterfall_slider .slick-next.slick-disabled:before 	{opacity:.25;}

.waterfall_slider .slick-prev:before,
.waterfall_slider .slick-next:before					{
												    font-size: 20px;line-height: 1;opacity: .75;color: white;
												    -webkit-font-smoothing: antialiased;
												    -moz-osx-font-smoothing: grayscale;
												}

.waterfall_slider .slick-prev							{
												    top:0;left:50%;margin-left:-21px;margin-top:-23px;
												    background: url('../../images/icons/png/black_chevron_left.png') center center no-repeat;
												    background-size:42px 42px;
												    opacity:0.3;.transition();
												    .rotate(90);
												}
.waterfall_slider [dir='rtl'] .slick-prev 				{right:-25px;left:auto;}
.waterfall_slider .slick-prev:before 					{content: '';}
.waterfall_slider [dir='rtl'] .slick-prev:before 		{content: '→';}

.waterfall_slider .slick-next							{
												    top:250px;left:50%;margin-left:-21px;margin-bottom:-23px;   
												    background: url('../../images/icons/png/black_chevron_right.png') center center no-repeat;
												    background-size:42px 42px;
												    opacity:0.3;.transition();
												    .rotate(90);
												}
.waterfall_slider [dir='rtl'] .slick-next 				{right:auto;left:-25px;}
.waterfall_slider .slick-next:before 					{/*content: '→';*/}
.waterfall_slider [dir='rtl'] .slick-next:before 		{content:'←';}



/* Dots */

.waterfall_slider .slick-dotted.slick-slider 			{margin-bottom:30px;}
.waterfall_slider .slick-dots							{
												    position:absolute;bottom:-25px;display:block;width:100%;padding:0;
												    margin:0;list-style:none;text-align:center;
												}
.waterfall_slider .slick-dots li						{
													position:relative;display:inline-block;
													width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;
												}
.waterfall_slider .slick-dots li button					{
												    font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;
												    cursor:pointer;color:transparent;border:0;outline:none;background:transparent;
												}
.waterfall_slider .slick-dots li button:hover,
.waterfall_slider .slick-dots li button:focus 			{outline:none;}
.waterfall_slider .slick-dots li button:hover:before,
.waterfall_slider .slick-dots li button:focus:before  	{opacity:1;}
.waterfall_slider .slick-dots li button:before 			{
												    font-family: 'slick';font-size:6px;line-height: 20px;
												    position:absolute;top:0;left:0;width:20px;height:20px;
												    content: '•';text-align: center;opacity: .25;
												    color:black;
												    -webkit-font-smoothing: antialiased;
												    -moz-osx-font-smoothing: grayscale;
												}
.waterfall_slider .slick-dots li.slick-active button:before 	{opacity:.75;color:black;}



.waterfall_slider_box_ct 						{.table();.width();height:250px;.float();.clear();}
.waterfall_slider_box_ct_c 						{.cell();.align();}

.waterfall_slider_box_i {
  color: rgba(0,0,0,0.6);
  font-size: 22px;
  border-radius: 3px;
  .table();
  margin: 10px auto;
  padding: 15px;
  background: rgb(255,255,255);
  border: 1px solid #DDD;
  transition: all 0.5s;
}

.waterfall_slider_box_i:hover {
  transform: translateY(-10px);
  border: 1px solid @color_accent;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}











.df_slider_color_a .irs-from, 
.df_slider_color_a .irs-to, 
.df_slider_color_a .irs-single 					{background:@color_a;}
.df_slider_color_a .irs-bar,
.df_slider_color_a .irs-bar-edge 				{background:@color_a;border-color:@color_a;}


.df_slider_color_b .irs-from, 
.df_slider_color_b .irs-to, 
.df_slider_color_b .irs-single 					{background:@color_b;}
.df_slider_color_b .irs-bar,
.df_slider_color_b .irs-bar-edge 				{background:@color_b;border-color:@color_b;}


.df_slider_color_c .irs-from, 
.df_slider_color_c .irs-to, 
.df_slider_color_c .irs-single 					{background:@color_c;}
.df_slider_color_c .irs-bar,
.df_slider_color_c .irs-bar-edge 				{background:@color_c;border-color:@color_c;}


.df_slider_color_d .irs-from, 
.df_slider_color_d .irs-to, 
.df_slider_color_d .irs-single 					{background:@color_d;}
.df_slider_color_d .irs-bar,
.df_slider_color_d .irs-bar-edge 				{background:@color_d;border-color:@color_d;}







.ue_logo_w 		{.float();.width();.align();}
.ue_logo 		{.float();.width();}
.ue_logo img	{.display(inline);width:100%;max-width:600px;}







/***************************** User view ****************************/

body[data-user="user"] 							{}
body[data-user="user"] #wrapper					{float:none;margin:0 auto;.table();max-width:599px;}
body[data-user="user"] .input-group				{.clear();.width();}




/**** MODAL *****/

body[data-user="user"] .modal-title 			{font-size:1.4em;}
body[data-user="user"] .modal-body 				{font-size:1.1em;}
body[data-user="user"] .btn 					{font-size:1.2em;}

body[data-user="user"] .btn-next  						{font-size:16px;font-weight:bold;.clear();}
// body[data-page="user_presentation"] .btn-next .icon svg 			{width:16px;height:16px;}


.user_presentation_view 						{.float();.width();.clear();}
.user_presentation_view section					{.position();z-index:50;}
.user_presentation_view header					{.float();.width();.clear();.align();padding:20px 0;}
.user_presentation_view header svg 				{width:180px;height:29px;vertical-align:middle;.display(inline-block);fill:@color_accent;}
.user_presentation_view #container				{.float();.width();.clear();}
.user_presentation_view footer					{.float();.width();.clear();.align();padding:20px 0;}
.user_presentation_view footer a				{color:@color_accent;font-size:14px;font-weight:700;}


.user_presentation_view .section_question .question 	{.float();.width();.clear();font-weight:700;color:#222;}
.user_presentation_view .section_question .description 	{.float();.width();.clear();}
.user_presentation_view .section_question .list 		{.float();.width();.clear();}


.user_presentation_view .section_question .list ul li > div::before {content: "•";}
.user_presentation_view .section_question .list ul li > div 		{.cell();padding: 5px 0px;}
.user_presentation_view .section_question .list ul 					{.float();.table();margin: 0 auto;padding: 0;list-style-type: none;}
.user_presentation_view .section_question .list ul li 				{.table();.float();.clear();}


.user_presentation_view .section_image .image_w 		{.float();.width();.clear();.align();}
.user_presentation_view .section_image .image_w > a			{.display(inline-block);max-width:100%;max-height:300px;}
.user_presentation_view .section_image .image_w > a	> img	{.display(inline-block);max-width:100%;max-height:300px;}


.user_presentation_view .df .answers 						{.float();.width();.clear();}
.user_presentation_view .df .answer_ct						{.float();.width();.clear();.table(fixed);}

.user_presentation_view .df .answer_ct:not(:last-child) 	{border-bottom: 1px dashed #ccc;}

.user_presentation_view .df .answer_ct_l					{.cell();width:100px;padding:10px 20px 10px 0;.align();}
.user_presentation_view .df .answer_ct_l .image_w			{.display(inline-block);}
.user_presentation_view .df .answer_ct_l img				{.display(block);vertical-align:middle;max-width:80px;max-height:80px;}
.user_presentation_view .df .answer_ct_r					{.cell();padding:10px 0;}
.user_presentation_view .df .answer 						{.float();.width();.clear();}
.user_presentation_view .df .answer:not(:last-child) 		{border-bottom: 1px dashed #ccc;}
    

//.user_presentation_view .df .answer:not(:last-child)::after {content:"";.display();.position();.clear();.width();background:#DDD;height:1px;}


.user_presentation_view .df .df_question 					{.table(fixed);.float();.clear();.width();font-size:1.2em;font-weight:bold;color:#222;}
.user_presentation_view .df .df_question > div 				{.cell();}
.user_presentation_view .df .df_question > div:last-child 	{width:80px;}
.user_presentation_view .df_disabled .df_ct 				{opacity:0.3;}
.user_presentation_view .df .df_question_skip 				{.table(fixed);.float(right);height:26px;.border-radius(13px,13px,13px,13px);background:#BBB;color:#FFF;.transition();cursor:pointer;}
.user_presentation_view .df .df_question_skip.active 		{background:@color_accent;}
.user_presentation_view .df .df_question_skip:hover 		{background:@color_accent;}
.user_presentation_view .df .df_question_skip > div 		{.cell();padding:0 10px;}
.user_presentation_view .df .df_title 						{font-size:1.4em;}
.user_presentation_view .df .df_subtitle 					{font-size:1.2em;}
.user_presentation_view .df .answer .checkbox span 			{font-size:1.2em;line-height:1.3;}

.user_presentation_view .df .answer_radio input 			{.none();}

.user_presentation_view .df .answer .checkbox 				{padding-left:25px;margin:0;.position();}
.user_presentation_view .df .answer .checkbox label 		{.display();padding: 10px 0 10px 5px;}
.user_presentation_view .df .answer .checkbox label::before {width:20px;height: 20px;left: 0;margin-left: -25px;}
.user_presentation_view .df .answer .checkbox label::after 	{top:10px;width:20px;height: 20px;margin-left: -22px;font-size: 14px;padding-top:0;padding-left:0;}






.section_icons  											{.float();.width();.clear();z-index:100;}
.section_icons .icons_w 									{.float();.width();.clear();}
.section_icons .icons 										{.table();margin:0 auto;.align();}
.section_icons .icon 										{.display(inline-block);.position();}
.section_icons .icon_ct 									{.table(fixed);height:46px;.float();margin:4px;}
.section_icons .icon .icon_img 								{.cell();width:46px;.position();cursor:pointer;background:#FFFFFF;.border-radius(23px,23px,23px,23px);.transition();background:#FFFFFF;}
.section_icons .icon .icon_img::before						{content:"";.display();.position(absolute);top:0;left:0;z-index:2;border:1px solid #DDD;width:46px;height:46px;.border-radius(23px,23px,23px,23px);.transition();}
.section_icons .icon .icon_img svg							{.display();margin:0 auto;width:26px;height:26px;fill:#999999;.transition();}
.section_icons .icon .icon_value 							{.cell();}

.section_icons .icon_ct_active 								{.position(absolute);bottom:4px;left:4px;width:46px;height:46px;.table(fixed);}
.section_icons .icon.active .icon_ct_active 				{}



@keyframes icon_ct_active_in {
    0%   {bottom:4px;opacity:1;}
    100% {bottom:50px;opacity:0;}
}
@-webkit-keyframes icon_ct_active_in {
    0%   {bottom:4px;opacity:1;}
    100% {bottom:50px;opacity:0;}
}

/*
	.animation(
	@name:name, 
	@time:~"0.3s", 
	@delay:~"0s", 
	@iteration:1, 
	@direction:normal, 
	@timingfunction:ease-in-out, 
	@fillmode:none   - forwards, backwards, both
	)
*/
.section_icons .icon.active .icon_ct_active					{.animation(~"icon_ct_active_in",~"0.3s",~"0",~"1",~"normal",~"linear",~"forwards");}


.section_icons .icon:hover .icon_img 						{background:@color_accent;}
.section_icons .icon:hover .icon_img::before 				{border-color:@color_accent;}
.section_icons .icon:hover .icon_img svg 					{fill:#FFFFFF;}

.section_icons .icon.active .icon_ct .icon_img 				{background:@color_accent;}
.section_icons .icon.active .icon_ct .icon_img::before 		{border-color:@color_accent;}
.section_icons .icon.active .icon_ct .icon_img svg 			{fill:#FFFFFF;}


.section_icons .icon .icon_ct_active .icon_img 				{background: rgba(255,255,255,0);}
.section_icons .icon .icon_ct_active .icon_img::before 		{border-color: rgba(255,255,255,0);}
.section_icons .icon.active .icon_ct_active .icon_img svg 	{fill:@color_accent;}


.quiz_result_user_rank  									{font-size:1.2em;.align();}
.quiz_result_user_rank span 								{font-size:1.2em;font-weight:bold;color:#222;}

.quiz_result_user_award 									{.align();}
.quiz_result_user_award svg									{fill:@color_accent;width:124px;height:124px;.clear();.float();.width();}
.quiz_result_user_award.award_gold svg						{fill:#FFC700;}
.quiz_result_user_award.award_silver svg					{fill:#B1B1B1;}
.quiz_result_user_award.award_bronze svg					{fill:#BF7A35;}
.award_gold svg						{fill:#FFC700;}
.award_silver svg					{fill:#B1B1B1;}
.award_bronze svg					{fill:#BF7A35;}


.quiz_result_user_time span 								{font-size:1.2em;font-weight:bold;color:#222;}
.quiz_result_user_points span 								{font-size:1.2em;font-weight:bold;color:#222;}


