@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@charset "UTF-8";@font-face{font-family:"Gilroy";font-weight:400;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Regular.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:100;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Thin.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:200;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-UltraLight.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:300;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Light.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:500;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Medium.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:600;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Semibold.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:700;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Bold.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:800;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Extrabold.otf") format("truetype")}@font-face{font-family:"Gilroy";font-weight:900;font-style:normal;src:url("../front/fonts/gilroy/Gilroy-Black.otf") format("truetype")}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
::-moz-selection { 
	background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}
::selection {
	background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}
ol, ul {
	list-style: none;
	margin-bottom: 0 !important;
}
a {
	color: #FFBA1F;
}
a:hover {
	color: #333;
	text-decoration: none !important;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
button {
outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	margin:0;
	padding: 0;
}
a:focus {
	text-decoration: none;
	outline: none;
}
button {
	outline: none;
}
button:focus {
	outline: none !important;
}
input {
	outline: none;
}
textarea {
	outline: none;
}
p {
	font-size: 14px;
	line-height: 26px;
	color: #686f7a;
	font-family: "Open Sans", sans-serif;
}
.ui.button {
	font-family: "Open Sans", sans-serif;
	font-weight: 600 !important;
}
.ui.button.confirm_remove {
	background: #f16a6a !important;
	color: #fff !important;
}
.ui.button.confirm_remove:hover {
	background: #333 !important;
}

h1 {
	font-size: 2em;
	line-height: 1.25;
}
h2 {
	font-size: 1.625em;
	line-height: 1.15384615;
}
h3 {
	font-size: 1.375em;
	line-height: 1.13636364;
}
h4 {
	font-size: 1.125em;
	line-height: 1.11111111;
}
h5 {
	font-size: 1.10em;
	line-height: 1.10;
}
h6 {
	font-size: 1em;
	line-height: 1.050;
}
blockquote {
	font-size: 1.25em;
	line-height: 1.25;
}
@media (min-width: 43.75em) {
h1 {
	font-size: 2.5em;
	line-height: 1.125;
}
h2 {
	font-size: 2em;
	line-height: 1.25;
}
h3 {
	font-size: 1.5em;
	line-height: 1.25;
}
h4 {
	line-height: 1.22222222;
}
blockquote {
	font-size: 1.5em;
	line-height: 1.45833333;
}
}
@media (min-width: 56.25em) {
h1 {
	font-size: 3em;
	line-height: 1.05;
}
h2 {
	font-size: 2.25em;
	line-height: 1.25;
}
h3 {
	font-size: 1.75em;
	line-height: 1.25;
}
}

.ask-question,
nav,
.notification-box.active,
nav .left_section ul li a,
.user-account-settingss.active,
.user-info a,
.suggestion-usd > span i,
.view-more > a,
.tags-sec ul li a,
.post-st ul li a,
.ed-opts > a,
.bk-links li a,
.like-com li a,
.user-profy > a,
.slick-previous:before,
.slick-nexti:before,
.comment > a,
.sign_link > a,
.post-popup,
.post-project > a,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.sign-control li a,
.cover-sec > a,
.star-descp > a,
.message-btn a,
.pf-gallery ul li,
.gallery_pt:before,
.gallery_pt > a,
.overview-box,
.skl-name,
.conv-list,
.save-stngs ul li button,
.forum-links.active,
.react-links li a,
.next-prev > a,
nav ul li:hover > ul,
.user-pro-img > a i {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
	background: #e0e0e0;
}
body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
body::-webkit-scrollbar-corner {
    background-color: transparent;
}
body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0,0,0,.15);
    -webkit-box-shadow: inset -1px -1px 0 rgba(0,0,0,.05), inset 1px 1px 0 rgba(0,0,0,.05);
}
html {
   font-size: 14px;
}
body {
	margin: 0;
	font-family: "Gilroy", sans-serif !important;
	font-size: 0.875rem;
	line-height: 1.42857143;
	color: #333;
	background: #f7f7f7 !important;
}
.menu_left::-webkit-scrollbar {
    width:4px;
}
.menu_left::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}
input[type=text] {
	color: #333 !important;
}
input[type=text].denied {
	border: 1px solid #e01515;
}

