button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
 
 

 
.hide {
	display: none!important
}

.show {
	display: block!important
}

.invisible {
	visibility: hidden
}

.hidden {
	display: none!important
}

 .coins {
	margin-bottom: 10px;
	color: #ecc15d
}

.rank {
	margin: 10px 0;
	font-size: 23px;
	color: #4c5356
}

.comment {
	margin: 10px 0;
	font-size: 15px
}


.p-15 {
    padding: 15px;
}
 

.shadow {
	-webkit-box-shadow: 1px 1px 5px #f1f1f1;
	box-shadow: 1px 1px 5px #f1f1f1
}

.btn-blue,
.btn-edit,
.btn-feedback,
.btn-finish,
.btn-finish-modal,
.btn-finish-modal-no,
.btn-finish-del,
.btn-insta,
.btn-logout,
.btn-skip,
.btn-success,
.btn-topic-buy-modal,
.btn-topic-buy-modal-no,
.btn-vk .btn-fb {
	-webkit-transition: .5s all;
	transition: .5s all
}

.btn-add,
.qa,
.qa .answer,
.qq,
.qq .answer,
.selected {
	-webkit-transition: .3s all
}

 

.btn-fb,
.btn-insta,
.btn-vk {
	color: #FFF;
	width: 100%;
	font-size: 16px
}

 

.btn-vk {
	background: #4A76A8
}

.btn-fb {
	background: #3B5998
}

.btn-insta {
	background: #e4405f
}
 

.qa,
.qq,
.selected {
	transition: .3s all
}

 
 

.edited .question,
.edited .text {
	padding: 0 4px 2px 0;
	cursor: text
}

.b-info {
	margin: 30px 0 10px
}

.question {
	font-size: 23px;
	    margin: 5px 0 0px;
}

.edited .text {
	border-bottom: 1px dashed #c1c1c1
}

.edited .question {
	background: #ffffcb;
	border-bottom: 1px dashed #c02628
}

.text {
	-ms-word-break: break-word;
	word-break: break-word
}

 

.edited .question.error {
	width: 15%;
	border-bottom: 1px dashed red
}

.b-selected-now-min {
	font-size: 18px
}

.selected {
	display: none
}

.qa .answer,
.qq .answer {
	transition: .3s all;
	background: #fff;
	border: 1px solid #E6E6E6;
	font-size: 20px;
	padding: 10px;
	margin-top: -1px;
	cursor: pointer;
	position: relative;
	line-height: 1.75
}

.qa .answer {
	padding-right: 10px;
	margin-bottom: 5px
}

.auth-error,
.error,
.success {
	margin: 10px 0;
	padding: 10px;
	color: #FFF
}

.qa .answer.correct,
.qa .answer_image.correct,
.qq .answer.correct,
.qq .answer_image.correct {
	-webkit-transition: .3s all;
	transition: .3s all;
	background: #55C457;
	border-color: #55C457;
	color: #FFF
}

.qq .answer.incorrect,
.qq .answer_image.incorrect {
	-webkit-transition: .3s all;
	transition: .3s all;
	background: #C45555;
	border-color: #C45555;
	color: #FFF
}

.qq .answer.select,
.qq .answer_image.select {
	-webkit-transition: .3s all;
	transition: .3s all;
	background: #3f51b5;
	border-color: #3f51b5;
	color: #FFF
}

.auth-error,
.error {
	background: #E43D3D
}

.success {
	background: #31B631
}
 

.author_qa,
.author_qq {
	padding: 40px 0;
	margin-bottom: 25px;
	color: #FFF;
	font-size: 25px;
	text-align: center;
	cursor: pointer;
	text-shadow: 1px 1px 0 #0e0e0e
}

.overflow--qa {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	position: absolute;
	top: 0
}

.author_qa,
.table-qa {
	position: relative
}

.author_qa {
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 10px
}

.table-qa,
.topic_select-preview:last-child {
	margin-bottom: 0
}

.author_qa a {
	color: #FFF
}

.table--qa_count {
	font-size: 25px;
	color: #ecc15d!important
}

.table-qa td {
	padding: 0 15px 5px!important
}
 
.answers_a,
.answers_q
  {
	line-height: 1.4
}

 

.answers_q {
	font-size: 16px
}

.answers_a {
	margin: 10px 0 15px
}

 

