.intro {
	font-size: 24px;
}

.course-header {
	background-position: center;
	background-repeat: no-repeat;
	background-size:70%;
	border-radius: 50px;
	width: 120px;
	height: 80px;
}

.iena-margin {
	margin-top: 10px;
	padding-top: 40px;
}

.course-button, .module-button, .lesson-button {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}

.course-button:hover {
	text-decoration: underline;
}

.course-button,
.module-button,
.course-button,
.lesson-button,
.tooltip-btn {
	cursor: pointer;
	float: left;
	margin-right:5px;
}
.tooltip-btn {
	margin-top:10px!important;
}
.modules img {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 45px;
	border-bottom-right-radius: 45px;
}

.course-title,
.module-title,
.lesson-title {
	font-size: 32px;
	line-height:35px;
	font-weight: 600;
}

.line {
	margin-top: 50px;
	height: 3px;
	position: relative;
	box-sizing: border-box;
}

.line:after,
.line:before {
	content: "";
	position: absolute;
}

.line:after {
	left: calc(100% + 8px);
	height: 45px;
	width: 45px;
	top: -23px;
	transform: rotate(45deg);
}

.line:before {
	height: 100%;
	top: 0;
	left: calc(100% + 61px);
	width: 685%;
	background: inherit;
}

.line-3-1 {
	width: 12%;
}

.line-3-2 {
	width: 48%;
}

.line-3-2:before {
	width: 96%;
}

.line-3-3 {
	width: 80%;
}

.line-3-3:before {
	width: 18%;
}

.line-4-1,
.line-4-5,
.line-4-9 {
	width: 10%;
}

.line-4-1:before,
.line-4-5:before,
.line-4-9:before {
	width: 840%;
}

.line-4-2,
.line-4-6,
.line-4-10 {
	width: 35%;
}

.line-4-2:before,
.line-4-6:befor,
.line-4-10:before {
	width: 172%;
}

.line-4-3,
.line-4-7,
.line-4-11{
	width: 60%;
}

.line-4-3:before,
.line-4-7:before,
.line-4-11:before {
	width: 57%;
}

.line-4-4,
.line-4-8,
.line-4-12 {
	width: 85%;
}

.line-4-4:before,
.line-4-8:before,
.line-4-12:before {
	width: 10%;
}

.active-bg {
	padding: 20px!important;
	border: 3px solid #fbba07!important;
	border-radius: 20px!important;
}

.bg-lesson,
.bg-module,
.bg-course {
	background-color: #ffffff;
}

.tippy-tooltip{
	padding:20px;
}
.tooltip-title{
	font-size:30px;
	line-height: 30px;
	font-weight:600;
	text-align: left;
}
.tooltip-date{
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px!important;
    margin-top: 5px;
}
.tooltip-img {
    margin-top: 15px;
    padding-right: 10px;
}
.tooltip-img img{
	width:100%;
}
.tooltip-description{
	vertical-align: text-top;
    padding: 10px 0;
    text-align: left;
    font-size: 15px;
}
.tooltip-more, .tooltip-subscribe{
	font-size: 20px;
	cursor: pointer;
}
.tooltip-close{
	font-size:30px;
	font-weight:800;
	text-align: right;
	cursor:pointer;
}
.margin-top-30{
	margin-top:30px;
}
.no-margin{
	margin:0!important;
}


@media (max-width: 1100px) {
	#container {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.hidden-xm {
		display: none;
	}
}