@charset "UTF-8";

:root {
	--lp-cotainer-max-with: var(--lp-container-max-width);
}

@-webkit-keyframes rotating4 {
	from {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating4 {
	from {
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

@keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

@keyframes lp-rotating {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes lp-rotating {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotating4 {
	from {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating4 {
	from {
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

@keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

:root {
	--lp-cotainer-max-with: var(--lp-container-max-width);
}

*, :after, :before {
	box-sizing: border-box;
}

body {
	background: #fff;
}

button {
	cursor: pointer;
}

input, button, select, textarea {
	outline: 0;
}

a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	text-decoration: none;
}

p {
	margin-bottom: 1rem;
}

p:last-child {
	margin: 0;
}

.lp-ico svg {
	width: 20px;
	height: 20px;
}

.course-tab-panel .course-description img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.course-tab-panel .lp-course-author img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	display: block;
	margin: 0 auto;
}

#checkout-order .course-thumbnail img {
	width: 100px;
	max-width: 100% !important;
	height: auto !important;
}

#learn-press-checkout .payment-methods .lp-payment-method>label img {
	vertical-align: middle;
}

input[type=text], input[type=email], input[type=number], input[type=password] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	box-shadow: unset;
}

.lp-user-cover-image_background>img {
	opacity: 0;
	visibility: hidden;
}

.lp-user-profile img {
	max-width: 100%;
	height: auto;
}

.lp-user-profile .lp-user-profile-avatar img {
	display: block;
	border-radius: var(--lp-border-radius-avatar, 50%);
	width: 100%;
	height: auto;
}

.lp-user-profile .lp-user-profile-socials a:hover svg {
	fill: var(--lp-color-white, #fff);
}

.lp-user-profile .lp-profile-left .user-avatar img {
	border-radius: 50%;
}

.learn-press-profile-course__progress .lp_profile_course_progress__item img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	height: auto;
	display: block;
}

input[name=course-extra-box-ratio] {
	display: none;
}

input[name=course-extra-box-ratio]:checked+.course-extra-box .course-extra-box__content {
	display: block;
}

input[name=course-extra-box-ratio]:checked+.course-extra-box .course-extra-box__content .course-extra-box__content-inner {
	transform: scale(1);
}

@-webkit-keyframes course-extra-box__content-inner-transform {
	from {
		opacity: 0;
		-webkit-transform: translateX(5%);
		-moz-transform: translateX(5%);
		-ms-transform: translateX(5%);
		-o-transform: translateX(5%);
		transform: translateX(5%);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes course-extra-box__content-inner-transform {
	from {
		opacity: 0;
		transform: translateX(5%);
	}
	
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

input[name=course-faqs-box-ratio] {
	display: none;
}

input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__content {
	display: block;
}

input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title {
	color: var(--lp-primary-color);
	background: rgba(241, 242, 248, .4);
}

input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title::after {
	content: "";
}

@-webkit-keyframes course-faqs-box__content-inner-transform {
	from {
		opacity: 0;
		-webkit-transform: translateY(-5%);
		-moz-transform: translateY(-5%);
		-ms-transform: translateY(-5%);
		-o-transform: translateY(-5%);
		transform: translateY(-5%);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes course-faqs-box__content-inner-transform {
	from {
		opacity: 0;
		-webkit-transform: translateY(-5%);
		-moz-transform: translateY(-5%);
		-ms-transform: translateY(-5%);
		-o-transform: translateY(-5%);
		transform: translateY(-5%);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

button[data-counter] {
	position: relative;
}

button[data-counter]::after {
	padding-left: 5px;
	content: "(+" attr(data-counter) ")";
}

.quiz-result .result-grade::before, .quiz-result .result-grade svg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.quiz-result .result-grade svg {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.quiz-result .result-grade svg circle {
	stroke: var(--lp-primary-color);
}

.quiz-result.passed .result-grade svg {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.question .question-content img {
	max-width: 100%;
}

.question.question-fill_in_blanks .blanks .blank-input br {
	display: none;
}

.learnpress-v4:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left img, .learnpress-v3:not(.nofixcss) #learn-press-profile .wrapper-profile-header .lp-profile-left img {
	border-radius: 50%;
}

.ivy-school:not(.nofixcss) .lp-user-profile .lp-user-profile-avatar img {
	border-radius: 0;
}

@-webkit-keyframes rotating4 {
	from {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating4 {
	from {
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

@keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

.learn-press-courses .course-item:hover .course-thumbnail a img {
	transform: scale(1.05);
}

.learn-press-courses .course-thumbnail:hover a img {
	transform: scale(1.05);
}

.learn-press-courses .course-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	transition: all .5s ease;
	transform: scale(1);
	max-width: unset !important;
}

input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(5):checked ~ .switch-btn:nth-child(6)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(7):checked ~ .switch-btn:nth-child(8)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(9):checked ~ .switch-btn:nth-child(10)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(11):checked ~ .switch-btn:nth-child(12)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(13):checked ~ .switch-btn:nth-child(14)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(15):checked ~ .switch-btn:nth-child(16)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(17):checked ~ .switch-btn:nth-child(18)::before {
	color: var(--lp-primary-color);
}

input[type=radio]:nth-child(19):checked ~ .switch-btn:nth-child(20)::before {
	color: var(--lp-primary-color);
}

.lp-single-offline-course__left .course-img img {
	width: 100%;
}

.lp-single-offline-course__left .lp-single-course-offline-info-one .star-info svg {
	height: 22px;
}

.lp-single-offline-course__left>img {
	margin-bottom: 30px;
}

.lp-archive-courses .course-meta__pull-left .meta-item .meta-item__image img {
	overflow: hidden;
	position: relative;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: block;
}

.lp-single-course .lp-single-course-main .course-img img {
	max-width: 100%;
	display: block;
}

.lp-single-course .course-summary-sidebar .course-img img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.course-summary div.lp-list-co-instructor__avatar>img {
	width: 100%;
	max-width: 96px;
	border-radius: 999px;
}

.course-sidebar-preview .media-preview img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	width: 100%;
}

.lp-instructor-info img {
	max-width: 100%;
	border-radius: var(--lp-border-radius, 5px);
}

.content-item-wrap .content-item-description img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.content-item-wrap .quiz-content img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

@keyframes lp-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}
	
	to {
		background-position: 0 50%;
	}
}

footer {
	clear: both;
}