@charset "utf-8";
iframe{
	/*max-width:100%;
	height: auto;	*/
}
.course-meta .item {
    border-left: 1px solid #ededed;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
}
.course-meta .item:last-child,
.course-meta .item:first-child {
    border: 0px;
    margin: 0;
    padding: 0;
}
.course-meta {
    border-bottom: 1px solid #ededed;
    display: inline-block;
    margin-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}
.course-meta .chat{
	float: right;
}
.course-meta .author{
	display: flex;
	align-items: center;
	gap: 10px;
}
.course-meta .author img{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
}
.course-meta h4{
    font-size: 16px;
    margin: 5px 0;
}
.courses-detail-wrapper h1, .courses-detail-wrapper h2, .courses-detail-wrapper h3{
    color: #0e0e0e;
}
header .header-topbar {
    background-color: #002147;
}
.footer-main {
    background-color: #002147;
}
.learning-page .post-tutor{
	display:none;	
}
body {
    color: #0e0e0e;
}
header .header-main .navigation .nav-links li .main-menu {
	color: #0e0e0e;
    font-size: 16px;
}
.my-post{
	padding: 0;
    list-style: none;
}
.my-post li{
	padding: 10px;
    background: #f0f0f0;
    margin-bottom: 10px;
	border-radius: 4px;
	border-left: 5px solid #cdcdcd;
	position: relative;
	color: #3b3f47;
}
.my-post li:hover{

	border-left: 5px solid #86bc42;
}
.my-post li .detail{
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;	
	cursor: pointer;
	display:block;
}
.my-post .i-edit{
	position: absolute;
    top: 10px;
    right: 8px;	
}
.my-post li:last-child{

    margin-bottom: 0px;

}
.num-tutor{
	cursor: pointer;	
}
.post-popup{
	max-width:600px;	
}
.post-popup2{
	padding: 0 15px 30px 15px;
}
.my-post-nav{
	padding:0;
	list-style:none;	
}
.my-post-nav li{
	display:inline-block;
	padding: 0 5px;
}
.bottom-tool i,
.post-tutor{
	cursor:pointer;	
}
.bottom-tool .del-post:hover .fa-circle{
	color: #c9302c;
}
.bottom-tool .edit-post:hover .fa-circle{
	color: #86bc42;
}
.bottom-tool{
	
}
.my-profile .course-des {
    margin-bottom: 20px;
}
.iframe-container {
  overflow: hidden;

  padding-top: 56.25% !important;
  position: relative;
}
.rlp-table2.find-tutor-form .rlp-form .col-md-12 {
    margin-bottom: 12px;
}
.find-tutor-form .bg-w-form {
    padding-top: 0;
}
.find-tutor-form .bg-w-form textarea.form-input {
    height: 150px;
	max-width:100%;
}
.invalid-feedback{
	color: #dc3545;
	display:none;
}
.was-validated :invalid~.invalid-feedback {
    display: block;
}
.was-validated .form-input:invalid
{
    border: 1px solid #dc3545 !important;
	box-shadow: 0 0 5px rgba(255, 0, 0, 0.2) !important;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
.post-tutor.btn.btn-green:after{
	background-color: #ffffff;
}
.post-tutor.btn.btn-green:hover span{
	color: #86bc42;	
}
.how .edugate-layout-3 .edugate-layout-3-wrapper {

    margin-bottom: -30px;
}

.item-course a.title{
	font-size:14pt;	
}
.icon-intro li{ padding:2px; text-align:center}
.icon-intro li span{ display:block}
.media.warning span{
	text-align: center;
    background: #fef9c1;
    display: inline-block;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12pt;
    color: #ed1515;
	margin: 20px 0;
}
.c_red{
color: red;
    font-weight: normal;	
}
.edit-profile-list label {
	width:100%;	
}
.comment-name{
	height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;	
}
.comment-course{
    color: #a9aaa8;	
}
.review-list{
	padding:0;	
}
.review-list li{
	list-style: none;
    background: #f6f6f6;
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 10px 0;
}
.w20per{
	width:20%;	
}
.comment_txt{
    font-size: 12pt;
  
}
span.tutor-img img{
	max-width:80px;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
span.tutor-img {
    display: inline-block;
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 7px;
}
span.tutor-img2 img{
	width:40px;	
	height:40px;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
span.tutor-img2 {
    display: inline-block;
 /*   padding: 3px;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
   margin-top: 5px;
}
.review-list .table{
	margin:0;	
}
.tutor-img-block{
	    position: relative;
}
.warning-calendar{
	text-align: center;
    font-size: 14pt;
    color: red;
}
.top-icon{ margin-right:10px;}
.message.fancybox-content{
	max-width:600px;	
}
.btn.btn-grey {
    width: auto;
}
.top10{ margin-top:10px;}
.course-status .btn i {
    margin-left: 0;
}
.course-status .btn {
    padding: 0 20px;
    line-height: 35px;
    margin: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.icon-intro .btn {
    padding: 0 8px;
    line-height: 25px;
    margin: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.icon-intro .btn i {
    margin-left: 0;
}
.note_red{
	color:#F00;	
}
[name="cancel_note"]{
	max-width:600px;	
}
ul.icon-intro{
	padding:0;
	margin:0;
}
ul.icon-intro li{
	list-style:none;
	display:inline-block;	
}
ul.list-next-time li{
	list-style: none;	
	border: 1px solid;
    padding: 5px;
	margin-bottom: 5px;
}
ul.list-next-time{
	margin: 0;
    padding: 0;
}
.course-des .underline {

    margin-bottom: 20px;

}

.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn.btn-danger:after {
    position: absolute;
    content: '';
    right: 100%;
    background-color: #242c42;
    width: 100%;
    height: 100%;
    top: 0;
}
.btn.btn-danger:hover {
    color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn.btn-warning:after {
    position: absolute;
    content: '';
    right: 100%;
    background-color: #242c42;
    width: 100%;
    height: 100%;
    top: 0;
}
.btn.btn-warning:hover {
    color: #fff
}

.btn.btn-danger:hover:after,.btn.btn-warning:hover:after {
    right: 0
}

.btn.btn-danger:focus span {
    color: #fff
}
.btn.btn-danger:after, .btn.btn-warning:after {
    transition: all 0.5s ease
}



.section.best-staff{
	display:none;	
	background: url(https://sorndee.co/assets/images/form_bg.jpg) no-repeat center center;
    background-size: cover;
}
.tutor-img img{
	max-width: 100%;
    max-height: 400px;
    margin: 0 auto;	
}
.tutor-img>div{
	background: #eee;	
}
.text-center{
	text-align:center;	
}
.va-middle{
	vertical-align:middle;
}
.intro-vdo{
    padding: 10px;
    border: 2px solid #5cb85c;	
}
.btn.btn-success{
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn.btn-default{
    background: #dcdcdc;
    border-color: #ccc;
    color: #737373;
}
.calendar-event:hover  .none {
    display: block !important;
}
.calendar-event:hover .event-date{
	color:#fff !important;
}
.row.edu{
	border-bottom: 3px solid #fff;
    margin-bottom: 10px;
}
.row.edu:last-child{
	border-bottom: 0;
    margin-bottom: 0;
}
.bank-row{
    background: #eee;
    padding: 5px;	
}
.bank-row .table{
	margin-bottom:0;
}
.calendar .calendar-timeline li span {
    padding-top: 24px;
}
.calendar-timeline ul li:nth-child(even) span{
	color:#fff;
}
.calendar .event-content.none, .none{
	display:none;	
}
.w100{
	width:100%;	
}
.table{
	display:table;	
	width:100%;
}
.tr{
	display:table-row;	
}
.td{
	display:table-cell;	
}
.checkout_step{
background: #dddddd;
background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 30%, #eeeeee 73%, #eeeeee 73%, #dddddd 100%);
background: -webkit-linear-gradient(top, #dddddd 0%,#eeeeee 30%,#eeeeee 73%,#eeeeee 73%,#dddddd 100%);
background: linear-gradient(to bottom, #dddddd 0%,#eeeeee 30%,#eeeeee 73%,#eeeeee 73%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd',GradientType=0 );
	margin-bottom:25px;
}
h1{
    font-size: 22pt;
}
h2{
    font-size: 16pt;
}
h3{
    font-size: 14pt;
}
.checkout_step .table{
	margin-bottom:0;	
}
.checkout_step .td{
    text-align: center;
	color: #a2a2a2;
	border-left: 1px solid #e0e0e0;	
}
.checkout_step .td a, .checkout_step .td a:visited{
    padding: 35px 5px;
	display:block;
	color: #6d6d6d;
}
.checkout_step .td:first-child{
	border-left: 0;
}
.checkout_step .td.active a{
    background: #8dc63f;
    font-weight: bold;
    font-size: 14pt;
    color: #f5f5f5;	
}
.checkout_step .td a.link:hover{
background: #d8d8d8;
background: -moz-linear-gradient(top, #d8d8d8 0%, #e5e5e5 30%, #e5e5e5 73%, #d8d8d8 100%);
background: -webkit-linear-gradient(top, #d8d8d8 0%,#e5e5e5 30%,#e5e5e5 73%,#d8d8d8 100%);
background: linear-gradient(to bottom, #d8d8d8 0%,#e5e5e5 30%,#e5e5e5 73%,#d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 );
}
.w20p{
	width:20%;	
}
.calendar .calendar-events .calendar-event{
	opacity:0 !important;
}
.calendar .calendar-events .calendar-event:hover{
	opacity:1 !important;
}
.calendar .calendar-events .calendar-event[data-content="checked"], .calendar .calendar-events .calendar-event[data-content="book"]{
	opacity:1 !important;
}
button.btn-move-calendar{
    margin-top: -10px;
    position: absolute;
	    height: 25px;
		    color: #333;
			    z-index: 99;
}
button.btn-move-calendar[data-direction="left"]{
	left:10px;
}
button.btn-move-calendar[data-direction="right"]{
	right:10px;
}
.calendar .calendar-events .calendar-day-header > span {
    font-size: 13px;
}
.calendar-categories{
	    margin-bottom: 0 !important;
		
}
.event-name{
	display:none !important;
}
.calendar-categories{
margin-top: -20px;
    opacity: 0;
}
.calendar-event{
	background:#86bc42 !important;
}
.calendar-event .event-date{
	color:#86bc42 !important;
}
.calendar-event:hover .event-date{
	color:#fff !important;
}
.calendar-event[data-content="book"] {
	background:#ccc !important;
}
.calendar-event[data-content="book"] .event-date{
	    color: #ccc !important;
}
.calendar .calendar-events .calendar-event {

    box-shadow: inset 0 -2px 0 rgba(0,0,0,0) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0), inset 0 -2px 0 rgb(255, 236, 236) !important;
	border-radius: 0 !important;
	    z-index: auto !important;
		    width: 100% !important;
			    text-align: center;
    
}
.disabled-left .btn-move-calendar[data-direction="left"]{
	display:none;
}

.credit-block{
    padding: 10px;
    margin-top: 10px;
    border: 3px solid #3b3f47;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;	
	margin-bottom: 10px;
}
h3.credit_title{

    margin-top: 0;
    margin: 0;
	
}
.credit_num{
    font-size: 28pt;
    color: red;	
}
.add_credit{
    padding: 0 12px;
    height: 25px;
    line-height: 25px;
    margin-top: 2px;	
}
.compensate-for-scrollbar {
    margin-right: 0 !important;
}
.show767{display:none;}
.find-tutor-form{ min-width:500px;}

.home-post .tutor-img2{
	float: left;
    margin-right: 10px;	
	margin-top: 3px;
}
.home-post span.tutor-img2 img {
    width: 65px;
    height: 65px;
}
.home-post h3 {
    margin:0;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: inherit;
	color: #3b3f47;
}
li:hover h3 {
	color: #86bc42;
}
.home-post .fa-stack{
	color: #9f9898;
}
.home-post .my-post-li {

    width: 32.33%;
    display: inline-block;
    margin: 0.5%;
	vertical-align: top;
}
.home-post.me .my-post-li {

    width: 49%;
    display: inline-block;
    margin: 0.5%;
	vertical-align: top;
}
.home-post-block h2{
	font-size: 20pt;
    color: #3b3f47;	
}
.green_bg_h{
    background: #86bc42;
    color: #fff;	
}
.post-popup span.tutor-img2 {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    float: right;
    border: 1px solid #ede9e9;
    padding: 5px 10px;
}
.post-popup2 span.tutor-img2 {
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 0;
    float: none;
    border: 1px solid #ede9e9;
    padding: 5px 10px;
}
.post-popup span.tutor-img2 img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.post-popup2 span.tutor-img2 img {
	width: 250px;
    height: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.post-popup .bottom-tool{
	margin-top:20px;
}
.post-popup2 .bottom-tool{
	margin-top:20px;
}
.post-popup .cred{
	color:#F00;	
}
.post-popup2 .cred{
	color:#F00;	
}
@media (max-width: 1400px){
	.home-post .my-post-li {
		width: 49%;
		margin: 0.5%;

	}
	.home-post.me .my-post-li {
		width: 99%;
		margin: 0.5%;
	}
}
@media (max-width: 991px){
	.mobile-cat{
		display:block !important;
	}
	.hide-mobile{
		display:none;
	}
	.find-tutor .courses-detail-wrapper>.row{
		display: flex;
		flex-direction: column-reverse;
	}
	.find-tutor .courses-detail-wrapper>.row .sidebar .widget:last-child {
		width: 100%;
	}
	.home-post .my-post-li {
		width: 99%;
		margin: 0.5%;

	}
	.learning-page.active .tutor_button, .learning-page.active header .header-topbar{
		display:none;
	}
	.learning-page .show991{display:block;}
	#show_chat{
		position: fixed;
		bottom: 15px;
		left: 110px;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		line-height: 32px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #e1650d;	
	}
	.learning .tool-right .chat-button, .learning .tool-right #chatPanel{
		display:none !important;	
	}
	.learning .tool-right.active #chatPanel{
		display:block !important;	
	}
	.learning .tool-right #localVideo {
		display: block;
		width: 120px;
		position: fixed;
		bottom: 15px;
		right: 10px;
	}
	.learning #remoteVideo{
		position: fixed;
	}
	.learning #videoMute{
		position: fixed;
		bottom: 15px;
		left: 10px;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		line-height: 32px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #e1650d;	
	}
	.learning #audioMute{
		position: fixed;
		bottom: 15px;
		left: 60px;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		line-height: 32px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #e1650d;	
	}
	.learning #videoMute .fa, .me-page #audioMute .fa{
		font-size: 18pt;	
	}
	.learning .tutor_button {
		right:0;
		width: 100%;
		top: 50px;
		text-align: center;
	}
	.learning .topbar-right {
		width: 50%;
	
	}
	.learning .tutor_button .dashboard{
		float: left;
		margin-left: 10px;	
	}
	.learning .tutor_button .start-chat,.learning .tutor_button .end-chat {
		float: right;
		margin-left: 10px;	
	}
	.learning.chat-active #chatPanel{
		display: block !important;
		position: fixed;
		width: 100%;
		bottom: 0;
		margin: 0;
		padding: 0;
		top: 0;
	}
	.learning-page .topbar-right {
		width: 50%;
		background: #86bc4282;
		position: fixed;
		right: 0;
		white-space: nowrap;
	}
	.learning #sideMenu {

		width: 50%;
		position: fixed;
		white-space: nowrap;
	}
	#videoPanel:-webkit-full-screen .tool-right{
		width:0	
	}
	#videoFullScreen{
		position: fixed;
		bottom: 15px;
		left: 160px;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		line-height: 32px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #e1650d;	
	}
	#videoExitFullScreen{
		position: fixed;
		bottom: 15px;
		left: 10px;
		border: 0;
		width: 40px;
		height: 40px;
		padding: 0;
		line-height: 32px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		color: #e1650d;		
	}
}
@media (max-width: 767px){
	.my-post-li .bottom-tool .pull-right{
		display: block;
		width: 100%;
		padding-left: 86px;
	}
	.my-post-block .my-post-li .bottom-tool .pull-right{
		display: block;
		width: 100%;
		padding-left: 0;
		float:none !important;
	}
	header .topbar-left div span,
	header .topbar-right .profile span{ display:none;}
header .header-topbar .email {
    margin-right: 0px;
}
header .post-tutor{ margin-right:0 !important}
header .email .top-icon{margin-top: -4px;}
header .email,
header .hotline{
	display: inline-block !important;
}
.edugate-navbar {
    margin-top: 18px !important;
}
	.profile .dropdown-menu{ right:0; left:auto}
	.find-tutor-form{ min-width:80%;}
.course-des .underline {
    margin-bottom: 35px;
}

	.show767{display:block;}
	.me-page .table, .me-page .tr, .me-page .td{
		display:block;
		width:100%;
	}
	.me-page .tr.header{
		display:none;	
	}
	.me-page .ordernum{
		text-align: center;
		background: #86bc42;
		color: #fff;
		font-size: 16pt;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.me-page .br0 {
    	border-right: 1px solid #dcdee3;
	}
	.me-page .tr{
		margin-bottom:15px;	
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.me-page .td{
		border-bottom: 0;	
		padding: 15px 10px;	
	}
	.me-page .tr .td:last-child{
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;	
		border-bottom: 1px solid #dcdee3;
	}
	.me-page .course-status{
		text-align:center;
		background: #f8f8f8;
    	font-size: 12pt;
	}
	.me-page .course-name{
		font-size: 14pt;
		text-align: center;	
	}
	.me-page .start-learn, .me-page .course-date, .me-page .course-price{
		font-size: 12pt;
		text-align: center;	
	}

	.me-page .course-status .btn{
		margin-top:10px;	
	}
	.page-title {
		    background-position: -100px -100px;
		height: 150px;
	
	}
	
}