@media (min-width: 992px) {
  body {
    overflow-y: auto;
  }
  .logo img {
    width: 200px;
    text-align: center;
    margin-top: 10px;
    float: none;
  }
  .wrapper {
    margin-left: 240px;
  }
  .wrapper__minify {
    margin-left: 0;
  }
}
.alrt_dot {
    position: absolute;
    right: 15px;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    background: #FFBA1F;
    overflow: hidden;
    width: 5px;
    height: 5px;
    text-align: center;
    border-radius: 100%;
    top: 45%;
}
.left_footer {
    padding: 15px 14px;
}
.left_footer ul li {
    display: inline-block;
}
.left_footer a {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    line-height: 24px;
    padding: 0 4px;
	color: #7b7b7b;
}
.left_footer a:hover {
	color: #FFBA1F !important;
}
.left_footer_content {
    padding-top: 15px;
}
.left_footer_content p {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #afafaf;
    text-align: left;
    line-height: 24px;
}
.left_section {
    border-bottom: 1px solid #e5e5e5;
}
header {
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	height: 60px;
	background: #fff;
	display: flex !important;
	align-items: center;
	box-shadow: 0px 0.052083333in 11.25pt -9px rgba(0,0,0,.1);
}
.main_logo {
    float: left;
    width: 135px;
    margin-left: 20px;
}
.logo-inverse {
    display: none;
}
.classroom_buttons {
	float: left;
	margin-left: 80px;
	font-family: "Open Sans", sans-serif;
}
.classroom_buttons ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
.classroom_buttons ul li {
	display: inline-block;
	height: 60px;
	line-height: 58px;
	border-left: 1px solid #eee;
}
.classroom_buttons ul li:last-child {
	border-right: 1px solid #eee;
}
.classroom_buttons ul li a {
	display: block;
	height: 60px;
	font-size: 15px;
	font-weight: 600;
	color: #565656;
	padding: 0px 15px;
}
.classroom_buttons ul li a.active {
	background: #fffbf1;
	color: #FFBA1F;
}
.classroom_buttons ul li i {
	font-size: 21px;
	position: relative;
	top: 1px;
	margin-right: 3px;
}
.classroom_buttons ul li a:hover {
	color: #FFBA1F;
}
#classroom_tabs {
	position: relative;
	top: 60px;
}
#classroom_tabs .classroom_tab {
	height: 100%;
	display: none;
}
#classroom_tabs .classroom_tab.styled {
	padding: 30px 0px;
	margin-bottom: 0px;
	min-height: 100%;
	top: 0px;
	background: #ececec !important;
    position: relative;
}
#classroom_tabs .classroom_tab.styled:before {
    content: "";
    background: url(../img/sign.svg) repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    opacity: 0.05;
}
#classroom_tabs .classroom_tab.active {
	display: block;
}
.search120 {
    float: left;
    margin-left: 80px;
	width: 300px;
}
.search120 .ui.input>input {
	flex: 1 0 auto !important;
}
.srch10 {
	background: #f7f7f7 !important;
    border: 0 !important;
	color: #333 !important;
}
i.icon1 {
	font-size: 16px !important;
}
.ui.swdh10 {
    font-size: 14px !important;
	width: 350px;
}
.ui[class*="left icon"].swdh10.input>input {
    padding-left:3.2em!important;
    padding-right: 1em!important;
	font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.header_right {
    margin-left: auto;
    float: right;
    padding-right: 15px;
}
.header_right ul li {
    display: inline-block;
	vertical-align: middle;
}
.option_links {
    padding: 10px 8px;
    font-size: 20px;
    color: #686f7a;
	position: relative;
}
.option_links i {
    font-size: 120%;
}
.option_links:hover, .option_links:focus {
    color: #333 !important;
}
.noti_count {
    font-size: 11px;
    position: absolute;
    top: 3px;
    right: 8px;
    background: #FFBA1F;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 1.5;
    border-radius: 100%;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
#avatar_placeholder {
	margin-bottom: 20px;
}
.opts_account img {
    width: 36px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
	max-width: 100%;
}
.opts_account img.size64 {
	width: 64px;
}
.opts_account img.size128 {
	width: 128px;
}
.opts_account img.size196 {
	width: 196px;
}
.upload_btn {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #FFBA1F;
    padding: 9px 15px;
    border-radius: 25px;
	margin-right: 10px;
}
.upload_btn i {
    font-size: 16px;
    margin-right:3px;
}
.upload_btn:hover {
    color: #fff !important;
    background: #333;
}
.left_title {
    padding: 20px 17px 10px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #afafaf;
    text-align: left;
	margin-bottom: 0;
}
.user_img img {
    width: 30px;
    border-radius: 100%;
    margin-left: 17px;
    margin-right: 15px;
}
.menu.dropdown_account {
    margin-top: 11px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
}
.menu.dropdown_mn {
    width: 300px;
	margin-top: 17px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
	min-width: 300px !important;
}
.menu.dropdown_ms {
    width: 300px;
	margin-top: 17px !important;
    border-top: 1px solid #fff !important;
    border-radius: 3px !important;
	min-width: 300px !important;
}
.channel_my {
	padding: 15px !important;
    border-bottom: 1px solid #efefef !important;
    min-width: 100%;
    max-width: 100%;
    white-space: normal;
}
.channel_my:last-child {
    border-bottom: 0 !important;
}
.profile_link {
    display: flex;
}
.profile_link > i {
	font-size: 18px;
	margin-right: 10px;
}
.profile_link img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
	border: 2px solid #fff;
	border-radius: 100%;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.profile_link .rhte85 {
	margin-top: 3px;
}
.profile_link .rhte85 h6 {
	margin-bottom: 3px;
}
.pd_content {
    width: 80%;
	white-space: normal;
}
.pd_content h6 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    color: #333;
    text-align: left;
	position: relative;
}
.pd_content span {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    color: #686f7a;
    text-align: left;
}
.dp_link_12 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-top: 15px;
    display: block;
    text-align: left;
}
.dp_link_12:hover {
    color: #FFBA1F !important;
}
.ui.dropdown {
	font-family: "Open Sans", sans-serif;
}
.ui.dropdown .menu>.channel_item {
    color: #686f7a !important;
    padding: .78571429rem 1.14285714rem!important;
    font-size: 14px !important;
	font-family: 'Roboto', sans-serif;
}
.ui.dropdown .menu>.channel_item:hover {
    color: #333 !important;
    background:#fff8e8 !important;
}
.rhte85 {
    display: flex;
}
.mef78 {
	position: relative;
	top: -2px;
}
.mef78 i {
    font-size: 18px;
    line-height: 15px;
    color: #ffba1f;
}
.pd_content p {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 8px;
    color: #686f7a;
    text-align: left;
    margin-top: 8px;
	line-height: 20px;
}
.pd_content span.nm_time {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    color: #afafaf;
    text-align: left;
}
.vbm_btn {
    width: 100%;
    text-align: center;
    float: left;
    padding: 15px 0;
    background: #fff8e8;
    font-size: 14px;
    color: #333 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.vbm_btn:hover {
    background: #333;
    color: #fff !important;
}
.wrapper {
	padding: 90px 0 30px;
	overflow-x: hidden;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.section3125 {
    float: left;
    width: 100%;
}
.section3126 {
    float: left;
    width: 100%;
}
.item_title {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    margin-bottom: 20px;
}
.see150 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #afafaf;
    text-align: right;
    float: right;
    padding-top: 3px;
    margin-bottom: 20px;
}
.la5lo1 {
    float: left;
    width: 100%;
}
.stream_1 {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
	background-position: center;
    background-repeat: no-repeat;
	background: rgba(51,1,51, 0.1);
}
.stream_bg {
    text-align: center;
    display: inline-block;
    width: 100%;
	padding: 15px 10px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(30px);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.13);
}
.stream_bg img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 100%;
    display: inline-block !important;
	border: 1px solid #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.stream_bg h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #333;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.stream_bg p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #686f7a;
    display: inline-block;
    text-align: center;
	position: relative;
}
.stream_bg p span {
    width: 6px;
    height: 6px;
    background: #FFBA1F;
    position: absolute;
    border-radius: 100%;
    top: 2px;
    right: -9px;
}
.la5lo1 .owl-theme .owl-nav .disabled {
    opacity: .4 !important;
    cursor: default;
}
.live_stream .owl-nav .owl-prev {
	left: 0px;
    font-size: 20px !important;
    position: absolute;
    top: 40%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #333 !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.live_stream .owl-nav .owl-next {
	font-size: 20px !important;
	position: absolute;
	right: 0px;
	top: 40%;
	padding: 4px 0 !important;
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	color: #333 !important;
	background: #fff !important;
	border-radius: 100% !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.live_stream .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.live_stream .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.owl-theme .owl-nav {
    margin-top: 0px !important;
}
.mt-80 {
	margin-top: 80px;
}
.mt-62 {
	margin-top:62px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-62 {
	margin-bottom: 62px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-10 {
	margin-bottom: 10px;
}
.my-5 { margin: 5px 0px; }
.my-10 { margin: 10px 0px; }
.my-15 { margin: 15px 0px; }
.my-20 { margin: 20px 0px; }
.my-25 { margin: 25px 0px; }
.my-30 { margin: 30px 0px; }
.my-35 { margin: 35px 0px; }
.my-40 { margin: 40px 0px; }
.py-5 { padding: 5px 0px; }
.py-10 { padding: 10px 0px; }
.py-15 { padding: 15px 0px; }
.py-20 { padding: 20px 0px; }
.py-25 { padding: 25px 0px; }
.py-30 { padding: 30px 0px; }
.py-35 { padding: 35px 0px; }
.py-40 { padding: 40px 0px; }
.pt-6 { padding-top: 6px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-35 { padding-bottom: 35px; }
.pb-40 { padding-bottom: 40px; }
.fcrse_1 {
    background: #fff;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
	border: 1px solid #efefef;
}
.fcrse_img {
	width: 100%;
	position: relative;
	display: block;
}
.fcrse_img img {
    width: 100%;
    border-radius: 4px;
}
.fcrse_content {
    padding: 10px 5px;
    width: 100%;
	position: relative;
}
.fcrse_1.abo_settings {
	padding: 0px;
}
.fcrse_1.abo_settings .fcrse_content {
	padding: 0px;
}
.fcrse_1.abo_settings .fcrse_content .padded_col > div {
	padding: 25px;
}
.fcrse_1.abo_settings .fcrse_content .padded_col.abo-col-left {
	border-right: 1px solid #eee;
}
@media (max-width: 1599px)
{
	.fcrse_1.abo_settings .fcrse_content .padded_col.abo-col-left {
		border-right: 0px;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
	}
}
.fcrse_1.content_box {
	margin-bottom: 30px;
}
.fcrse_1.content_box .fcrse_content {
	padding: 15px;
}
.fcrse_1.content_box h2 {
	font-size: 1.5rem;
}
.fcrse_1.content_box p {
	line-height: 24px;
	margin-bottom: 30px;
}
.fcrse_1.content_box input {
	height: 45px;
	padding: 10px 15px;
}
@media (max-width: 1199px)
{
	.fcrse_1.content_box input {
		margin-bottom: 5px;
	}
}
.content_box.pb-0 {
	padding-bottom: 0px;
}
.content_box .content_box_heading {
	margin-bottom: 30px;
}
.content_box .content_box_heading h2 {
	font-size: 1.3rem;
	margin-bottom: 0px;
	margin-top: 0px;
}
.content_box .content_box_heading p {
	opacity: 0.7;
	margin-bottom: 0px;
}
.content_box .content_box_heading .content_box_heading_tools {
	float: right;
	z-index: 100;
    position: relative;
}
.content_box .content_box_heading .content_box_heading_tools .live_link {
	display: inline-block;
}
.soft_link {
	height: 40px;
    background: #fff4db;
    border: 0;
    border-radius: 5px;
    padding: 6px 20px;
	line-height: 28px;
    font-weight: 600;
    color: #ffba1f !important;
    font-family: "Open Sans", sans-serif;
	display: inline-block;
	pointer: cursor;
}
.soft_link i {
	font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: -5px;
}
.soft_link:hover {
	background: #ffba1f;
	color: #fff !important;
}
.content_box_table {
	border: 0px;
	width: 100%;
	font-family: "Open Sans", sans-serif;
}
.content_box_table td {
	padding: 12px 10px;
	line-height: 23px;
}
.content_box_table td.striped {
	border-bottom: 1px solid #f5f5f5;
}
.content_box_table td:first-child {
	padding-left: 0px;
}
.content_box_table td:last-child {
	padding-right: 0px;
}
.content_box_table tr:last-child td.striped {
	border-bottom: 0px;
}
.content_box_table td strong {
	font-size: 14px;
	color: #333;
}
.content_box_table .gray {
	display: block;
	opacity: 0.6;
    font-weight: 600;
}
.content_box_table .avatar {
	width: 40px;
    max-width: 100%;
	margin-right: 15px;
	float: left;
	position: relative;
	top: -2px;
}
.content_box_table .content_box_img {
	height: 50px;
    max-width: 100%;
	border-radius: 5px;
	vertical-align: top;
}
.content_box_table .icon-badge.icon-badge-wide {
	margin-top: 10px;
	vertical-align: top;
}
.content_box_bottom_chart {
	margin: 0px -10px -10px;
}
.soft_link_gray {
	height: 40px;
	width: 42px;
    background: #ececec;
    border: 0;
    border-radius: 5px;
    padding: 6px;
	line-height: 28px;
    font-weight: 600;
    color: #9a9a9a;
	text-align: center;
    font-family: "Open Sans", sans-serif;
	display: inline-block;
	vertical-align: top;
}
.soft_link_gray i {
	font-size: 18px;
    line-height: 28px;
    vertical-align: middle;
	position: relative;
	top: -1px;
}
.soft_link_gray i.uil-times {
	top: 0px;
}
.soft_link_gray:hover {
	background: #ffba1f;
	color: #fff;
}
.soft_link_gray.soft_gray_red:hover {
	background: #f16a6a;
}
.content_box_table .soft_link_gray {
	margin-top: 5px;
}
.submit-block {
	background-color: #ffba1f;
	color: #fff;
	display: block;
	width: 100%;
	border:0px;
	border-radius: 5px;
	font-family: "Open Sans", sans-serif;
}
.copy-link input {
	padding: 10px 15px;
    height: 45px;
	border-right: 0px;
	font-family: "Open Sans", sans-serif;
}
.copy-link .input-group-text {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0px;
	background-color: #ffba1f;
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	border-color: #e4a415;
	font-family: "Open Sans", sans-serif;
}
.copy-link .input-group-text:hover {
	background-color: #333;
	border-color: #111;
}
.active_room_box {
	background-color: #fffbf1 !important;
}
.callout_invitefriend {
	background-color: #fffbf1 !important;
}
.callout_invitefriend.fcrse_1.content_box .fcrse_content {
	padding: 25px 270px 25px 15px;
    background: url(../img/vriend_uitnodigen.png);
    background-repeat: no-repeat;
    background-size: 230px;
    background-position: right;
}
@media (min-width: 1200px) and (max-width: 1399px),
{
	.callout_invitefriend.fcrse_1.content_box .fcrse_content {
		padding-right: 15px;
		background-image: none;
	}
}
@media (max-width: 575px)
{
	.callout_invitefriend.fcrse_1.content_box .fcrse_content {
		background-position: bottom;
		background-image: url(../img/vriend_uitnodigen.png);
		padding-bottom: 250px;
		padding-right: 15px;
	}
}
.callout_invitefriend .fcrse_content h2 {
	font-size: 30px;
    color: #4e4a40;
    margin-bottom: 0px;
}
.callout_invitefriend .fcrse_content h3 {
	font-weight: 500;
    margin-top: 5px;
    font-size: 16px;
    color: #827a67;
	margin-bottom: 25px;
}
.callout_invitefriend .fcrse_content p {
	opacity: 0.9;
	margin-bottom: 25px;
}
.callout_invitefriend .fcrse_content .live_link {
	display: inline-block;
}
.abo-col-left p {
	margin-bottom: 30px;
	line-height: 21px;
}
.abo-col-left p strong {
	color: #545454;
}
.abo-col-left p.mb-10 {
	margin-bottom: 10px;
}
.abo-col-left .live_link {
	display: inline-block;
}
.abo-col-left li {
	font-size: 14px;
    line-height: 26px;
    color: #686f7a;
    font-family: "Open Sans", sans-serif;
	margin-bottom: 3px;
}
.abo-col-left li i {
	color: #ffba1f;
	margin-right: 5px;
}
.abo_settings .current_abo {
	margin-bottom: 30px;
    background: #fffbf1;
    padding: 13px 15px;
    border-radius: 5px;
}
.abo_settings .current_abo h2 {
	font-size: 1.2rem;
    margin-bottom: 5px;
}
.abo_settings .current_abo p {
	margin: 0px;
	opacity: 0.7;
}
.abo_settings .current_abo .right_info {
	text-align: right;
}
.abo_settings .current_abo .right_info h2 {
	font-size: 1.6rem;
    line-height: 21px;
}
.abo_settings .current_abo sup {
    top: -.5em;
    opacity: 0.4;
    font-size: 1.1rem;
    left: -.3em;
}
.abo_settings .gray_link {
	margin-left: 10px;
    height: 40px;
    background: none;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    padding: 10px 20px;
    color: #9a9a9a;
    font-family: "Open Sans", sans-serif;
}
.abo_settings .gray_link:hover {
	background: #333;
	color: #fff;
	border-color: #333;
}
#abo_options h2, #abo_history h2 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
#abo_options p, #abo_history p {
	margin-bottom: 30px;
}
#abo_options .abo_option {
    background-color: #f9f9f9;
	border-radius: 5px;
	padding: 20px 14px 14px;
	position: relative;
}
@media (max-width: 1199px)
{
	#abo_options .abo_option {
		margin-bottom: 20px;
	}
	#abo_options .abo_option li.empty {
		display: none;
	}
}
#abo_options .abo_option h3 {
	font-size: 1.3rem;
    margin-bottom: 2px;
	margin-top: 0px;
}
#abo_options .abo_option h3, #abo_options .abo_option p {
	padding: 0px 4px;
}
#abo_options .abo_option .old_price {
	margin-bottom: 5px;
    font-size: 1.1rem;
    text-decoration: line-through;
    color: #009b7e;
	font-weight: 700;
}
#abo_options .abo_option .current_price {
	font-size: 1.5rem;
    font-weight: 700;
    color: rgba(0,0,0,.87);
}
#abo_options .abo_option .extra_discount {
	margin-top: -25px;
    color: #ffba1f;
    font-size: 13px;
    font-weight: 600;
}
#abo_options .abo_option p:last-child {
	margin-bottom: 0px; 
}
#abo_options .abo_option .current_price span {
	margin-left: 5px;
	font-size: 14px;
	font-weight: 400;
	opacity: 0.6;
}
#abo_options .abo_option .abo_label {
	position: absolute;
    top: -11px;
    left: 18px;
    background: #009b7e;
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    font-family: 'Open Sans';
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 5px;
}
#abo_options .abo_option li {
	font-size: 14px;
    line-height: 26px;
    color: #686f7a;
    font-family: "Open Sans", sans-serif;
	margin-bottom: 3px;
}
#abo_options .abo_option li i {
	color: #009b7e;
	margin-right: 5px;
}
#abo_options .abo_option .button {
	background: #009b7e;
	color: #fff;
	display: block;
	padding: 12px;
	text-align: center;
	border-radius: 5px;
}
#abo_options .abo_option .button:hover {
	background: #333;
}
#abo_options .abo_option .button.busy {
	background: #aaa !important;
}
.crse14s {
	display: block;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    margin-bottom: 7px;
    line-height: 24px;
}
.crse-cate {
    display: block;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
	padding-top: 2px;
}
.purchased_badge {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #333;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 15px;
    cursor: default;
}
.cr1fot {
    margin-bottom: 0;
    margin-top: 18px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    float: left;
    color: #9e9e9e;
    text-align: left;
    line-height: 24px;
}
.auth1lnkprce {
    width: 100%;
    margin-top: 18px;
}
.auth1lnkprce:after {
  content: "";
  clear: both;
  display: table;
}
.cr1fot a {
    color: #333;
    font-weight: 500;
}
.cr1fot a:hover {
    color: #333 !important;
	text-decoration: underline !important;
}
.prce142 {
    float: right;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: right;
}
.vdtodt {
    margin-bottom: 10px;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    display: block;
}
.course_box .vdtodt {
	margin-bottom: 25px;
	font-size: 13px;
}
.vdtodt .vdt14::after {
    margin: 0 4px 0 6px;
    content: "-";
}
.vdtodt .vdt14:last-child::after{
    display: none;
	content: '';
}
.eps_dots {
    position: absolute;
    right: 0;
}
.eps_dots a {
	font-size: 20px;
    color: #afafaf !important;
}
.eps_dots a:hover {
    color: #333 !important;
}
.more_dropdown {
  display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    border: 1px solid rgba(34,36,38,.15);
	z-index: 1;
	right: 0;
	border-radius: 5px;
}
.dropdown-content span {
	color: #686f7a;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 10px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.dropdown-content span i {
	margin-right: 6px;
	font-size: 115%;
}
.dropdown-content span:hover {
	color: #333 !important;
	background-color: #fff8e8;
}
.more_dropdown:hover .dropdown-content {display: block;}
.more_dropdown:hover .eps_dots {background-color: #333;}
.course-overlay {
    position: absolute;
    top: 0;
    padding: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}
.crse_reviews {
    color: #fff;
    background: #fdcc0d;
    display: inline-block;
    padding: 3px 15px 3px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.crse_reviews i {
    margin-right: 2px;
}
.badge_seller {
	border-radius: 3px;
    font-size: 10px;
    position: absolute;
    padding: 2px 10px;
    background: #fa8305;
    border: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 10px;
    z-index: 2;
    vertical-align: baseline;
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
}
.badge_seller:after {
	background: inherit;
    content: '';
    height: 12px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 12px;
    z-index: 1;
    display: block;
    left: -5px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.crse_timer {
    bottom: 0;
    position: absolute;
    margin-bottom: 10px;
    right: 0;
    margin-right: 10px;
    color: #fff;
    background: rgba(51,51,51,0.9);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.course_box .auth1lnkprce {
	margin-top: 25px;
}
.course_box .auth1lnkprce .live_link {
	font-weight: 600;
}
.course_box .crse14s {
	font-size: 21px;
}
.course_box .progress {
	font-family: 'Roboto', sans-serif;;
	font-size: 13px;
	font-weight: 600;
	height: auto;
    background: #d8f1ec;
    color: #009b7e;
    padding: 4px 8px 3px;
}
.course_box .progress.eps_dots {
	top: 11px;
	right: 5px;
}
.course_box .expected {
	font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #ffba1f;
    background: #fff4db;
    display: inline-block;
    padding: 4px 8px 3px;
    margin-bottom: 23px;
    border-radius: 5px;
}
.play_btn1 {
	border: 0;
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    border-radius: 100%;
    padding: 15px 13px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 40%;
    right: 40%;
    opacity: 0;
    background: rgba(51, 51, 51, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.course-overlay:hover .play_btn1 {
    color: #fff !important;
	opacity: 1;
}
.featured_courses .owl-nav .owl-prev {
	left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 43%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #333 !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.featured_courses .owl-nav .owl-next {
	font-size: 20px !important;
	position: absolute;
	right: -20px;
	top: 43%;
	padding: 4px 0 !important;
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	color: #333 !important;
	background: #fff !important;
	border-radius: 100% !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.featured_courses .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.featured_courses .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.top_instrutors .owl-nav .owl-prev {
	left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 43%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #333 !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.top_instrutors .owl-nav .owl-next {
	font-size: 20px !important;
	position: absolute;
	right: -20px;
	top: 43%;
	padding: 4px 0 !important;
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	color: #333 !important;
	background: #fff !important;
	border-radius: 100% !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.top_instrutors .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.top_instrutors .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}

.section3126 {
    float: left;
    width: 100%;
}
.value_props {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    flex: 1;
    float: left;
    width: 100%;
    margin-top: 30px;
	text-align: center;
}
.value_icon {
	float: left;
	width: 100%;
}
.value_icon i {
	font-size: 36px;
    margin-right: 0;
    color: #333;
    background: #fff8e8;
    border-radius: 10px;
    padding: 10px 6px;
    display: inline-block;
}
.value_content {
    float: left;
    width: 100%;
	margin-top: 20px;
}
.value_content h4 {
    font-size: 18px;
    margin-bottom: 9px;
    display: block;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: center;
}
.value_content p {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    color: #686f7a;
	text-align: center;
}
.tutor_img {
    width: 100%;
    float: left;
	padding: 20px;
	text-align: center;
}
.tutor_img img {
    text-align: center;
    width: 100px !important;
    height: 100px !important;
    display: inline-block !important;
    border-radius: 100%;
	border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.tutor_content_dt {
	text-align: center;
	float: left;
    width: 100%;
    margin-bottom: 20px;
	padding: 0 10px;
}
.tutor_name {
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333 !important;
    text-align: center;
	position: relative;
}
.tutor150 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tutor_cate {
    font-size: 13px;
    color: #686f7a;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 17px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tutor_social_links li {
    display: inline-block !important;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 0 !important;
}
.tutor_social_links li:last-child {
    margin-right: 0;
}
.tutor_social_links li a {
    font-size: 14px;
    float: left;
    width: 35px;
    height: 36px;
    border-radius: 100%;
    text-align: center;
    padding: 9px 0;
    color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tutor_social_links li a:hover {
    color: #fff !important;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.fb {
	background: #3b5998;
}
.tw {
	background: #1da1f2;
}
.ln {
	background: #8d6cab;
}
.yu {
	background: #ff0000;
}
.sbbc145 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #FFBA1F;
    border: 0;
    height: 40px;
    padding: 0 20px;
    border-radius: 20px;
	text-align: center;
}
.sbbc145:hover {
    color: #fff;
    background: #333;
}
.sbbc146 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    background: #e9e9e9;
    border: 0;
    height: 40px;
    width: 40px;
    border-radius: 20px;
	text-align: center;
}
.tut1250 {
    font-size: 12px;
    margin-top: 20px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: center;
    display: block;
}
.tut1250 .vdt15::after {
    content: '•';
    margin: 0 4px;
}
.tut1250 .vdt15:last-child::after{
    display: none;
	content: '';
}
.fcrse_2 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
    transition: all .2s ease-in-out;
}
.prfle12link {
    float: left;
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.prfle12link:hover {
    color: #FFBA1F !important;
}
.get1452 {
	background: #fff;
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #efefef;
	position: relative;
	text-align: left;
	margin-bottom: 30px;
    background-image: url(../img/get-img.jpg);
}
.get1452 h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 13px;
}
.get1452 p {
    font-size: 14px;
    color: #f9f9f9;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 27px;
}
.Get_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    border-radius: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: #FFBA1F;
    font-size: 14px;
    font-weight: 500;
}
.Get_btn:hover {
    color: #fff;
    background: #c72127;
}
.fcrse_3 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 0;
    border-radius: 10px;
	margin-bottom: 30px;
    border: 1px solid #efefef;
    transition: all .2s ease-in-out;
}
.cater_ttle {
	float: left;
	width: 100%;
	padding: 15px 20px;
	border-bottom: 1px solid #efefef;
}
.fcrse_3 h4 {
    font-size: 16px;
    color: #333;
	float: left;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;	
}
.allcate15 {
    float: left;
    width: 100%;
}
.allcate15 li {
    display: block;
    float: left;
    width: 100%;
}
.ct_item {
    float: left;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
}
.ct_item.active {
    font-weight: 500;
	color: #333;
}
.ct_item i {
    margin-right: 10px;
    font-size: 120%;
}
.live_text {
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.live_icon {
    float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.live_icon i {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 43px;
    font-size: 30px;
    text-align: center;
    padding: 14px 0;
	background: #fff8e8;
    border-radius: 100%;
	border-bottom: 1px solid #efefef;
}
.live-content {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
}
.live-content p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin-bottom: 20px;
    color: #686f7a;
}
.livinfo {
	font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    margin-top: 15px;
    color: #686f7a;
    display: block;
}
.live_link {
    height: 40px;
    background: #FFBA1F;
    border: 0;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
	font-family: "Open Sans", sans-serif
}
.live_link.gray {
	background: #b9b9b9;
    color: #fff;
}
.live_link:hover {
	color: #fff !important;
    background: #333;
}
.live_link.bigger {
	font-weight: 600;
    padding: 12px 20px;
    height: 44px;
	display: inline-block;
}
.item_title .live_link.white_btn {
	background: #fff;
	color: #333 !important;
	border: 1px solid #e8e8e8;
}
.item_title .live_link.white_btn:hover {
	color: #fff !important;
    background: #333;
}
.fcrse_4 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #efefef;
    transition: all .2s ease-in-out;
}
.say_content {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.say_content p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'roboto', sans-serif;
    line-height: 26px;
    color: #686f7a;
    text-align: left;
}
.st_group {
    float: left;
    width: 100%;
    display: flex;
	align-items: center;
}
.stud_img {
    text-align: left;
}
.stud_img img {
    text-align: left;
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.st_group h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333 !important;
	margin-top: 0;
	margin-bottom: 0 !important;
	margin-left: 15px;
}
.Student_says .owl-nav .owl-prev {
	left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 38%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #333 !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.Student_says .owl-nav .owl-next {
	font-size: 20px !important;
	position: absolute;
	right: -20px;
	top: 40%;
	padding: 4px 0 !important;
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	color: #333 !important;
	background: #fff !important;
	border-radius: 100% !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.Student_says .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.Student_says .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.strttech120 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #efefef;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.strttech120 h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 13px;
}
.strttech120 p {
    font-size: 14px;
    color: #686f7a;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 32px;
	line-height: 26px;
}
.footer {
	background: #333;
	width: 100%;
	padding: 0;
	float: left;
}
.item_f1 {
	padding-top: 50px;
}
.item_f1 a {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding-bottom: 10px;
    color: #fff;
}
.item_f1 a:hover {
    color: #efefef !important;
}
.item_f1 a:last-child {
    padding-bottom: 0;
}
.item_f3 {
	padding-top: 50px;
}
.btn1542 {
	height: 40px;
    padding: 10px 15px;
    border: 0;
    border-radius: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: #FFBA1F;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.btn1542:hover {
    color: #fff !important;
    background: #c72127;
}
.lng_btn {
	margin-top: 20px;
}
.lng_btn a {
	height: 40px;
    padding: 10px 15px;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.lft {
	margin-right: 5px;
}
.rgt {
	margin-left: 5px;
}
.lng_btn a:hover {
    color: #fff !important;
}
.footer_bottm {
	margin-top: 50px;
	padding: 20px 0;
	border-top: 1px solid #454545;
}
.fotb_left li {
	display: inline-block;
	vertical-align: middle;
}
.footer_logo img {
    width: 30px;
	margin-right: 20px;
}
.fotb_left p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #f7f7f7;
    text-align: left;
    line-height: 24px;
}
.edu_social_links {
    text-align: right;
}
.edu_social_links a {
    padding-top: 10px;
    padding-left: 15px;
    font-size: 16px;
    display: inline-block;
    color: #f7f7f7;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.edu_social_links a:hover {
    color: #fff !important;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 	
}
.lng_btn .ui.dropdown .menu>.item {
	font-family: 'Roboto', sans-serif;
	color: #333 !important;
}
.main-loader {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.spinner {
    margin: 0 auto 0;
    width: 50px;
    text-align: center;
    height: 20px;
    border-radius: 100px;
    background-color: #fff;
    line-height: 20px;
    border: 1px solid #efefef;
    cursor: pointer;
}
.spinner > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #333;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #333;
  opacity: 0.702;
}
.spinner .bounce3 {
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
  background-color: #333;
  opacity: 0.4;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.live1452 {
    margin-bottom: 25px;
    float: left;
    width: 100%;
}
.live1452 iframe {
	width: 100%;
	height: 435px;
	border-radius: 10px;
}
@keyframes fade-in-up {
	0% {
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
.stuck {
	position: fixed;
	bottom: 20px;
	right: 20px;
	transform: translateY(100%);
	width: 260px !important;
	height: 145px !important;
	animation: fade-in-up .25s ease forwards;
	z-index: 999;
}
@keyframes example {
    0%   {background-color: red;}
    25%  {background-color: #ff7037;}
    50%  {background-color: red;}
    100% {background-color: #ff7037;}
}

.live_comment {
	padding: 0;
	float: left;
	width: 100%;
	position: relative;
	border-top: 1px solid #efefef;
}
.live_input {
    width: 100%;
    height: 50px;
    padding: 10px 60px 10px 15px;
    border: 0;
    color: #333;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    font-family: 'Roboto', sans-serif;
}
.btn_live {
	position: absolute;
    top: 5px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 0;
    background: #FFBA1F;
    font-size: 20px;
    padding: 9px 7px;
    color: #fff;
}
.btn_live:hover {
    background: #333;
	color: #fff;
}
.live_chat {
    float: left;
    width: 100%;
    height: 418px;
    overflow-y: auto;
	padding: 15px 20px;
}
.live_chat::-webkit-scrollbar {
    width:4px;
}
.live_chat::-webkit-scrollbar-thumb {
    height: 50px;
    background: hsla(0, 0%, 53.3%, 0.4);
}
.chat1 p {
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    font-size: 14px;
    color: #686f7a;
    margin-bottom: 13px;
    text-align: left;
}
.chat1 a {
    font-weight: 600;
    margin-right: 10px;
    color: #333!important;
}
.live_user_dt {
    float: left;
    width: 100%;
    display: flex;
}
.user_img5 {
    text-align: left;
}
.user_img5 img {
    text-align: left;
    width: 50px !important;
    height: 50px !important;
    display: inline-block !important;
    border-radius: 100%;
	margin-right: 15px;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.live_user_dt h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333 !important;
	margin-top: 0;
	margin-bottom: 10px !important;
}
.user_dt5 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.user_dt_left {
	float: left;
} 
.subscribe-btn {
    border: 0;
    background: #FFBA1F;
    padding: 0 20px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.subscribe-btn:active {
  outline: none;
}
.subscribe-btn:visited {
  outline: none;
}
.Subscribed-btn {
  background: #c72127 !important;
  color: white;
}
.studio-link-btn {
    border: 0;
    background: #FFBA1F;
    padding: 0 20px;
    height: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.user_dt_right {
	float: right;
} 
.user_dt_right ul li {
    display: inline-block;
}
.lkcm152 {
    display: block;
    background: #fff;
    height: 60px;
    text-align: center;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    border: 1px solid #efefef;
    border-radius: 10px;
}
.lkcm152 span {
    display: block;
	margin-top: 2px;
}
.lkcm152 i {
    font-size: 18px;
}
.slive_tabs {
	border-bottom: 0 !important;
}
.slive_tabs .nav-item.show .nav-link, .slive_tabs .nav-link.active {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #333 !important;
	border-radius: 20px;
}
.slive_tabs .nav-item {
    margin-bottom: 0 !important;
    margin-right: 10px;
}
.slive_tabs .nav-link {
    border: 1px solid #FFBA1F !important;
    border-radius: 20px !important;
	background-color: #FFBA1F !important;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.slive_tabs .nav-link:hover {
    border: 1px solid #c72127 !important;
	background-color: #c72127 !important;
	color: #fff !important;
}
.add_stream_content {
    background: #fff;
    margin-top: 30px;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #efefef;
	margin-bottom: 20px;
}
.strm_title {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #333;
    line-height: 24px;
    margin-bottom: 0;
}
.sf475 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: center;
    margin-top: 5px;
    line-height: 24px;
}
.sf475 a {
    font-weight: 500;
    color: #333;
}
.sf475 a:hover {
    color: #FFBA1F !important;
}
.stm_key {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    color: #333;
    line-height: 24px;
}
.group-form {
    margin-top: 27px;
	position: relative;
}
.group-form label {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    color: #333;
    line-height: 24px;
}
._dlor1 {
    border: 1px solid #efefef;
    background: #f7f7f7;
    height: 40px;
    width: 100%;
    padding: 0 100px 0 20px;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
}
._6tf7s {
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 30px;
    padding: 0 15px;
    background: #FFBA1F;
    color: #fff;
    border: 0;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
._6tf7s:hover {
    background: #333;
    color: #fff;
}
._145d1 {
    height: 40px;
    padding: 0 20px;
    background: #FFBA1F;
    color: #fff;
    border: 0;
	margin-top: 30px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
._145d1:hover {
    background: #333;
    color: #fff;
}
._145d1 i {
    font-size: 120%;
	margin-right: 3px;
}
.strm_title1 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    color: #333;
    line-height: 24px;
    margin-bottom: 0;
}
._1457s2 {
    margin-top: 30px;
	display: block !important;
    width: 100%;
}
.ui.toggle._1457s2.checkbox input:checked~.box:before, .ui.toggle._1457s2.checkbox input:checked~label:before {
    background-color: #FFBA1F !important;
}
.ui.toggle._1457s2.checkbox input:focus:checked~.box:before, .ui.toggle._1457s2.checkbox input:focus:checked~label:before {
    background-color: #FFBA1F !important;
}
._1457s2 label {
	font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #333 !important;
    margin-bottom: 0 !important;
}
.srch_explore {
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    color: #333 !important;	
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.07) !important;
}
.srch_explore:focus {
    border: 1px solid #333 !important;	
	box-shadow: none !important;
}
.ui.swdh11 {
    font-size: 14px !important;
    width: 100%;
}
.ui[class*="left icon"].swdh11.input>input {
    padding-left: 4.2em!important;
    padding-right: 1em!important;
	height: 50px;
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
i.icon2 {
    font-size: 20px !important;
}
._14d25 {
	float: left;
	width: 100%;
}
._bg4586 {
	padding: 60px 0 0 !important;
}
._215b01 {
	float: left;
	width: 100%;
	background: #333;
	padding: 30px 0;
}
.preview_video {
    background: #fff;
    padding: 10px;
    float: left;
    width: 100%;
    border-radius: 10px;
}
._215b02 {
    position: absolute;
    text-align: center;
    bottom: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    background: rgba(51,51,51,0.9);
    left: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 0;
}
._215b03 h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: left;
    line-height: normal;
    margin-bottom: 15px;
}
._215b04 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #f7f7f7;
    text-align: left;
    line-height: 26px;
}
._215b05 {
    margin-top: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
._215b06 {
    display: flex;
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
._215b07 {
    margin-right: 20px;
}
.caption_tooltip {
	display: inline-block;
    position: relative;
}
.caption_tooltip:hover {
	text-decoration: underline;
	color: #f7f7f7;
	cursor: pointer;
}
.caption-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 200px;
	box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    border: 1px solid rgba(34,36,38,.15);
	z-index: 1;
	right: 0;
	border-radius: 5px;
}
.caption-content span {
	color: #686f7a;
	font-size: 12px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
}
.caption-content span i {
	margin-right: 6px;
	font-size: 115%;
}
.caption_tooltip:hover .caption-content {display: block;}
._215b07 i {
	font-size: 120%;
}
._215b08 i {
	font-size: 120%;
}
._215b10 {
    width: 100%;
	float: left;
}
._215b11 {
    margin-top: 30px;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
	float: left;
	margin-right: 30px;
}
._215b11:hover {
    color: #fff !important;
}
._215b12 {
    margin-top: 30px;
    color: #f3f3f3;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
	float: left;
}
._215b12:hover {
    color: #fff !important;
}
._215b11 i {
	font-size: 120%;
	margin-right: 5px;
}
._215b12 i {
	font-size: 120%;
	margin-right: 5px;
}
._215b15 {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    background: #fff;
	margin-bottom: 17px;
}
.course_tabs {
    float: left;
    width: 100%;
	margin-top: 10px;
}
.course_tabs .nav-item {
    margin-bottom:  0 !important;
}
.course_tabs .nav-tabs .nav-item.show .nav-link, .course_tabs .nav-tabs .nav-link.active {
    color: #333 !important;
    background-color: transparent !important;
    border-color: inherit !important;
	border-top: 0 !important;
	border-bottom: 2px solid #FFBA1F !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
.course_tabs .nav-tabs {
    border-bottom: 0 !important;
}
.tab_crse .nav-link {
    border-top: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
	color: #333 !important;
	font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
}
.tab_crse .nav-link {
    padding: .5rem 1.5rem !important;
}
._215b17 {
	float: left;
    width: 100%;
}
._df7852 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333 !important;
    margin-top: 0;
	display: block;
    margin-bottom: 10px !important;
}
._df7852:hover {
    color: #333 !important;
}
._215b31 {
    width: 100%;
    margin-top: 27px;
}
._215b31 li {
    display: inline-block;
}
.btn_adcart {
    height: 40px;
    border: 0;
    padding: 0 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #FFBA1F;
	border: 1px solid #FFBA1F;
	margin-right: 6px;
}
.btn_adcart:hover {
    background: #c72127;
	border: 1px solid #c72127;
}
.btn_buy {
    height: 40px;
    border: 0;
    padding: 0 25px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: transparent;
	border: 1px solid #fff;
}
.btn_buy:hover {
	color: #fff;
    background: #c72127;
	border: 1px solid #c72127;
}
._215fgt1 {
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
._htg451 {
	margin-top: 30px;
	margin-bottom: 20px;
}
._htg452 h3 {
	font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 15px;
	color: #333;
}
._htg452 ul li {
    display: block;
    margin-bottom: 5px;
}
._htg452 ul li:last-child {
    margin-bottom: 0;
}
._5f7g11 {
    display: block;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #686f7a;
    text-align: left;
	line-height: 26px;
}
._5f7g11::before {
	content: '\f111';
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 6px;
	color: #333;
	vertical-align: bottom;
	margin-right: 10px;
	line-height: 26px;
}
._abc123 {
	display: block;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #333;
    text-align: left;
}
._htg452 p {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #686f7a;
    text-align: left;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 26px;
}
._abc124 {
	padding-left: 30px;
}
._htgdrt {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
	overflow: hidden;
}
._htgdrt h3 {
	font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 15px;
    color: #333;
}
._abcd145 li {
    padding-bottom: 10px;
}
._abcd145 li:last-child {
	padding-bottom: 0;
}
._5f7g15 {
    display: flex;
}
._5f7g15 i {
    line-height: 28px;
    font-size: 14px;
    color: #333;
}
._5f7g15 span {
    display: block;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #686f7a;
    text-align: left;
	line-height: 26px;
	margin-left: 15px;
}
.crse_content {
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.crse_content h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 15px;
    color: #333;
	float: left;
}
._112456 {
    float: right;
    padding-top: 3px;
}
.accordion-expand-holder li {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.accordion-expand-holder li:last-child {
    margin-right: 0;
}
._d1452 {
	font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 0;
    color: #333;
	cursor: pointer;
}
._d1452:hover {
    color: #FFBA1F;
}
._fgr123 {
	font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 0;
    color: #686f7a;
}
.header_right .ui.dropdown .menu {
	padding-top: 14px;
}
.ui-accordion {
    margin-top: 4px;
    float: left;
    width: 100%;
}
.accordion-header {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    border: solid 1px #efefef;
    cursor: pointer;
    height: auto;
    margin-top: 3px;
    padding: 15px 30px 15px 20px;
    background: #fff;
    border-radius: 0px;
}
.accordion-header .section-header-left {
    display: flex;
    flex-direction: column;
    flex-basis: 65%;
}
.accordion-header .section-title-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
    color: #505763;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 600;
}
.accordion-header .section-title-text {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 10px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.accordion-header .section-header-right {
    display: flex;
    justify-content: flex-end;
    color: #505763;
    flex-basis: 40%;
}
.accordion-header .num-items-in-section {
    display: block;
    margin-right: 20px;
    white-space: nowrap;
    font-size: 16px;
    color: #686f7a;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.accordion-header .section-header-length {
    text-align: right;
    width: 42%;
	font-size: 16px;
    color: #686f7a;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.crse_icon {
    font-size: 110%;
    margin-right: 5px;
}
.ui-accordion-content {
    float: left;
    width: 100%;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	background: #fff;
}
.ui-accordion-content .lecture-container {
    display: flex;
    padding: 12px 30px 12px 20px;
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    border-top: none;
    color: #686f7a;
    letter-spacing: .3px;
    line-height: 1.33;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.ui-accordion-content .left-content {
    display: flex;
    align-items: flex-start;
    width: 50%;
}
.ui-accordion-content .icon_142 {
	font-size: 18px;
    line-height: 18px;
    color: #afafaf;
}
.ui-accordion-content .top {
    flex-direction: column-reverse;
    display: flex;
    margin-left: 10px;
    width: 100%;
}
.ui-accordion-content .title {
    color: #686f7a;
    font-size: 14px;
    margin-top: -2px;
}
.ui-accordion-content .details {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: auto;
    width: 50%;
    font-size: 14px;
}
.ui-accordion-content .content-summary {
    color: #686f7a;
    flex-direction: row-reverse;
    display: flex;
    text-align: right;
    white-space: nowrap;
    width: 40%;
}
.ui-accordion-content .preview-text {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: #333;
}
.ui-accordion-content .preview-text:hover {
	color: #FFBA1F !important;
}
.btn1458 {
    float: left;
    margin-top: 5px;
    border: 1px solid #dedfe0;
    height: 50px;
    background: #e8e9eb;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
	text-align: center;
    padding: 15px 0;
}
.btn1458:hover {
    border: 1px solid #e8e9eb;
    background: #e8e9eb;
    color: #333 !important;
}
.student_reviews {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}
.reviews_left {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 30px 30px;
    border: 1px solid #efefef;
    border-radius: 10px;
}
.reviews_left h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 20px;
    color: #333;
}
.total_rating {
    display: flex;
    width: 100%;
    font-size: 16px;
    justify-items: center;
	background: #f7f7f7;
    border: 1px solid #efefef;
    padding: 10px 20px;
	border-radius: 20px;
}
._rate001 {
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 0;
    color: #333;
    margin-right: 10px;
    line-height: 22px;
}
.rating-box {
	color: #dedfe0;
	display: flex;
    flex-basis: 30%;
}
.rating-star {
	font-size: 1.3rem;
    width: 1.3rem;
    height: 1.3rem;
    position: relative;
    display: block;
    float: left;
    margin-right: 7px;
}
.full-star:before {
	color: #f2b01e;
	content: "\f005";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	left: 0;
}
.empty-star:before {
	content: "\f005";
	position: absolute;
	left: 0;
	overflow: hidden;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.half-star:before {
	color: #f2b01e;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	width: 60%;
	position: absolute;
	left: 0;
	overflow: hidden;
}
.half-star:after {
	content: '\f005';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 1.5rem;
    width: 60%;
    text-indent: -1.5rem;
}
._rate002 {
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 0;
    color: #333;
    margin-left: 10px;
    line-height: 22px;
}
._rate003 {
	
}
._rate004 {
	display: flex;
    cursor: pointer;
    height: auto;
    margin-top: 20px;
    border-radius: 0px;
}
.progress1 {
	display: flex;
    flex-basis: 50%;
	margin-right: 20px;
	height: 1.4rem !important;
}
.progress1 .progress-bar {
    background-color: #FFBA1F !important;
}
.w-70 {
    width: 70%!important;
}
.w-30 {
    width: 30%!important;
}
.w-5 {
    width: 10%!important;
}
.w-2 {
    width: 1%!important;
}
.w-1 {
    width: 0%!important;
}
.review_right {
	float: left;
	width: 100%;
}
.review_right_heading {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.review_right_heading h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    margin-bottom: 0;
    color: #333;
	float: left;
}
.review_search {
    float: right;
    width: 250px;
	position: relative;
}
.rv_srch {
    height: 34px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding-left: 15px;
    padding-right: 40px;
    width: 100%;
    border: 1px solid #efefef;
    border-radius: 20px;
	position: relative;
	top: -2px;
}
.rvsrch_btn {
    position: absolute;
    right: 3px;
    top: 2px;
    border-radius: 100%;
    border: 0;
    height: 26px;
    width: 26px;
    background: #FFBA1F;
    color: #fff;
    font-size: 14px;
}
.rvsrch_btn:hover {
    background: #333;
    color: #fff;
}
.review_all120 {
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 10px;
}
.review_item {
	padding: 20px;
	border-bottom: 1px solid #efefef;
}
.review_item:last-child {
    border-bottom: 0;
}
.review_usr_dt {
    display: flex;
	position: relative;
}
.review_usr_dt img {
    width: 50px;
	height: 50px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-right: 15px;
}
.tutor_name1 {
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333 !important;
    text-align: left;
	margin-bottom: 0;
}
.time_145 {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    display: block;
    margin-top: 5px;
}
.rvds10 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-top: 17px;
    line-height: 26px;
    color: #686f7a;
    text-align: left;
}
.rpt100 {
    display: flex;
    align-items: baseline;
}
.rpt100 span {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    line-height: 24px;
	margin-right: 10px;
}
.radio--group-inline-container {
	padding: 5px 8px 0 8px;
	border-radius: 6px;
}
.more_reviews {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.radio--group-inline-container .radio-item {
    display: inline-block;
	margin-right: 10px;
}
.radio--group-inline-container .radio-item input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radio--group-inline-container .radio-item input[type="radio"] + .radio-label:before {
	content: '';
	background: #f7f7f7;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1em;
	height: 1em;
	top: 0px;
	position: relative;
	margin-right: 10px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.radio--group-inline-container .radio-item input[type="radio"]:checked + .radio-label:before {
	background-color: #FFBA1F;
	box-shadow: inset 0 0 0 2px #f4f4f4;
}
.radio--group-inline-container .radio-item input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #0E8A86;
}
.radio--group-inline-container .radio-item input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.radio--group-inline-container .radio-item input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}
.radio-label {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 12px;
	color: #333;
	margin-bottom: 0;
	cursor: pointer;
}
.report145 {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    line-height: 24px;
    margin-left: 5px;
}
.vd_mdl .close {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #fff;
    margin-left: auto;
	z-index: 1;
}
.vd_mdl .close:hover {
    color: #fff;
}
.vd_mdl .modal-body {
    padding: 0 !important;
}
.vd_mdl .modal-content {
	border-radius: 0 !important;
}
.vd_mdl .modal-body iframe {
    width: 100%;
    height: 375px;
    margin-bottom: -5px;
}
._216b01 {
    float: left;
    width: 100%;
    background: #333;
    padding: 30px 0;
}
.dp_dt150 {
    display: flex;
	align-items: center;
}
.img148 {
    text-align: center;
}
.img148 img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}
.prfledt1 {
	margin-left: 20px;
    text-align: left;
    margin-bottom: 20px;
}
._bty149 {
    text-align: right;
}
.btn500 {
	height: 40px !important;
	padding: 0 30px !important;
}
._216b12 {
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
}
._216b12 span {
    margin-right: 5px;
}
._216b12:hover {
	color: #fafafa !important; 
}
.prfledt1 h2 {
	color: #fff;
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
}
.prfledt1 span {
	color: #fff;
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.rgt-145 {
    text-align: right;
    margin-top: 55px;
    margin-bottom: 30px;
}
._bty149 li {
    display: inline-block;
    margin-right: 5px;
}
._bty149 li:last-child {
    margin-right: 0;
}
.msg125 {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
}
._ttl120 {
    margin-top: 10px;
    border: 1px solid #4f4848;
	display: flex;
}
._ttl120 li {
    display: inline-block;
    width: 25%;
	padding: 15px 10px;
	border-right: 1px solid #4f4848;
}
._ttl120 li:last-child {
	border-right: 0;
}
._ttl121 {
    text-align: center;
    width: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
._ttl123 {
    font-size: 13px;
    margin-top: 10px;
}
.rpt145 {
	position: relative;
}
._216b22 {
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    display: none;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
}
._216b22 span {
    margin-right: 5px;
}
._216b22:hover {
	color: #fafafa !important; 
}
.cmmnt_1526{
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
	margin-bottom: 30px;
	padding: 20px;
}
.img160 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}
.cmnt_group {
    display: flex;
}
._cmnt001 {
    margin-left: 20px;
    border: 1px solid #efefef;
    width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    resize: horizontal;
    height: 40px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333;
	padding: 12px;
    border-radius: 10px;
	background: #f9f9f9;
}
.cmnt-btn {
	margin-top: 15px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #FFBA1F;
    border-radius: 25px;
    border: 0;
    height: 40px;
    padding: 0px 30px;
}
.cmnt-btn:hover {
    color: #fff;
    background: #333;
}
.rpt101 {
    display: flex;
}
.report155 i {
	font-size: 130%;
	padding: 0 5px;
}
.report155 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    line-height: 24px;
    margin-left: 5px;
}
.report155:hover {
    color: #FFBA1F !important;
}
.review_reply {
    padding-left: 50px;
}
._1frstcate {
    width: 100%;
}
._cate101 {
	position: relative;
    background: #fff;
    display: inline-block;
    height: 40px;
    text-align: left;
    padding: 10px 15px 10px 55px;
    border-radius: 10px;
    box-shadow: 0in 0.5pc 1.125pc -7px rgba(25,42,70,.13);
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
	margin-top: 40px;
}
.cate_icon1 {
    background: #FFBA1F;
    position: absolute;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
	color: #fff;
}
.cate_521 h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    line-height: 24px;
    text-align: left;
	margin-top: 50px !important;
}
.cate_option li:last-child {
    padding-bottom: 0;
}
.cate_option li {
    padding-bottom: 10px;
    display: block;
}
.cate_option li a {
    font-size: 14px;
    color: #686f7a;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-weight: 400;
}
.grp_titles {
	padding: 30px 0 15px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
.ht_title {
	font-size: 14px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	text-align: left;
	float: left;
}
.ht_clr {
	float: right;
	font-size: 14px;
    color: #333;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.ui[class*="left icon"].swdh15.input>input {
    padding-left: 4.2em!important;
    padding-right: 1em!important;
    height: 40px !important; 
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.tb_145 {
    width: 100%;
    float: left;
	margin-bottom: 30px;
}
.hstry142 .nav-pills .nav-link {
    border-radius: 2rem !important;
	font-size: 14px;
    color: #333;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	padding: 0.8rem 1.5rem;
	float: left;
	width: 100%;
}
.hstry142 .nav-pills .nav-link.active, .hstry142 .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #FFBA1F !important;
}
.nav-pills .nav-link {
	cursor: pointer;
}
.hf_img {
	width: 30%;
	float: left;
	position: relative;
}
.hf_img img {
    width: 100%;
    border-radius: 5px;
}
.hs_content {
    padding: 0px 15px 0px 20px;
    float: left;
    width: 70%;
    position: relative;
}
.eps_dots10 {
    top: 5px;
}
.mhs_title {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left;
}
.no-text {
	font-size: 14px;
    color: #686f7a;
    margin-top: 7px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	text-align: center;
	padding-top: 20px;
	margin-top: 0;
}
.wtch125 {
	margin-bottom: 8px;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    display: block;
}
.wtch125 .vdt14::after {
    content: '•';
    margin: 0 4px;
}
.wtch125 .vdt14:last-child::after{
    display: none;
	content: '';
}
a.rmv-btn {
    font-size: 14px;
    margin-top: 30px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    display: block;
    background: #FFBA1F;
    border-radius: 20px;
    text-align: center;
    padding: 10px 0;
}
a.rmv-btn:hover {
    color: #fff !important;
    background: #333;
}
a.rmv-btn i {
    margin-right: 3px;
}
.st_title {
	font-size: 20px;
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	color: #333;
}
.st_title > a {
	color: #333;
}
.st_title > a:hover {
	text-decoration: none;
	color: #FFBA1F !important;
}
.st_title .live_link {
	float: right;
    font-size: 14px;
    padding: 0px 20px;
    line-height: 40px;
    color: #fff !important;
}
.st_title .live_link:hover {
	color: #fff !important;
}
.item_title .live_link {
	float: right;
	font-size: 14px;
    padding: 0px 20px;
    line-height: 35px;
	height: 35px;
    color: #fff !important;
	position: relative;
	top: -5px;
}
.item_title .live_link:hover {
	color: #fff !important;
}
.setting_tabs {
	background: #fff;
	padding: 8px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	border-radius: 4px;
	border: 1px solid #efefef;
	position: relative;
	z-index: 1;
}
.setting_tabs .nav-pills .nav-link:hover {
	background: #fffbf1;
}
.setting_tabs .nav-pills .nav-link.active, .setting_tabs .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #FFBA1F !important;
	border-radius: 4px;
}
.setting_tabs .nav-item {
	margin-right: 5px;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
	font-size: 14px;
    margin-top: 0;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	color: #333;
}
.setting_tabs .nav-item .nav-link {
	padding: 12px 25px 12px 18px;
}
.setting_tabs .nav-item .nav-link i {
	font-size: 18px;
    margin-right: 8px;
	position: relative;
}
.tab-pane#abonnement {
	position: relative;
	z-index: 0;
	top: -230px;
	padding-top: 230px;
}
.account_setting {
    margin-top: 36px;
}
.account_setting h4 {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: 18px;
	text-align: left;
}
.account_setting p {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	color: #686f7a;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
}
.basic_profile {
    margin-top: 32px;
}
.basic_ptitle h4 {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: 16px;
	text-align: left;
}
.basic_ptitle p {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	color: #686f7a;
	font-size: 14px;
	text-align: left;
	line-height: 26px;
}
.ui[class*="left icon"].swdh19.input>input {
    padding-left: 1.2em!important;
    padding-right: 1.2em!important;
    height: 40px !important;
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.form-control-counter {
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 5px;
    color: #686f7a;
    background: #dedfe0;
    font-weight: 500;
    min-width: 34px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.ui.form.swdh30 textarea {
    background: #fff;
    border: 1px solid #e5e5e5 !important;
    outline: 0;
    color: rgba(0,0,0,.87);
    border-radius: 4px !important;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.07) !important;
}
.ui.form.swdh30 textarea:focus {
    border: 1px solid #333 !important;
    box-shadow: none;
}
.ui.form.swdh30 textarea.error, textarea.error {
	border-color: #da0b0b !important;
}
.divider-1 {
    border-top: 1px solid #e5e5e5;
    margin-top: 50px;
}
.basic_profile1 {
    margin-top: 47px;
}
.ui.label.lb12 {
    background-color: #dedfe !important;
    padding: .9999em 1.2em !important;
    color: #686f7a !important;
    border-top-left-radius: 500rem !important;
    border-bottom-left-radius: 500rem !important;
}
.ui[class*="left icon"].swdh31.input>input {
    padding-left: 1em!important;
    padding-right: 2em!important;
    height: 40px !important;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.help-block {
    display: block;
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #686f7a;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
}
.save_div {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.save_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    color: #fff;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background: #FFBA1F;
	display: block;
}
.save_btn:hover {
    color: #fff !important;
    background: #333;
}
a.save_btn {
	line-height: 40px;
}
a.save_btn.alt {
	background: #333;
	color: #fff;
}
.save_btn.disabled {
	background: #c3c3c3;
	color: #fff;
}
.ml5 {
	margin-left: 65px;
    margin-top: 5px;
}
.ui.selection.dropdown {
	min-width: 65% !important;
	max-width: 100%;
	padding-left: 16px !important;
}
.ui.selection.dropdown.noblock {
	min-width: 32% !important;
}
.ui.selection.dropdown.cntry152 {
    border: 1px solid #e5e5e5 !important;
    border-radius: 500rem !important;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1) !important;
}
.ui.selection.active.dropdown.cntry152 {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
	box-shadow: none !important;
	border: 1px solid #333 !important;
}
.ui.textarea textarea {
	min-width: 65% !important;
    max-width: 100%;
    padding: 16px;
}
.billing-percentages-progress-bar {
    margin-top: 80px;
}
.billing-percentages-progress-bar__labels li {
    width: 10%;
    display: flex;
    position: relative;
	font-size: 12px;
    color: #333;
    font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.billing-percentages-progress-bar__labels {
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}
.billing-percentages-progress-bar__profit {
    position: absolute;
    top: -50px;
}
.t5 {
    font-size: 12px;
    line-height: 18px;
}
.billing-percentages-progress-bar__label:after {
    background: #cfd8dc;
    content: "";
    height: 10px;
    position: absolute;
    top: -20px;
    width: 1px;
	left: 6px;
}
.billing-percentages-progress-bar__profit .format-currency {
    font-weight: inherit;
}
.billing-percentages-progress-bar__label_zero-level {
    color: #76d48f;
    font-weight: 700;
}
.return-departure-dts {
    color: #727272;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    margin-top: 15px;
    display: none;
}
.single-payment-method:first-child .payment-method-details {
    display: block;
}
.radio--group-inline-container_1 {
    width: 100%;
    display: flex;
}
.radio--group-inline-container_1 li {
    display: inline-block;
    width: 33.333%;
	margin-right: 20px;
}
.radio--group-inline-container_1 .radio-item_1 {
    display: inline-block;
	margin-right: 10px;
	width: 100%;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"] + .radio-label_1:before {
	content: '';
	background: #f7f7f7;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1em;
	height: 1em;
	top: 0px;
	position: relative;
	margin-right: 10px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:checked + .radio-label_1:before {
	background-color: #FFBA1F;
	box-shadow: inset 0 0 0 2px #f4f4f4;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:focus + .radio-label_1:before {
	outline: none;
	border-color: #0E8A86;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:disabled + .radio-label_1:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.radio--group-inline-container_1 .radio-item_1 input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}
.radio-label_1 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 12px;
	color: #333;
	margin-bottom: 30px;
	cursor: pointer;
	padding: 15px 20px;
    background: #fff;
    width: 100%;
	border-radius: 15px;
}
.radio-label_1:hover {
    box-shadow: -0.083333333in 0.5pc 1.125pc -7px rgba(25,42,70,.13);
    transition: all .4s ease-in-out;
}
.pymnt_title h4 {
	font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 16px;
    text-align: left;
}
.pymnt_title p {
	font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
	margin-top: 10px;
}
.pymnt_title span {
	font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
}
.pymnt_title p a:hover {
	color: inherit;
	text-decoration: underline !important;
}
.save_payout_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #FFBA1F;
}
.save_payout_btn:hover {
    color: #fff;
    background: #333;
}
.api_btn {
    margin-top: 30px;
    padding: 0 20px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #efefef;
    color: #686f7a;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.api_btn:hover {
    border: 2px solid #333;
    color: #fff;
    background: #333;
}
.nt_apt {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.nt_apt i {
    font-size: 120%;
    color: #FFBA1F;
}
.mbs20 {
	margin-bottom: 20px !important;
}
.form-group1 label {
    color: #333;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 14px;
}
.image-upload-wrap {
	border: 1px solid #efefef;
	position: relative;
	border-radius:3px;
	background-color: #fff;
	border-radius: 15px;
}
.image-dropping,
.image-upload-wrap:hover {
	background-color: #fff;
	border: 1px solid #efefef;
}
.image-title-wrap {
	padding: 0 15px 15px 15px;
	color: #847577;
}
.drag-text {
	text-align: center;
	padding: 20px 0;
}
.drag-text h4 {
	font-size:16px;
	font-weight: 500;
	text-transform: none;
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin-bottom:5px;
	margin-top: 0;
}
.drag-text p{
	font-size:12px;
	font-weight: 400;
	text-transform: none;
	color: #686f7a;
	font-family: 'Roboto', sans-serif;
	line-height:12px;
}
.drag-text i{
	font-size:24px;
	text-transform: none;
	color: #a1a1a1;
	margin-bottom:10px;
}
.file-upload-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
	cursor: pointer;
}
.report_history {
	margin-bottom: 80px;
}
.report_history h4 {
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
	color: #333;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	margin-bottom: 20px;
}
.report_history p {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: #686f7a;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	margin-bottom: 10px;
	line-height: 26px;
}
.report_history a {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	line-height: 26px;
}
.report_history a:hover {
	color: inherit;
	text-decoration: underline !important;
}
.report_history ul {
	margin-bottom: 15px !important;
	list-style: disc;
    padding-left: 20px;
}
.report_history ul li {
	margin-bottom: 5px !important;
}
.lnk586 {
	margin-bottom: 50px;
	display: block;
}
.report_history span {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: #686f7a;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	margin-bottom: 0px;
	line-height: 26px;
	display: block;
}
._215v12 {
    float: left;
    width: 100%;
    padding: 80px 0;
	background: #333;
	position: relative;
}
._215v12:before {
    content: "";
    background: url(https://cdna.iconscout.com/img/fafbb5d.svg) no-repeat bottom;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: contain;
    opacity: 0.1;
}
.help_stitle h2 {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.help_tabs .nav-link {
	font-size: 18px !important;
}
.tpc152 {
	float: left;
	width: 100%;
}
.value_props50 {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #efefef;
	box-shadow: none;
    flex: 1;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
	height: 200px;
}
.value_props51 {
    background: #fff;
    border-radius: 10px;
	border: 1px solid #efefef;
    padding: 20px;
    box-shadow: none;
    flex: 1;
    float: left;
	color: #333 !important;
    width: 100%;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
    text-align: center;
}
._new89 {
    margin-left: 0 !important;
    float: left;
    width: 100%;
}
.back_link a {
    color: #333;
    float: left;
    height: 38px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.back_link a:hover {
    color: #fff !important;
    background: #333;
    border: 1px solid #333;
}
.ml_item {
    float: left;
	width: 80%;
    text-align: center;
}
.main_logo15 {
	float: none;
    width: 135px;
    text-align: center;
    margin: auto !important;
}
.hde152 {
	display: none;
}
.title125 {
	width: 100%;
	float: left;
}
.titleleft {
	float: left;
}
.titleright {
	float: right;
}
.ttl121 .breadcrumb {
    background-color: #fff !important;
	padding: 0 !important;
}
.ttl121 .breadcrumb-item a {
	color: #333;
}
.ttl121 .breadcrumb-item {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	font-family: 'Roboto', sans-serif;
	line-height: 24px;
}
.title126 {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.title126 h2 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px !important;
    color: #333;
    text-align: left;
    line-height: 30px;
}
.frc123 {
	margin-top: 13px !important;
}
.vew120 h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 13px !important;
	text-align: left;
	color: #333;
	line-height: 26px;
}
.vew121 {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	text-align: left;
	line-height: 26px;
	color: #333;
}
.vew121:hover {
	text-decoration: underline !important;
	color: #333;
}
.ntt125 li {
	padding-bottom: 5px;
}
.ntt125 li:last-child {
	padding-bottom: 0;
}
.rqst152 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #FFBA1F;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 11px;
    height: 40px;
    border-radius: 20px;
    margin-bottom: 50px;
}
.rqst152:hover {
    color: #fff !important;
    background: #333;
}
.vew120 p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: #686f7a;
    text-align: left;
}
.mtl145 li {
    list-style: decimal;
    margin-left: 30px;
	font-family: 'Roboto', sans-serif;
}
._215cd2 {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    background: #fff;
	position: relative;
    margin-bottom: 0px;
}
._215cd2:before {
    content: "";
    background: url(../img/about/title_bg.jpg) center bottom repeat-x;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: contain;
    opacity: 0.1;
}
.title129 {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.title129 h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px !important;
    color: #333;
    text-align: center;
    line-height: 30px;
}
._215td5 {
	padding: 62px 0;
	float: left;
	width: 100%;
}
.title589 h2 {
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 17px !important;
	text-align: center;
	color: #333;
	line-height: 26px;
}
.title589 p {
	font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
	text-align: center;
	color: #686f7a;
	line-height: 26px;
	padding: 0 300px;
}
.p__metric {
	font-size: 42px;
    color: #333;
	font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-align: center;
	margin-top: 60px;
}
.p__metric span {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
	text-align: center;
	color: #686f7a;
	line-height: 26px;
	display: block;
}
.feature125 {
	text-align: center;
	margin-top: 35px;
}
.feature125 h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	margin-bottom: 13px;
	margin-top: 26px;
	text-align: center;
	color: #333;
}
.feature125 p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	margin-bottom: 0;
	color: #686f7a;
	margin-top: 0;
	text-align: center;
	line-height: 26px;
}
.feature125 i {
	font-size: 40px;
	text-align: center;
	color: #333;
	margin-bottom: 0;
}
._215zd5 {
    float: left;
    width: 100%;
	background: #fff;
	padding: 62px 0;
}
.title478 {
	padding: 62px 0 0;
}
.title478 h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px !important;
    text-align: left;
    color: #333;
    line-height: 26px;
}
.title478 p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: left;
    color: #686f7a;
    line-height: 26px;
    padding-top: 27px;
}
.story125 {
    text-align: center;
}
.story125 {
    text-align: center;
}
.jmio125 p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    margin-top: 50px !important;
    text-align: left;
    color: #686f7a;
    line-height: 26px;
}
._215xd5 {
    padding: 62px 0;
    float: left;
    width: 100%;
	background: #fff;
}
.jmio125 img {
	width: 100%;
	margin-top: 50px;
}

.crer_btn_link {
    height: 40px;
    padding: 10px 20px;
    border: 0;
    margin-top: 34px;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #FFBA1F;
	display: inline-block;
}
.crer_btn_link:hover {
    color: #fff !important;
    background: #333;
}
._205ef5 {
    padding: 0;
    float: left;
    width: 100%;
}
.blogleft12 {
	width: 100%;
}
.blogleft12 li {
	display: block;
    border-bottom: 1px solid #efefef;
}
.blogleft12 li:last-child {
    border-bottom: 0;
}
.blg152 {
	padding: 15px;
}
.category-topics {
	border-top: 1px solid #efefef;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: left;
    color: #333;
    display: block;
    padding: 15px 20px;
}
.category-topics:first-child {
	border-top: 0;
}
.category-topics:after {
    content: '\f0d7';
    font-size: 14px;
    font-family: "FontAwesome";
    float: right;
    margin-left: 30px;
    color: #a7a8aa;
}
.category-topics.collapsed:after {
    content: '\f0da'; 
    font-size: 14px;
    font-family: "FontAwesome";
    float: right;
    margin-left: 30px;
    color: #a7a8aa;
}
.category-card li {
	border: 0;
}
.category-item1 {
	border-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: left;
    color: #686f7a;
    display: block;
    padding: 10px 20px;
}
.category-item1.active {
    font-weight: 500;
    color: #333;
}
.category-item1:last-child {
    padding-bottom: 20px;
}
.socl148 {
	padding: 20px;
}
.twiter158 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: 0;
    border-radius: 20px;
    height: 30px;
    padding: 0 15px;
    width: 100%;
	background: #1da1f2;
}
.facebook158 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: 0;
    border-radius: 20px;
    height: 30px;
    padding: 0 15px;
    width: 100%;
	margin-top: 10px;
	background: #3b5998;
}
.ic45 {
	margin-right: 7px;
}
.help_link {
	padding: 15px 20px;
	text-align: center;
}
.help_link p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2px !important;
    margin-top: 0 !important;
    color: #686f7a;
    line-height: 26px;
}
.help_link a {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
}
.blog_des {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: #686f7a;
    text-align: left;
    margin-top: 15px;
	display: -webkit-box!important;
    display: -moz-box!important;
    display: box!important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blogbg_1 {
    background: #fff;
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
    box-shadow: none;
    transition: all .2s ease-in-out;
}
.main-p-pagination {
	float: left;
    margin-top: 50px;
    width: 100%;
    text-align: right;
    margin-bottom: 50px;
}
.main-p-pagination .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    text-align: right;
}
.main-p-pagination .pagination .page-link {
	font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 7px 12px;
    margin-left: 8px;
    line-height: 1.25;
    color: #686f7a;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #efefef;
    text-align: center;
	font-family: 'Roboto', sans-serif;
}
.main-p-pagination .pagination .page-link.active {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
.main-p-pagination .pagination .page-link:hover {
	background:#FFBA1F;
	border: 1px solid #FFBA1F;
	color:#fff !important;
	box-shadow:none;
}
.main-p-pagination .pagination .page-link:focus {
	box-shadow:none;
	color: inherit !important;
}
.main-p-pagination .pagination .page-link i {
	font-size:12px;
}
.blog_link {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.blog_link i {
    margin-right: 5px; 
}
.bg_blog2 img {
    width: 100%;
    margin-top: 30px;
	border-radius: 10px;
}
.vdtodt55 {
    margin-bottom: 23px;
    font-size: 14px;
    margin-top: 30px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    display: block;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}
.vdtodt55 .vdt24::after {
    content: '•';
    margin: 0 4px;
}
.vdtodt55 .vdt24:last-child::after{
    display: none;
	content: '';
}
.blog_pagination {
	float: left;
	width: 100%;
	margin-top: 30px;
    margin-bottom: 30px;
}
.bp_left {
	float: left;
	left: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    z-index: 1;
	font-family: 'Roboto', sans-serif;
}
.bp_left i {
	font-size: 24px;
	color: #333;
}
.bp_right {
	float: right;
	right: 0;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    z-index: 1;
	font-family: 'Roboto', sans-serif;
}
.bp_right i {
	font-size: 24px;
	color: #333;
}
.kslu15 {
	margin-left: 15px;
	text-align: left;
}
.prevlink {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin-bottom: 10px;
}
.kslu15:hover {
	margin-left: 5px;
	transition: margin .3s ease-out;
}
.prev_title {
	display: -webkit-box!important;
    display: -moz-box!important;
    display: box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
	color: #686f7a;
}
.kslu16 {
	margin-right: 15px;
	text-align: right;
}
.prevlink1 {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	margin-bottom: 10px;
}
.kslu16:hover {
	margin-right: 5px;
	transition: margin .3s ease-out;
}
.prev_title1 {
	display: -webkit-box!important;
    display: -moz-box!important;
    display: box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
	color: #686f7a;
}
.title484 {
    padding: 0 0 50px;
}
.title484 h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px !important;
    text-align: left;
    color: #333;
    line-height: 26px;
}
.title484 p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: left;
    color: #686f7a;
    line-height: 26px;
	margin-top: 27px;
}
.cpy_img {
	width: 100%;
	float: left;
	position: relative;
}
.cpy_img img {
    width: 100%;
    border-radius: 5px;
}
.cpy_content {
    padding: 20px 10px 10px;
    float: left;
    width: 100%;
    position: relative;
}
.branches_all {
	margin-top: 5px;
	float: left;
	width: 100%;
}
.cmpy14s {
    display: block;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    margin-bottom: 7px;
    line-height: 26px;
}
.cmpylink {
	font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    color: #686f7a;
    text-align: left;
    margin-bottom: 0;
    line-height: 26px;
	margin-top: 15px;
    display: inline-block;
}
.cmpylink:hover {
    color: #333 !important;
}
.joblink {
    margin-top: 33px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #FFBA1F;
    padding: 10px 20px;
    border-radius: 20px;
}
.joblink:hover {
    color: #fff !important;
    background: #333;
}
.story125 iframe {
	width: 100%;
    height: 300px;
}
.feature_careers .owl-nav .owl-prev {
	left: -20px;
    font-size: 20px !important;
    position: absolute;
    top: 43%;
    text-align: center;
    height: 30px !important;
    width: 30px !important;
    padding: 4px 0 !important;
    color: #333 !important;
    background: #fff !important;
    border-radius: 100% !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.feature_careers .owl-nav .owl-next {
	font-size: 20px !important;
	position: absolute;
	right: -20px;
	top: 43%;
	padding: 4px 0 !important;
	text-align: center;
	height: 30px !important;
	width: 30px !important;
	color: #333 !important;
	background: #fff !important;
	border-radius: 100% !important;
	border: 1px solid #e5e5e5 !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.feature_careers .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.feature_careers .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.career_item {
	width: 100%;
	text-align: center;
}
.career_item_img {
	width: 80px;
	height: 8 0px;
	display: inline-block;
}
.career_item img {
	-o-object-fit: fill;
    object-fit: fill;
    min-width: 100%;
    height: auto;
    border-radius: 50%;
}
.career_item h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 17px !important;
    text-align: center;
    color: #333;
    line-height: 26px;
	margin-top: 29px;
}
.career_item p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: center;
    color: #686f7a;
    line-height: 26px;
	padding: 0 200px;
}
.view-blog-link {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #333;
    text-align: left;
}
.view-blog-link:hover {
    color: #FFBA1F !important;
}
.view-blog-link i {
    font-size: 16px;
}
.apply_job_link {
	width: 100%;
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	height: 190px;
	text-align: center;
}
.apply_job_link h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px !important;
    text-align: center;
    color: #333;
    line-height: 26px;
}
.apply_job_link span {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0 !important;
    text-align: center;
    color: #686f7a;
}
.career_lnk5 {
    font-size: 14px;
    color: #fff;
    background: #FFBA1F;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 20px;
    display: inline-block;
}
.career_lnk5:hover {
    color: #fff !important;
    background: #333;
}
.career_lnk6 {
    font-size: 14px;
    color: #fff;
    background: #FFBA1F;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 0;
    display: inline-block;
}
.career_lnk6:hover {
    color: #fff !important;
    background: #333;
}
.apply_form {
	padding-top: 50px;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    margin-bottom: 50px;
}
.apply_form h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px !important;
    text-align: left;
    color: #333;
    line-height: 26px;
}
.drag-text .applyfile {
	font-size:16px;
	font-weight: 500;
	text-transform: none;
	color: #333;
	font-family: 'Roboto', sans-serif;
	margin-bottom:5px;
	margin-top: 0;
}
.apply_links_sco {
	margin-top: 50px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
}
.apply_links_sco h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px !important;
    text-align: left;
    color: #333;
    line-height: 26px;
}
.ui.selection.cntry152.dropdown {
    min-width: 100% !important;
    padding: .78571429em 2.1em 0.785714em 2em !important;
	font-family: 'Roboto', sans-serif;
	color: #333;
}
.press_news {
	margin-top: 50px;
}
.press_news h2 {
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 15px !important;
    text-align: left;
    color: #333;
    line-height: 26px;
}
.press_news p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px !important;
    text-align: left;
    color: #686f7a;
    line-height: 26px;
}
.press_item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #efefef;
}
.vdtopress {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px !important;
    text-align: left;
    color: #686f7a;
}
.press_item h4 {
	margin-bottom: 13px;
    margin-top: 14px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.press_dt_view {
    margin-top: 15px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    border-radius: 20px;
}
.press_dt_view:hover {
    color: #333 !important;
	text-decoration: underline !important;
}
.press_dt_view i {
    margin-left: 2px;
	padding-top: 5px;
}
.allnews_btn {
    display: block;
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #333;
}
.allnews_btn:hover {
    text-decoration: underline !important;
    color: #FFBA1F;
}
.press_item .press_title {
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
	color: #333;
	display: block;
}
.main_logo25 {
    float: none;
    width: 213px;
    text-align: center;
    margin: auto !important;
	padding: 50px 0;
}
.sign_in_up_bg {
    background: #fff !important;
    position: relative;
	width: 100%;
	min-height: 100%;
}
.sign_in_up_bg:before {
    content: "";
    background: url(../img/bg.png) repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: auto;
    opacity: 0.3;
}
.sign_form {
	background: #fff;
    border-radius: 5px;
    padding: 50px 50px 30px;
    box-shadow: 0px 0px 40px 0px rgb(51 51 51 / 10%);
    flex: 1;
    float: left;
    width: 100%;
    margin-top: 0;
    text-align: center;
}
.ui.form.checkbox_sign {
    text-align: left;
}
.ui.checkbox.mncheck .box, .ui.checkbox.mncheck label {
    font-family: 'Roboto', sans-serif !important;
	color: #333;
	line-height: 20px;
}
.ui.checkbox.mncheck input:checked~.box:after, .ui.checkbox.mncheck input:checked~label:after {
    opacity: 1;
    color: #FFBA1F !important;
	font-size: 10px !important;
	border-radius: 100%;
	margin-top: 0;
}
.ui.checkbox.mncheck .box:before, .ui.checkbox.mncheck label:before {
    border-radius: 100%;
	width: 18px !important;
	height: 18px !important;
	margin-top: 1px;
}
.login-btn {
	font-size: 15px;
    margin-top: 30px;
    font-weight: 500;
    font-family: "Gilroy", sans-serif;
    color: #fff;
    background: #FFBA1F;
    border-radius: 5px;
    text-align: center;
	border: 0;
	width: 100%;
    height: 52px;
	line-height: 54px;
}
.login-btn:hover {
    color: #fff;
    background: #4e4a40;
}
.sign_form h2 {
	font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family: "Gilroy", sans-serif;
	color: #4e4a40;
	text-align: center;	
}
.sign_form p {
	font-size: 14px;
    margin-bottom: 30px;
    font-weight: 400;
	color: #696969;
	text-align: center;	
	line-height: 1.74;
}
.sgntrm145 {
    padding: 35px 0 20px;
	margin-bottom: 0 !important;
    border-bottom: 1px solid #efefef;
}
.sign_footer {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding: 50px 0;
    display: block;
    float: left;
    width: 100%;
}
.sign_footer img {
    margin-right: 10px;
}
.sgntrm145 a {
    color: #FFBA1F;
}
.sgntrm145 a:hover {
	color: #FFBA1F !important;
	text-decoration: underline !important;
}
.hvsng145 a {
    color: #FFBA1F;
}
.hvsng145 a:hover {
	color: #FFBA1F !important;
	text-decoration: underline !important;
}
.ui.swdh95 {
    font-size: 14px !important;
    width: 100%;
}
.ui[class*="left icon"].swdh95.input>input {
    padding: 3px 15px 1px !important;
    min-height: 44px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
	border-radius: 5px !important;
	box-shadow: none !important;
}
.ui[class*="left icon"].swdh95.input>input:focus {
    padding: 3px 15px 1px !important;
    min-height: 44px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
	border-radius: 5px !important;
	box-shadow: none !important;
}
.social_lnk_btn {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #efefef;
    border-radius: 20px;
    text-align: center;
	border: 0;
	width: 100%;
    height: 40px;
}
.social_lnk_btn i {
	margin-right: 10px;
	font-size: 120%;
}
.color_btn_fb {
	background: #3b5998 !important;
}
.color_btn_tw {
	background: #1da1f2 !important;
}
.color_btn_go {
	background: #34a853 !important;
}
.main-tabs {
    width: 100%;
}
.main-tabs {
    margin-bottom: 50px;
}
.main-tabs .nav-tabs{
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	margin: 0;
	border-bottom: 0;
	background: #f7f7f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.main-tabs .nav-tabs .nav-item.show .nav-link, .main-tabs .nav-tabs .nav-link.active {
    color: #FFBA1F !important;
    background-color: none !important;
	border-bottom: 2px solid #FFBA1F !important;
}
.main-tabs .nav-tabs .nav-item .nav-link:hover {
    color: #333 !important;
	background: none !important;
	border-bottom: 2px solid #efefef;
	text-decoration: none !important;
}
.main-tabs .nav-tabs .nav-item {
	width: 50%;
	border-right: 1px solid #efefef;
}
.main-tabs .nav-tabs .nav-item .nav-link {
	background:transparent;
	color:#686f7a;
	font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height:24px;
	padding: 15px 10px !important;
	margin-right: 0;
	border:0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main-tabs .nav-tabs .nav-item:last-child {
	border-right: 0;
}
.memb4d25 {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
}
.membership_bg {
	background: #fff;
    width: 100%;
    float: left;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #efefef;
    box-shadow: -0.083333333in 0.5pc 1.125pc -7px rgba(25,42,70,.13);
    transition: all .2s ease-in-out;
	margin-top: 47px;
}
.tutoring_contents .membership_bg {
	margin-top: 0px;
	border-radius: 0px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	margin-bottom: 30px;
}
.membership__left h2 {
	font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2px !important;
    color: #333;
    text-align: left;
}
.membership__left p {
	margin-bottom: 30px;
}
.memmbership_price {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px !important;
    color: #FFBA1F;
    text-align: left;
    line-height: 26px;
}
.membership_bg li {
	font-size: 14px;
    line-height: 26px;
    color: #686f7a;
    font-family: "Open Sans", sans-serif;
	margin-bottom: 3px;
}
.membership_bg li i {
	color: #009b7e;
	margin-right: 5px;
}
.tutoring_contents .membership_bg .member_icon {
	text-align: center;
	height: 100px;
	margin-bottom: 50px;
}
.tutoring_contents .membership_bg .member_icon img {
	max-height: 100%;
}
.save_price {
	font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    line-height: 26px;
}
.membership_title {
    float: left;
    width: 100%;
}
.membership_des {
    float: left;
    width: 100%;
}
.membership_des p {
	font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	margin-top: 40px !important;
    color: #686f7a;
    text-align: left;
    line-height: 26px;
}
.tutoring_contents .membership_des p {
	font-family: 'Open Sans', sans-serif;
	color: #686f7a;
	font-size: 14px;
}
.panel-title > a:before {
    float: right !important;
    font-family: 'Roboto', sans-serif;
    content:"\-";
    padding-right: 0px;
	font-size: 20px;
	padding-top: 2px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\+";
}
.panel-title a {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	font-family: 'Roboto', sans-serif;
	padding: 15px 0 18px;
    display: block;
	line-height: 26px;
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.chck_icon {
	color: #FFBA1F;
	margin-right: 10px;
	font-size: 135%;
}
.panel-group {
    width: 100%;
	margin-top: 20px;
	overflow: hidden;
}
.panel-title {
    vertical-align: middle;
}
.panel-default {
    float: left;
    width: 100%;
	border-top: 1px solid #efefef;
}
.panel-default:first-child {
	border-top: 0;
}
.panel-body {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: left;
}
.panel-default-1 {
    float: left;
    width: 100%;
    border-top: 1px solid #efefef;
}
.panel-title-1 {
    vertical-align: middle;
}
.panel-title-1 a {
    font-size: 18px;
    font-weight: 500;
    color: #686f7a !important;
    font-family: 'Roboto', sans-serif;
    padding: 15px 0 18px;
    display: block;
    line-height: 26px;
}
.chck_icon_1 {
    color: #686f7a;
    margin-right: 10px;
    font-size: 135%;
}
.prmb_btn {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 0;
    background: #009b7e;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.prmb_btn:hover {
    background: #333;
    color: #fff;
}
.membership_faq_bg {
    background: #fff;
    width: 100%;
    float: left;
    padding: 0 30px 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
    box-shadow: -0.083333333in 0.5pc 1.125pc -7px rgba(25,42,70,.13);
    transition: all .2s ease-in-out;
    margin-top: 45px;
    margin-bottom: 28px;
}
.st_title5 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
}
.mb4d25 {
    float: left;
    width: 100%;
    margin-top: 47px;
    margin-bottom: 5px;
}
.membership_chk_bg {
	background: #fff;
    width: 100%;
    float: left;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #efefef;
    transition: all .2s ease-in-out;
    margin-bottom: 30px;
}
.checkout_title h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px !important;
    color: #333;
    text-align: left;
    line-height: 26px;
}
.checkout-tabs {
    width: 100%;
	margin-top: 42px;
	margin-bottom: 20px;
}
.checkout-tabs .nav-tabs{
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	margin: 0;
	border-bottom: 0;
	background: #f7f7f7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.checkout-tabs .nav-tabs .nav-item.show .nav-link, .checkout-tabs .nav-tabs .nav-link.active {
    color: #FFBA1F !important;
    background-color: none !important;
	border-bottom: 2px solid #FFBA1F !important;
}
.checkout-tabs .nav-tabs .nav-item .nav-link:hover {
    color: #333 !important;
	background: none !important;
	border-bottom: 2px solid #efefef;
	text-decoration: none !important;
}
.checkout-tabs .nav-tabs .nav-item {
	width: 33.333%;
	text-align: center;
	border-right: 1px solid #efefef;
}
.checkout-tabs .nav-tabs .nav-item .nav-link {
	background:transparent;
	color:#686f7a;
	font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height:24px;
	padding: 15px 10px !important;
	margin-right: 0;
	border:0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.checkout-tabs .nav-tabs .nav-item:last-child {
	border-right: 0;
}
.check_icon5 {
	font-size: 120%;
	margin-right: 5px;
}
.lbel25 label {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px !important;
    color: #333;
    text-align: left;
	display: block;
}
.t-body {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px !important;
    color: #686f7a;
	line-height: 26px;
    text-align: left;
	margin-top: 25px !important;
}
.media {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.media>div:first-child {
    margin-right: 1em;
}
.media__item {
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.media__body {
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.financial-institutes {
    display: inline-block;
    list-style: none;
    line-height: 0;
}
.financial-institutes__logo {
    display: inline-block;
    margin: 0 1px 5px 0;
}
.financial-institutes__logo img {
	width: 48px;
	height: 30px;
}
.t2-body {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px !important;
    color: #686f7a;
	line-height: 26px;
    text-align: left;
	margin-top: 0px !important;
}
.chckout_order_dt {
    margin-top: 34px;
    width: 100%;
	border-top: 1px solid #efefef;
	padding-top: 30px;
}
.order_dt_section {
	float: left;
	width: 100%;
    margin-top: 7px;
}
.order_title {
	float: left;
	width: 100%;
	padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.order_title h4 {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	color: #333;
	float: left;
	margin-bottom: 0;
	line-height: 24px;
	width: 70%;
	text-align: left;
}
.order_title .order_price {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: #686f7a;
	text-align: right;
	float: right;
	width: 30%;
	margin-bottom: 0;
}
.order_title h6 {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	color: #686f7a;
	float: left;
	width: 70%;
	text-align: left;
	line-height: 24px;
	margin-bottom: 0;
}
.chckot_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    margin-top: 30px;
    float: right;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #FFBA1F;
	display: block;
}
.chckot_btn:hover {
    color: #fff !important;
    background: #333;
}
.save_address_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    margin-top: 30px;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #FFBA1F;
    display: block;
}
.save_address_btn:hover {
    color: #fff !important;
    background: #333;
}
.address_text {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: #686f7a;
	float: left;
	width: 100%;
	text-align: left;
	line-height: 24px;
	margin-top: 10px;
}
.order_title h3 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    float: left;
    width: 70%;
    text-align: left;
    line-height: 24px;
    margin-bottom: 0;
}
.order_title h2 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    float: left;
    width: 70%;
    text-align: left;
    line-height: 24px;
    margin-bottom: 0;
}
.order_title .order_price5 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: right;
    float: right;
    width: 30%;
    margin-bottom: 0;
}
.scr_text {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: center;
    float: left;
    width: 100%;
	margin-top: 27px;
}
.scr_text i {
	font-size: 120%;
	margin-right: 5px;
}
.rght1528 {
    position: sticky;
    top: 90px;
}

.coming_soon_wrapper {
	margin-left: 0;
    margin-top: 0;
    padding: 0 !important;
}
.coming_soon_style {
    background-color: #333 !important;
    background-image: -moz-radial-gradient(center center, circle cover, #333333, #0d1218 100%) !important;
    background-image: -webkit-radial-gradient(center center, circle cover, #333333, #0d1218 100%) !important;
    background-image: -o-radial-gradient(center center, circle cover, #333333, #0d1218 100%) !important;
    background-image: -ms-radial-gradient(center center, circle cover, #333333, #0d1218 100%) !important;
    background-image: radial-gradient(center center, circle cover, #333333, #0d1218 100%) !important;
}
.cmtk_group {
    width: 100%;
    padding: 100px 0;
}

.ct-logo {
    width: 100%;
    text-align: center;
}
.ct-logo img {
    width: 150px;
}
.cmtk_dt {
    padding: 106px 0 117px;
	text-align: center;
}
.thnk_coming_title {
	font-size: 10em;
    font-weight: 600;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1em;
    text-shadow: 1px 10px 6px rgba(0,0,0,0.2);
    padding-bottom: 29px;
    margin-top: 0;
}
.thnk_title1 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 26px;
	margin-top: 0;
	text-shadow: 1px 10px 6px rgba(0,0,0,0.2);
}
.thnk_des {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	line-height: 26px;
	margin-top: 0;
	text-shadow: 1px 10px 6px rgba(0,0,0,0.2);
	margin-top: 30px;
	margin-bottom: 0;
}
.thnk_des span {
	color: #fe807e;
}
.thnk_des a {
	color: #FFBA1F;
}
.thnk_des a:hover {
	color: #FFBA1F !important;
	text-decoration: underline !important;
}
.tc_footer_main {
	float: left;
	width: 100%;
	margin-top: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #333; 
}
.tc_footer_left ul li {
    display: inline-block;
}

.tc_footer_left {
	float: left;
}
.tc_footer_left a {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    line-height: 24px;
    padding: 10px 10px 0;
    color: #fff;
}
.tc_footer_left a:hover {
    color: #fff !important;
	text-decoration: underline !important;
}
.tc_footer_right {
    float: right;
}
.tc_footer_right p {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    line-height: 24px;
}

.no-padding {
    padding: 0 !important;
}
.no-float {
    float: none !important;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 75px;
}
.noti-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
	margin-top: 41px;
}
.cmtk_dt .clock {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.cmtk_dt .clock li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    width: 22%;
}
.cmtk_dt .clock li span {
    font-weight: 600;
    font-size: 8em;
    color: #fff;
    line-height: 1em;
	display: block;
    font-family: "Roboto", sans-serif;
}
.cmtk_dt .clock, .cmtk_dt .social-icons a:hover {
    text-shadow: 1px 10px 6px rgba(0,0,0,0.2);
}
.cmtk_dt .clock li label {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: normal;
    color: #fff;
	font-family: 'Roboto', sans-serif;
	height: 20px;
    margin: 10px 0 0;
    line-height: 20px;
}
.cmtk_dt .clock li.sep {
    font-size: 5.5em;
    font-weight: 600;
	color: #fff;
    font-family: 'Roboto', sans-serif;
    padding: 0 0 38px 0;
    width: 4%;
}
.ui[class*="left icon"].thykh19.input>input {
    padding-left: 2em!important;
    padding-right: 8em!important;
    height: 50px !important;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	border: 2px solid #fff !important;
	background: #f1f1f1;
}
.ui[class*="left icon"].thykh19.input>input:focus {
	border: 2px solid #fff !important;
}
.noti-btn {
	font-weight: 500;
	color: #fff;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
	text-align: center;
	background: #FFBA1F;
	border-radius: 20px;
	height: 40px;
	border: 0;
	padding: 0 20px;
	position: absolute;
    top: 5px;
    right: 5px;
}
.title_404 {
    font-size: 14em;
    font-weight: 600;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1em;
    text-shadow: 1px 10px 6px rgba(0,0,0,0.2);
    padding-bottom: 29px;
    margin-top: 0;
}
.bk_btn {
	font-weight: 500;
	color: #fff;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
	text-align: center;
	background: #FFBA1F;
	border-radius: 20px;
	height: 40px;
	border: 0;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 25px;
}
.bk_btn:hover {
	color: #fff !important;
	background: #FFBA1F;
	box-shadow: 1px 10px 6px rgba(0,0,0,0.2);
}
.ttrm15 {
    float: left;
    width: 100%;
}
.ttrm15 li {
    display: block;
    float: left;
    width: 100%;
	padding: 15px 20px;
    border-bottom: 1px solid #efefef;
}
.ttrm15 li:last-child {
    border-bottom: 0;
}
.tt_item {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
}
.atlink {
	font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	font-style: italic;
    line-height: 26px;
    color: #333;
    text-align: left;
	margin-bottom: 20px;
}
.vew120 .term_link14 {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    color: #333;
    text-align: left;
}
.vew120 .term_link14:hover {
    color: #333 !important;
	text-decoration: underline !important;
}
 
.contact1256 {
    float: left;
    width: 100%;
	margin-top: 17px;
	margin-bottom: 64px;
}
.contact_link_step {
	background: #fff;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #efefef;
    box-shadow: -0.083333333in 0.5pc 1.125pc -7px rgba(25,42,70,.13);
    width: 100%;
    margin-top: 30px;
    text-align: center;
	display: block;
}
.contact_link_step img {
    width: 70px;
}
.contact_link_step h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: #333;
    text-align: center;
	margin-top: 24px;
}
.contact_map {
	background: #fff;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #efefef;
    box-shadow: none;
    width: 100%;
    margin-top: 64px;
    text-align: center;
}
.contact_map #map {
    width: 100%;
    height: 350px;
}
.contact_map #map svg g {
    fill: #FFBA1F !important;
}
.contact_info {
    margin-top: 64px;
}
.contact_list_info {
	float: left;
    width: 100%;
	margin-top: 28px;
}
.contact_list_info li {
	display: block;
	padding-bottom: 10px;
	float: left;
    width: 100%;
}
.contact_list_info .txt_cntct {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    color: #686f7a;
    text-align: left;
	float: left;
    width: 100%;
}
.contact_list_info .cntct_895 i {
    font-size: 120%;
}
.edututs_links_social {
	float: left;
    width: 100%;
    margin-top: 24px;
}
.contact_list_info .cntct_895 {
    float: left;
    width: 35%;
    color: #333;
    font-weight: 500;
}
.contact_list_info .txt_cntct p {
    width: 65%;
    float: left;
    line-height: 26px;
}
._215certibg {
    float: left;
    width: 100%;
    padding: 80px 0;
    background: #333;
    position: relative;
}
._215certibg:before {
    content: "";
    background: url(../img/cerificate_center/center_bg.jpg) no-repeat bottom;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.1;
}
.cert_banner_text {
	text-align: center;
}
.cert_banner_text h1 {
	font-size: 60px;
    font-weight: 600;
	font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
.cert_banner_text p {
	font-size: 24px;
    margin-bottom: 0;
    font-weight: 400;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #fff;
}
.certi_icons {
	padding-top: 56px;
}

.certi_icons li {
	display: inline-block;
}
.edttslogo img {
    width: 135px;
}
.edttsplus img {
    width: 80px;
	margin: 0 40px;
}
.edttslogo1 img {
    width: 150px;
}
.certi-btn {
    margin-top: 80px;
    border: 0;
    height: 50px;
    text-align: center;
    padding: 0 100px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border-radius: 30px;
    background: #FFBA1F;
}
.title889 h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 7px !important;
    text-align: center;
    color: #333;
    line-height: 26px;
}
.catey-tabs {
    margin-top: 35px;
}
.catey-tabs .nav-pills .nav-link.active, .catey-tabs .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #FFBA1F !important;
	border-radius: 20px;
}
.catey-tabs .nav-pills .nav-link:focus, .catey-tabs .nav-pills .nav-link:hover {
    color: #fff !important;
    background-color: #FFBA1F !important;
	border-radius: 20px;
}
.catey-tabs .nav-pills .nav-item {
    margin: 0 2px;
}
.certicates {
    margin-top: 0;
}
.certilink__152 {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #efefef;
    padding: 20px;
    box-shadow: none;
    flex: 1;
    float: left;
    color: #333 !important;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 30px;
    text-align: center;
}
.certilink__152:hover {
    color: #fff !important;
	background: #FFBA1F ;
}
._485td5 {
    padding: 62px 0;
    float: left;
    width: 100%;
	position: relative;
	background: #333;
}
._485td5:before {
    content: "";
    background: url(../img/sign.svg) no-repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.06;
}
.titleceti89 h2 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 17px !important;
    text-align: center;
    color: #fff;
    line-height: 26px;
}
.who_get {
    text-align: center;
    margin-top: 43px;
}
.who_img {
    width: 150px;
    height: 150px;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
	padding: 23px 0;
	border: 5px solid #fff;
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
}
.who_get img {
    width: 90px;
}
.who_get h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin-top: 27px;
    text-align: center;
    line-height: 26px;
}
.knowledge_dts {
	text-align: center;
	margin-top: 30px;
}
.knowledge_dts p {
	font-size: 14px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    color: #686f7a;
    text-align: center;
}
.knowledge_btn {
    margin-top: 23px;
    border: 0;
    height: 50px;
    text-align: center;
    padding: 0 100px;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border-radius: 30px;
    background: #FFBA1F;
}
.knowledge_btn:hover {
    color: #fff;
    background: #333;
}
.certi_form {
    float: left;
    width: 100%;
    margin: 50px 0 65px;
}
.category_cop {
	float: left;
	width: 100%;
	text-align: left;
}
.category_cop h4 {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-top: 35px !important;
    text-align: left;
    line-height: 26px;
	margin-bottom: 0;
}
.panel-title10 {
    vertical-align: middle;
}
.panel-title10 > a:before {
    float: right !important;
    font-family: 'Roboto', sans-serif;
    content:"\-";
    padding-right: 0px;
	font-size: 18px;
	padding-top: 2px;
}
.panel-title10 > a.collapsed:before {
    float: right !important;
    content:"\+";
}
.panel-title10 a {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	font-family: 'Roboto', sans-serif;
	padding: 15px 0 18px;
    display: block;
	line-height: 26px;
}
.panel-title10 > a:hover, 
.panel-title10 > a:active, 
.panel-title10 > a:focus  {
    text-decoration:none;
}
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: #FFBA1F !important;
}
.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
    background-color: #FFBA1F !important;
}
.testtrm145 {
    padding: 20px 0 10px;
    margin-bottom: 0 !important;
    float: left;
    width: 100%;
    text-align: left !important;
}
.testtrm145 a {
    color: #FFBA1F;
}
.testtrm145 a:hover {
	color: #333 !important;
    text-decoration: underline !important;
}
.questrm145 {
    padding: 33px 0 5px;
    margin-bottom: 0 !important;
}
.questrm145 span {
    color: #FFBA1F;
	margin: 0 2px;
}
.test_timer_bg {
	background: #fff;
    width: 100%;
    float: left;
    padding: 0;
    border-radius: 10px;
    margin-bottom: 50px;
    border: 1px solid #efefef;
    transition: all .2s ease-in-out;
}
.test_timer_left {
	width: 100%;
    float: left;
	display: flex;
}
.test_timer_left li {
	width: 50%;
    float: left;
	display: inline-block;
	padding: 30px 20px;
	border-right: 1px solid #efefef;
}
.test_timer_left li:last-child {
	border-right: 0;
}
.timer_time {
	float: left;
	width: 100%;
	text-align: center;
}
.timer_time h4 {
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-bottom:15px;
    text-align: center;
    line-height: 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    border: 2px solid #333;
    border-radius: 100%;
    padding: 35px 0;
	background: #fff ;
}
.timer_time p {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-top: 0;
    text-align: center;
    line-height: 26px;
}
.ques_item {
	margin-bottom: 35px;
}
.ques_item:last-child {
	margin-bottom: 0;
}
.ques_title {
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    line-height: 28px;
	margin-top: 0;
	margin-bottom: 24px;	
}
.ques_title span {
    font-weight: 600;
	margin-right: 10px;
}
.ques_item label {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
	color: #686f7a;
}
.test_submit_btn {
    height: 40px;
    padding: 0 20px;
    border: 0;
    margin-top: 30px;
    float: left;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: #FFBA1F;
    display: block;
}
.test_submit_btn:hover {
    color: #fff !important;
    background: #333;
}
.test_result_bg {
    width: 100%;
    float: left;
}
.test_result_left {
	width: 100%;
    float: left;
	display: flex;
}
.test_result_left li {
	width: 33.333%;
    float: left;
	display: inline-block;
	padding: 0;
}

