@font-face {
	font-family: "Unna Regular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/unna/Unna-Regular.otf");
}

@font-face {
	font-family: "Manrope Light";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/manrope/light.otf");
}

@font-face {
	font-family: "Manrope Regular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/manrope/regular.otf");
}

@font-face {
	font-family: "Manrope Medium";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/manrope/medium.otf");
}

@font-face {
	font-family: "Manrope SemiBold";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/manrope/semibold.otf");
}

/* bootstrap xs */

main section {
	padding-top: 6rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

main section > .tm_wrapper {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

main section .tm_main.tm_links {
	display: flex;
	justify-content: center;
}

main section .tm_main.tm_links a,
main section .tm_main.tm_links .a:hover {
	font-family: "Manrope SemiBold", sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #3272CB;
	width: 221px;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px  #3272CB;
	border-radius: 28px;
}

main section .tm_main.tm_links img {
	margin-left: 0.5rem;
}

/* section #tm_intro */

#tm_intro {
	padding-top: 3.5rem;
}

#tm_intro .tm_main.tm_title {
	font-size: 48px;
	line-height: 56px;
	text-align: left;
	max-width: 415px;
}

#tm_intro .tm_main.tm_sub_title {
	margin-left: 0;
	width: 100%;
	max-width: 410px;
}

#tm_intro .tm_main.tm_description {
	margin-left: 0;
	width: 100%;
	max-width: 410px;
	margin-bottom: 0;
}

/* section #tm_splash */
#tm_splash > .tm_wrapper {
	overflow: hidden;
}

#tm_splash > .tm_wrapper img {
	width: 100%;
}

/* section #tm_steps */

#tm_steps {
	padding-bottom: 2.5rem
}

#tm_steps .tm_step {
	margin-bottom: 4rem;
}

#tm_steps .tm_step .tm_infographic {
	width: 162px;
	margin-left: auto;
	margin-right: auto;
}

#tm_steps .tm_step .tm_infographic .tm_wrapper_outer {
	height: 0;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
}

#tm_steps .tm_step .tm_infographic .tm_wrapper_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#tm_steps .tm_create_account .tm_wrapper_inner {
	background-image: url("../Images/icon_create_account.svg");
	background-repeat: no-repeat;
	background-size: 98px 98px;
	background-position: center center;
}

#tm_steps .tm_start_practicing .tm_wrapper_inner {
	background-image: url("../Images/icon_start_practicing.svg");
	background-repeat: no-repeat;
	background-size: 98px 98px;
	background-position: center center;
}

#tm_steps .tm_get_certificate .tm_wrapper_inner {
	background-image: url("../Images/icon_get_certificate.svg");
	background-repeat: no-repeat;
	background-size: 98px 98px;
	background-position: center center;
}

#tm_steps .tm_step .tm_title {
	color: #080927;
	font-family: "Manrope SemiBold", sans-serif;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 1rem;
}

#tm_steps .tm_step .tm_description {
	color: #5D5D67;
	font-family: "Manrope Regular", sans-serif;
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	width: 100%;
	max-width: 300px;
	text-align: justify;
	margin-bottom: 2rem;
}

#tm_steps a, #tm_steps a:hover {
	width: 188px;
}

/* section #tm_levelup */

#tm_levelup {
	background-color: #3272CB;
	padding-top: 6.5rem;
	padding-bottom: 6.5rem;
}

#tm_levelup .tm_main.tm_title {
	color: #FFFFFF;
}

#tm_levelup .tm_main.tm_links {
}

#tm_levelup .tm_main.tm_links a,
#tm_levelup .tm_main.tm_links a:hover {
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	color: #3272CB;
	width: 188px;
}

#tm_levelup .tm_main.tm_links a.tm_learner {
	color: #3272CB;
	background-color: #FFFFFF;
	margin-right: 0.25rem;
}

#tm_levelup .tm_main.tm_links a.tm_instructor {
	color: #FFFFFF;
	background-color: #3272CB;
	margin-left: 0.25rem;
}

/* bootstrap sm */
@media (min-width: 576px) {
}