.ya-share2_container_size_m .ya-share2_icon {
	width: 64px!important;
	height: 64px!important
}

 
 

#loader {
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	position: fixed;
	margin-top: -32px;
	margin-left: -32px;
	z-index: 999;
	display: none
}

 

.ya-share2__container_size_m .ya-share2__icon_more:before,
.ya-share2__title {
	line-height: 64px!important
}

.cor {
	background: #e6ffcc
}

.incor {
	background: #ffb3cc
}

.mt10 {
	margin-top: 10px
}

.mb10 {
	margin-bottom: 10px
}

.mt20 {
	margin-top: 20px
}

.mb20 {
	margin-bottom: 20px
}
 
 

.insta_bg {
	background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important
}

.whatsapp_bg {
	background: #65bc54
}

.answer_image {
	width: 50%;
	float: left;
	padding: 3px!important
}

.answer_image img {
	width: 100%
}

 

.ya-share2__container_size_m .ya-share2__icon {
	height: 64px!important;
	width: 64px!important;
	background-size: 64px 64px!important
}

.ya-share2__item {
	float: left;
	padding: 2px
}

 

.ncf-container {
	font-size: 14px;
	box-sizing: border-box;
	position: fixed;
	z-index: 999999
}

.ncf-container.nfc-top-left {
	top: 12px;
	left: 12px
}

.ncf-container.nfc-top-right {
	top: 12px;
	right: 12px
}

.ncf-container.nfc-bottom-right {
	bottom: 12px;
	right: 12px
}

.ncf-container.nfc-bottom-left {
	bottom: 12px;
	left: 12px
}

@media (max-width:767px) {
	.ncf-container {
		width: 100%!important;
		left: 0;
		right: 0
	}
	.ncf {
		width: 100%!important;
		padding: 22px
	}
}

.ncf-container .ncf {
	background: #fff;
	transition: .3s ease;
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	margin: 0 0 6px;
	padding: 30px;
	width: 300px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 12px #999;
	color: #000;
	opacity: .9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	background-position: 15px!important;
	background-repeat: no-repeat!important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ncf-container .ncf:hover {
	box-shadow: 0 0 12px #000;
	opacity: 1;
	cursor: pointer
}

.ncf-container .ncf .ncf-title {
	font-weight: 700;
	font-size: 16px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 6px;
	word-wrap: break-word
}

.ncf-container .ncf .nfc-message {
	margin: 0;
	text-align: left;
	word-wrap: break-word
}

.ncf-container .success {
	background: #51a351;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)
}

.ncf-container .info {
	background: #2f96b4;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)
}

.ncf-container .warning {
	background: #f87400;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)
}

.ncf-container .error {
	background: #bd362f;
	color: #fff;
	padding: 15px 15px 15px 50px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

.ncf-container button {
	position: relative;
	right: -.3em;
	top: -.3em;
	float: right;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .8;
	line-height: 1;
	font-size: 16px;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0
}

.ncf-container button:hover {
	opacity: 1
}

.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.btn-social>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-social-icon {
	position: relative;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 64px;
	width: 64px;
	padding: 0;
	margin: 2px
}

.btn-social-icon>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 64px;
	line-height: 64px;
	font-size: 2.4em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, .2)
}

.btn-facebook {
	color: #fff;
	background-color: #3b5998
}

.btn-google {
	color: #fff;
	background-color: #dd4b39
}

.btn-instagram {
	color: #fff;
	background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important
}

.btn-odnoklassniki {
	color: #fff;
	background-color: #ee8208
}

.btn-twitter {
	color: #fff;
	background-color: #55acee
}

.btn-vk {
	color: #fff;
	background-color: #587ea3
}

.btn-viber {
	color: #fff;
	background-color: #7b519d
}

.btn-whatsapp {
	color: #fff;
	background-color: #2CB744
}

.btn-telegram {
	color: #fff;
	background-color: #64a9dc
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert .alert-link {
	font-weight: 700
}

.alert>p,
.alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success .alert-link {
	color: #2b542c
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}

.alert-info hr {
	border-top-color: #a6e1ec
}

.alert-info .alert-link {
	color: #245269
}

.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}

.alert-warning hr {
	border-top-color: #f7e1b5
}