.result_dt {
	float: left;
	width: 100%;
	text-align: center;
}
.result_dt h4 {
	font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin-bottom:15px;
    text-align: center;
    line-height: 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    border: 2px solid #57a4ff;
    border-radius: 100%;
    padding: 35px 0;
	background: #57a4ff ;
}
.result_dt .right_ans {
	font-size: 50px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin-bottom:15px;
    text-align: center;
    line-height: 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    border: 2px solid #01b200;
    border-radius: 100%;
    padding: 26px 0;
	background: #01b200 ;
}
.result_dt .wrong_ans {
	font-size: 46px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    margin-bottom:15px;
    text-align: center;
    line-height: 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    border: 2px solid #fb3838;
    border-radius: 100%;
    padding: 26px 0;
	background: #fb3838 ;
}
.result_dt p {
	font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-top: 0;
    text-align: center;
    line-height: 26px;
}
.result_dt span {
    color: #686f7a;
    margin-left: 5px;
	font-weight: 400;
}
.result_content {
	margin-top: 57px;
    float: left;
    width: 100%;
    text-align: center;
}
.result_content h2 {
	font-size: 42px;
    font-weight: 600;
    color: #333;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding-bottom: 15px;
    margin-top: 0;
}
.result_content p {
    font-size: 20px;
    font-weight: 400;
    color: #686f7a;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-top: 0;
}
.download_btn {
	font-weight: 500;
	color: #fff;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
	text-align: center;
	background: #FFBA1F;
	border-radius: 20px;
	height: 40px;
	border: 0;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 25px;
}
.download_btn:hover {
	color: #fff !important;
	background: #333;
}
.result_stitles {
    padding: 0px 0 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.rs6t_title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    float: left;
}
.filter__counter {
	color: #686f7a;
	margin-left: 5px;
}
.rating_filter i {
	font-size: 18px;
    margin: 0 -3px;
    color: #fdcc0d;
}
.filter_selector {
    float: right;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-weight: 400;
}
.ui.inline.dropdown.flt145>.text {
    font-weight: 500 !important;
	font-family: 'Roboto', sans-serif;
}
.invoice_header {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 60px !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
	box-shadow: none !important;
}
.invoice_header_item {
    float: left;
    width: 100%;
    text-align: center;
}
.invoice_logo {
    float: left;
    width: 135px;
}
.invoice_logo img {
    width: 100%;
}
.invoice_header_item p {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 5px 0;
    float: right;
}
.invoice_body {
	padding: 50px 30px;
    background: #fff;
    float: left;
    width: 100%;
}
.invoice_date_info {
    float: right;
    width: 100%;
}
.invoice_date_info ul {
    float: right;
}