/* bootstrap md */
@media (min-width: 768px) {
	main section {
		padding-top: 8rem;
	}
	
	main section .tm_main.tm_links a,
	main section .tm_main.tm_links .a:hover {
		color: #FFFFFF;
		background-color: #3272CB;
	}
	
	/* section tm_intro */
	
	#tm_intro .tm_main.tm_title {
		font-size: 80px;
		line-height: 88px;
		margin-bottom: 3.5rem;
		width: 100%;
		max-width: none;
	}
	
	#tm_intro .tm_main.tm_sub_title {
		width: 35%;
		margin-bottom: 0;
	}
	
	#tm_intro .tm_main.tm_sub_title .tm_content {
		width: 100%;
		max-width: 200px;
		text-align: left;
		margin-left: 0;
		margin-right: auto;
	}
	
	#tm_intro .tm_main.tm_description {
		width: 65%;
		max-width: none;
	}

		#tm_intro .tm_main.tm_description .tm_content {
			width: 100%;
			max-width: 570px;
			margin-left: 0;
			margin-right: auto;
			font-size: 18px;
			line-height: 32px;
		}
	
	/* section #tm_steps */
	
	#tm_steps {
		padding-bottom: 2.5rem
	}
	
	#tm_steps .tm-steps {
		width: 100%;
	}
	
	#tm_steps .tm_step {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 8rem;
	}
	
	#tm_steps .tm_step .tm_infographic {
		width: 42.5%;
		max-width: 400px;
		margin-left: 2%;
		margin-right: auto;
		order: 2;
	}
	
	#tm_steps .tm_create_account .tm_wrapper_inner {
		background-image: url("../Images/icon_create_account.svg"), url("../Images/ring_create_account.svg");
		background-repeat: no-repeat, no-repeat;
		background-size: 32% auto, cover;
		background-position: center center, center center;
	}
	
	#tm_steps .tm_start_practicing .tm_wrapper_inner {
		background-image: url("../Images/icon_start_practicing.svg"), url("../Images/ring_start_practicing.svg");
		background-repeat: no-repeat, no-repeat;
		background-size: 32% auto, cover;
		background-position: center center, center center;
	}
	
	#tm_steps .tm_get_certificate .tm_wrapper_inner {
		background-image: url("../Images/icon_get_certificate.svg"), url("../Images/ring_green_6dot7pc.svg");
		background-repeat: no-repeat, no-repeat;
		background-size: 32% auto, cover;
		background-position: center center, center center;
	}
	
	#tm_steps .tm_content {
		width: 50%;
	}

		#tm_steps .tm_step .tm_title {
			width: 100%;
			text-align: left;
			margin-left: 0;
			margin-right: 0;
			font-family: "Unna Regular", sans-serif;
			font-size: 64px;
			line-height: 72px;
			margin-bottom: 1rem;
			padding-top: 10%;
		}
	
	#tm_steps .tm_step .tm_step_count {
		color: #DDDFE3;
		display: inline-block;
		width: 5rem;
	}

		#tm_steps .tm_step .tm_description {
			margin-left: 0;
			margin-right: auto;
			font-size: 16px;
			line-height: 24px;
			display: block;
			width: 100%;
			max-width: 400px;
			text-align: justify;
			margin-bottom: 2rem;
			padding-left: 5rem;
			/*padding-right: 4rem;*/
		}
	
	#tm_steps .tm_main.tm_links {
		text-align: left;
		padding-left: 3rem;
	}
	
	#tm_steps a, #tm_steps a:hover {
		margin-left: 0;
	}
	
	/* section #tm_levelup */
	#tm_levelup {
		padding-top: 9.75rem;
		padding-bottom: 9.75rem;
	}
	
	#tm_levelup .tm_main.tm_title {
		font-size: 64px;
		line-height: 72px;
		margin-bottom: 3rem;
	}
	
	#tm_levelup .tm_main.tm_links {
		display: flex;
		justify-content: center;
	}
	
	#tm_levelup .tm_main.tm_links a,
	#tm_levelup .tm_main.tm_links a:hover {
		display: block;
		font-family: "Manrope SemiBold", sans-serif;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		height: 56px;
		width: 190px;
		border-radius: 28px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: solid 1px #FFFFFF;
	}
	
	#tm_levelup .tm_main.tm_links  a.tm_learner {
		color: #3272CB;
		background-color: #FFFFFF;
		margin-right: 0.75rem;
	}
	
	#tm_levelup .tm_main.tm_links a.tm_instructor {
		color: #FFFFFF;
		background-color: #3272CB;
		margin-left: 0.75rem;
	}
}

/* bootstrap lg */
@media (min-width: 992px) {
	main section {
		padding-top: 10rem;
	}
	
	main section > .tm_wrapper {
		width: 90%;
	}
}

/* bootstrap xl */
@media (min-width: 1200px) {
}

@media(max-width:767px) {
	#tm_intro .tm_main.tm_title {
		font-size: 40px;
		line-height: 48px;
	}
	#tm_intro .tm_main.tm_description.tm_description_block {
		font-size: 14px;
		line-height: 24px;
	}
}