.alert-warning .alert-link {
	color: #66512c
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

.alert-danger hr {
	border-top-color: #e4b9c0
}

.alert-danger .alert-link {
	color: #843534
}

.cssProgress {
	width: 100%
}

.cssProgress .progress1,
.cssProgress .progress2,
.cssProgress .progress3 {
	position: relative;
	overflow: hidden;
	width: 100%
}

.cssProgress .cssProgress-bar {
	display: block;
	float: left;
	width: 0;
	height: 100%;
	background: #3798d9;
	box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .1);
	-webkit-transition: width .8s ease-in-out;
	transition: width .8s ease-in-out
}

.cssProgress .cssProgress-label {
	position: absolute;
	overflow: hidden;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, .6);
	font-size: .7em;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.cssProgress .cssProgress-info {
	background-color: #9575cd!important
}

.cssProgress .cssProgress-danger {
	background-color: #ef5350!important
}

.cssProgress .cssProgress-success {
	background-color: #66bb6a!important
}

.cssProgress .cssProgress-warning {
	background-color: #ffb74d!important
}

.cssProgress .cssProgress-right {
	float: right!important
}

.cssProgress .cssProgress-label-left {
	margin-left: 10px;
	text-align: left!important
}

.cssProgress .cssProgress-label-right {
	margin-right: 10px;
	text-align: right!important
}

.cssProgress .cssProgress-label2 {
	display: block;
	margin: 2px 0;
	padding: 0 8px;
	font-size: .8em
}

.cssProgress .cssProgress-label2.cssProgress-label2-right {
	text-align: right
}

.cssProgress .cssProgress-label2.cssProgress-label2-center {
	text-align: center
}

.cssProgress .cssProgress-stripes,
.cssProgress .cssProgress-active,
.cssProgress .cssProgress-active-right {
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .125) 50%, rgba(255, 255, 255, .125) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .125) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .125) 50%, rgba(255, 255, 255, .125) 75%, transparent 75%, transparent);
	background-size: 35px 35px
}

.cssProgress .cssProgress-active {
	-webkit-animation: cssProgressActive 2s linear infinite;
	-ms-animation: cssProgressActive 2s linear infinite;
	animation: cssProgressActive 2s linear infinite
}

.cssProgress .cssProgress-active-right {
	-webkit-animation: cssProgressActiveRight 2s linear infinite;
	-ms-animation: cssProgressActiveRight 2s linear infinite;
	animation: cssProgressActiveRight 2s linear infinite
}

@-webkit-keyframes cssProgressActive {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 35px 35px
	}
}

@-ms-keyframes cssProgressActive {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 35px 35px
	}
}

@keyframes cssProgressActive {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 35px 35px
	}
}

@-webkit-keyframes cssProgressActiveRight {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -35px -35px
	}
}

@-ms-keyframes cssProgressActiveRight {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -35px -35px
	}
}

@keyframes cssProgressActiveRight {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: -35px -35px
	}
}

.progress1 {
	background-color: #EEE;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2)
}

.progress1 .cssProgress-bar {
	height: 18px
}

.progress1 .cssProgress-label {
	line-height: 18px
}

.progress2 {
	background-color: #EEE;
	border-radius: 9px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2)
}

.progress2 .cssProgress-bar {
	height: 18px;
	border-radius: 9px
}

.progress2 .cssProgress-label {
	line-height: 18px
}

.progress3 {
	width: auto!important;
	padding: 4px;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
	border-radius: 3px
}

.progress3 .cssProgress-bar {
	height: 16px;
	border-radius: 3px
}

.progress3 .cssProgress-label {
	line-height: 16px
}

.progress4 {
	position: relative;
	width: 100%;
	background-color: #EEE
}

.cssProgress-bg {
	background-color: #bbdefb!important
}

.cssProgress-bg-info {
	background-color: #d1c4e9!important
}

.cssProgress-bg-danger {
	background-color: #ffcdd2!important
}

.cssProgress-bg-success {
	background-color: #c8e6c9!important
}

.cssProgress-bg-warning {
	background-color: #ffecb3!important
}

.progress4 .cssProgress-bar {
	display: block;
	float: none;
	width: 0;
	height: 4px;
	background: #3798d9
}

.progress4 .cssProgress-bar.cssProgress-lg {
	height: 6px
}

.progress4 .cssProgress-bar.cssProgress-2x {
	height: 8px
}

.progress4 .cssProgress-bar.cssProgress-3x {
	height: 10px
}