.invoice_date_info ul li {
    display: block;
    margin-bottom: 5px;
}
.vdt-list {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    line-height: 24px;
}
.vdt-list span {
    color: #333;
    margin-right: 10px;
}
.invoice_header_main {
    background: #333;
    float: left;
    width: 100%;
    height: 60px;
    display: flex !important;
    align-items: center !important;
    padding: 30px;
}
.invoice_dts {
    float: left;
    width: 100%;
	margin-top: 35px;
}
.invoice_title {
	float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
}
.vhls140 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.vhls140 h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-align: left;
    margin-bottom: 15px;
}
.vhls140 ul li {
    display: block;
    margin-bottom: 5px;
}
.vhls140 ul li:last-child {
    margin-bottom: 0;
}
.vdt-list {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    line-height: 24px;
}
.invoice_table {
    float: left;
    width: 100%;
    margin-top: 50px;
    background: #fafafa;
	border-radius: 5px;
}
.invoice_table .table {
    margin-bottom: 0 !important;
}
.invoice_table .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #efefef !important;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    font-family: 'Roboto', sans-serif;
    padding: 15px 20px;
}
.invoice_table .table td, .invoice_table .table th {
    padding: 20px !important;
    vertical-align: top !important;
    border-top: 0 !important;
}
.user_dt_trans {
	font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #686f7a;
    text-align: left;
    line-height: 24px;
}
.jsk1145 {
    text-align: right;
}
.jsk1145 .totalinv2 {
	font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #242424;
    margin-bottom: 0px;
	margin-bottom: 10px;
}
.invoice_footer {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.invoice_table .table td {
    border-top: 1px solid #efefef !important;
}
.invoice_footer {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.leftfooter {
    float: left;
}
.leftfooter p {
    font-size: 14px;
    color: #757575;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: left;
}
.righttfooter {
    float: right;
}
.print_btn {
	float: right;
	height: 40px;
	background: #FFBA1F;
	padding: 11px 30px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 20px;
}
.print_btn:hover {
	background: #333;
	color: #fff !important;
}
.line-title {
    padding-top: 20px;
    margin-bottom: 6px;
}
.night_mode_switch__btn {
    border-bottom: 1px solid #efefef;
}
.night_mode_switch__btn a {
    display: block;
    font-size: 14px;
    transition: 0.3s;
    font-weight: 500;
	font-family: 'Roboto', sans-serif;
    border-radius: 10px;
    color: #333;
    padding: 15px;
    position: relative;
	display: flex;
    align-items: center;
	min-width: 220px;
}
.night_mode_switch__btn a i {
    font-size: 120%;
	height: 30px;
	Width: 30px;
	background: #fff8e8;
	border-radius: 100%;
	margin-right: 10px;
	padding: 6px 4px 0;
	display: inline-block;
}
.btn-night-mode .btn-night-mode-switch {
    display: inline-block;
    height: 18px;
    width: 37px;
    top: 35%;
    right: 13px;
    position: absolute;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input:-internal-autofill-selected {
	background: #fff !important;
	-webkit-box-shadow: 0 0 0 50px white inset;
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}
.col-form-label {
	font-weight: 600;
}
.ui.input {
	width: 100%;
}
.ui.input>input {
	min-width: 50%;
	flex: 0 0 auto !important;
}
.ui.input>input.block {
	flex: 1 0 auto !important;
}
textarea.block {
	width: 100%;
	padding: 15px;
}
.ui.selection.dropdown.block {
	min-width: 100% !important;
}
.alert {
	border-radius: 5px !important;
	text-align: left;
	font-family: "Open Sans", sans-serif;
}
.alert-danger {
	color: #e01515;
    background-color: #fff6f6;
    border-color: #ffcfcf;
}
.alert-danger a {
	color: #e01515;
	font-weight: 600;
	text-decoration: underline;
}
.alert-success {
    color: #1a9e38;
    background-color: #f2fff5;
    border-color: #ccecd3;
}
.alert-success p {
	color: #1a9e38;
}
.alert-success p:last-child {
	margin-bottom: 0px;
}
.alert-success a {
	color: #1a9e38;
	font-weight: 600;
	text-decoration: underline;
}
.tutoring_contents .alert {
	font-family: "Open Sans", sans-serif;
}
.intro {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.outro {
	padding-top: 20px;
	border-top: 1px solid #eee;
	margin-top: 20px;
}
.avatar_options {
	margin-top: 30px;
}
.avatar_option {
	cursor: pointer;
	width: 50px;
	height: 30px;
	border: 1px solid #fff;
	display: inline-block;
	-webkit-box-shadow: 0px 0px 0px 1px #afafaf;
	-moz-box-shadow: 0px 0px 0px 1px #afafaf;
	box-shadow: 0px 0px 0px 1px #afafaf;
	margin-right: 10px;
	margin-bottom: 10px;
}
.avatar_option.big {
	width: 75px;
	height: 80px;
	text-align: center;
}
.avatar_option.shade {
	background: #e0e0e0;
}
.avatar_option.active {
	-webkit-box-shadow: 0px 0px 0px 3px #ffba1f;
	-moz-box-shadow: 0px 0px 0px 3px #ffba1f;
	box-shadow: 0px 0px 0px 3px #ffba1f;
}
.avatar_option.big img {
	max-width: 100%;
	max-height: 80px;
}
.table-white .table thead th, .table-white .table td {
	background: #fff;
	border-top: 1px solid #efefef;
}
.table-white .table thead th {
	padding: 17px 10px 15px !important;
	line-height: 20px;
	color: #333;
	font-size: 16px;
    font-weight: 700;
	font-family: "Gilroy",'Helvetica Neue',Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #efefef;	
}
.table-white .table thead th:first-child, .table-white .table td:first-child {
	border-left: 1px solid #efefef;
}
.table-white .table thead th:last-child, .table-white .table td:last-child {
	border-right: 1px solid #efefef;
}
.table-white .table tbody tr:last-child td {
	border-bottom: 1px solid #efefef;
}
.table-white .table tbody tr td {
	font-size: 14px;
	color: #525252;
	padding: 12px 10px;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
}
.slim-table.table-white .table tbody tr td {
	padding: 5px 10px;
}
.slim-table.table-white .table tbody tr:hover td {
	background: #f7f7f7;
}
.table-white .table .uil {
	font-size: 18px;
	line-height: 18px;
	position: relative;
	top: 1px;
}
.table-white .table .gray-s {
    font-size: 18px;
    color: #686f7a;
    margin-right: 5px;
}
.table-white .table .gray-s:last-child {
    margin-right: 0;
}
.table-white .table .gray-s:hover {
	color: #FFBA1F !important;
}
.table-white .table.course_level {
	margin-bottom: 0px;
}
.table-white.table-thin .table tbody tr td {
	padding: 5px 10px;
}
.table-white.table-thin .table thead th {
	padding: 5px 10px !important;
}
.green-icon {
	color: #42da1c;
}
.red-icon {
	color: #de3333;
}
.grey-icon {
	opacity: 0.5;
}
.card_dash {
    background: #fff;
    margin-top: 0px;
    float: left;
    width: 100%;
    border-radius: 0px;
	padding: 20px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.card_credits .card_dash {
	box-shadow: none;
}
.card_dash_left {
    float: left;
}
.card_dash_right {
    float: right;
	padding: 15px 0;
}
.card_dash_right img {
    width: 70px;
}
.card_dash_left h5 {
    font-size: 16px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: left;
}
.card_dash_left h2 {
    font-size: 24px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 0;
}
.card_dash_left span {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #efefef;
    padding: 5px 10px;
    border-radius: 10px;
	color: #fff;
}
.card_dash_row {
	display: table;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 15px;
}
.card_dash_row:last-child {
	margin-bottom: 0px;
}
.card_dash_row > div {
	display: table-cell;
}
.card_dash_row .card_dash_row_icon {
	font-size: 18px;
	width: 42px;
}
.card_dash_row .card_dash_row_icon > div {
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 4px;
}
.card_dash_row .card_dash_row_icon .green {
	background: rgba(40,199,111,.12);
	color: #28c76f;
}
.card_dash_row .card_dash_row_icon .teal {
	background: rgba(0,207,232,.12);
	color: #00cfe8;
}
.card_dash_row .card_dash_row_icon .orange {
	background: #fff5dd;
	color: #FFBA1F;
}
.card_dash_row .card_dash_row_text {
	font-size: 15px;
	vertical-align: middle;
	font-weight: 600;
	padding-left: 15px;
}
.card_dash_row .card_dash_row_text span {
	display: block;
	font-size: 13px;
	opacity: 0.8;
	font-weight: 400;
}
.card_dash_row .card_dash_row_number {
	text-align: right;
	line-height: 42px;
	vertical-align: middle;
	font-weight: 600;
	font-size: 15px;
}
.card_dash_row .card_dash_row_number.green {
	color: #28c76f;
}
.card_dash_row .card_dash_row_number.teal {
	color: #00cfe8;
}
.card_dash_row .card_dash_row_number.orange {
	color: #FFBA1F;
}
.card_credits {
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	border-radius: 5px;
	overflow: hidden;
}
.card_credits a {
	color: #009b7e;
}
.card_credits a:hover {
	color: #333;
}
.card_credits .card_dash h2 {
	font-size: 30px;
	margin-bottom: 10px;
	color: #009b7e;
}
.card_credits .card_dash h5 {
	margin-top: 10px;
	color: #656565;
	font-weight: 400;
}
.card_credits .card_dash .card_dash_right {
	padding: 0px;
}
.card_credits .credits_btn {
	background: #009b7e;
    display: block;
    color: #fff;
    clear: both;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
}
.card_credits .credits_btn:hover {
	color: #fff !important;
	background: #333;
	text-decoration: none;
}
.card_credits .credits_info {
	padding: 20px;
	background: #fff;
	position: relative;
	top: -1px;
}
.card_credits .credits_info h6 {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
}
.ui.search {
	text-align: left;
}
.ui.search label {
	font-size: 14px;
	color: #757575;
	display: block;
	font-family: 'Open Sans', sans-serif;
}
.ui.search label i {
	float: right;
    font-size: 14px;
    opacity: 0.6;
}
.ui.search .prompt {
	border-radius: 4px !important;
}
.register_check label {
	margin-left: 10px;
	display: inline;
}
.register_check input {
	position: relative;
	top: 1px;
}
.ui[class*="left icon"].swdh19.input>input.file_clean {
	border: 0px;
    padding-left: 0px !important;
}
.img300 {
	width: 100%;
	max-width: 300px;
}
.exercise_box {
	padding: 0px !important;
}
.exercise_box input[type="file"] {
	font-size: 12px;
}
.exercise-photo-guess {
	padding: 15px;
}
.exercise-photo-guess .the_photo {
	width: 100%;
	height: 250px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
}
.exercise-photo-guess .vertical_helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.exercise-photo-guess .the_photo img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	margin: 0px auto;
}
.exercise-photo-guess .sentence_input {
	width: 100%;
}
.table-responsive {
	border-radius: 4px;
	margin-bottom: 1rem;
}
.table-responsive .table {
	margin-bottom: 0px;
}
.options_right {
	padding: 20px 65px 20px 15px;
	position: relative;
}
.options_right .options {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 50px;
	height: 100%;
}
.options_right .options a {
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	display: block;
	height: 50%;
	border-left: 1px solid #efefef;
	color: #333;
	font-size: 18px;
	vertical-align: middle;
}
.options_right .options a:last-child {
	border-top: 1px solid #efefef;
	top: 50%;
}
.options_right .options a:hover {
	background: #333;
	color: #fff !important;
}
.options_right .options a i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.small-img {
	max-width: 100%;
	height: 48px;
}
.icon_buttons a {
	display: inline-block;
	padding: 10px 5px;
	color: #333;
}
.icon_buttons a:hover {
	color: #FFBA1F !important;
}
.tutoring_contents h3 {
	font-size: 21px;
	color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
	margin-bottom: 2rem;
}
.tutoring_contents h3 .live_link {
	float: right;
	font-size: 14px;
	line-height: 21px;
    color: #fff;
}
.tutoring_contents p {
	font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    font-weight: 400;
    color: #686f7a;
}
.tutoring_contents .table-white .table tbody tr td, .tutoring_contents .table-white .table thead th {
	padding: 15px 20px !important;
}
.fat_btn {
	font-weight: 700;
	font-size: 15px;
	height: 50px;
	padding: 15px 25px;
	display: inline-block;
}
.course_header {
	background: #f9f5ea !important;
    position: relative;
	top: -30px;
	margin-bottom: 50px;
	min-height: 210px;
}
.course_header:before {
    content: "";
    background: url(../img/sign.svg) repeat center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    opacity: 0.03;
}
.course_header .course_cover {
	position: absolute;
	width: 276px;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #efefef;
	bottom: -30px;
}
.course_header .course_cover img {
	border-radius: 5px;
	width: 100%;
	height: auto;
}
.course_header .course_details {
	position: absolute;
	left: 335px;
	bottom: 20px;
}
.course_header .course_details h1 {
	font-size: 3rem;
}
.course_header .course_details h1 .icon-badge {
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin-left: 5px;
    font-size: 14px;
}
.course_header .vdtodt {
	font-size: 16px;
}
.course_header .vdtodt.course_stats {
	margin-bottom: 5px;
}
.course_header .vdtodt.course_docent {
	opacity: 0.7;
	font-size: 14px;
	margin-bottom: 0px;
}
.course_header.lesson {
	padding: 30px 0px;
	margin-bottom: 35px;
}
.course_header.lesson h2.st_title {
	margin-bottom: 25px;
}
.course_header.lesson h2.st_title i.uil-book-open {
	font-size: 18px;
}
.course_header.lesson p {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #686f7a;
	font-weight: 400;
	line-height: 26px;
}
.course_header.lesson p + hr {
	border-top: 1px dashed #d2d2d2;
}
.course_contents h3 {
	font-size: 24px;
	color: #333;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
	margin-bottom: 2rem;
}
.course_contents h4 {
	font-size: 15px;
}
.course_contents p {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #686f7a;
	font-weight: 400;
	line-height: 26px;
}
.exercise_p {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #686f7a;
	font-weight: 400;
	line-height: 26px;
}
.orange_link {
	color: #FFBA1F;
}
.orange_link:hover {
	color: #333;
}
.lesson_play i {
	font-size: 26px !important;
	height: 21px;
    vertical-align: top;
    display: inline-block;
	position: relative;
	top: -1px;
}
.hidden_link {
	color: #686f7a;
}
.hidden_link:hover {
	color: #FFBA1F !important;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-radius: 4px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.lesson_options {
	padding-top: 65px;
	padding-bottom: 15px;
	position: relative;
}
.lesson_options .lesson_options_btns {
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	margin: 0px;
}
.lesson_options .lesson_options_btns li {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 50%;
	float: left;
}
.lesson_options .lesson_options_btns li:first-child {
	padding-right: 3px;
}
.lesson_options .lesson_options_btns li:last-child {
	padding-left: 2px;
}
.lesson_options .lesson_options_btns.three li {
	width: 33%;
	padding-right: 3px;
	padding-left: 2px;
}
.lesson_options .lesson_options_btns.three li:first-child {
	width: 34%;
	padding-left: 0px;
}
.lesson_options .lesson_options_btns.three li:last-child {
	padding-right: 0px;
}
.lesson_options .lesson_options_btns.one li {
	width: 100%;
	padding: 0px !important;
}
.lesson_options .lesson_options_btns li a {
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #fff7e6;
	font-weight: 600;
	color: #f1a907;
	font-family: "Open Sans", sans-serif;
	border-radius: 5px;
}
.lesson_options .lesson_options_btns li a:hover {
	background: #333;
	color: #fff !important;
	border-bottom: 2px solid #000;
}
.lesson_options .lesson_options_btns li:last-child a {
	border-right: 0px;
} 
.lesson_options .lesson_options_btns li a i {
	font-size: 18px;
	margin: 0px 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.lesson_options .lesson_options_btns li a i.uil-book-open {
	font-size: 16px;
}
.exercise_reference {
	position: relative;
	margin: 0px 0px 10px;
	padding: 10px 65px;
}
.exercise_reference .icon-state {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 50px;
	text-align: center;
	border-right: 3px solid #efefef;
	font-size: 27px;
	background: #fff;
	line-height: 43px;
}
.exercise_reference .icon-state i {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -22px;
}
.exercise_reference h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.exercise_reference h4 a {
	color: #333;
}
.exercise_reference h4 a:hover {
	color: #009b7e !important;
}
.exercise_reference > a {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 50px;
	background: #009b7e;
	color: #fff;
	line-height: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
}
.exercise_reference > a i {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -11px;
}
.exercise_reference > a:hover {
	background: #333;
	color: #fff !important;
}
.exercise_reference p {
	font-size: 12px;
	margin-bottom: 0px;
}
.exercise_reference ul {
	position: absolute;
	right: 50px;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}
.exercise_reference ul li {
	list-style-type: none;
	display: inline-block;
	height: 100%;
	padding: 0px 30px;
	position: relative;
	border-left: 1px solid #efefef;
	min-width: 120px;
	font-family: "Open Sans", sans-serif;
}
.exercise_reference ul li span {
	display: block;
	position: absolute;
	top: 50%;
}
.exercise_reference ul li span.primary {
	margin-top: -21px;
	color: #ffba1f;
	font-size: 21px;
	font-weight: 700;
}
.exercise_reference ul li span.secondary {
	margin-top: -21px;
	color: #009b7e;
	font-size: 21px;
	font-weight: 700;
}
.exercise_reference ul li span.subtext {
	opacity: 0.7;
	margin-top: 2px;
	font-size: 12px;
}
.exercise_reference ul li span b {
	color: rgba(0,0,0,.4);
    margin-left: 3px;
    font-size: 16px;
}
.exercise_reference.sidebarred {
	padding-left: 10px;
}
.exercise_reference.sidebarred.active {
	background: #fffbf1;
}
.exercise_reference.sidebarred .icon-state {
	display: none;
}
.exercise_reference.sidebarred .exec-info {
	display: none;
}
.exercise_reference.sidebarred ul li {
	padding: 0px 15px;
	min-width: 90px;
}
.exercise_reference.sidebarred > p {
	display: none;
}
.exercise_reference h4 {
	line-height: 24px;
}
.exercise_reference.sidebarred ul li span.subtext {
	margin-top: -1px;
}
.exercise_reference ul li span.secondary, .exercise_reference ul li span.primary {
	margin-top: -16px;
	font-size: 18px;
}
._htgdrt, .table-responsive.table-white, .fcrse_1 {
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	border-radius: 5px;
}
.table-no-shadow {
	box-shadow: none !important;
}
.table-responsive.table-white {
	border-radius: 8px;
}
.lesson_progress {
	position: relative;
	margin-top: 60px;
	height: 140px;
}
.dashboard_progress.lesson_progress {
	height: 180px;
	width: 180px;
	margin-left: 35%;
	margin-top: 20px;
	display: inline-block;
}
.insights_progress.dashboard_progress.lesson_progress {
	margin-left: 0px;
	margin-top: 0px;
	height: 220px;
	width: 220px;
	position: relative;
	top: 20px;
}
a.dashboard_progress.lesson_progress {
	cursor: pointer;
}
.lesson_progress .progress_bg {
	position: absolute;
	width: 140px;
	height: 140px;
	left: 0px;
	top: 0px;
	background: url('../img/white_bg.png');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 3;
}
.dashboard_progress.lesson_progress .progress_bg {
	height: 180px;
	width: 180px;
}
.insights_progress.dashboard_progress.lesson_progress .progress_bg {
	width: 220px;
	height: 220px;
}
.lesson_progress .progress_bg img {
	position: absolute;
	bottom: 3px;
	left: 0px;
	width: 140px;
}
.dashboard_progress.lesson_progress .progress_bg img {
	width: 180px;
	left: 0px;
	bottom: 3px;
	z-index: 5;
}
.insights_progress.dashboard_progress.lesson_progress .progress_bg img {
	width: 220px;
	left: 0px;
	bottom: 3px;
	z-index: 5;
}
@media (max-width: 768px)
{
	.dashboard_progress.lesson_progress {
		margin-left: 30px;
	}
}
@media (max-width: 575px)
{
	.student_start {
		text-align: center;
	}
	.dashboard_progress.lesson_progress {
		margin-left: 0px;
		margin-top: 30px;
	}
}
.dashboard_progress .last_bg {
	background: url('../img/white_bg_214.png');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
    width: 214px;
    height: 214px;
    left: -17px;
    top: -17px;
}
.lesson_progress .progress_data {
	background: #fff;
	position: absolute;
	left: 70px;
	right: 0px;
	bottom: 5px;
	padding: 0px 0px 0px 70px;
	z-index: 2;
	border-radius: 5px;
	height: 75px;
	border-top-right-radius: 0px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.lesson_progress .progress_summary {
	background: #009b7e;
	color: #fff;
	font-weight: 600;
	position: absolute;
	left: 70px;
	right: 0px;
	top: 5px;
	padding: 14px 15px 11px 104px;
	z-index: 1;
	line-height: 30px;
    font-size: 18px;
    border-radius: 4px;
	border-bottom-right-radius: 0px;
}
.lesson_progress .progress_data ul {
	margin: 0px;
	padding: 0px;
	height: 100%;
    font-size: 0px;
}
.lesson_progress .progress_data ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	width: 25%;
	height: 100%;
    padding: 20px 0px 10px 0px;
    text-align: center;
    border-right: 1px solid #efefef;
}
.lesson_progress .progress_data ul li:last-child {
	margin-right: 0px;
	border-right: 0px;
}
.lesson_progress .progress_data ul li span {
	display: block;
}
.lesson_progress .progress_data ul li span.primary {
	color: #ffba1f;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 0px;
}
.lesson_progress .progress_data ul li:first-child span.primary {
	color: #009b7e;
}
.lesson_progress .progress_data ul li span.subtext {
	opacity: 0.6;
	font-size: 12px;
}
.lesson_progress .progress_data ul li span b {
	color: rgba(0,0,0,.3);
    margin-left: 3px;
    font-size: 16px;
}
.circular{
	height: 200px;
	width: 200px;
	position: relative;
	left: -10px;
	top: -10px;
}
.circular .bar {
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 100%;
	clip: rect(0px, 200px, 200px, 100px);
	background: #efefef;
}
.circle .bar .progress{
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 100%;
	clip: rect(0px, 100px, 200px, 0px);
	background: #009b7e;
	transform: rotate(180deg);
}
.circle .left .progress{
	z-index:1;
}
.circle .right {
	transform: rotate(180deg);
	z-index:3;
}
.circle .top {
	transform: rotate(-90deg);
	z-index:3;
	background: #fff;
	width: 202px;
    height: 202px;
    left: -1px;
    top: -2px;
}
.dashboard_progress .left_stat {
	text-align: center;
	position: absolute;
	left: -38px;
	top: 50%;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	line-height: 20px;
	margin-top: -25px;
	height: 50px;
	width: 50px;
	font-size: 12px;
	color: #bdbdbd;
	padding-top: 5px;
	padding-right: 5px;
	background: #fff;
	font-family: 'Open Sans';
	font-weight: 600;
	box-shadow: -1px 1px 2px 0 rgb(0 0 0 / 4%);
}
.dashboard_progress .right_stat {
	text-align: center;
	position: absolute;
	right: -38px;
	top: 50%;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 18px;
	margin-top: -25px;
	height: 50px;
	width: 50px;
	font-size: 11px;
	color: #bdbdbd;
	padding-top: 1px;
	padding-left: 5px;
	background: #fff;
	font-family: 'Open Sans';
	box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 4%);
}
.dashboard_progress .right_stat .number {
	margin-top: 26px;
}
.dashboard_progress .left_stat strong, .dashboard_progress .right_stat .number {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #009b7e;
}
a.dashboard_progress:hover .left_stat strong, a.dashboard_progress:hover .right_stat .number {
	color: #ffba1f;
}
a.dashboard_progress:hover .circle .bar .progress {
	background: #ffba1f;
}
.dashboard_progress .trophy-grey {
	position: absolute;
    margin-top: 5px;
    left: 18px;
}
.insights_stats {
	width: 700px;
	background: #fff;
	border-radius: 5px;
	padding: 14px 20px 10px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	bottom: -36px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.insights_stats ul {
	font-size: 0;
}
.insights_stats li {
	display: inline-block;
	width: 20%;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
    color: #7d7d7d;
}
.insights_stats li.below_av {
	width: 20%;
}
.insights_stats li i {
	font-size: 21px;
    color: #c1c1c1;
	margin-right: 8px;
	vertical-align: bottom;
}
.insights_stats li i.uil-user-circle {
	font-size: 23px;
    position: relative;
    left: -5px;
    margin-right: 2px;
	top: 3px;
}
.insights_stats li i.uil-book-open {
    position: relative;
	top: 2px
}
.insights_stats li i.trophy-grey {
    margin-right: 13px;
}
.insights_stats li i.uil-file-check-alt {
	position: relative;
	top: 3px;
}
.insights_stats li strong {
	display: block;
	font-size: 24px;
	color: #009b7e;
	margin-bottom: 3px;
}
.throphy-green {
	width: 20px;
	height: 20px;
	background: url('../img/trophy_bronze.png');
	display: inline-block;
}
.trophy-grey {
	width: 18px;
	height: 18px;
	background: url('../img/trophy_gray.png');
	display: inline-block;
}
.trophy-gold {
	width: 18px;
	height: 18px;
	background: url('../img/trophy_gold.png');
	display: inline-block;
}
.trophy-silver {
	width: 18px;
	height: 18px;
	background: url('../img/trophy_silver.png');
	display: inline-block;
}
.trophy-bronze {
	width: 18px;
	height: 18px;
	background: url('../img/trophy_bronze.png');
	display: inline-block;
}
.stat_bg {
	position: relative;
	padding-left: 65px;
	padding-top: 7px;
	min-height: 50px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
    color: #7d7d7d;
}
.stat_bg strong {
	display: block;
	font-size: 21px;
	color: #333;
}
.stat_bg i {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #f7f7f7;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}
.stat_bg i.uil {
	font-size: 21px;
    line-height: 50px;
    text-align: center;
    color: #7d7d7d;
}
.levels_progress {
	min-height: 50px;
	position: relative;
}
.levels_progress .bars {
	position: absolute;
	top: 21px;
	left: 50px;
	right: 50px;
}
.levels_progress .bar_grey {
	height: 8px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #e2e2e2;
}
.levels_progress .bar_green {
	height: 8px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #009b7e;
}
.levels_progress .current_level {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	background-color: #f7f7f7;
	border-radius: 5px;
	line-height: 50px;
	text-align: center;
	color: #009b7e;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 21px;
}
.levels_progress .next_level {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	background-color: #f7f7f7;
	border-radius: 5px;
	line-height: 50px;
	text-align: center;
	color: #666;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 21px;
}
.wrapper.high-page {
	padding-top: 60px;
	padding-bottom: 0px;
}
.wrapper.high-page, .wrapper.high-page .sa4d25 {
	min-height: 100%;
	height: 100%;
}
.course_header.exercise {
	padding: 30px 0px;
	margin-bottom: 0px;
	min-height: 100%;
	top: 0px;
}
.course_header.exercise::before {
	background: url(../img/sign.svg) repeat center;
}
.course_header.exercise.exercise_class_2_1:not(.no_abo)::before {
	background: url(../exercise/gamefiles_wordfinder/background.jpg) repeat-x center;
	background-size: cover;
	opacity: 1;
}
.course_header.exercise.exercise_class_2_1:not(.no_abo) h1 {
	color: #fff;
    margin-bottom: 5px;
    font-size: 32px;
}
.course_header.exercise.exercise_class_2_1:not(.no_abo) .exercise_intro {
	color: #fff;
}
.course_header.exercise.exercise_class_2_2:not(.no_abo)::before {
	background: url(../exercise/gamefiles_memory/background.jpg) repeat-x center;
	background-size: cover;
	opacity: 1;
}
.course_header.exercise.exercise_class_2_2:not(.no_abo) h1 {
	color: #fff;
    margin-bottom: 5px;
    font-size: 32px;
}
.course_header.exercise.exercise_class_2_2:not(.no_abo) .exercise_intro {
	color: #fff;
}
.course_header.exercise.exercise_class_2_3:not(.no_abo)::before {
	background: url(../exercise/gamefiles_matchmaker/background.jpg) repeat-x center;
	background-size: cover;
	opacity: 1;
}
.course_header.exercise.exercise_class_2_3:not(.no_abo) h1 {
	color: #fff;
    margin-bottom: 5px;
    font-size: 32px;
}
.course_header.exercise.exercise_class_2_3:not(.no_abo) .exercise_intro {
	color: #fff;
}
.minh-100 {
	min-height: 100%;
}
.sidebar-container {
	padding: 30px 15px 30px 0px;
}
.sidebar-container .st_title {
	font-size: 14px;
}
.exercise_intro {
	margin: 0px auto 30px;
	width: 650px;
}
.no-gutter-left {
	padding-left: 0px !important;
}
.exercise-carousel-big .owl-item .fcrse_1 {
	transition: all 300ms;
}
.exercise-carousel-big .owl-item:not(.active) .fcrse_1 {
	transform: scale(0.5, 0.5);
	opacity: 0;
}
.exercise-carousel-big .owl-item.active:not(.center) .fcrse_1 {
	transform: scale(0.8, 0.8);
}
.exercise-carousel-big .owl-item.active:not(.center) {
	position: relative;
	right: -20px;
}
.exercise-carousel-big .owl-item.active.center + .owl-item.active {
	position: relative;
	left: -20px;
	right: auto;
}
.exercise-carousel-big .owl-nav {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	font-size: 40px;
}
.exercise-carousel-big.owl-theme .owl-nav button.owl-prev, .exercise-carousel-big.owl-theme .owl-nav button.owl-next {
	position: absolute;
	margin: -20px 0px 0px;
	opacity: 0.6;
}
.exercise-carousel-big.owl-theme .owl-nav button.owl-prev:hover, .exercise-carousel-big.owl-theme .owl-nav button.owl-next:hover {
	opacity: 1;
	background: none;
	color: #333;
}
.exercise-carousel-big.owl-theme .owl-nav button.owl-prev {
	left: -20px;
}
.exercise-carousel-big.owl-theme .owl-nav button.owl-next {
	right: -20px;
}
.exercise-carousel-big.owl-theme .owl-dots {
	margin-top: 20px;
}
.exercise-carousel-big.owl-theme .owl-dots .owl-dot span {
	margin: 5px 3px;
}
.exercise-carousel-big {
	width: 840px !important;
	margin: 60px auto 0px;
}
.exercise-carousel-big .carousel-img {
	width: 100%;
	height: 175px;
	max-height: 175px !important;
	background-image: url('../img/blurred.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: grab;
}
.exercise-carousel-big .fcrse_1 h4 {
	margin-top: 15px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 18px;
}
.exercise-carousel-big .fcrse_1 h4 + p {
	text-align: center;
}
.exercise-carousel-big .fcrse_1 .audio {
	text-align: center;
}
.exercise-carousel-big .verbs_list {
	width: 100%;
}
.exercise-carousel-big .verbs_list .audio_col {
	width: 30px;
}
.exercise-carousel-big .verbs_list td {
	min-height: 30px;
	vertical-align: middle;
	padding: 2px 1px;
	border-bottom: 1px solid #eee;
}
.exercise-carousel-big .verbs_list tr:last-child td {
	border-bottom: 0px;
}
.exercise-carousel-big .verbs_list tr:first-child td {
	border-bottom-width: 2px;
}
.exercise-carousel-big .verbs_list td h4, .exercise-carousel-big .verbs_list td p {
	margin: 0px;
	text-align: left;
}
.table-white .table .exercise_question td {
	background: #f7f7f7;
	font-weight: 600;
	position: relative;
}
.exercise_tip {
	display: inline-block;
    background: #bfede4;
    color: #009a7e;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    width: 26px;
    top: 9px;
    height: 26px;
}
.exercise_tip:hover {
	color: #FFBA1F;
    background: #fffbf1;
}
.table-white .table .exercise_tip i.uil {
	display: block;
    height: 22px;
    width: 22px;
    left: -2px;
    line-height: 22px;
    top: 2px;
    font-size: 21px;
}
.table-white .table .exercise_question.error td, .error_text {
	color: #da0b0b !important;
}
.table-white .table .exercise_question.correct td, .correct_text {
	color: #08af1d !important;
}
.exercise_contain_listening {
	width: 80%;
	margin: 60px auto 0px;
}
.exercise_canvas .save_btn {
	height: 50px;
	padding: 0px 30px;
}
.exercise_numbering {
	text-align: center;
	font-weight: bold;
	margin: 0px;
}
.exercise_example_row td {
	background: #f9f9f9 !important;
}
.exercise_example_row .exercise_example {
	border-bottom: 1px dotted #333;
    font-weight: 600;
}
.message_error_container {
	display: none;
}
.message_error {
	margin-bottom: 20px;
	padding: 15px 15px 15px 57px;
	background: #d42323;
	color: #fff;
	position: relative;
	border-radius: 4px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.message_error p {
	color: #fff;
}
.message_error i {
	position: absolute;
	top: 25px;
	left: 15px;
	font-size: 21px;
}
.message_success_container {
	display: none;
}
.message_success {
	margin-bottom: 20px;
	padding: 15px 15px 15px 80px;
	background: #009b7e;
	color: #fff;
	position: relative;
	border-radius: 4px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.message_success > i {
	position: absolute;
	left: 20px;
	top: 50%;
	font-size: 32px;
	margin-top: -16px;
}
.message_success .the_success {
	border-left: 1px solid rgba(0,0,0,0.1);
	padding-left: 20px;
	padding-top: 10px;
    padding-bottom: 5px;
}
.message_success .the_success .title {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}
.message_success .the_success p {
	color: #fff;
}
.message_success .the_success ul {
	margin: 0px;
	margin-left: 18px;
	font-family: 'Open Sans', sans-serif;
}
.message_success .the_success ul li {
	list-style-type: disc;
    margin-bottom: 5px;
    font-size: 15px;
}
.sentence_input {
	border: 0px;
    border-bottom: 1px dotted #333;
    margin: 0px 2px;
    width: 160px;
	background: #fff;
}
.sentence_input.error {
	border-bottom-color: #da0b0b;
	background-color: #ffeaea;
}
.sentence_input.correct {
	border-bottom-color: #18da0b;
    background-color: #eaffea;
}
.ql-container {
	height: calc(100% - 42px) !important;
}
.exercise-quill .ql-editor strong {
	background-color: #36ff58;
	color: black;
}
.exercise_pointer {
	cursor: pointer;
	transition: background-color 0.5s;
}
.exercise_pointer p {
	margin-bottom: 0px;
}
.exercise_pointer strong {
	font-weight: 400;
	padding: 0px 1px;
	border-radius: 4px;
}
.exercise_pointer strong.found {
	background: #009b7e;
	color: #fff;
}

#puzzle {
	padding: 20px;
	float: left;
	margin: 30px 20px;
	box-sizing: initial;
}
#puzzle div {
	width: 100%;
	margin: 0 auto;
}
#puzzle .puzzleSquare {
	height: 30px;
	width: 30px;
	text-transform: uppercase;
	background-color: #fff;
	border: 0;
	outline: none;
	font: 1em sans-serif;
	color: #666;
	margin: 1px;
}
#puzzle .selected {
	color: #fff;
	background: #009b7e !important;
	outline: none;
}
#puzzle .selected:focus {
	border: none;
}
#puzzle .found {
	color: #fff;
	background: #ffba1f;
}
#puzzle .double {
	color: #fff;
	background: #dc9b0a;
}
#puzzle .solved {
	color: #FFBA1F;
}
#puzzle .complete {
	background-color: green;
}
#puzzle button::-moz-focus-inner {
	border: none;
	outline: none;
}
#words {
	width: 250px;
	color: #666;
	float: left;
	margin-top: 37px;
}
#words ul {
	list-style-type: none;
}
#words li {
	padding:  0 0 7px;
	font: 1em sans-serif;
	display: inline-block;
	float: left;
	width: 100px;
}
#words .wordFound {
	text-decoration: line-through;
	color: #ee5426;
}

