select {
	width: 100%;
    padding: 0.5rem 0.75rem;
}

.gray {
	background-color: gray !important;
	background: gray !important;
}

.bi-arrow-repeat, .bttn {
	cursor: pointer;
}

.media_item .img_box .responsive::after {
	display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

#message {
	display:none;
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;

	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.requirements {
	list-style-type: none;
}

.valid {
	color: green;
}

.valid:before {
	position: relative;
	left: -35px;
	content: "✔";
}

.invalid {
	color: red;
}

.invalid:before {
	position: relative;
	left: -35px;
	content: "✖";
}

small {
	color: #9e9191;
}

.form_row.items_inline2 .form_item {
	-webkit-box-flex: 0;
    -ms-flex: 0 1 calc(33% - .5em);
    flex: 0 1 calc(33% - 0.5em);
}

.form_item input, .form_item select, .form_item textarea {
	font-size: 14px;
}

.lab_val .error {
	border: 1px solid #dc3545!important;
}

input:focus, textarea:focus, select:focus{
	outline: none;
}

.form_item input, .form_item select, .form_item textarea {
	line-height: inherit!important;
}

.is_hidden {
	display: none;
}

.bttn {
	color: #fff !important;
	text-decoration: none;
}

.bttn:hover {
	color: #ffd862 !important;
}

.article img {
	max-width: 100%;
}


.media_items .d-lg-flex,
.media_items .d-md-flex {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.media_item {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33%;
			flex: 0 0 33.33%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.media_item .link_box {
	display: block;
}
.media_item .link_box:hover .img_box img {
	opacity: 0.7;
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}
.media_item .img_box .responsive {
	border-radius: 4px;
}
.media_item .img_box .responsive::after {
	content: "";
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% - 30px);
	z-index: 3;
	width: 60px;
	height: 60px;
	background: url("../img/ui/ic_play.svg") center/contain no-repeat;
}
.media_item .img_box img {
	opacity: 1;
	-webkit-transition: opacity 300ms, -webkit-transform 300ms;
	transition: opacity 300ms, -webkit-transform 300ms;
	transition: transform 300ms, opacity 300ms;
	transition: transform 300ms, opacity 300ms, -webkit-transform 300ms;
}
.media_item .cnt_box {
	padding: 0.25em 0.5em 0;
	font-size: 1.125em;
	line-height: 1.3;
}

.pagination {
	justify-content: center;
}

.course_item .cnt_box .intro.un_collapse {
	max-height: 20em !important;
}

.aside_cnt .bonus_item .text {
	line-height: 1.5 !important;
}


.switch_tabs .underline.now_tab4 {
	-webkit-transform: translateX(300%);
	transform: translateX(300%);
}
.switch_tabs .tab {
	-webkit-box-flex: 1;
		-ms-flex: 1 0 25%;
			flex: 1 0 25%;
	padding: 1em;
	text-align: center;
	font-size: 1.25em;
	line-height: 1;
	cursor: pointer;
}

.sc_courses .switch_tabs {
	max-width: 60em !important;
}

.startTest_area .item.disable {
	pointer-events: none;
}

.scorePop_area-cnt .footer .btns .btn:hover {
	cursor: pointer;
}

.modal .modal-body .QA_items .QA_item .Q .tit {
	padding: 12px;
}

@media screen and (max-width: 575px) {
	.switch_tabs .underline.now_tab4 {
		-webkit-transform: translateY(300%);
		transform: translateY(300%);
	}
}