.progress4 .cssProgress-bar.cssProgress-4x {
	height: 12px
}

.progress4 .cssProgress-bar.cssProgress-5x {
	height: 14px
}

.progress4 .cssProgress-bar.cssProgress-glow {
	box-shadow: 5px 0 15px 0 #3798D9
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-info {
	box-shadow: 5px 0 15px 0 #9575cd
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-danger {
	box-shadow: 5px 0 15px 0 #ef5350
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-success {
	box-shadow: 5px 0 15px 0 #66bb6a
}

.progress4 .cssProgress-bar.cssProgress-glow.cssProgress-warning {
	box-shadow: 5px 0 15px 0 #ffb74d
}

.progress4 .cssProgress-bar.cssProgress-glow-active {
	-webkit-animation: cssProgressGlowActive1 3s linear infinite;
	-ms-animation: cssProgressGlowActive1 3s linear infinite;
	animation: cssProgressGlowActive1 3s linear infinite
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-info {
	-webkit-animation: cssProgressGlowActive2 3s linear infinite;
	-ms-animation: cssProgressGlowActive2 3s linear infinite;
	animation: cssProgressGlowActive2 3s linear infinite
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-danger {
	-webkit-animation: cssProgressGlowActive3 3s linear infinite;
	-ms-animation: cssProgressGlowActive3 3s linear infinite;
	animation: cssProgressGlowActive3 3s linear infinite
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-success {
	-webkit-animation: cssProgressGlowActive4 3s linear infinite;
	-ms-animation: cssProgressGlowActive4 3s linear infinite;
	animation: cssProgressGlowActive4 3s linear infinite
}

.progress4 .cssProgress-bar.cssProgress-glow-active.cssProgress-warning {
	-webkit-animation: cssProgressGlowActive5 3s linear infinite;
	-ms-animation: cssProgressGlowActive5 3s linear infinite;
	animation: cssProgressGlowActive5 3s linear infinite
}

@-webkit-keyframes cssProgressGlowActive1 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #3798D9
	}
	45% {
		box-shadow: 1px 0 4px 0 #3798D9
	}
}

@-ms-keyframes cssProgressGlowActive1 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #3798D9
	}
	45% {
		box-shadow: 1px 0 4px 0 #3798D9
	}
}

@keyframes cssProgressGlowActive1 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #3798D9
	}
	45% {
		box-shadow: 1px 0 4px 0 #3798D9
	}
}

@-webkit-keyframes cssProgressGlowActive2 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #9575cd
	}
	45% {
		box-shadow: 1px 0 4px 0 #9575cd
	}
}

@-ms-keyframes cssProgressGlowActive2 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #9575cd
	}
	45% {
		box-shadow: 1px 0 4px 0 #9575cd
	}
}

@keyframes cssProgressGlowActive2 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #9575cd
	}
	45% {
		box-shadow: 1px 0 4px 0 #9575cd
	}
}

@-webkit-keyframes cssProgressGlowActive3 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ef5350
	}
	45% {
		box-shadow: 1px 0 4px 0 #ef5350
	}
}

@-ms-keyframes cssProgressGlowActive3 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ef5350
	}
	45% {
		box-shadow: 1px 0 4px 0 #ef5350
	}
}

@keyframes cssProgressGlowActive3 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ef5350
	}
	45% {
		box-shadow: 1px 0 4px 0 #ef5350
	}
}

@-webkit-keyframes cssProgressGlowActive4 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #66bb6a
	}
	45% {
		box-shadow: 1px 0 4px 0 #66bb6a
	}
}

@-ms-keyframes cssProgressGlowActive4 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #66bb6a
	}
	45% {
		box-shadow: 1px 0 4px 0 #66bb6a
	}
}

@keyframes cssProgressGlowActive4 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #66bb6a
	}
	45% {
		box-shadow: 1px 0 4px 0 #66bb6a
	}
}

@-webkit-keyframes cssProgressGlowActive5 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ffb74d
	}
	45% {
		box-shadow: 1px 0 4px 0 #ffb74d
	}
}

@-ms-keyframes cssProgressGlowActive5 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ffb74d
	}
	45% {
		box-shadow: 1px 0 4px 0 #ffb74d
	}
}

@keyframes cssProgressGlowActive5 {
	0%,
	100% {
		box-shadow: 5px 0 15px 0 #ffb74d
	}
	45% {
		box-shadow: 1px 0 4px 0 #ffb74d
	}
}