.ui.modal {
	height: auto !important;
	top: auto;
	left: auto;
	overflow: visible;
}
.ui.modal > .close {
	top: 0.95rem !important;
	right: 0.5rem !important;
	color: #333 !important;
	font-size: 1.15em !important;
}
.payment-modal-sidebar {
	padding-left: 20px;
}
.payment-modal-sidebar p.prim {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid #dededf;
	padding-bottom: 15px;
	color: #333;
}
.payment-modal-sidebar p.prim.darker {
	color: #777;
}
.payment-modal-sidebar p.prim span {
	float: right;
	color: #009b7e;
}
.payment-modal-sidebar p.prim.darker span {
	color: #777;
}
.payment_method {
	background: #f7f8f8;
    margin-bottom: 10px;
    height: 100px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.payment_method:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.payment-secure {
	position: relative;
	padding-left: 35px;
	line-height: 18px;
}
.payment-secure i {
	position: absolute;
	left: -4px;
	top: 8px;
	color: #FFBA1F;
	font-size: 21px;
}

.thin-gaps {
	margin-left: -5px !important;
    margin-right: -5px !important;
}
.thin-gaps > div {
	padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 1199px)
{
	.thin-gaps-lg {
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
	.thin-gaps-lg > div {
		padding-left: 5px;
		padding-right: 5px;
	}
	.membership_bg { padding: 15px; }
	.membership_bg li i { display: none; }
}
@media (max-width: 767px)
{
	.membership_bg li i { display: inline; }
}

.steps_container {
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	border-radius: 5px;
	overflow: hidden;
}
.steps_container .steps_box {
	clear: both;
	border-bottom: 1px solid #efefef;
    background: #fff;
}
.steps_container .steps_box ul {
	padding: 0px;
	margin: 0px;
	display: block;
}
.steps_container .steps_box ul li {
	list-style-type: none;
	margin: 0px;
	display: inline-block;
	padding: 15px 45px 15px 85px;
	color: #6b6b6b;
	font-weight: 600;
	font-size: 15px;
	position: relative;
	opacity: 0.65;
}
.steps_container .steps_box ul li:last-child {
	border-right: 0px;
}
.steps_container .steps_box ul li.active {
	color: #ffba1f;
	opacity: 1;
}
.steps_container .steps_box ul li span {
	position: absolute;
	background: #e8e8e8;
	color: #676767;
	border-radius: 4px;
	left: 30px;
	top: 15px;
	padding: 9px 5px 7px;
	line-height: 21px;
	font-size: 21px;
    font-family: 'Open Sans', sans-serif;
}
.steps_container .steps_box ul li.active span {
	background: #ffba1f;
	color: #fff;
}
.steps_container .steps_box ul li p {
	font-size: 12px;
	line-height: 20px;
	color: #B9B9C3;
	margin-bottom: 0px;
}
.steps_container .steps_box ul li .line {
	position: absolute;
    right: 0px;
    color: #696969;
    top: 22px;
    font-size: 21px;
}
.steps_container .steps_content {
	background: #fff;
	padding: 30px;
	clear: both;
}
.steps_container .steps_content .step_content {
	display: none;
}
.steps_container .steps_content .step_content.active {
	display: block;
}
.steps_container .steps_content .step_content h4 {
	margin-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
}
.steps_container .steps_content .step_content p.intro {
	padding: 0px;
	border: 0px;
	margin-bottom: 30px;
	font-size: 14px;
}
.steps_container .steps_content .step_content .step_nav {
	margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #efefef;
}
.steps_container .steps_content .step_content .step_nav a:last-child {
	background: #cecece;
    padding-left: 15px;
	display: inline-block;
}
.steps_container .steps_content .step_content .step_nav a:last-child:hover {
	background: #333;
}
.steps_container .steps_content .step_content .step_nav a:first-child {
	float: right;
	display: inline-block;
}
.tutor_course {
	padding: 12px 12px;
	background: #f7f7f7;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	margin-bottom: 8px;
}
.tutor_course:hover {
	background: #ffba1f;
	color: #fff;
}
.tutor_course:hover p, .tutor_course:hover .line {
	color: #fff;
}
.tutor_course strong {
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
.tutor_course p {
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 0px;
}
.tutor_course .line {
	position: absolute;
	right: 20px;
	top: 21px;
	color: #696969;
}
ul.grades {
	margin: 0px;
	padding: 0px;
	border: 1px solid #e8c4c4;
	display: inline-block;
	font-size: 0;
	height: 25px;
}
@media (max-width: 767px)
{
	.tutor_course strong {
		margin-bottom: 0px;
	}
	.tutor_course p {
		display: none;
	}
	.tutor_course .line {
		top: 12px;
	}
}
ul.grades li {
	display: inline-block;
	width: 35px;
	padding: 2px 3px;
	border-right: 1px solid #e8c4c4;
	background: #fceaea;
	color: #ea5455;
	font-size: 13px;
	text-align: center;
}
ul.grades li:last-child {
	border-right: 0px;
}
ul.grades li.green {
	color: #28c76f;
	background: #e5f8ed;
}
.inpage-menu {
	background: #fff;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	margin-bottom: 40px;
	border-radius: 5px;
	overflow: hidden;
}
.inpage-menu ul {
	font-size: 0px;
}
.inpage-menu li {
	display: inline-block;
	width: 33.33%;
	box-sizing: border-box;
}
.inpage-menu a {
	display: block;
    padding: 15px 15px;
	font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
	color: #333;
	border-right: 1px solid #f0f0f0;
	border-bottom: 4px solid #fff;
}
.inpage-menu li:last-child a {
	border-right: 0px;
}
.inpage-menu a:hover {
	color: #ffba1f;
}
.inpage-menu a.active {
	border-bottom: 4px solid #ffba1f;
	color: #ffba1f;
}
.inpage-menu a i {
	font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.table-white .table thead th.calendar_head {
	font-size: 13px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: #fdfdfd;
    text-align: center;
    text-transform: uppercase;
}
.table-white .table tbody.calendar_days td {
	border: 1px solid #ebe9f1;
	vertical-align: top;
}
.table-white .table tbody.calendar_days td:nth-child(6), .table-white .table tbody.calendar_days td:nth-child(7) {
	background-color: #f5f5f5;
}
.table-white .table tbody.calendar_days td .day_container {
	min-height: 80px;
}
.table-white .table tbody.calendar_days td .day_number {
	margin-bottom: 5px;
}
.table-white.table-tutorings .table thead th, .table-white.table-tutorings .table tbody tr td {
	padding-left: 17px !important;
	padding-right: 17px !important;
}
#tutoring_calendar {
	margin-bottom: 45px;
}
#tutoring_calendar .table-white.table-tutorings .table thead th, #tutoring_calendar .table-white.table-tutorings .table tbody tr td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.tutoring_nav {
	font-weight: 600;
	font-size: 15px;
}
.calendar_nav, .admin_nav {
	font-weight: 400;
	font-size: 14px;
	color: #888;
}
.calendar_nav:hover, .admin_nav:hover {
	color: #ffba1f;
}
.calendar_nav .uil-arrow-left, .calendar_nav .uil-arrow-right, .admin_nav .uil-arrow-left, .admin_nav .uil-arrow-right {
	font-size: 16px;
	position: relative;
	top: 2px;
}
.tutor_cal_standard {
	margin-bottom: 10px;
	font-family: "Open Sans", sans-serif;
}
.day_events {
	font-size: 0px;
}
.day_event {
	padding: 4px 4px;
	font-size: .8rem;
    font-weight: 600;
	border: 1px solid rgba(40,199,111,.1);
	background: rgba(40,199,111,.12);
	color: #28c76f;
	border-radius: 3px;
	margin-bottom: 2px;
	cursor: pointer;
}
.day_event.has_planned {
	background: #fff6e2;
    border-color: #ffe4a6;
    color: #ffba1f;
}
.day_event.unavailable {
	border: 1px solid rgb(199 40 40 / 10%);
    background: rgb(218 46 46 / 12%);
    color: #c72828;
}
.day_event.inline_event {
	display: inline-block;
	margin-right: 4px;
    padding: 3px 4px 2px;
    font-size: 0.9rem;
    margin-bottom: 3px;
    font-family: 'Open Sans';
}
.day_event span {
	float: right;
}

@media (min-width: 1200px) and (max-width: 1399px)
{
	.day_event span {
		display: none;
	}
}
@media (max-width: 1099px)
{
	.day_event span {
		display: none;
	}
}
.cal_moment_del {
	position: absolute;
	right: 20px;
	top: 0px;
}
.table-white .table .day_event span i.uil {
	font-size: 14px; 
}
.table-tutorings span.gray {
	display: block;
	color: #b9b9c3;
}
.table-tutorings .avatar {
	width: 40px;
    max-width: 100%;
	margin-right: 15px;
	float: left;
	position: relative;
	top: -2px;
}
.table-tutorings .cell-header {
	background: #f8f8f8 !important;
	border-bottom: 1px solid #dddddd;
	font-weight: 600;
}
.table-tutorings .cell-header-special {
	background: #ecf4ff !important;
	border-bottom: 1px solid #dddddd;
	font-weight: 600;
	color: #5f7ea9 !important;
}
.table-tutorings thead th {
	position: relative;
}
.table-tutorings thead .live_link {
	padding: 7px 15px;
    height: auto;
    position: absolute;
    right: 10px;
    font-weight: 600;
    font-size: 14px;
    top: 8px;
}
.table-folders .uil {
	font-size: 18px !important;
	margin-right: 0px;
	position: relative;
	top: 1px;
}
.table-folders .active > td {
	background: #fffbf1;
}
.table-folders .folder_choice {
	color: #333;
}
.table-folders .folder_choice:hover {
	color: #FFBA1F;
}
.table-folders .folder_delete {
	opacity: 0;
}
.table-folders tr:hover .folder_delete {
	opacity: 1;
	color: #aaa;
}
.table-folders tr:hover .folder_delete:hover {
	color: #333;
}
.table-folders .folder_delete .uil {
	margin-right: 0px;
}
.cal_edit.modal .content h2 {
	font-size: 16px;
}
.event_tutorings {
	margin-bottom: 30px;
}
.event_tutorings .event_tutoring {
	padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #ffe6ae;
    background: #fff3d7;
    border-radius: 4px;
}
.event_tutorings span.gray {
	display: block;
	opacity: 0.4;
}
.event_tutorings .avatar {
	width: 35px;
    max-width: 100%;
	margin-right: 15px;
	float: left;
	position: relative;
	top: -2px;
}
.filter_box {
	background: #f9f9f9;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}
.filter_box .teacher_filter {
	margin-bottom: 15px;
	font-weight: 600;
    font-family: 'Open Sans', sans-serif;
	line-height: 28px;
}
.filter_box .teacher_filter:last-child {
	margin-bottom: 0px;
}
.filter_box .teacher_filter img {
	width: 45px;
    margin-right: 10px;
	float: left;
	position: relative;
	top: -3px;
}
.filter_box .teacher_filter .gray {
	display: block;
    color: #b9b9c3;
    font-weight: 400;
    line-height: 13px;
    font-size: 13px;
}
.filter_box .teacher_filter:hover, .filter_box .teacher_filter.selected_teacher {
	color: #FFBA1F;
	cursor: pointer;
}
.filter_box select {
	width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#confirm_tutoring {
	display: inline-block;
    font-weight: 600;
    padding: 15px 40px;
    height: 50px;
    margin-top: 30px;
}
.ul_bullets li {
	list-style-type: disc;
    margin-left: 20px;
    font-family: 'Open Sans';
    margin-bottom: 5px;
}
.stat_number {
	margin-bottom: 30px;
}
.stat_number .descript {
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 600;
}
.stat_number .the_stat {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 10px;
}
.stat_number .the_info {
	opacity: 0.5;
	margin-bottom: 0px;
}
.table-white .table tbody th.admin_head {
	font-size: 14px;
    background: #fdfdfd;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	padding-left: 17px;
	padding-right: 17px;
}
.tutoring_table_date {
	width: 15%;
}
.tutoring_table_actions {
	width: 15%;
}
@media (max-width: 1199px)
{
	.tutoring_table_date { width: 20%; }
	.tutoring_table_actions { width: 20%; }
}
@media (max-width: 649px)
{
	.tutoring_table_date { width: 30%; }
	.tutoring_table_actions { width: 25%; }
	.tutoring_table_user { display: none; }
	.inpage-menu a i { display: none; }
}
.btn-success {
	background: #28c76f !important;
	border-color: #28c76f !important;
	color: #fff !important; 
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 9px 15px !important;
}
.btn-success:hover {
	background: #24b263 !important;
	border-color: #24b263 !important;
}
.btn-danger {
	background: #ea5455 !important;
	border-color: #ea5455 !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 9px 15px !important;
}
.btn-danger:hover {
	background: #e73d3e !important;
	border-color: #e73d3e !important;
}

.dashboard_cta {
	text-align: right;
}
.dashboard_welcome {
	background-color: #f9f5ea;
	padding: 50px 15px;
	position: relative;
	top: -30px;
}
.dashboard_welcome.dashboard_insights {
	padding-bottom: 0px;
}
@media (min-width: 1200px)
{
	.dashboard_welcome.container-fluid {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}
}
.dashboard_welcome h1 {
	font-size: 48px;
	font-family: "Gilroy", sans-serif;
    font-weight: 700;
    line-height: 1.3;
	color: #4e4a40;
	margin-bottom: 30px;
}
.dashboard_insights h1 {
	margin-bottom: 15px;
}
.dashboard_welcome h2 {
	font-size: 30px;
	font-family: "Gilroy", sans-serif;
    font-weight: 700;
    line-height: 1.3;
	color: #009b7e;
	margin-bottom: 30px;
	margin-top: 0px;
}
.dashboard_welcome h1 span {
	color: #FFBA1F;
}
.dashboard_welcome p {
	font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.74;
	color: #696969;
}
.dashboard_welcome .live_link {
	font-size: 15px;
	font-weight: 600;
}
.dashboard_meldingen {
	position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(../img/meldingen.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto !important;
    margin-bottom: 0px;
    right: -40px;
    bottom: 57px;
}
.dashboard_right {
	position: relative;
}
.dashboard_right .info {
	background: #efe7d3;
    padding: 10px;
    border-radius: 5px;
    padding-left: 40px;
    font-size: 13px;
    color: #757575;
    position: absolute;
    max-width: 350px;
    font-family: 'Open Sans';
    right: 0px;
}
.dashboard_right .info i {
	position: absolute;
    left: 10px;
    font-size: 18px;
    top: 11px;
}
.student_dash_avatar {
	width: 200px;
}
.content-insights {
	padding-top: 60px;
}
.content_box_colored {
	background: #fffbf1;
	padding-bottom: 0px;
}
.content_box_colored .fcrse_content {
	padding-bottom: 0px !important;
}
.content_box_colored .content_box_shifted_content {
	padding: 15px;
	background: #fff;
	margin-left: -25px;
	margin-right: -25px;
}
.help_centrum_img {
	position: absolute;
    width: 250px;
    height: 250px;
    background-image: url(../img/faq.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto !important;
    margin-bottom: 0px;
    right: 100px;
    bottom: -20px;
}
.contact_user {
	background: #fff;
    padding: 8px 25px;
    border-radius: 8px;
    padding-left: 80px;
    font-weight: 600;
    display: inline-block;
    position: relative;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
.contact_user p {
	margin-bottom: 0px;
}
.contact_user img {
	width: 50px;
    max-width: 100%;
    margin-right: 15px;
    float: left;
    left: 14px;
    position: absolute;
    top: 11px;
}
.contact_user .gray {
	opacity: 0.7;
	display: block;
	font-size: 14px;
}
.teacher_dashboard_img {
	position: absolute;
    width: 520px;
    height: 350px;
    bottom: 0px;
    left: -50px;
    background: url(../img/teacher.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.bijlessen_img {
	position: absolute;
    width: 430px;
    height: 350px;
    top: -50px;
    right: 0px;
    background: url(../img/bijles.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.cursussen_img {
	position: absolute;
	width: 320px;
    height: 220px;
    top: 0px;
    right: 0px;
    background: url(../img/cursus.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.prestaties_img {
	position: absolute;
	width: 320px;
    height: 250px;
    top: 0px;
    right: 0px;
    background: url(../img/prestaties.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.partner_img {
	position: absolute;
	width: 300px;
    height: 320px;
    top: 50px;
    right: 0px;
    background: url(../img/partnerprogramma.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.vrienden_img {
	position: absolute;
	width: 300px;
    height: 320px;
    top: 50px;
    right: 0px;
    background: url(../img/partnerprogramma.png);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 1250px)
{
	.partner_img {
		right: 80px;
		width: 330px;
		top: 50px;
	}
	.vrienden_img {
		right: 40px;
		width: 320px;
		top: 0px;
	}
}
@media (min-width: 1500px)
{
	.partner_img {
		right: 80px;
		width: 420px;
		top: 0px;
	}
	.vrienden_img {
		right: 80px;
		width: 320px;
		top: -10px;
	}
}

#help_search {
	padding: 15px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    min-width: 400px;
}
#help_search.error {
	border: 1px solid red;
}
.help_result {
	background: #fff;
    padding: 15px;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
	margin-bottom: 15px;
}
.help_result .question {
	display: block;
	margin-bottom: 5px;
}
.btn-search-help {
	background: #ffba1f;
    color: #fff;
    padding: 13px 15px;
    font-size: 18px;
    border-radius: 4px;
    vertical-align: middle;
}
.btn-search-help i {
	color: #fff;
}

#help_start .fcrse_1 {
	cursor: pointer;
}
#help_start .fcrse_1 p.sub {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
    opacity: 0.6;
    font-size: 90%;
}
#help_start .fcrse_1 h3 {
	text-align: center;
	font-size: 24px;
	margin-top: 5px;
}
#help_start .fcrse_1:hover h3 {
	color: #FFBA1F;
}
#help_start .help_icon {
	font-size: 55px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}
#help_list .help_nav {
	background: #fff;
    width: 100%;
    border-radius: 4px;
	border: 1px solid #efefef;
	box-shadow: 0 0 15px 0 rgb(76 87 125 / 10%);
}
#help_list .help_nav li {
	display: block;
}
#help_list .help_nav a {
	display: block;
	padding: 16px 15px 12px;
	border-bottom: 1px solid #f5f5f5;
	color: #333;
	font-size: 16px;
	font-weight: 600;
}
#help_list .help_nav a i {
	margin-right: 10px;
}
#help_list .help_nav li:last-child a {
	border-bottom: 0px;
}
#help_list .help_nav a.active {
	color: #ffba1f;
}
#help_find .help_back {
	font-size: 16px;
    margin-left: 20px;
    font-weight: 400;
    float: right;
}
.menu--number {
	position: absolute;
    left: 200px;
    top: 10px;
    line-height: 14px;
    padding: 7px 10px;
    background: #f0f0f0;
    border-radius: 5px;
	color: #333 !important;
}
.icon-badge {
	display: inline-block;
	border-radius: 5px;
	padding: 3px 8px 3px 5px;
    font-size: 0.9rem;
	font-weight: 600;
    line-height: 1.5em;
    vertical-align: middle;
}
.icon-badge.icon-badge-wide {
	padding: 3px 15px 3px 15px;
	line-height: 23px;
}
.icon-badge i {
	font-size: 16px;
    margin-right: 2px;
}
.icon-badge.badge-orange {
	background: #fff7e6;
    color: #ffba1f;
}
.icon-badge.badge-green {
	background: #d8f1ec;
    color: #009b7e;
}
.icon-badge.badge-red {
	background: #ffe6e6;
    color: #ff1f1f;
}
.alert.alert-abo {
	color: #00735e;
    background-color: #d8f1ec;
    border-color: #c2e6df;
	text-align: center;
	padding: 40px 25px;
}
#abo_options .alert.alert-abo {
	padding: 25px;
	margin-bottom: 30px;
	border: 0px;
}
.alert-abo h2 {
	font-size: 1.4rem;
}
.alert-abo p {
	line-height: 21px;
}
.alert-abo p, .alert-abo h2 {
	color: #00735e !important;
}
.alert.alert-abo > i {
	font-size: 30px;
}
.alert-abo a.button {
	display: inline-block;
    background: #009b7e;
    color: #fff;
    border-radius: 5px;
    padding: 8px 20px;
}
.alert-abo a.button:hover {
	background: #333;
}
.alert-abo p:last-child {
	margin-bottom: 0px !important;
}

.abo_redirecting {
	max-width: 600px;
	text-align: center !important;
}
.abo_redirecting .content {
	padding: 50px 20px !important;
}
.abo_redirecting .content i {
	font-size: 30px;
	margin-bottom: 15px;
}

.table-payments .table thead th, thead.grey_bg th {
	background: #f5f5f5;
	font-weight: bold;
	border: 0px !important;
	padding: 15px;
	font-family: "Open Sans", sans-serif;
}
.table-payments .table thead th:first-child, thead.grey_bg th:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.table-payments .table thead th:last-child, thead.grey_bg th:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.table-payments .table td {
	border-top: 0px !important;
	border-bottom: 1px solid #f5f5f5;
	padding: 15px;
	font-family: "Open Sans", sans-serif;
}
.table-payments .badge {
	background: #f5f5f5;
    font-size: 90%;
    padding: 5px 8px 4px;
    font-weight: 400;
}
.table-payments .badge.green {
	background: #d8f1ec;
    color: #009b7e;
}
.cell-xs-b { display: none; }
.trial_box { margin-top: 25px; background-color: #f9f9f9; border-radius: 5px; padding: 14px; position: relative; }
.trial_box p { text-align: left !important; }
.badge.bg-primary { background: #009b7e !important; color: #fff; padding: 7px 10px; }
.badge.bg-grey { background: #d3d3d3 !important; color: #fff; padding: 7px 10px; }

@media (max-width: 1599px)
{
	.lesson_progress { margin-top: 30px; }
}
@media (max-width: 1499px)
{
	.teacher_dashboard_img {
		width: 450px;
		height: 320px;
		left: -10px;
	}
}
@media (max-width: 1449px)
{
	.help_centrum_img {
		right: 0px;
	}
}
@media (max-width: 1299px)
{
	.teacher_dashboard_img {
		width: 300px;
		height: 200px;
		left: 10px;
	}
	#help_search {
		min-width: 250px;
	}
}
@media (max-width: 991px)
{
	.teacher_dashboard_img { display: none; }
	.dashboard_welcome h1 { font-size: 36px; }
}
@media (min-width: 992px) and (max-width: 1100px)
{
	.dashboard_cta i {
		display: none;
	}
}
@media (max-width: 991px)
{
	.dashboard_cta {
		text-align: left;
		margin-top: 15px !important;
	}
}

@media (min-width: 1600px)
{
	.exercise-carousel-big {
		width: 90% !important;
	}
	.exercise-carousel-big .carousel-img {
		height: 194px;
		max-height: 194px !important;
	}
}
@media (max-width: 1599px)
{
	.hide-xxxl {
		display: none;
	}
	.font-xxxl-21 {
		font-size: 21px !important;
	}
}
@media (max-width: 1599px) and (min-width: 1500px)
{
	.exercise_reference ul li {
		padding: 0px 15px;
		min-width: 90px;
	}
}
@media (max-width: 1499px) and (min-width: 1200px)
{
	.exercise_reference .extra-info {
		display: none !important;
	}
}
@media (max-width: 1399px) and (min-width: 1200px)
{
	.exercise_reference ul li {
		padding: 0px 15px;
		min-width: 90px;
	}
	.exercise_intro {
		width: 550px;
	}
	.exercise_contain_listening {
		width: 90%;
	}
}
@media (max-width: 1449px) and (min-width: 1360px)
{
	.exercise-carousel-big {
		width: 740px !important;
	}
	.exercise-carousel-big .carousel-img {
		height: 150px;
		max-height: 150px !important;
	}
}
@media (max-width: 1399px)
{
	.lesson_infos {
		margin-bottom: 30px;
	}
	.hide-xxl { display: none; }
}
@media (max-width: 1359px) and (min-width: 1200px)
{
	.exercise-carousel-big {
		width: 652px !important;
	}
	.exercise-carousel-big .carousel-img {
		height: 135px;
		max-height: 135px !important;
	}
}
@media (max-width: 1199px)
{
	.hide-lg { display: none; }
	.exercise-carousel-big {
		width: 100% !important;
	}
	.font-lg-14 {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	.dashboard_right .info {
		right: 10px;
	}
}
@media (max-width: 1199px)
{
	.lesson_games {
		margin-top: 40px;
	}
	.sidebar-container {
		padding-left: 45px;
		padding-right: 15px;
	}
	.minh-100 {
		min-height: 0px;
	}
}
@media (max-width: 799px)
{
	.exercise_intro { width: 100%; }
	.exercise_contain_listening { width: 95%; }
}
@media (min-width: 767px) and (max-width: 1299px)
{
	.courses_table_icon { display: none; width: 0px !important; }
	.courses_table_icon * { display: none !important; }
}
@media (max-width: 767px)
{
	.dashboard_right:not(.student_start) { display: none; }
	.mb-sm-20 { margin-bottom: 20px; }
	.cell-sm-0 { display: none !important; width: 0px !important; padding: 0px !important; }
	.cell-sm-0 * { display: none !important; }
	.course_header { margin-bottom: 0px; }
	.course_header .course_cover { width: 175px; bottom: 20px; }
	.course_header .course_details { left: 215px; }
	.exercise_reference .icon-state { display: none; }
	.exercise_reference { padding-left: 15px; }
	.exercise_reference ul li { min-width: 100px; padding: 0px 10px; }
	.mt-sm-50 { margin-top: 50px; }
	.insights_stats { width: auto; left: 15px; right: 15px; margin-left: 0px; }
}
@media (max-width: 575px)
{
	.mb-xs-20 { margin-bottom: 20px; }
	.cell-xs-0 { display: none !important; width: 0px !important; padding: 0px !important; }
	.cell-xs-0 * { display: none !important; }
	.cell-xs-b { display: block !important; }
	.content_box_heading .soft_link { padding-left: 10px; padding-right: 10px; }
	.content_box_heading .soft_link i { display: none; }
	.fcrse_1.content_box .fcrse_content { padding: 5px; }
	.course_header .course_cover { display: none; }
	.course_header .course_details { left: 30px; }
	.courses_table_icon { display: none; width: 0px !important; }
	.courses_table_icon * { display: none !important; }
	.lesson_options .lesson_options_btns li a { font-size: 13px; white-space: nowrap; }
	.lesson_options .lesson_options_btns li a i { display: none;}
	.lesson_progress .progress_data { left: 65px; }
	.lesson_progress .progress_data ul li { width: 33.3%; }
	.lesson_progress .progress_data ul li:nth-child(2){ display: none; }
	.lesson_progress .progress_data ul li span.primary { font-size: 18px; }
	.exercise_reference { padding-bottom: 60px; }
	.exercise_reference ul { border-top: 1px solid #efefef; top: 66px; left: 0px; background: #fbfbfb; }
	.sidebar-container .exercise_reference ul { top: 42px;  }
	.exercise_reference ul li { min-width: 120px; padding: 0px 15px; }
	.exercise_reference ul li span.secondary, .exercise_reference ul li span.primary { font-size: 16px; }
	.insights_stats li {width: 50%; }
	.insights_stats li:nth-child(3), .insights_stats li:nth-child(4), .insights_stats li:nth-child(5) { display: none; }
	.insights_stats li:nth-child(2) { text-align: right; }
	.insights_progress.dashboard_progress.lesson_progress { width: 200px; height: 200px; top: 10px; }
	.insights_progress.dashboard_progress.lesson_progress .progress_bg { width: 200px; height: 200px; }
	.insights_progress.dashboard_progress.lesson_progress .progress_bg img { width: 200px; }
}
@media (max-width: 400px)
{
	.main_logo { margin-left: 10px; }
	.main_logo img { width: 100%; }
	.lesson_progress .progress_summary { left: 50px; }
}

.btn-night-mode .btn-night-mode-switch {
    display: inline-block;
    height: 18px;
    width: 37px;
    top: 35%;
    right: 13px;
    position: absolute;
}
.btn-night-mode .uk-switch-button {
    background-color: rgba(0, 0, 0, 0.09);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 500px;
    bottom: 0;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: .2s;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
}
.btn-night-mode .uk-switch-button:before {
    content: '';
    background-color: #a9a9a9;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0px;
    bottom: -1px;
    border-radius: 50%;
    transition-property: transform, box-shadow;
    transition-duration: .2s;
}
.night-mode .btn-night-mode .uk-switch-button {
    background-color: #4e4e4e !important;
}
.night-mode .btn-night-mode .uk-switch-button:before {
    transform: scale(1.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
    transform: translateX(17px);
    background: #fff;
}

.night-mode html , 
.night-mode body , 
.night-mode .main_content ,
.night-mode .bg-gradient-warning  ,
.night-mode .sidebar ,
.night-mode .nav-profile ,
.night-mode .post .post-add-comment-text-area,
.night-mode .post .post-add-comment-text-area input{
    background-color: #000 !important;
    border-color: #242424 !important;
    color: hsla(0, 0%, 100%, 0.79) !important;
}
.night-mode body {
    background: #000 !important;
	height: auto;
    float: left;
    width: 100%;
}
.night-mode body::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
.night-mode body::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
.night-mode body::-webkit-scrollbar-corner {
    background-color: transparent;
}
.night-mode body::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(51,51,51,.6);
    -webkit-box-shadow: inset -1px -1px 0 rgba(51,51,51,.05), inset 1px 1px 0 rgba(51,51,51,.05);
}
.night-mode .header {
    background: #242424;
}
.night-mode .srch10 {
    background: rgba(255, 255, 255, 0.15)!important;
    border: 0 !important;
    color: #393939 !important;
}
.night-mode i.icon1 {
    font-size: 16px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
.night-mode .ui[class*="left icon"].swdh10.input>input:focus {
	background-color: #fff !important;
}
.night-mode .srch10:focus+.icon1 {
	color: #333 !important;
}
.night-mode .upload_btn {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    background: #FFBA1F;
    padding: 9px 15px;
    border-radius: 25px;
	margin-right: 10px;
}
.night-mode .upload_btn i {
    font-size: 16px;
    margin-right:3px;
}
.night-mode .upload_btn:hover {
    color: #fff !important;
    background: #cc2622 !important;
}
.night-mode .menu.dropdown_ms {
    width: 300px;
    margin-top: 17px !important;
    border-top: 1px solid #242424 !important;
    border-radius: 3px !important;
    min-width: 300px !important;
    background: #171717 !important;
}
.night-mode .menu.dropdown_mn {
    width: 300px;
    margin-top: 17px !important;
    border-top: 1px solid #242424 !important;
    border-radius: 3px !important;
    min-width: 300px !important;
    background: #171717 !important;
}
.night-mode .menu.dropdown_account {
    margin-top: 11px !important;
    border-top: 1px solid #242424 !important;
    border-radius: 3px !important;
	background: #171717 !important;
}
.night-mode .channel_my {
    padding: 15px !important;
    border-bottom: 1px solid #242424 !important;
    min-width: 100%;
    max-width: 100%;
    white-space: normal;
}
.night-mode  .pd_content p {
    color: #c7c7c7 !important;
}
.night-mode .ui.dropdown .menu>.channel_my:hover {
    color: #fff !important;
    background: #333 !important;
}
.night-mode .vbm_btn {
    width: 100%;
    text-align: center;
    float: left;
    padding: 15px 0;
    background: #FFBA1F;
    font-size: 14px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.night-mode .vbm_btn:hover {
    background: #cc2622;
    color: #fff !important;
}
.night-mode  .option_links:hover, .night-mode  .option_links:focus {
    color: #fff !important;
}
.night-mode .night_mode_switch__btn a i {
	background-color: #333 !important;
    color: white !important;
}
.night-mode .pd_content span {
    color: #c7c7c7;
}
.night-mode .night_mode_switch__btn {
    border-bottom: 1px solid #242424;
}
.night-mode .ui.dropdown .menu>.channel_item {
    color: #c7c7c7 !important;
    padding: .78571429rem 1.14285714rem!important;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
}
.night-mode .ui.dropdown .menu>.channel_item:hover {
    color: #fff !important;
    background: #333 !important;
}
.night-mode .menu--link.active {
    background: #12141E ;
    color: #fff;
}
.night-mode .menu--link.active {
    background: #12141E ;
    color: #fff;
}
.night-mode .vertical_nav {
    background: #333;
}
.night-mode  .menu--link:hover, .night-mode .menu--link:hover .menu--label {
	background: #242424;
}
.night-mode .menu--link {
    color: #c7c7c7;
}
.night-mode .sub_menu--link:hover {
	color: #fff !important;
	background: #333;
}
.night-mode .sub_menu--link.active {
	color: #fff;
	font-weight: 500;
}
.night-mode .menu--subitens__opened {
    background: #242424;
}
.night-mode .menu--link:hover {
	background: #333;
	color: #fff !important;
}
.night-mode .menu--link.active {
	background: #242424;
	color: #fff !important;
}
.night-mode .left_section {
    border-bottom: 1px solid #242424;
}
.night-mode .stream_1 {
    background: rgba(51,51,51, 0.5);
}
.night-mode .fcrse_1 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .vdtodt {
    color: #c7c7c7;
}
.night-mode .cr1fot {
    color: #c7c7c7;
}
.night-mode .prce142 {
    color: #fff;
}
.night-mode .pd_content h6 {
    color: #fff !important;
}
.night-mode .live_stream .owl-nav .owl-next {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .live_stream .owl-nav .owl-prev {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .live_stream .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .live_stream .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .featured_courses .owl-nav .owl-next {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .featured_courses .owl-nav .owl-prev {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .featured_courses .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .featured_courses .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .Student_says .owl-nav .owl-next {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .Student_says .owl-nav .owl-prev {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .Student_says .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .Student_says .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .dropdown-content {
    background-color: #242424;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    border: 1px solid rgba(25,29,47,.15);
}
.night-mode .dropdown-content span {
	color: #c7c7c7;
}
.night-mode .dropdown-content span:hover {
	color: #fff !important;
	background-color: #333;
}
.night-mode .value_props {
    background: #333;
}
.night-mode  .value_icon i {
    color: #fff;
    background: #242424;
}
.night-mode .crse14s {
    color: #fff !important;
}
.night-mode .value_content p {
    color: #c7c7c7;
}
.night-mode .tutor_name {
    color: #fff !important;
}
.night-mode .tutor_cate {
    color: #c7c7c7;
}
.night-mode .tut1250 {
    color: #c7c7c7;
}
.night-mode .fcrse_4 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .say_content p {
    color: #c7c7c7;
}
.night-mode .stream_bg p {
    color: #c7c7c7;
}
.night-mode .footer {
    background: #242424;
}
.night-mode .btn1542 {
    color: #fff !important;
}
.night-mode .fcrse_2 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .fcrse_3 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .cater_ttle {
    border-bottom: 1px solid #242424;
}
.night-mode .live_icon i {
    background: #242424;
    border: 1px solid #242424;
}
.night-mode .live-content p {
    color: #c7c7c7;
}
.night-mode .livinfo {
    color: #c7c7c7;
}
.night-mode .live_link {
    background: #FFBA1F;
    color: #fff !important;
}
.night-mode .live_link:hover {
	color: #fff;
    background: #222;
}
.night-mode .tutor_social_links li a {
    color: #fff !important;
}
.night-mode .get1452 {
    border: 1px solid #242424;
}
.night-mode .strttech120 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .strttech120 p {
    color: #c7c7c7;
}
.night-mode .back_link a {
    color: #fff !important;
    background: transparent;
    border: 1px solid #fff;
}
.night-mode .back_link a:hover {
    color: #fff !important;
    background: #FFBA1F;
    border: 1px solid #FFBA1F;
}
.night-mode .toggle_menu i {
    background: #333;
    color: #fff;
}
.night-mode ._215cd2 {
    background: #333;
}
.night-mode  .tab_crse .nav-link {
    color: #c7c7c7 !important;
}
.night-mode .course_tabs .nav-tabs .nav-item.show .nav-link, .night-mode .course_tabs .nav-tabs .nav-link.active {
    color: #fff !important;
}
.night-mode .course_tabs .nav-tabs .nav-link:hover {
    color: #fff !important;
}
.night-mode .title589 p {
    color: #c7c7c7;
}
.night-mode .feature125 i {
    color: #fff;
}
.night-mode .feature125 p {
    color: #c7c7c7;
}
.night-mode ._215zd5 {
    background: #171717;
}
.night-mode .title478 p {
    color: #c7c7c7;
}
.night-mode .p__metric {
    color: #fff;
}
.night-mode .p__metric span {
    color: #c7c7c7;
}
.night-mode ._215xd5 {
    background: #171717;
}
.night-mode .jmio125 p {
    color: #c7c7c7;
}
.night-mode .crer_btn_link {
    color: #fff !important;
    background: #FFBA1F;
}
.night-mode .crer_btn_link:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .add_stream_content {
	background: #333;
    border: 1px solid #242424;
}
.night-mode .sf475 {
    color: #c7c7c7;
}
.night-mode p {
	color: #c7c7c7;
}
.night-mode .stm_key {
    color: #fff;
}
.night-mode .group-form label {
    color: #fff;
}
.night-mode .slive_tabs .nav-link {
    border: 1px solid #fff !important;
    background-color: transparent !important;
    color: #fff !important;
}
.night-mode .slive_tabs .nav-link:hover {
    border: 1px solid #fff !important;
    background-color: #fff !important;
    color: #08090f !important;
}
.night-mode .slive_tabs .nav-item.show .nav-link, .night-mode .slive_tabs .nav-link.active {
    color: #fff !important;
    background-color: #FFBA1F !important;
    border-color: #FFBA1F !important;
    border-radius: 20px;
}
.night-mode ._dlor1 {	
	background: #242424 !important;
    border: 0 !important;
    color: #dbdbdb !important;
}
.night-mode ._6tf7s:hover {
    background: #cc2622;
    color: #fff;
}
.night-mode ._145d1:hover {
    background: #cc2622;
    color: #fff;
}
.night-mode .ui.toggle.checkbox .box:before, .night-mode .ui.toggle.checkbox label:before {
    background-color: rgba(36, 36, 36) !important;
}
.night-mode ._1457s2 label {
    color: #c7c7c7 !important;
}
.night-mode .ui.toggle.checkbox input:checked~.box, .night-mode .ui.toggle.checkbox input:checked~label {
    color: #fff !important;
}
.night-mode .ui.toggle.checkbox input:focus:checked~.box, .night-mode .ui.toggle.checkbox input:focus:checked~label {
    color: #fff !important;
}
.night-mode .srch_explore {
    background: #333 !important;
    border: 1px solid #242424 !important;
    color: #787878 !important;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.night-mode i.icon2 {
    font-size: 20px !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
.night-mode .ui[class*="left icon"].swdh11.input>input:focus {
	background-color: #fff !important;
}
.night-mode .srch_explore:focus+.icon2 {
	color: #333 !important;
}
/* === Animation Loader === */
.night-mode .spinner {
    margin: 0 auto 0;
    width: 50px;
    text-align: center;
    height: 20px;
    border-radius: 100px;
    background-color: #333;
    line-height: 20px;
    border: 1px solid #242424;
    cursor: pointer;
}
.night-mode .spinner > div {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.night-mode .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #c7c7c7;
}
.night-mode .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #c7c7c7;
  opacity: 0.702;
}
.night-mode .spinner .bounce3 {
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
  background-color: #c7c7c7;
  opacity: 0.4;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.night-mode ._215b15 {
    background: #333;
}
.night-mode .ttl121 .breadcrumb {
    background-color: #333 !important;
}
.night-mode .breadcrumb-item.active {
    color: #fff !important;
}
.night-mode .career_lnk6 {
    color: #fff !important;
    background: #FFBA1F;
}
.night-mode .career_lnk6:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .vdtodt55 {
    color: #c7c7c7;
    border-bottom: 1px solid #242424;
}
.night-mode .ui.selection.dropdown.cntry152 {
    border: 1px solid #242424 !important;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.3) !important;
	background: #333;
}
.night-mode .ui.dropdown .menu {
    background: #171717  !important;
    border: 1px solid rgba(36,36,36,.15) !important;
}
.night-mode .ui.selection.dropdown .menu>.item {
    border-top: 1px solid #242424 !important;
}
.night-mode .ui.selection.dropdown .menu>.item:hover, .night-mode .ui.selection.dropdown .menu>.item:focus {
    background: #333 !important;
    color: #fff !important;
}
.night-mode .ui.dropdown .menu>.item {
    color: #c7c7c7 !important;
}
.night-mode .ui.dropdown .menu .selected.item, .night-mode .ui.dropdown.selected {
    color: #c7c7c7 !important;
}
.night-mode .ui.selection.cntry152.dropdown {
	color: #c7c7c7 !important;
}
.night-mode .form-group1 label {
    color: #fff;
}
.night-mode .image-upload-wrap {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .drag-text i {
    color: #dbdbdb;
}
.night-mode .drag-text .applyfile {
    color: #fff;
}
.night-mode .apply_form {
    border-top: 1px solid #242424;
}
.night-mode .apply_links_sco {
    border-top: 1px solid #242424;
}
.night-mode .ui.form.swdh30 textarea {
    background: #333;
    border: 1px solid #242424 !important;
}
.night-mode .ui.form.swdh30 textarea:focus {
    border: 1px solid #242424 !important;
    box-shadow: none;
	background: #fff;
}
.night-mode .save_btn:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .prevlink {
    color: #fff;
}
.night-mode  .prev_title {
    color: #c7c7c7;
}
.night-mode .prevlink1 {
    color: #fff;
}
.night-mode  .prev_title1 {
    color: #c7c7c7;
}
.night-mode .bp_left i {
    color: #fff;
}
.night-mode .bp_right i {
    color: #fff;
}
.night-mode .feature_careers  .owl-nav .owl-next {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .feature_careers  .owl-nav .owl-prev {
    color: #fff !important;
    background: #242424 !important;
    border: 1px solid #333 !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6);
}
.night-mode .feature_careers .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .feature_careers .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .apply_job_link {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .apply_job_link span {
    color: #c7c7c7;
}
.night-mode .career_lnk5 {
    color: #fff !important;
}
.night-mode .career_lnk5:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode ._cate101 {
    background: #333;
    color: #fff;
}
.night-mode ._215certibg {
    background: #333;
}
.night-mode  .login-btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .catey-tabs .nav-pills .nav-link.active, .night-mode .catey-tabs .nav-pills .show>.nav-link {
    color: #fff !important; 
    background-color: #FFBA1F !important;
}
.night-mode .certilink__152 {
    background: #333;
    color: #c7c7c7 !important;
	border: 1px solid #242424;
	position: relative;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.night-mode .certilink__152:hover {
    box-shadow: -0.083333333in 0.5pc 1.125pc -7px rgba(25,42,70,.6);
	color: #fff !important;
	top: -10px;
}
.night-mode ._485td5 {
    background: #333;
}
.night-mode .knowledge_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .sign_form {
    background: #242424;
}
.night-mode .panel-default {
    border-top: 1px solid #242424;
}
.night-mode .ui.checkbox label, .night-mode .ui.checkbox+label {
    color: #fff !important;
}
.night-mode .ui.checkbox label:hover, .night-mode .ui.checkbox+label:hover {
    color: #fff !important;
}
.night-mode .ui.pointing.dropdown>.menu:after {
    background: #12141E !important;
}
.night-mode .download_btn {
	color: #fff !important;
}
.night-mode .download_btn:hover {
	color: #fff !important;
	background: #cc2622;
}
.night-mode .test_timer_bg {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .timer_time h4 {
    color: #fff;
    border: 2px solid #fff;
    background: #333;
}
.night-mode .timer_time p {
    color: #fff;
}
.night-mode .ques_title {
    color: #fff;
}
.night-mode .test_submit_btn:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .test_timer_left li {
    border-right: 1px solid #242424;
}
.night-mode .test_timer_left li:last-child {
    border-right: 0;
}
.night-mode .membership_chk_bg {
	background: #333;
    border: 1px solid #242424;
}
.night-mode .lbel25 label {
    color: #fff;
}
.night-mode .address_text {
    color: #c7c7c7;
}
.night-mode  .help-block {
    color: #c7c7c7;
}
.night-mode .save_address_btn:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .checkout-tabs .nav-tabs .nav-item {
    width: 33.333%;
    text-align: center;
    border-right: 1px solid #333; 
}
.night-mode .checkout-tabs .nav-tabs .nav-item:last-child {
    border-right: 0; 
}
.night-mode .checkout-tabs .nav-tabs {
    border-top: 1px solid #242424;
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
    background: #242424;
}
.night-mode .checkout-tabs .nav-tabs .nav-item .nav-link:hover {
    color: #fff !important;
	border-bottom: 2px solid #fff;
}
.night-mode .chckout_order_dt {
    border-top: 1px solid #242424;
}
.night-mode .order_title {
    border-bottom: 1px solid #242424;
}
.night-mode .order_title .order_price {
    color: #fff;
}
.night-mode .order_title h4 {
    color: #c7c7c7;
}
.night-mode .order_title .order_price5 {
    color: #fff;
}
.night-mode .scr_text {
    color: #c7c7c7;
}
.night-mode .chckot_btn:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .joblink {
    color: #fff !important;
}
.night-mode .joblink:hover {
    color: #fff !important;
    background: #cc2622;
}

.night-mode .blogbg_1 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .cmpy14s {
    color: #fff !important;
}
.night-mode .cmpylink {
    color: #fff !important;
}
.night-mode .cmpylink:hover {
    color: #fff !important;
	text-decoration: underline !important;
}
.night-mode .contact_link_step {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .contact_map {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .contact_list_info .cntct_895 {
    color: #fff;
}
.night-mode ._byt1458 {
    background: #242424 !important;
}
.night-mode .lkcm152 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode ._5f7g11 {
    color: #c7c7c7;
}
.night-mode ._abc123 {
    color: #fff;
}
.night-mode ._htgdrt {
    background: #333;
    border: 1px solid #242424;
}
.night-mode ._5f7g15 span {
    color: #c7c7c7;
}
.night-mode ._5f7g15 i {
    color: #fff;
}
.night-mode .accordion-header {
    border: solid 1px #242424;
	background: #333;
}
.night-mode .accordion-header .section-title-text {
    color: #fff;
}
.night-mode .ui-accordion-content .lecture-container {
    background-color: #171717;
    border-bottom: 1px solid #242424;
    color: #c7c7c7;
}
.night-mode .ui-accordion-content {
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
    background: #333;
}
.night-mode .ui-accordion-content .title {
    color: #c7c7c7;
}
.night-mode .accordion-header .num-items-in-section {
    color: #c7c7c7;
}
.night-mode .accordion-header .section-header-length {
    color: #c7c7c7;
}
.night-mode .ui-accordion-content .content-summary {
    color: #c7c7c7;
}
.night-mode .btn1458 {
    border: 1px solid #242424;
    background: #333;
    color: #fff !important;
}
.night-mode .btn1458:hover {
    border: 1px solid #242424;
    background: #242424;
    color: #fff !important;
}
.night-mode .reviews_left {
    background: #333;
    border: 1px solid #242424;
}
.night-mode ._rate002 {
    color: #fff;
}
.night-mode .review_all120 {
    background: #333;
}
.night-mode .rpt100 span {
    color: #c7c7c7;
}

.night-mode .radio-label {
    color: #c7c7c7;
}
.night-mode .review_item {
    border-bottom: 1px solid #242424;
}
.night-mode .caption-content {
    background-color: #333;
    border: 242424);
}
.night-mode .caption-content span {
    color: #c7c7c7;
}
.night-mode ._df7852 {
    color: #fff !important;
}
.night-mode ._215b01 {
    background: #313131;
}
.night-mode .ui.dropdown .menu>.item>.description, .night-mode .ui.dropdown>.text>.description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(255,255,255,.6);
}
.night-mode .sign_in_up_bg:before {
    opacity: 0.2;
}
.night-mode .ui[class*="left icon"].swdh95.input>input:focus {
	background-color: #fff !important;
}
.night-mode .sign_in_up_bg {
    height: 100% !important;
	background: #000 !important;
}
.night-mode .sign_footer {
    color: #fff;
}
.night-mode ._215v12 {
    background: #313131;
}
.night-mode .value_props50 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .value_props51 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .rqst152 {
    color: #fff !important;
}
.night-mode .rqst152:hover {
    background: #cc2622;
}
.night-mode .ht_title {
    color: #fff;
}
.night-mode ._216b01 {
    background: #212121;
}
.night-mode .cmmnt_1526 {
    background: #333;
	border: 1px solid #242424;
}
.night-mode .cmnt-btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .wtch125 {
    color: #c7c7c7;
}
.night-mode a.rmv-btn {
    color: #fff !important;
}
.night-mode a.rmv-btn:hover {
    background: #cc2622;
}
.night-mode .live_input {
    color: #333;
	background: #242424;
}
.night-mode .live_comment {
    border-top: 1px solid #242424;
}
.night-mode .live_input:focus {
	background: #fff;
}
.night-mode .membership_bg {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .save_price {
    color: #c7c7c7;
}
.night-mode .chck_icon_1 {
    color: #c7c7c7;
}
.night-mode .panel-body {
    color: #c7c7c7;
}
.night-mode .prmb_btn:hover {
    background: #cc2622;
    color: #fff;
}
.night-mode .panel-default:first-child {
    border-top: 0;
}
.night-mode .membership_faq_bg {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .panel-title a {
    color: #fff !important;
}
.night-mode .sbbc145:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .purchased_badge {
    background: #fa8305;
}
.night-mode .blogleft12 li {
    border-bottom: 1px solid #242424;
}
.night-mode .category-topics {
    border-top: 1px solid #242424;
}
.night-mode .category-topics:first-child {
    border-top: 0;
}
.night-mode .press_item {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .vdtopress {
    color: #c7c7c7;
}
.night-mode .press_item .press_title {
    color: #fff !important;
}
.night-mode .report_history a {
    color: #fff !important;
}
.night-mode .report_history span {
    color: #f7f7f7;
}
.night-mode .rs6t_title {
    color: #fff;
}
.night-mode .filter_selector {
    color: #fff;
}
.night-mode  .filter__counter {
    color: #dbdbdb;
}

.night-mode .billing-percentages-progress-bar__labels li {
    color: #fff;
}
.night-mode .radio-label_1 {
    color: #fff;
    background: #333;
}
.night-mode .pymnt_title span {
    color: #fff;
}
.night-mode .save_payout_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .nt_apt {
    color: #c7c7c7;
}
.night-mode .api_btn {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}
.night-mode .api_btn:hover {
    border: 1px solid #fff;
    color: #000;
    background: #fff;
}
.night-mode .ttrm15 li {
    border-bottom: 1px solid #242424;
}
.night-mode .ttrm15 li:last-child {
    border-bottom: 0;
}
.night-mode .atlink {
    color: #fff;
}
.night-mode .main-tabs .nav-tabs {
    border-top: 1px solid #242424;
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
    background: #333;
}
.night-mode .main-tabs .nav-tabs .nav-item {
    border-right: 1px solid #242424;
}
.night-mode .main-tabs .nav-tabs .nav-item:last-child {
    border-right: 0;
}
.night-mode .main-tabs .nav-tabs .nav-item .nav-link:hover {
    color: #fff !important;
	border-bottom: 2px solid #fff;
}
.night-mode .main-tabs .nav-tabs .nav-item.show .nav-link, .night-mode .main-tabs .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: none !important;
    border-bottom: 2px solid #FFBA1F !important;
}
.night-mode .sgntrm145 a {
    color: #fff !important;
}
 /* Instructor Dashbaord Studio */ 
 
.night-mode .card_dash {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .card_dash1 {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .card_dash_left1 i {
    color: #c7c7c7;
}
.night-mode .create_btn_dash:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .courses_performance .owl-nav .owl-prev {
	background: #242424 !important;
	border: 1px solid #333 !important;
	color: #fff !important;
}
.night-mode .courses_performance .owl-nav .owl-next {
	background: #242424 !important;
	border: 1px solid #333 !important;
	color: #fff !important;
}
.night-mode .courses_performance .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .courses_performance .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .edututs_news .owl-nav .owl-prev {
	background: #242424 !important;
	border: 1px solid #333 !important;
	color: #fff !important;
}
.night-mode .edututs_news .owl-nav .owl-next {
	background: #242424 !important;
	border: 1px solid #333 !important;
	color: #fff !important;
}
.night-mode .edututs_news .owl-nav .owl-prev:hover {
	color: #fff !important;
	opacity: 1;
	background: #FFBA1F !important;
	border: 1px solid #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}	
.night-mode .edututs_news .owl-nav .owl-next:hover {
	color: #fff !important;
	opacity: 1;
	border: 1px solid #FFBA1F !important;
	background: #FFBA1F !important;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
}
.night-mode .crse-perf-left {
    color: #c7c7c7;
}
.night-mode .crse-perf-right {
    color: #c7c7c7;
}
.night-mode .crsedt145 {
    color: #fff !important;
}
.night-mode .new_links10 {
	color: #fff !important;
    border-bottom: 1px dashed #242424;
}
.night-mode .new_links10:last-child {
    border-bottom: 0;
}
.night-mode .cr1fot50 {
    color: #fff !important;
}
.night-mode .my_courses_tabs .nav-pills .nav-link.active, .night-mode .my_courses_tabs .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #FFBA1F !important;
}
.night-mode .my_crse_nav {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .my_courses_tabs .nav-link {
    color: #fff !important;
}
.night-mode .ucp-table thead {
    color: #fff !important;
}
.night-mode .table-responsive {
    border: 1px solid #242424;
}
.night-mode .ucp-table thead tr th {
    color: #fff !important;
    font-size: 14px;
    background-color: #171717 !important;
}
.night-mode .ucp-table td, .night-mode .ucp-table th {
    border-top: 1px solid #242424 !important;
	color: #fff;
}
.night-mode .ucp-table tbody {
    background: #333;
}
.night-mode .course_active {
    color: #fa8305;
}
.night-mode .panel-title {
    background: #333;
}
.night-mode .panel-body {
    color: #fff !important;
}
.night-mode .ui[class*="left icon"].swdh19.input>input:focus {
	background-color: #fff !important;
}
.night-mode .discount_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .promotion_tab {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .plan_link_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .analysis_card {
    background: #333 !important;
    border: 1px solid #242424 !important;
}
.night-mode  .analysis_card .card-header {
    background-color: #333 !important;
    border-bottom: 1px solid #242424!important;
}
.night-mode .analysis_card .card-header h2 {
    color: #fff !important;
}
.night-mode .analysis_card .nav-tabs .nav-item.show .nav-link, .night-mode .analysis_card .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #333 !important;
    border-color: transparent #242424 #333 !important;
}
.night-mode .analysis_card .nav-link:hover {
    color: #fff !important;
    background-color: #333 !important;
    border-color: transparent #242424 #333 !important;
	border: 1px solid;
}
.night-mode .nav-tabs {
    border-bottom: 1px solid #242424;
}
.night-mode .border-right {
    border-right: 1px solid #242424 !important;
}
.night-mode .analysis_card .card-footer {
    border-top: 1px solid #242424 !important;
}
.night-mode .ovrvew-1 {
    color: #fff !important;
}
.night-mode .border-bottom {
    border-bottom: 1px solid #242424 !important;
}
.night-mode  #add-course-tab .step-steps > li.active > a > .step-name, .night-mode #add-course-tab .step-steps > li.done > a > .step-name {
    color: #fff;
}
.night-mode #add-course-tab .step-steps > li:before {
    background-color: #5d5d5d;
}
.night-mode #add-course-tab .step-steps > li > a > .number {
    background-color: #575757;
}
.night-mode #add-course-tab .step-steps > li.active > a > .number, .night-mode #add-course-tab .step-steps > li.done > a > .number {
    background-color: #FFBA1F;
}
.night-mode #add-course-tab .step-steps > li.done:before {
    background-color: #FFBA1F;
}
.night-mode .title-icon {
    border-bottom: 1px solid #242424;
    border-top: 1px solid #242424;
}
.night-mode .course__form {
    background: #242424;
    border: 1px solid #242424;
}
.night-mode .steps_btn:hover {
    color: #fff !important;
    background: #cc2622 !important;
}
.night-mode .part_input .custom-file-label {
    color: #c7c7c7;
    background-color: #333;
    border: 1px solid #242424;
}
.night-mode #add-course-tab > .step-content .step-tab-gallery .custom-file-label {
    color: #c7c7c7;
    background-color: #333;
    border: 1px solid #242424;
}
.night-mode .course_des_bg {
    border: 1px solid #242424;
    background: #333;
}
.night-mode .ui.form.swdh339 textarea {
    background: #333;
    color: #33;
}
.night-mode .ui.form.swdh339 textarea:focus {
    background: #fff;
    color: #333;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.night-mode .course_des_ttle {
    border-bottom: 1px solid #242424;
}
.night-mode .price_course {
    border-top: 1px solid #333;
}
.night-mode .lecture_title {
    border-bottom: 1px solid #333;
}
.night-mode .part__title {
    color: #fff;
    border-bottom: 1px solid #333;
}
.night-mode .save_content {
    border-top: 1px solid #333;
}
.night-mode .save_content_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .part_btn_save:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .msg_search {
    border-bottom: 1px solid #242424;
}
.night-mode .all_msg_bg {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .user-status .user-status-text {
    color: #c7c7c7;
}
.night-mode i.icon8 {
    color: #fff;
}
.night-mode .srch_explore:focus+.icon8 {
	color: #333 !important;
}
.night-mode .chat__message__dt.active, .night-mode .chat__message__dt:hover {
    border-left: 4px solid #FFBA1F;
    background: #242424;
}
.night-mode .message-inner-dt > p {
    color: #fff !important;
}
.night-mode .message-dt.st3 .message-inner-dt > p {
    background-color: #242424;
    color: #fff !important;
}
.night-mode .message-send-area {
    background-color: #333;
    border-top: 1px solid #242424;
}
.night-mode .chatbox_right {
    border-left: 1px solid #242424;
}
.night-mode .chat_header {
    border-bottom: 1px solid #242424;
}
.night-mode .setting_noti {
    color: #fff !important;
}
.night-mode .setting_noti:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .total_rating {
    background: #242424;
    border: 1px solid #242424;
}
.night-mode ._rate001 {
    color: #fff;
}
.night-mode .review_item_course_title a {
    color: #fff !important;
    border-bottom: 1px solid #242424;
}
.night-mode .top_countries {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .country_list li {
    border-bottom: 1px solid #242424;
}
.night-mode .country_list li:last-child {
    border-bottom: 0;
}
.night-mode .top_countries_title h2 {
    color: #fff;
    border-bottom: 1px solid #242424;
}
.night-mode .country_item_left span {
    color: #c7c7c7;
}
.night-mode .country_item_right span {
    color: #fff;
}
.night-mode .ui.selection.vchrt-dropdown {
    background: #333 !important;
    border: 1px solid #242424 !important;
    color: #fff;
}
.night-mode .ui.selection.vchrt-dropdown.visible.dropdown>.text:not(.default) {
    font-weight: 400;
    color: rgba(255,255,255,.8);
}
.night-mode .payout_content img {
    width: 80px;
    background: #fff;
    padding: 5px;
}
.night-mode .payout_content span {
    color: #fff;
}
.night-mode .payout__via {
    color: #c7c7c7;
}
.night-mode .payout_content p {
    border-top: 1px solid #242424;
}
.night-mode .payout__small-notification {
    color: #c7c7c7;
}
.night-mode .payout__added {
    color: #c7c7c7;
}
.night-mode .payout__btn {
    color: #fff !important; 
}
.night-mode .payout__btn:hover {
    background: #cc2622;
    color: #fff !important;
}
.night-mode .left_section:last-child {
    border-bottom: 0;
}
.night-mode .tt-body {
    color: #c7c7c7 !important;
}
.night-mode .apply_instructor_btn {
    color: #fff !important;
}
.night-mode .apply_instructor_btn:hover {
    color: #fff !important;
    background: #cc2622;
}
.night-mode .alert_verification {
    background: #333;
    border: 1px solid #242424;
}
.night-mode .edututs_required_img i {
    color: #fff;
}
.night-mode .alert_verification li {
    border-right: 1px solid #242424;
}
.night-mode .alert_verification li:last-child {
    border-right: 0;
}
.night-mode .apply_verify_text {
    color: #c7c7c7;
}
.night-mode .verification_form {
    background: #242424;
    border: 1px solid #333;
}
.night-mode .verify_submit_btn:hover {
    color: #fff;
    background: #cc2622;
}
.night-mode .preview_video {
    background: #333;
}
.night-mode .main-p-pagination .pagination .page-link {
    color: #fff !important;
    background-color: #333;
    border: 1px solid #242424;
}
.night-mode .page-item.disabled .page-link {
    color: #727272!important;
    background-color: #313131;
    border-color: #333;
}
.main-p-pagination .pagination .page-link:hover {
    background: #FFBA1F;
    border: 1px solid #FFBA1F;
    color: #fff !important;
    box-shadow: none;
}
.night-mode .main-p-pagination .pagination .page-link.active {
    background: #FFBA1F;
    border: 1px solid #FFBA1F;
}
.night-mode .result_stitles {
    padding: 0px 0 15px;
    border-bottom: 1px solid #242424;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.night-mode .adcrse1250 {
	border: 1px solid #242424;
}
.night-mode .adcrse_body {
	background: #242424;
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
    border-bottom: 1px solid #242424;
}
 /* all theme custom cards */ 
.night-mode .nav-single-group ,
.night-mode .setting-menu ,
.night-mode .group-card ,
.night-mode .events-list ,
.night-mode .event-info-date ,
.night-mode  ,
.night-mode .nav-profile ,
.night-mode .post ,
.night-mode .post-new ,
.night-mode .profile-friend-card ,
.night-mode .contact-list-box{
    background-color: #000;
    box-shadow: 0px 2px 10px 0px #0000001a;
}
.night-mode #logo img {
      display:none;
  }
 .night-mode #logo .logo-inverse{
      display:inline !important
  }
 
/* Titles & texts */
.night-mode .uk-h1, .night-mode h1, .night-mode .uk-h2, .night-mode h2, .night-mode .uk-h3, .night-mode h3, .night-mode .uk-h4, .night-mode h4, .night-mode .uk-h5, .night-mode h5, .night-mode .uk-h6, .night-mode h6, .night-mode .uk-text-black, .night-mode .uk-text-danger, .night-mode .uk-text-primary, .night-mode .uk-text-sucess, .night-mode .uk-text-muted, .night-mode .uk-card-default .uk-card-title, .night-mode .uk-card-default, .night-mode .uk-text-lead, .night-mode .text-black, .night-mode .text-danger, .night-mode .text-primary, .night-mode .text-sucess, .night-mode .text-muted, .night-mode .text-lead, .night-mode .section-header-left>*,.night-mode .contact-list-box p {
    color: #fff !important;
}

/* button hover */
.night-mode .button:hover, .night-mode .button.danger:hover, .night-mode .button.grey:hover, .night-mode .button-info:hover, .night-mode .button.white:hover, .night-mode .button.success:hover, .night-mode .button.secondary:hover, .night-mode .button.primary:hover, .night-mode .button.light:hover, .night-mode .button.dark:hover, .night-mode .button.default:hover, .night-mode .Markup-botton:hover, .night-mode :not(pre)>code:hover, .night-mode .uk-label:hover, .night-mode .uk-icon-button:hover, .night-mode .uk-modal-close-full:hover, .night-mode .uk-pagination>.uk-active>*, .night-mode .slidenav-next:hover, .night-mode .slidenav-prev:hover, .night-mode #backtotop a:hover, .night-mode .comment-by a.reply, .night-mode .Markup-botton:hover, .night-mode .Markup-botton::before, .night-mode .grid-slider-header .slide-nav-prev, .night-mode .grid-slider-header .slide-nav-next ,
.night-mode ul.dropdown-user-menu li a i  ,
.night-mode header .head_user .opts_icon:hover,
.night-mode header .head_user .opts_icon:focus ,
.night-mode header .opts_icon_link:hover ,
.night-mode .post-comment-opt:hover, .night-mode .post-comment-opt:focus ,
.night-mode header .icon-browse .icon-menu-item:hover{
    background-color: #242424  !important;
    color: white !important;
}

/* reset links */
.night-mode a,
.night-mode #breadcrumbs,
.night-mode .uk-accordion .uk-accordion-title,
.night-mode .uk-accordion-title::before,
.night-mode .dropdown-user-name,
.night-mode .dropdown-user-name span,
.night-mode .comment-by ,
.night-mode .post .post-state .post-state-btns {
    color: #c7c7c7 !important;
}
.night-mode a:hover,
.night-mode #breadcrumbs ul li a,
.night-mode .uk-accordion .uk-open .uk-accordion-title,
.night-mode .uk-accordion-title::before,
.night-mode .responsive-tab.style-2.uk-active,
.night-mode .responsive-tab .uk-active a,
.night-mode .uk-tab>.uk-active>a{
    color: white !important;
}
 
/* all borders  */ 
.night-mode .sidebar .sidebar_innr .sections ,
.night-mode ul.dropdown-user-menu .menu-divider, 
.night-mode ul.dropdown-search-list .list-title,
.night-mode ul.dropdown-search-list .menu-divider,
.night-mode .dropdown-notifications-content ul li, 
.night-mode .dropdown-notifications-headline,
.night-mode .dropdown-notifications-footer ,
.night-mode .dropdown-user-details, 
.night-mode .uk-tab>.uk-active>a ,
.night-mode .main_sidebar .sidebar-header ,
.night-mode pre , 
.night-mode .nav-profile,
.night-mode .contact-list-media img ,
.night-mode .contact-list-media .online-dot , 
.night-mode .contact-list-media .offline-dot{
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Remove border color  */
.night-mode .post .post-state ,
.night-mode header .head_search .head_search_cont input,
.night-mode header,  .night-mode header .icon-browse .more-app, .night-mode .section-header, .night-mode .footer, .night-mode .uk-tab::before{
    border-color: transparent !important;
}

/* reset all bg */
.night-mode .bg-primary,
.night-mode .bg-secondary,
.night-mode .bg-success,
.night-mode .bg-info,
.night-mode .bg-warning,
.night-mode .bg-danger,
.night-mode .bg-grey,
.night-mode .bg-light,
.night-mode .bg-dark {
    background-color: #201f23 !important;
}
.night-mode .bg-white, 
.night-mode .bg-transparent, 
.night-mode .slide-nav-next.uk-invisible{
    background-color: #131313 !important;
}
.night-mode .responsive-tab:before ,
.night-mode .responsive-tab .uk-active a:before ,
 .night-mode .sidebar .sidebar_innr .sections li a:hover{
    background: transparent;
}
 
  
/* framework */
.night-mode .dropdown-notifications-footer ,
.night-mode .uk-card-default,
.night-mode .uk-card-primary,
.night-mode .uk-card-muted,
.night-mode .uk-card-secondary,
.night-mode .uk-background-default,
.night-mode .uk-background-muted,
.night-mode .uk-background-primary,
.night-mode .uk-background-secondary,
.night-mode .bg-gradient-primary,
.night-mode .bg-gradient-secondary,
.night-mode .bg-gradient-success,
.night-mode .bg-gradient-info,
.night-mode .bg-gradient-warning,
.night-mode .bg-gradient-danger,
.night-mode .bg-gradient-light,
.night-mode .bg-gradient-grey,
.night-mode .night-mode .uk-alert,
.night-mode .uk-input,
.night-mode .uk-select,
.night-mode .uk-textarea,
.night-mode .uk-input:focus,
.night-mode .uk-textarea:focus,
.night-mode .uk-drop,
.night-mode .uk-dropdown,
.night-mode .uk-modal-dialog,
.night-mode .uk-notification-message,
.night-mode .uk-offcanvas-bar,
.night-mode .uk-list-striped>li:nth-of-type(odd),
.night-mode .uk-overlay-default,
.night-mode .uk-table-striped>tr:nth-of-type(odd),
.night-mode .uk-table-striped tbody tr:nth-of-type(odd)  ,
.night-mode .glyph.fs1:hover span:not([class*="mls"]) {
    background: #12141E !important;
}
.night-mode .uk-form-label {
    color: #dbdbdb !important;
}
.night-mode *+hr,
*+.night-mode .uk-hr,
.night-mode .uk-heading-line> ::before,
.night-mode .uk-heading-line> ::after,
.night-mode .uk-input,
.night-mode .uk-select,
.night-mode .uk-textarea,
.night-mode .uk-heading-divider,
.night-mode .uk-input:disabled,
.night-mode .uk-select:disabled, 
.night-mode .uk-textarea:disabled ,
.night-mode .uk-heading-bullet::before,
.night-mode .uk-divider-small::after ,
.night-mode .uk-list-divider>li:nth-child(n+2),
.night-mode .uk-table-divider>tr:not(:first-child),
.night-mode .uk-table-divider> :not(:first-child)>tr,
.night-mode .uk-list-large.uk-list-striped>li:nth-of-type(odd),
.night-mode .uk-table-divider> :first-child>tr:not(:first-child),
.night-mode .uk-list-striped>li:nth-of-type(odd),
.night-mode .uk-table-striped>tr:nth-of-type(odd),
.night-mode .uk-table-striped tbody tr:nth-of-type(odd) {
    border-color: rgba(255, 255, 255, 0.1);
}

.night-mode .syntaxhighlighter,
.night-mode .syntaxhighlighter .line.alt1 ,
.night-mode .syntaxhighlighter .line.alt2 , 
.night-mode pre ,
.night-mode .responsive-tab.style-4 :before{
    background-color: #393942 !important;
}
/* background-color level three */
.night-mode .header-searchbox {
    background-color: #45454d !important;
}
 
  
.night-mode .dropdown-notifications-content ul li:hover, .night-mode .notifications-not-read, .night-mode ul.dropdown-search-list .list-title, .night-mode ul.dropdown-search-list li a:hover, .night-mode .setting-menu ul li a:hover, .night-mode ul.dropdown-user-menu li a:hover, .night-mode .sidebar .sidebar_innr .sections li.active a, .night-mode .sidebar .sidebar_innr .sections li a:focus, .night-mode .sidebar .sidebar_innr .sections li.active a, .night-mode .sidebar .sidebar_innr .sections li.active a, .night-mode .contact-list:hover, .night-mode .bg-secondary-hover:hover, .night-mode .responsive-tab a span, .night-mode .event-info-date, .night-mode .post .post-state .post-state-btns:hover, .night-mode .post-new-type > a:hover , .night-mode .post-comment-text-inner ,
.night-mode .contact-list-box-btns .button  ,
.night-mode .dropdown-user-details:before ,
.night-mode header .icon-browse .more-app ,
.night-mode .list-items:hover {
    background-color: #191d2f !important;
}
.night-mode .sidebar .sidebar_innr .sections:first-child {
    padding-top: 12px;
}
.night-mode header .head_search .head_search_cont input {
    background-color: rgba(255, 255, 255, 0.15);
}
.night-mode header .head_search .head_search_cont input:focus {
    background-color: rgb(255, 255, 255);
}
.night-mode .responsive-tab.style-4 .uk-active a:before ,
.night-mode .responsive-tab.style-2 .uk-active a:before {
    background: white !important;
}
 
.night-mode .photo-card ,
.night-mode .nav-single-group ,
.night-mode .post .post-state-details * img {
    border-color:#08090f
}
.night-mode .btn-subscribe .button:before ,
.night-mode .post-comment-text::before{
    border-right-color: #201f23;
}
.night-mode .setting_tabs {
	background: #333;
	border-color: #333;
}
.night-mode .setting_tabs .nav-link {
	color: #fff;
}
.night-mode .setting_tabs .nav-link:hover {
	color: #333;
}
.night-mode .abo_settings .current_abo {
	background: #444444;
}
.night-mode #abo_options .abo_option {
	background: #404040;
}
.night-mode #abo_options .abo_option .current_price {
	color: rgb(222 222 222 / 87%);
}
.night-mode #abo_options .abo_option li {
	color: #a7a7a7;
}
.night-mode .fcrse_1.abo_settings .fcrse_content .padded_col.abo-col-left {
	border-right: 1px solid #424242;
}
.night-mode .abo-col-left p strong {
	color: #efefef;
}
.night-mode .abo-col-left li {
	color: #afafaf;
}
.night-mode .alert.alert-abo {
	background-color: #4d615d;
    border-color: #4d615d;
}
.night-mode .alert-abo p, .night-mode .alert-abo h2 {
    color: #00bd9b !important;
}
.night-mode .nav-tabs .nav-item.show .nav-link, .night-mode .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #171717;
    border-color: #292929;
}
.night-mode .intro {
	    border-bottom: 1px solid #4c4c4c;
}
.night-mode .save_div {
    border-top: 1px solid #4c4c4c;
}
.night-mode .opts_account img, .night-mode .profile_link img {
	border-color: transparent;
}
.night-mode .dashboard_welcome {
    background-color: #3e3c39;
}
.night-mode .table-white .table thead th, .night-mode .table-white .table td {
    background: #333;
}
.night-mode .table-white .table thead th:last-child, .night-mode .table-white .table td:last-child {
    border-right: 1px solid #171717;
}
.night-mode .table-white .table thead th:first-child, .night-mode .table-white .table td:first-child {
    border-left: 1px solid #171717;
}
.night-mode .table-white .table tbody tr:last-child td {
    border-bottom: 1px solid #171717;
}
.night-mode .table-white .table thead th {
	border-bottom: 1px solid #171717;
}
.night-mode .card_credits .credits_info {
    background: #333;
}
.night-mode .course_header {
    background: #2b2b2b !important;
	border-bottom: 1px solid #3c3c3c;
}
.night-mode .slim-table.table-white .table tbody tr:hover td {
    background: #3c3c3c;
}
.night-mode .icon-badge.badge-orange {
    background: #5f5b52;
}
.night-mode .icon-badge.badge-green {
    background: #5b716d;
    color: #26c3a6;
}
.night-mode .lesson_options .lesson_options_btns li a {
	color: #fff !important;
	background: #252525;
}
.night-mode .lesson_progress .progress_data {
    background: #444;
}
.night-mode .exercise_reference .icon-state{
	border-right: 3px solid #1d1d1d;
    background: #4c4c4c;
}
.night-mode .exercise_reference ul li {
    border-left: 1px solid #1d1d1d;
}
.night-mode .exercise_reference.sidebarred.active {
    background: #525252;
}
.night-mode .steps_container .steps_box {
    border-bottom: 1px solid #000000;
    background: #2f2f2f;
}
.night-mode .steps_container .steps_content {
    background: #424242;
}
.night-mode .tutor_course {
    background: #313131;
}
.night-mode .filter_box {
    background: #191919;
}
.night-mode .table-white .table tbody.calendar_days td:nth-child(6), .night-mode .table-white .table tbody.calendar_days td:nth-child(7) {
    background-color: #292929;
}
.night-mode .table-white .table tbody.calendar_days td {
    border: 1px solid #505050;
}
.night-mode .table-white .table tbody.calendar_days tr td {
    color: #737373;
}
.night-mode .content_box_table td strong {
	color: #fff;
}
.night-mode .soft_link {
	color: #ffba1f !important;
}
.night-mode .soft_link:hover {
	color: #fff !important;
}
.night-mode .soft_link_gray {
	color: #9a9a9a !important;
}
.night-mode .soft_link_gray:hover {
	color: #fff !important;
}
.night-mode .callout_invitefriend {
    background-color: #565656 !important;
}
.night-mode .insights_stats {
	background: #333;
}
.night-mode .dashboard_right .info {
    background: #312f2c;
}
.excanvas_2_1 {
	max-width: 800px;
	margin: 0px auto;
}
.excanvas_2_2 {
	max-width: 800px;
	margin: 0px auto;
}
.excanvas_2_3 {
	max-width: 800px;
	margin: 0px auto;
}
.game_frame_contain {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 75%;
}
.excanvas_2_2 .game_frame_contain {
	padding-top: 80%;
}
.excanvas_2_3 .game_frame_contain {
	padding-top: 80%;
}
.game_frame_contain .game_frame {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}