.test-image {
	width: 100%;
	min-width: 100%;
	margin: 10px 0
}

._qa_blocks {
	max-width: 100%;
	margin: 0 auto
}

._qa_block {
	position: relative;
	margin-top: 20px;
	border: 2px solid #eee
}

._qa_del {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px 10px
}

._qa_del i {
	font-size: 22px;
	color: #f67e7e
}

._checkbox-custom {
	margin-right: 0!important;
	width: 40px;
	height: 40px
}

._quistion_n {
	text-align: center;
	font-weight: 600;
	margin: 5px 0 8px
}

._question {
	margin: 5px
}

._q_textarea {
	font-size: 23px;
	width: 100%;
	padding: 5px;
	overflow: hidden;
	resize: none
}

._answers_list {
	display: table;
	width: 100%;
	margin: 10px 0
}

.display_table {
	display: table-cell;
	vertical-align: middle
}

._a_textarea {
	font-size: 20px;
	width: 100%;
	padding: 5px;
	resize: none
}

.answer_ckeck {
	width: 60px
}

.a-list-item-del {
	width: 50px
}

._answer_del i {
	font-size: 25px;
	color: #c8c8c8
}

._answer_add {
	margin-bottom: 15px;
	transition: .3s all;
	background-color: #fff;
	line-height: 30px;
	font-size: 40px;
	color: #449d44;
	border: 1px solid #449d44
}

._q_textarea:focus,
._a_textarea:focus {
	outline: none!important;
	border: 1px solid #719ECE;
	box-shadow: 0 0 10px #719ECE
}

.range {
	--x: calc(var(--val)/100*(100% - 1em));
	position: relative;
	width: 100%;
	color: gainsboro;
	color: HSL(calc((1 - var(--val)/100)*231 + var(--val)/100*121), calc((1 - var(--val)/100)*48% + var(--val)/100*48%), calc((1 - var(--val)/100)*48% + var(--val)/100*55%));
	font: 2.5em/2 nunito, sans-serif
}

label[for='mood'] {
	text-align: center;
	display: block;
	margin-bottom: .75em;
	font-size: .625em;
	counter-reset: val var(--val)
}

input[id='mood'] {
	display: block;
	width: 100%;
	height: .5em;
	background: none;
	cursor: pointer
}

input[id='mood'],
input[id='mood']::-webkit-slider-thumb,
input[id='mood']::-webkit-slider-runnable-track {
	-webkit-appearance: none
}

input[id='mood']::-webkit-slider-runnable-track {
	border: none;
	width: 100%;
	height: .5em;
	border-radius: .25em;
	background: #888b8d;
	background-image: linear-gradient(90deg, #3f51b4, currentcolor var(--x), transparent 0)
}

input[id='mood']::-moz-range-track {
	border: none;
	width: 100%;
	height: .5em;
	border-radius: .25em;
	background: #888b8d;
	background-image: linear-gradient(90deg, #3f51b4, currentcolor var(--x), transparent 0)
}

input[id='mood']::-ms-track {
	border: none;
	width: 100%;
	height: .5em;
	border-radius: .25em;
	background: #888b8d;
	background-image: linear-gradient(90deg, #3f51b4, currentcolor var(--x), transparent 0);
	color: transparent
}

input[id='mood']::-ms-fill-lower {
	border-radius: .25em 0 0 .25em;
	background-image: linear-gradient(90deg, #3f51b4, #55C457);
	background-image: linear-gradient(90deg, #3f51b4, var(--c, currentcolor))
}

input[id='mood']::-webkit-slider-thumb {
	border: none;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #eee;
	background: #222;
	margin-top: -.25em
}

input[id='mood']::-moz-range-thumb {
	border: none;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #eee;
	background: #222
}

input[id='mood']::-ms-thumb {
	border: none;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #eee;
	background: #222;
	margin-top: 0
}

input[id='mood']:focus {
	outline: dashed 1px #ff6a13
}

output[for='mood'] {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: -.25em;
	left: var(--x);
	width: 1em;
	height: 1em;
	pointer-events: none
}

@supports (margin:var(--m, 1em)) {
	label[for='mood']:after {
		content: ": " counter(val) "%"
	}
	output[for='mood'] {
		display: flex
	}
}

.many-image {
	margin: 0 0 20px;
}