@import url(reset.css);

@import url(slider.css);

@import url(tab.css);

@import url(owl.carousel.css);

@import url(ionicons.min.css);

@import
	url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');

body {
	font-family: 'Quicksand', sans-serif;
	font-size: 14px !important;
	/*font-weight: 300;*/
	color: #333 !important
}

.anon-mtop {
	margin-top: 83px;
}

.anon-mtop60 {
	margin-top: 60px;
}

.badge {
	background-color: #f44336;
	position: absolute;
	margin-top: -25px;
	margin-left: 5px;
	font-size: 0.675em !important;
	border-radius: 50%;
	text-align: center;
	line-height: 8px;
	float: left;
}

.s-triangle {
	
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 16px solid #ccc;
	position: relative;
	left: 260px;
	top: -21px;
	
}

.s-triangle .small-triangle {
	
	position: absolute;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 16px solid #fff;
	margin-left: -14px;
	margin-top: 3px;
	
}

.anon-icon-circle-top {
	width: 35px;
	height: 35px;
	margin: auto;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ea616b;
	text-align: center;
	vertical-align: middle;
	/*line-height: 35px;*/
	padding: 6px 6px;
	font-weight: bold;
	font-size: 16px;
	margin-top: -6px;
	color: #f44336;
	background-color: #ffffff;
}

.anon-avatar-top {
	width: 35px;
	height: 35px;
	margin: auto;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ea616b;
	text-align: center;
	vertical-align: middle;
	/*line-height: 35px;
	padding: 6px 6px;*/
	font-weight: bold;
	font-size: 16px;
	margin-top: -6px;
	color: #f44336;
	background-color: #ffffff;
}

.anon-avatar-top img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.circle-25 {
	width: 30px;
	height: 30px;
	margin: auto;
	overflow: hidden;
	font-size: 13px;
	padding: 7px 3px;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #ea616b;
	color: #f44336;
	background-color: #ffffff;
}

.moving-box {
	border: 1px solid #ccc;
	position: absolute;
	top: 48px;
	left: -250px;
	width: 330px;
	height: auto;
	background-color: #fff !important;
	padding: 5px 5px;
	z-index: 9999;
	display: none;
}

ul.moving-box li {
	width: 324px;
	padding: 6px 3px;
}

.dropdown:hover>ul.moving-box {
	display: block;
}

ul.moving-box li ul {
	display: none;
	position: relative;
}

ul.moving-box li:hover ul {
	display: block;
	background: transparent;
	height: auto;
	width: 8em;
	padding-left: 0.9em;
}

ul.moving-box li ul li {
	clear: both;
	border-style: none;
}

.anon-icon {
	width: auto;
	height: 10px !important;
	line-height: 15px !important;
	clear: both;
}

.clear-box {
	clear: both;
}

.fa-icon-label {
	margin-left: -10px;
	font-size: 18px !important;
}

.fa-icon-space {
	margin-left: 15px;
}

.fa-image-label {
	margin-left: 13px;
}

.fa-submenu-label {
	margin-left: 10px;
}

img.icon {
	width: 18px;
	height: 18px;
	margin-left: -10px;
}

.move-top15 {
	margin-top: 15px;
}

/* end */

/* css advertisement*/
.title-block {
	font-size: 26px;
	line-height: 1.31;
	color: #30313B;
	text-align: center;
	margin-bottom: 20px;
}

.sub-title {
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	color: #60616c;
	max-width: 1140px;
	margin: 0 auto 20px;
}

.thumb-video.medium {
	width: 100%;
	height: 410px;
	margin-bottom: 30px;
}

.thumb-video {
	position: relative;
	width: 555px;
	height: 308px;
	background-size: cover;
	background-position: center;
}

.thumb-video .vjs-big-play-button:hover svg .outer {
	stroke-dashoffset: 300;
}

.thumb-video .vjs-big-play-button svg .outer {
	stroke-dashoffset: 534;
	stroke-dasharray: 534;
	transition: stroke-dashoffset .5s cubic-bezier(.02, -.11, 0, 1.04);
	-webkit-transition: stroke-dashoffset .5s
		cubic-bezier(.02, -.11, 0, 1.04);
}

.thumb-video .vjs-big-play-button {
	height: 80px;
	width: 80px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 100px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	padding: 0;
	opacity: 1;
	background: 0 0;
	border: none;
	outline: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.anon-animate.in-view {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.anon-basic-item {
	position: relative;
	margin: 0 0 30px;
}

.anon-animate {
	opacity: 0;
	transform: translate3d(0, 80px, 0);
	-webkit-transform: translate3d(0, 80px, 0);
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.anon-basic-item.big .thumb {
	width: 555px;
	height: 308px;
	margin-bottom: 0;
}

.anon-basic-item .thumb {
	width: 360px;
	height: 234px;
	background-size: cover;
	background-position: center;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

.anon-basic-item.big .desc {
	height: auto;
}

.anon-basic-item .desc {
	width: 100%;
	height: 280px;
	background: #fff;
	padding: 22px 30px 25px;
	position: relative;
	border: none;
}

.anon-basic-item.big .desc .wrap-desc {
	height: 420px;
	margin-bottom: 15px;
}

.anon-basic-item .desc .wrap-desc {
	height: 100px;
}

.anon-center {
	margin: auto;
	width: 50%;
	border: 1px solid transparent;
	/*margin-top:20px;
    padding: 10px;*/
}

.anon-box {
	border: 1px solid #ccc;
	width: 555px;
	margin-top: -30px;
	padding: 10px
}

.anon-btn:active, .anon-btn:focus, .anon-btn:hover {
	color: #fff;
	background: #20B6FA;
}

.anon-btn.focus, .anon-btn:focus, .anon-btn:hover {
	color: #333;
	text-decoration: none;
}

.anon-btn, .anon-btn-wh, .anon-btn-yl, .link-more, a:hover {
	text-decoration: none;
}

a:active, a:hover {
	outline: 0;
}

a, a:active, a:hover {
	color: #39c;
}

a:focus, a:hover {
	color: #00204e;
	text-decoration: underline;
}

.anon-btn {
	border-radius: 100px;
	background-color: #45C0F8;
	display: inline-block;
	padding: 0 30px;
	color: #f9f9f9;
	font-size: 12px;
	height: 44px;
	line-height: 42px;
	min-width: 130px;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.anon-btn, .anon-btn-bl, .anon-btn-wh, .link-more, .title-block {
	font-weight: 700;
}

.back-btn a, .btn, .btn-back, .btn-bl, .btn-wh, .link-more {
	text-transform: uppercase;
}

.anon-btn, .link-more {
	letter-spacing: .9px;
}

.anon-btn {
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	user-select: none;
}

.anon-basic-item .desc h4 {
	min-height: 55px;
}

.anon-basic-item .desc h4 {
	margin-bottom: 15px;
}

h4 {
	font-size: 1.5em;
}

/* end advertisement*/
* /
.head {
	background: #e11a2c;
	padding: 18px 0;
	overflow: hidden;
	color: #fff;
	font-size: 16px !important;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700
}

.head h3, .head h2 {
	margin: 0;
	color: #fff !important;
	font-weight: 700 !important
}

.head .text-center {
	padding: 0 15px
}

.head .container {
	position: relative
}

.head .closebanner {
	position: absolute;
	right: 15px;
	top: -5px;
}

.head .closebanner {
	color: #fff;
	font-size: 22px !important;
}

.navprimary {
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	margin-bottom: 0 !important;
}

.navprimary .navbar-brand {
	padding: 0 15px;
	margin-top: 12px;
}

.navprimary .navbar-nav li>a {
	color: #000 !important;
	text-transform: capitalize;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 14px !important;
	font-weight: 400 !important;
	transition: all 0.3s ease-in-out
}

.navprimary li a:hover {
	background: none !important;
	color: #d88e32 !important;
}

.iconsearch .dropdown-menu {
	left: auto !important;
	right: 0;
	width: 200px !important;
	border: 0;
	top: 53px;
	background: none;
	box-shadow: none !important
}

.iconsearch .form-control {
	height: auto !important
}

.btn-lang .dropdown-menu {
	left: auto;
	right: 0
}

.btn-lang .dropdown-menu ul li a {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}
/*.btn-lang .dropdown-menu:before{
	content: "";
	border-bottom-color: #ccc !important;
    border: solid transparent;
    border-width: 12px;
	position: absolute;
	top: -25px;
	right: 15px;
	z-index: 10;
*/
}
.navprimary .dropdown-menu {
	
}

.navprimary .dropdown-menu li a {
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: none;
	font-weight: 700
}

.navprimary.fixed {
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0;
	box-shadow: 0px 2px 6px -2px #666;
}

.navprimary.fixed li>a {
	padding-top: 18px;
	padding-bottom: 18px;
}

.navprimary.fixed .navbar-brand {
	margin-top: 5px;
	transition: all 0.3s ease-in-out
}

.navprimary.fixed .navbar-brand img {
	height: 45px;
	transition: all 0.3s ease-in-out
}

.navprimary.fixed .dropdown-menu li a {
	padding-top: 8px;
	padding-bottom: 8px;
	transition: all 0.3s ease-in-out
}

.navprimary.fixed .nav_sg_sr_lg {
	margin-top: 7px
}

.nav_sg_sr_lg {
	float: right;
	margin-top: 15px;
}

.nav_sg_sr_lg .sg_sr {
	
}

.nav_sg_sr_lg .sg_sr li {
	float: left
}

.nav_sg_sr_lg .sign-in a {
	padding: 5px 15px !important;
}

ul.nav.navbar-nav.sign-in {
	margin-top: 5px;
	margin-bottom: 5px;
}

.btn-lang button {
	background: #f4f4f4 !important;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	padding: 5px 10px
}

.btn-lang button:hover {
	border-color: #e8e8e8
}

.slideshow {
	
}

.cal .table-bordered {
	border: 0 !important
}

.cal .btn-default {
	border-color: #ddd
}

.stepbox {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #fff;
	padding: 40px 0
}

.boxstep {
	
}

.boxstep h2 {
	color: #000;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-size: 13px !important
}

.boxstep .icons {
	float: left;
	background: #e11a2c;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50px;
	line-height: 40px;
	color: #fff;
	margin-right: 10px;
}

.boxstep .icons i {
	font-size: 20px !important;
}

.boxstep .sumary-text {
	overflow: hidden;
}

.boxstep p {
	font-size: 13px !important
}

.btn-sign {
	background: #2BBBAD;
	border-radius: 4px;
	border: 1px solid #2BBBAD;
	margin-right: 10px;
	color: #ffffff;
}

.navprimary .navbar-nav li.btn-sign>a {
	color: #ffffff !important;
}

.learns {
	background: #f4f4f4;
	overflow: hidden;
	padding: 20px 0;
	/*padding: 80px 0;*/
}

.lesson {
	border: 1px solid #ddd;
	background: #fff
}

.lesson .lbviews {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 2px 10px 2px 10px;
	background: #f8d047;
	font-weight: 500;
	color: #000;
	z-index: 10
}

.lesson .lbviews:before {
	content: "";
	top: 0;
	border-left-color: #f8d047 !important;
	border: solid transparent;
	border-width: 12px;
	position: absolute;
	right: -24px;
}

.lesson .thumb {
	position: relative;
	overflow: hidden;
	height: 140px
}

.lesson .thumb img {
	position: absolute;
	left: 50%;
	top: 50%; / /*height: auto;*/
	height: 150px;
	/*width: 100%;*/
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.lesson ul {
	padding: 15px 15px 0 15px;
}

.lesson ul li {
	margin-bottom: 15px;
}

.lesson .lb-tearch a {
	color: #999;
	font-size: 12px !important;
	display: block;
}

.lesson h2 a {
	color: #000;
	font-size: 15px !important;
	display: block;
}

.lesson h2:hover a {
	color: #8db7e1
}

.lesson .count-sign {
	font-size: 12px !important;
	color: #999
}

.lesson .star-time {
	font-size: 13px !important
}

.lesson .star-time i {
	color: #999
}

.lesson .star-time span {
	margin-right: 6px;
}

.lesson .cost strong {
	color: #4fa639
}

.lesson .cost span {
	color: #000
}

.about-us {
	padding: 20px 0
}

.sumary-us h2 {
	font-size: 20px !important;
	margin-bottom: 20px;
	margin-top: 30px;
}

.sumary-us p {
	margin-bottom: 15px;
}

.btn-more a {
	display: block;
	background: #e11a2c;
	font-size: 20px !important;
	text-transform: capitalize;
	color: #fff;
	max-width: 320px;
	padding: 20px;
	border-radius: 4px;
	text-align: center;
	margin-top: 30px;
	transition: all 0.3s ease-in-out
}

.btn-more:hover a {
	background: #8db7e1;
	color: #fff
}

.ads-728 {
	text-align: center;
	overflow: hidden;
	margin-bottom: 60px;
}

.ads-728 img {
	display: inline-block
}

.teacher {
	/*padding: 40px 60px;*/
	margin-top: 30px;
}

.teacher .page-title {
	text-align: center;
}

.teacher .owl-carousel .owl-wrapper-outer {
	overflow: inherit
}

.teach {
	position: relative;
	overflow: hidden
}

.teach img {
	width: 100%;
	display: block
}

/* add on: 08.11*/

/*.row {
    margin-right: -15px;
    margin-left: -15px;
}
*/
/*
.page-title {
    margin-bottom: 30px;
}

.page-title h2 {
    font-size: 30px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.text-center {
    text-align: center;
}

.lecture-set {
    background: #f4f4f4;
    overflow: hidden;
    padding: 40px 0;
	margin-top:-30px;
	
}*/
.overlays {
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	width: 100%;
	height: 100%
}

.sumary-teacher {
	position: absolute;
	top: 30px;
	left: 30px;
	height: 100%;
	width: 100%
}

.sumary-teacher .thumb {
	width: 80px
}

.sumary-teacher img {
	width: 100%;
	display: block
}

.sumary-teacher {
	color: #fff
}

.sumary-teacher p {
	max-width: 500px;
	margin-bottom: 30px;
}

.sumary-teacher strong {
	font-size: 15px !important
}

.sumary-teacher h2 {
	font-size: 28px !important;
	margin-bottom: 25px
}

.sumary-teacher h2 a {
	color: #fff;
	font-weight: 600
}

.popular-courses {
	position: absolute;
	bottom: 50px
}

.popular-courses h4 {
	margin-bottom: 10px;
}

.less {
	float: left;
	background: #fff;
	overflow: hidden;
	margin-right: 15px;
}

.less img {
	float: left;
	margin-right: 5px;
}

.less h3 a {
	color: #000;
	display: block;
	margin-top: 5px;
	font-size: 13px !important
}

.box-grade {
	margin-bottom: 30px;
}

.grad h2 a {
	color: #333;
	font-size: 16px !important;
	background: #8db7e1;
	text-align: center;
	color: #333;
	display: block;
	border-radius: 4px;
	padding: 30px 15px;
	min-height: 60px;
	transition: all 0.3s ease-in-out
}

.grad:hover h2 a {
	color: #fff;
	background: #e11a2c;
	transition: all 0.3s ease-in-out
}

/*.organize{
	padding: 100px 0;
	overflow: hidden
}*/
.organize {
	padding: 80px 0;
	background-image: url(../images/education.jpg);
	background-position: 50% 59px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
	/*position: relative;*/
	color: #fff;
}

.org-sumary {
	max-width: 800px;
	margin: auto;
	text-align: center
}

.org-sumary h2 {
	font-size: 28px !important;
	margin-bottom: 30px;
}

.org-sumary p {
	font-size: 18px !important
}

.org-sumary .btn-more a {
	display: inline-block;
	width: 320px;
}

.blog-home {
	background: #f4f4f4;
	overflow: hidden;
	padding: 80px 0
}

.blog {
	background: #fff;
	overflow: hidden
}

.blog .thumb {
	float: left;
	margin-right: 15px;
	width: 180px;
	height: 300px;
	position: relative;
	overflow: hidden
}

.blog .thumb img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.blog .sumary-blog {
	overflow: hidden;
	padding-right: 15px;
}

.blog h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.blog h2 a {
	color: #000;
}

.blog p {
	font-size: 12px !important
}

.blog .btnmore {
	
}

.blog .btnmore a {
	background: #e11a2c;
	color: #fff;
	display: block;
	text-align: center;
	margin-top: 15px;
	border-radius: 4px;
	padding: 8px;
	transition: all 0.3s ease-in-out
}

.blog .btnmore a:hover {
	background: #8db7e1;
	color: #fff;
	transition: all 0.3s ease-in-out
}

.blog h2 a:hover {
	color: #8db7e1
}

.breadcrumb-title {
	background: #EBEBEB;
	font-size: 20px !important;
	padding: 30px 0;
	margin-bottom: 20px
}

.breadcrumb {
	padding: 0;
	margin-bottom: 0px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	border: none;
}

.breadcrumb a {
	color: #666
}

/*
.pagination{
	margin-top: 0 !important;
	margin-bottom: 30px;
	text-align: center;
	display: block
}

.pagination>li>a{
	float: none;
	display: inline-block;
	margin:0 -3px 0 -2px
}*/
.pagination {
	text-align: center;
	display: block
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-right: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	margin-left: -1px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.entry-content {
	background: #fff;
	padding: 15px;
	border: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 30px;
	font-size: 16px !important
}

.entry-content .entry-title {
	font-size: 20px !important;
	text-transform: uppercase;
	margin-bottom: 15px
}

.entry-content .entry-date {
	color: #999;
	margin-bottom: 15px
}

.entry-content .entry-date i {
	margin-right: 5px
}

.entry-content p {
	margin-bottom: 15px
}

.entry-content img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin-bottom: 15px
}

.entry-content table {
	width: 100%
}

.entry-content .entry-excerpt {
	font-weight: 400
}

.orther-article {
	margin-top: 20px;
	overflow: hidden
}

.orther-article .or-title {
	font-size: 20px !important;
	color: #000;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #eee
}

.orther-article li {
	padding: 10px 0
}

.orther-article li a {
	color: #333
}

.orther-article li a:hover {
	color: #053b80
}

.orther-article li i {
	font-size: 13px !important;
	margin-right: 5px
}
/*---List market Newletter---*/
.page-title {
	margin-bottom: 25px
}

.page-title h2 {
	font-size: 20px !important;
	text-transform: capitalize;
	font-weight: 700 !important
}

.article {
	background: #fff;
	border: 1px solid #eee;
	padding: 20px 15px;
	margin-bottom: 30px
}

.article h2 {
	margin: 0;
	margin-bottom: 15px
}

.article h2 a {
	color: #000;
	font-size: 20px !important;
	font-weight: 300
}

.article .entry-date {
	color: #999;
	font-size: 14px !important;
	font-weight: 200 !important;
	margin-bottom: 15px
}

.article .entry-date i {
	margin-right: 5px;
}

.article .entry-summary {
	color: #666;
	font-size: 13px
}

.article h2 a:hover {
	color: #053B80
}

.article .entry-btn {
	display: block;
	margin-top: 15px
}

.article .entry-btn .btn {
	border-radius: 0;
	margin-right: 10px;
	color: #fff;
	font-weight: 300;
	font-size: 16px !important;
	padding-left: 25px;
	padding-right: 25px;
	transition: all 0.3s ease-in-out
}

.article .entry-btn .btn-download {
	background: #053B80
}

.article .entry-btn .btn-read-more {
	background: #D88E32
}

.article .entry-btn .btn:hover {
	opacity: 0.5;
	transition: all 0.3s ease-in-out
}
/*---Partners---*/
.partners {
	background: #fff;
	overflow: hidden;
	padding: 10px 0 30px 0;
}
/*---Contact us---*/
.maps {
	margin-bottom: 30px
}

.boxinfo {
	text-align: center;
	border: 1px solid #eee;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.boxinfo i {
	font-size: 28px !important;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
	border-radius: 60px;
	color: #D88E32;
	display: inline-block
}

.boxinfo h2 {
	font-size: 18px !important;
	margin-bottom: 10px;
}

.form-contact h2 {
	margin-bottom: 10px;
	font-size: 22px !important
}

.form-contact p {
	margin-bottom: 15px;
}

.row-contact {
	margin-top: 20px
}

.row-from {
	margin-bottom: 15px
}

.row-from label {
	margin-bottom: 4px;
	font-weight: 300
}

.row-from input {
	border: 1px solid #ddd;
	border-radius: 0;
	background: none;
	height: 42px
}

.row-from input:focus, .row-from textarea:focus {
	border-color: #999;
	box-shadow: none
}

.row-from textarea {
	border: 1px solid #ddd;
	border-radius: 0;
	background: none;
}

.row-from .btn {
	background: #053B80;
	text-transform: uppercase;
	padding: 10px 25px;
	border: 0;
	color: #fff;
	transition: all 0.3s ease-in-out
}

.row-from .btn:hover {
	background: #001633;
	color: #fff;
	transition: all 0.3s ease-in-out
}
/*----Footer---*/
.footer {
	background-color: #5292cf;
	background-image: url(../images/footer-bg.png);
	padding-top: 40px;
	/*padding-bottom: 40px;*/
}

.footer .footer-content h2, .footer .footer-content h3 {
	margin-bottom: 10px;
	font-size: 18px !important
}

.footer .footer-content p {
	margin-bottom: 10px;
}

.footer .footer-content ul li a {
	color: #3676d0;
	display: block;
	font-weight: 500;
	margin-bottom: 10px
}

.footer-bottom {
	background-color: #082846;
	padding-bottom: 10px;
	padding-top: 10px;
	opacity: 0.6;
}

.font-11 {
	font-size: 11px !important;
	color: #fff;
}

.font-12 {
	font-size: 12px !important;
	color: #fff;
}

footer .mb-10 {
	margin-bottom: 10px !important;
}

footer .font-14 {
	font-size: 14px !important;
}

footer p {
	color: #ffffff;
	line-height: 22px;
}

.mt-5 li a {
	color: #fff !important;
}

.widget-title {
	border: 0px solid #78b8e3;
}

.footer .widget .widget-title {
	margin-top: 0px;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.widget .line-bottom:after, .widget .line-bottom:after {
	border: 1px solid #78b8e3;
	content: '';
	display: block;
	background-color: #fff;
	width: 70px;
	height: 2px;
	margin-top: 10px;
}

footer ul.list {
	list-style: outside none none;
	margin-top: 13px;
	padding-left: 0;
}

footer .widget .list-border li {
	border-bottom: 1px dashed #bbbbbb;
	margin-bottom: 8px;
	padding-bottom: 8px;
	margin: 5px 0;
	font-weight: 500;
	padding-left: 15px;
	position: relative;
	padding: 10px 0;
}

footer ul.list li a {
	text-decoration: none;
	-webkit-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

footer a {
	color: #ffffff;
}

.copyright {
	border-top: 1px solid #ddd;
	overflow: hidden;
	padding: 25px 0;
	font-size: 13px !important;
	margin-top: 40px;
}

.copyright .lg {
	float: left
}

.copyright .lg img {
	float: left
}

.copyright .lg span {
	padding-top: 16px;
	display: inline-block;
	margin-left: 15px;
}

.copyright .nav-policy {
	float: right;
	margin-top: 16px;
}

.copyright .nav-policy a {
	text-transform: uppercase;
	color: #666
}

.social li {
	display: inline-block
}

.social li a {
	display: inline-block;
	border: 1px solid #fff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	border-radius: 30px;
	margin-left: 6px;
}

.top {
	background: #e11a2c;
	position: fixed;
	width: 42px;
	height: 42px;
	border-radius: 50px !important;
	line-height: 42px;
	font-size: 20px !important;
	color: #fff;
	text-align: center;
	right: 15px;
	bottom: 150px;
	border-radius: 3px;
}

.top:focus, .top:hover {
	color: #fff
}

/* for 2 packages */
textarea:focus, select:focus, textarea:focus, input[type="text"]:focus,
	input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus,
	.uneditable-input:focus {
	border-color: #6bc3d2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 1px #66afe9;
	outline: 0 none;
}

.free-img img {
	display: inline-table !important;
}

.course-box {
	padding-top: 30px;
}

.girl-banner {
	position: relative;
}

.girl-banner:before {
	content: url(/assets/anon/images/package_sections/girl-img.png);
	position: absolute;
	right: 32%;
	top: 0;
}

.box-right {
	float: right;
	width: 100%;
	margin-bottom: 20px;
}

.box-right img {
	float: right;
}

.box-left {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.box-left img {
	float: left;
}

.flag-box {
	padding: 50px 15px;
}

.flag-box h3 {
	color: #45413c;
	border-bottom: 2px solid #e3e3e5;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 24px;
}

.flag-box h4 {
	color: #ff435f;
	font-size: 19px;
	line-height: 30px;
}

.free-offer {
	float: left;
	width: 100%;
}

.free-offer img {
	padding: 30px 0;
}

.free-offer p {
	margin-top: 25px;
	font-size: 18px;
}

.three-plan {
	padding-top: 50px;
}

.navy-blue-text {
	color: #63add6;
	font-size: 20px;
}

/*.doi-li li {
    list-style: none;
    margin-bottom: 20px; 
    position: relative;    
    margin-top: 20px; 
    height: 30px;
    line-height: 30px;
}*/

/*
.doi-li li:before {
    position: absolute;
    content: "1";
       left: -40px;
    border: 1px solid #88b1bf;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #000;
    color: #88b1bf;
    background: #c4e7f2;
    font-weight: bold;
    font-size: 16px;
}*/

/*
.doi-li .no-2:before{content: "2";}
.doi-li .no-3:before{content: "3";}
.doi-li .no-4:before{content: "4";}
.doi-li .no-5:before{content: "5";}
*/
.no-5 {
	color: #f89b20;
}

.orange-circle {
	padding: 0 0 0 82px;
}

/*
.orange-circle li {
    list-style: none;
    margin-bottom: 30px;
    position: relative;
    margin-top: 30px;
    height: 15px;
    line-height: 15px;color: #f89b20;
}
.orange-circle li:before {
		 position: absolute;
    content: "";
    left: -34px;
    border: 2px solid #d6811d;
    width: 15px;
    height: 15px;
    text-align: center;
    background: #f89b20;border-radius: 50%;
    
   
	
}*/
.do-you-know.blue-bg h3 span {
	background: #63add6 !important;
}

.invite-oinline {
	max-width: 985px !important;
	margin: 0 auto !important;
	padding: 0 15px !important;
}

.invite-oinline .yellow-bg, .red-bg {
	font-size: 28px;
}

.khoa-text h2 {
	font-size: 28px !important;
	text-align: center;
	margin: 30px 0px 15px;
	font-weight: 500;
	line-height: 32px;
}

.khoa-text p {
	font-size: 22px !important;
	text-align: center;
	position: relative;
	line-height: 32px;
}

.khoa-text p:after {
	position: absolute;
	content: url(/assets/anon/images/package_sections/round-arrow-big.png);
	right: 10%;
	top: 0;
}

.orange-triangle {
	padding: 25px 0 0 0;
}

.orange-triangle li {
	list-style: none;
	margin-bottom: 30px;
	position: relative;
	margin-top: 30px;
	/*height: 32px;*/
	line-height: 32px;
	padding-left: 20px;
	text-align: justify;
}

.orange-triangle li:before {
	position: absolute;
	content: "";
	left: -34px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #feb115;
}

.btn-orange {
	color: #000;
	border: 1px solid #fcb913;
	font-size: 22px;
	padding: 15px 25px;
	margin-right: 30px;
	min-width: 290px;
	background: #fcb913;
	box-shadow: 0px 3px #d1a005;
	margin-top: 20px;
}

.btn-grey {
	color: #000;
	border: 1px solid #ccc;
	font-size: 22px;
	padding: 15px 25px;
	margin-right: 30px;
	min-width: 290px;
	background: #ccc;
	box-shadow: 0px 3px #ccc;
	margin-top: 20px;
}

.thumbnail-f {
	float: left !important;
	width: 100%;
	border: 2px solid #008dd8;
	background: #f7f7f7;
	padding: 24px 18px;
	margin-top: 80px;
}

.thumb-left {
	width: 40%;
	position: relative;
}

.thumb-content {
	width: 60%;
	color: #008dd8 !important;
}

.thumb-left:before {
	position: absolute;
	content: url(/assets/anon/images/package_sections/200-new.png);
	left: 0;
	top: -75px;
}

.khoa-text .ban-text:after {
	right: 6% !important;
	top: 54% !important;
}

.red-backg li {
	list-style: none;
	margin-bottom: 30px;
	position: relative;
	margin-top: 30px;
	/*height: 32px;*/
	line-height: 32px;
	padding-left: 20px;
	text-align: justify;
}

.red-backg li:before {
	position: absolute;
	content: "";
	left: -34px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #e75154;
}

.bucket-img:before {
	position: absolute;
	content: url(/assets/anon/images/package_sections/400-new.png);
	left: 0;
	bottom: 0;
}

.button-red {
	border: 1px solid #e75154;
	background: #e75154;
	box-shadow: 0px 3px #a82a39;
}

/*---Css Responsive Layout---*/
@media ( min-width :768px) {
	.navprimary .navbar-collapse {
		padding-right: 0 !important
	}
}

@media ( max-width : 479px) {
	a[data-fancybox] .play-btn {
		top: -500%;
	}
	.anon-mtop {
		margin-top: 0px;
	}
	.anon-mtop60 {
		margin-top: 0px;
	}
	.sumary-teacher p {
		display: none
	}
	.mtop13 {
		height: 13px !important;
	}
}

@media ( max-width : 736px) {
	.sumary-teacher p {
		display: none;
	}
	.mtop13 {
		height: 13px !important;
	}
}

@media ( max-width :767px) {
	.cal {
		margin-top: 30px;
	}
	.boxstep {
		width: 100%;
		overflow: hidden;
		margin-bottom: 30px;
		text-align: center;
	}
	.boxstep .icons {
		float: none;
		margin: auto;
		margin-bottom: 15px;
	}
	.footer .footer-content ul li a {
		text-align: center
	}
	.footer-content {
		text-align: center
	}
	.footer-lang.pull-right {
		float: none !important;
		text-align: center;
		margin: auto
	}
}

@media ( max-width :992px) {
	.navprimary .navbar-brand {
		padding-right: 0
	}
	.navprimary .navbar-brand img {
		height: 50px
	}
	.container {
		/*width: 100%*/
		
	}
	.navprimary ul>li>a {
		padding-left: 8px !important;
		padding-right: 8px !important;
		font-size: 11px !important;
		font-weight: 300
	}
	.fanpage, .ads {
		text-align: center;
		margin-top: 30px;
	}
	.ads img {
		display: inline-block
	}
	.blog {
		margin-top: 30px;
	}
	.teacher {
		padding-left: 0;
		padding-right: 0;
	}
	.sumary-teacher {
		left: 15px;
		padding-right: 30px;
	}
	.form-container {
		margin-bottom: 30px !important;
	}
}

@media ( max-width :1024px) {
	.flag-input input {
		width: 100% !important;
	}
	.intl-tel-input {
		width: 100%;
	}
}

@media ( max-width :1200px) {
	.navprimary ul>li>a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.container {
		/*width: 100% !important*/
		
	}
	.btn-sign {
		margin-right: 5px;
	}
}

@media ( min-width : 1200px) {
}

.arrow_box>li {
	margin: 0px 0px;
}

.margin-5 {
	margin-top: 5px;
}

.text-xs-center {
	text-align: center;
}

.card {
	margin: 0 0 40px;
	display: inline-block;
	width: 100%;
}

.card-block {
	padding: 20px 20px 15px;
}

.card-title {
	font-size: 40px;
	color: #fff;
	margin: 0;
}

.card-text {
	font-size: 24px;
	color: #fff;
	margin: 0;
	font-weight: bold;
}

.card-footer {
	background: rgba(255, 255, 255, .2);
	padding: 15px;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	cursor: pointer;
}

.card-footer:hover {
	background: rgba(255, 255, 255, .1);
	text-decoration: none;
	color: #fff;
}

.card {
	background: #aaa;
}

.card.card-blue {
	background: #44a1ef;
}

.card.card-yellow {
	background: #f3d74c;
}

.card.card-green {
	background: #97d881;
}

.card.card-red {
	background: #f16a43;
}

#id_languages {
	background-color: transparent !important;
	color: #333 !important;
	border: none !important;
	box-shadow: none !important;
}

li.iconsearch.dropdown .search-box {
	padding: 5px 9px !important;
	background-color: #f4f4f4;
	border-radius: 4px;
	border: 1px solid #e8e8e8;
	color: #ffffff !important;
	font-size: 16px !important;
}

.login-register {
	padding-top: 90px;
	border-top: 2px solid #a8a7a5;
	background-color: #f3f3f5;
}

.form-title {
	border-bottom: 1px solid #2BBBAD;
	color: #2BBBAD;
	text-transform: uppercase;
	padding: 0px 20px 10px 20px;
}

.form-container {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #2BBBAD;
	position: relative;
}

.reg-form {
	padding-left: 30px;
	margin-top: 30px;
	padding-right: 30px;
}

@media ( min-width : 768px) {
	.anon-mtop {
		margin-top: 83px;
	}
	.anon-mtop60 {
		margin-top: 60px;
	}
	.reg-form.form-horizontal .control-label {
		text-align: left;
	}
}

.reg-form.form-horizontal .control-label {
	font-weight: 500;
}

.reg-form.form-horizontal .form-control {
	background-color: #f5f6f8 !important;
	border-color: #2BBBAD;
	box-shadow: none;
	max-height: 35px;
	border-radius: 1px;
	max-height: 45px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 15px;
	color: #0d8bd1;
}

.reg-form.form-horizontal .btn-custom {
	color: #ffffff;
	text-transform: capitalize;
	font-size: 14px !important;
	font-weight: 400 !important;
	transition: all 0.3s ease-in-out;
	padding: 5px 15px !important;
	line-height: 20px;
	background: #2BBBAD;
	border-radius: 4px;
	border: 1px solid #2BBBAD;
}

.ribbon-img {
	position: absolute;
	top: -10px;
	left: -35px;
	max-width: 70px;
}

.form-container:before {
	content: '';
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-top: 25px solid #2bbbad;
	border-left: 25px solid #2bbbad;
	border-bottom: 25px solid #f3f3f5;
	border-right: 25px solid #f3f3f5;
	border-top-left-radius: 3px;
	-webkit-box-shadow: -1px -1px 1px hsla(0, 0%, 0%, .25);
	-moz-box-shadow: -1px -1px 1px hsla(0, 0%, 0%, .25);
	box-shadow: -1px -1px 1px hsla(0, 0%, 0%, .25);
}

.form-container:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 24px solid #e0e0e0;
	border-left: 24px solid #e0e0e0;
	border-bottom: 24px solid #f3f3f5;
	border-right: 24px solid #f3f3f5;
}

.navprimary .dropdown-menu li a img {
	margin-right: 15px;
}

.iconsearch button {
	background: #fff !important;
	border-color: #fff !important;
	height: 40px !important;
}

.custom-search-form #search {
	height: 40px !important;
	border: 0px !important;
}

.custom-search-form #search:focus {
	border: 0px !important;
}

.flag-input input {
	border: 1px solid #2BBBAD;
	width: 292px;
	background: #f5f6f8;
}

/* renu css */
#payment-1 {
	
}

.title-position {
	width: 245px;
	margin: 0 auto 60px;
	border-bottom: 1px solid #275797;
	color: #275797;
}

.reg-form.payment-action .form-control {
	background-color: transparent !important;
	border-color: #275797 !important;
	font-weight: bold;
	font-size: 15px;
	color: #0d8bd1;
	border-radius: 3px !important;
}

.reg-form.payment-action .btn-custom {
	background: #275797 !important;
	border: 1px solid #275797 !important;
	margin-top: 30px !important;
}

.title-red {
	width: 330px;
	margin: 0 auto 60px;
	border-bottom: 1px solid #e54a5c;
	color: #e54a5c;
}

.title-green {
	width: 215px;
	margin: 0 auto 60px;
	border-bottom: 1px solid #2BBBAD;
	color: #2BBBAD;
}

.main-form-container {
	padding: 40px 20px;
	border-radius: 5px;
	position: relative;
	border: 1px solid #2BBBAD;
	margin-bottom: 40px;
}

.main-form-container form {
	width: 70%;
	margin: 0 auto;
}

.blue-border {
	border: 1px solid #275797;
}

.red-border {
	border: 1px solid #e54a5c;
}

.main-form-container h4 {
	text-transform: uppercase;
	font-size: 18px;
}

.main-form-container h5 {
	text-transform: uppercase;
	font-size: 16px;
}

.main-form-container ul {
	padding: 20px 0 40px;
}

.main-form-container ul li a {
	font-size: 16px;
	margin-bottom: 10px;
	color: #333;
}

.main-form-container ul li a:hover {
	text-decoration: none;
}

.main-form-container ul li {
	margin-bottom: 10px;
}

.main-form-container address strong {
	text-transform: uppercase;
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.orange-banner {
	background: #febf8a;
	padding: 20px 0;
	height: 200px;
}

.thanh-box {
	color: #febf8a;
	text-transform: uppercase;
	margin-bottom: 30px;
	border-bottom: none;
}

.payment-box {
	/*margin-top: -175px;*/
	margin-top: 15px;
}

.payment-box .thumbnail {
	width: 80%;
	margin: 0 auto 20px;
	padding: 0;
}

.thumb-img {
	background: #f7f7f7;
	padding: 20px;
	border-radius: 4px;
}

.thumb-img img {
	margin: 0 auto;
	display: block;
}

.payment-box .thumbnail .caption {
	padding: 15px;
	background: #0c8bd0;
	color: #fff;
}

.thumb-text {
	width: 180px;
	margin: 0 auto;
}

.thumb-text hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 2px solid #49a9dc;
}

.circle-1 {
	width: 80px;
	height: 80px;
	background: #0c8bd0;
	color: #fff;
	margin: 20px auto 10px;
	border-radius: 50%;
	text-align: center;
	padding: 13px 0;
	font-size: 40px !important;
	font-weight: 600;
}

.text-blue {
	color: #0c8bd0;
}

.text-red {
	color: #e54a5c;
}

.circle-2 {
	background: #e54a5c;
}

.bottom-thumb {
	position: relative;
}

.bottom-thumb .thumbnail {
	padding: 0;
	margin-bottom: 60px;
	border: 1px solid #e54a5c;
}

.thumb-padding {
	padding: 35px 20px;
}

.bottom-thumb .thumbnail .caption {
	padding: 20px;
	background: #e54a5c;
	color: #fff;
}

.bottom-thumb .border-blue {
	border: 1px solid #275797;
}

.bottom-thumb .border-green {
	border: 1px solid #17bcac;
}

.login-register .border-yellow {
	border: 1px solid #fe7b21;
}

.bottom-thumb .border-blue .caption {
	background: #275797;
}

.bottom-thumb .border-green .caption {
	background: #17bcac;
}

.bottom-thumb .border-yellow .caption {
	background: #fe7b21;
}

.bottom-banner {
	position: absolute;
	right: 46%;
	top: 50%;
	margin-top: -125px;
}

.title-yellow {
	width: 100%;
	margin: 0 auto 60px;
	border-bottom: 1px solid #fe7b21;
	color: #fe7b21;
}

.hover-circle {
	padding: 28px 0;
	width: 100px;
	height: 100px;
	background: #000;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.5);
}

.hover-circle img {
	width: 50px;
	height: auto;
	margin: 0 auto;
	padding: 28px 0;
}

.bottom-thumb .click-img:after, .payments .click-img:after {
	display: none;
}

.margin-top {
	margin-top: 30px !important;
}

.margin-bottom {
	margin-top: 80px !important;
}

.main-form-container form {
	width: 100% !important;
}

.title-red, .title-green, .title-position {
	width: 100% !important;
}

.bottom-banner {
	position: static !important;
	right: 0 !important;
	top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 50px;
}

.payment-box .thumbnail.pull-right, .payment-box .thumbnail.pull-left {
	float: none !important;
}

.main-form-container form {
	width: 100% !important;
}

.margin-top {
	margin-top: 30px !important;
}

.margin-bottom {
	margin-top: 80px !important;
}



/*invite page*/
.invite-section {
	padding: 40px 25px;
}

.invite-wrapper {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 15px;
}

.yellow-bg, .red-bg {
	background: url("../images/promotions/yellow-banner.png");
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 24px !important;
	background-position: center center;
	height: 135px;
	text-align: center;
}

.yellow-box p {
	padding: 15px 40px;
}

.yellow-box {
	margin-bottom: 40px;
}

.red-bg {
	background: url("../images/promotions/red-banner.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
}

.do-you-know {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative;
}

.do-you-know h3 span {
	display: inline-block;
	background-color: #f89b20;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 40px;
	position: relative;
}

.do-you-know h3 span:after {
	content: '';
	line-height: 0;
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 52px solid #fff;
	border-left: 15px solid transparent;
	border-right: 0px solid transparent;
	position: absolute;
	top: 0;
	right: 0px;
}

.do-you-know h3 {
	margin-bottom: 30px;
}

.do-you-know h3 span:before {
	content: "";
	line-height: 0;
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 52px solid #fff;
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: 0;
	left: 0px;
}

.do-you-know h3:before {
	content: "";
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	display: inline-block;
}

.do-you-know:before {
	content: "";
	position: absolute;
	left: 0;
	height: 50px;
	background: #e6e6e6;
	width: 1px;
	display: inline-block;
	top: 76px;
}

.do-you-know:after {
	content: "";
	position: absolute;
	right: 0;
	height: 50px;
	background: #e6e6e6;
	width: 1px;
	display: inline-block;
	top: 76px;
}

.you-can.do-you-know h3 span {
	background-color: #1eb9aa;
}

.green-text {
	color: #1eb9aa;
	font-weight: 800;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 15px;
}

.border-para {
	background: #f4f4f4;
	padding: 30px 40px;
	border-radius: 30px 0px;
	margin-bottom: 10px;
}

.btn-red, .btn-green {
	color: #ee4547;
	border: 1px solid #ee4547;
	font-size: 20px;
	padding: 10px 25px;
	margin-right: 30px;
	margin-top: 5px;
	min-width: 290px;
}

.btn-green {
	color: #1eb9aa;
	border-color: #1eb9aa;
}

.do-you-know.red-bg-img h3 span {
	background-color: #ee4547;
}

.red-text {
	color: #ee4547;
	font-size: 20px !important;
}

.red-bg-img h4 {
	font-size: 24px;
	font-weight: bold;
}

.yellow-text {
	color: #f89b20;
	font-size: 20px;
}

#invite-modal .form-group a {
	height: 44px;
	line-height: 44px;
	min-width: 120px;
	background-color: #18baac;
	border-radius: 50px;
	padding: 0px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	margin-right: 15px;
	margin-left: 15px;
}

#invite-modal .form-group a:last-child {
	background-color: #56bac5;
}

#invite-modal .modal-header {
	border-bottom: 0px;
}

.invite-friend {
	background: #f0efef;
	padding: 50px 0px;
}

.invite-friend-form {
	background: #fff;
	padding: 40px;
	border-radius: 5px;
	border: 2px solid #e5e5e4;
}

.invite-friend-form .form-control {
	border-radius: 50px;
	border: 2px solid #e5e5e4;
}

.invite-friend-form h4 {
	color: #cccbcb;
	margin-bottom: 20px;
	padding-left: 5px;
}

.radio-inline>input[type="radio"] {
	width: 18px;
	opacity: 1;
	height: 18px;
	vertical-align: bottom;
	margin-right: 5px;
}

form .radio-inline {
	color: #adadad;
	font-weight: 300;
}

.grey-btn, .blue-btn {
	height: 47px;
	min-width: 180px;
	background-color: #dddddc;
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 10px;
}

.blue-btn {
	background-color: #56bac5;
	border-color: #56bac5;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-60 {
	margin-top: 60px;
}
/*invite page ends*/
.girl-banner {
	position: relative;
}

.girl-banner:before {
	content: url(/assets/anon/images/scholarship/classmate.png);
	position: absolute;
	right: 32%;
	top: 0;
}

.points {
	width: 30px;
}

.box-right {
	float: right;
	width: 100%;
	margin-bottom: 20px;
}

.box-right img {
	float: right;
}

.box-right p {
	float: right;
	text-align: justify;
	padding: 15px 0 15px 15px;
	font-size: 18px !important;
}

.box-left img {
	float: left;
}

.box-left p {
	float: left;
	text-align: left;
	font-size: 18px !important;
	padding: 15px 15px 15px 0;
}

.boxicons {
	width: 125px;
}

.course-box {
	padding-top: 30px;
}

.invite-wrapper {
	max-width: 880px !important;
	margin: 0 auto !important;
	padding: 0 15px !important;
}

.invite-section {
	padding: 40px 25px;
}

.flag-box {
	padding: 50px 15px;
}

.free-offer img {
	padding: 30px 0;
}

.free-img img {
	display: inline-table !important;
}

.free-offer p {
	margin-top: 25px;
	font-size: 18px !important;
}

.yellow-box p {
	padding: 8px;
	font-size: 18px !important;
	text-align: justify;
}

.font-18 {
	font-size: 18px !important;
}

.doi-li li {
	list-style: none;
	margin-bottom: 20px;
	position: relative;
	margin-top: 20px;
	/*height: 30px;
    line-height: 30px;*/
}

.orange-circle {
	padding: 0 0 0 60px;
}

.orange-circle li {
	list-style: none;
	margin-bottom: 30px;
	/*position: relative;*/
	margin-top: 30px;
	/*height: 15px;
    line-height: 15px;*/
	/*color: #f89b20;*/
	text-align: justify;
}

.orange-circle li:before {
	position: absolute;
	content: "";
	left: -34px;
	border: 2px solid #d6811d;
	width: 15px;
	height: 15px;
	text-align: center;
	background: #f89b20;
	border-radius: 50%;
}

.no-5 {
	color: #f89b20;
}

.do-you-know h3 {
	margin-bottom: 30px;
	position: relative;
	margin-top: 0;
}

.do-you-know h3 span:before {
	content: "";
	line-height: 0;
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 52px solid #fff;
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: 0;
	left: 0px;
}

.do-you-know h3 span:after {
	content: '';
	line-height: 0;
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 52px solid #fff;
	border-left: 15px solid transparent;
	border-right: 0px solid transparent;
	position: absolute;
	top: 0;
	right: 0px;
}

.yellow-text {
	color: #f89b20;
	font-size: 20px;
}

.navy-blue-text {
	color: #63add6;
	font-size: 20px !important;
}

.do-you-know:after {
	content: "";
	position: absolute;
	right: 0;
	height: 50px;
	background: #e6e6e6;
	width: 1px;
	display: inline-block;
	top: 76px;
}

.three-plan-box {
	width: 120px;
}

.bubble {
	width: 15px;
}

/*new layout of student*/
.no-padding {
	padding: 0 !important;
}

/* student-progress page*/
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.profile-container {
	float: left;
	width: 100%;
	border: 1px solid #f3702a;
	padding: 30px;
	position: relative;
	background: #fff;
}

.n5 {
	border: 1px solid #93d5e4;
}

.n5:before {
	content: "n5" !important;
	border: 1px solid #93d5e4 !important;
	color: #f8c11b !important;
}

.n4 {
	border: 1px solid #f58022;
}

.n4:before {
	content: "n4" !important;
	border: 1px solid #f58022 !important;
	color: #8d87c1 !important;
}

.n3 {
	border: 1px solid #6f84c2;
}

.n3:before {
	content: "n3" !important;
	border: 1px solid #6f84c2 !important;
	color: #98ca40 !important;
}

.n2 {
	border: 1px solid #7fc99d;
}

.n2:before {
	content: "n2" !important;
	border: 1px solid #7fc99d !important;
	color: #ef3c3b !important;
}

.n1 {
	border: 1px solid #f06392;
}

.n1:before {
	content: "n1" !important;
	border: 1px solid #f06392 !important;
	color: #54c8e3 !important;
}

.margin-t {
	margin-top: 70px;
}

.profile-container:before {
	position: absolute;
	content: "start";
	border: 1px solid #f3702a;
	top: -23px;
	width: 150px;
	height: 48px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: #fff;
	color: #f3702a;
	line-height: 48px;
	border-radius: 8px;
}

.pro-box {
	border: 1px solid #e9e7ea;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.pro-box p {
	border-bottom: 1px solid #f46e27;
	padding-bottom: 6px;
	margin-bottom: 0;
	color: #f46e27;
	font-size: 21px !important;
}

.left-sidebar .fa {
	font-size: 28px !important;
	line-height: 28px;
	vertical-align: middle;
	margin-right: 10px;
	width: 26px;
}

.left-sidebar .margin-b {
	margin-bottom: 9px;
}

.sidebar-title .profile {
	float: left;
	width: 50%;
}

.sidebar-title span {
	color: #ababab;
	font-size: 16px !important;
	padding-top: 15px;
	width: 45%;
	float: left;
}

.mr-lg-2, .mx-lg-2 {
	margin-right: .5rem !important;
}

.blue-line p {
	border-bottom: 1px solid #93d5e4;
	padding-bottom: 6px;
	margin-bottom: 0;
	color: #93d5e4;
}

.n4-line p {
	border-bottom: 1px solid #f58022 padding-bottom: 6px;
	margin-bottom: 0;
	color: #f58022;
}

.n3-line p {
	border-bottom: 1px solid #6f84c2;
	padding-bottom: 6px;
	margin-bottom: 0;
	color: #6f84c2;
}

.n2-line p {
	border-bottom: 1px solid #7fc99d;
	padding-bottom: 6px;
	margin-bottom: 0;
	color: #7fc99d;
}

.n1-line p {
	border-bottom: 1px solid #f06392;
	padding-bottom: 6px;
	margin-bottom: 0;
	color: #f06392;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
}

.anon-l-top1 {
	position: relative;
	width: 120px;
	height: 120px;
	margin: auto;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ea616b;
	margin-bottom: 25px;
	padding: 1px;
}

.anon-l-top1 #change-photo {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	background: #c3453f;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	padding: 3px;
	font-size: 11px;
}

.anon-l-top1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

input[type=file] {
	display: block;
}

.tab-box {
	margin: auto;
	width: 90%;
	padding: 10px;
}

.tabcontent {
	float: left;
	padding: 20px 12px;
	background: #eeeeee;
	width: 84%;
	border-left: none;
	height: auto;
}

.tab-box h4 {
	color: #434c4b;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 30px;
	padding: 5px 0;
}

.tab {
	float: left;
	width: 16%;
	height: auto;
}

.white-bg .start-btn {
	background: #fff url(/assets/anon/images/homecourses/start-active.png);
	height: 70px;
	background-repeat: no-repeat;
}

.white-bg .start-btn.active {
	background: #fff url(/assets/anon/images/homecourses/start-2.png);
	background-repeat: no-repeat;
}

.white-bg .n5-tab {
	background: #fff url(/assets/anon/images/homecourses/n5-tab.png);
	height: 70px;
	background-repeat: no-repeat;
}

.white-bg .n4-tab {
	background: #fff url(/assets/anon/images/homecourses/n4.png);
	height: 70px;
	background-repeat: no-repeat;
}

.white-bg .n3-tab {
	background: #fff url(/assets/anon/images/homecourses/n3.png);
	height: 70px;
	background-repeat: no-repeat;
}

.white-bg .n3-tab.active {
	background: #fff url(/assets/anon/images/homecourses/n3-active-1.png);
	background-repeat: no-repeat;
}

.white-bg .n4-tab.active {
	background: #fff url(/assets/anon/images/homecourses/n4-active-1.png);
	background-repeat: no-repeat;
}

.white-bg .n5-tab.active {
	background: #fff url(/assets/anon/images/homecourses/n5-active-1.png);
	background-repeat: no-repeat;
}

.white-bg .n2-tab.active {
	background: #fff url(/assets/anon/images/homecourses/n2-active-1.png);
	background-repeat: no-repeat;
}

.white-bg .n1-tab.active {
	background: #fff url(/assets/anon/images/homecourses/n1-active-1.png);
	background-repeat: no-repeat;
}

.white-bg .n2-tab {
	background: #fff url(/assets/anon/images/homecourses/n2.png);
	height: 70px;
	background-repeat: no-repeat;
}

.white-bg .n1-tab {
	background: #fff url(/assets/anon/images/homecourses/n1.png);
	height: 70px;
	background-repeat: no-repeat;
}

.tab button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 0;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
}

.padding-t-b-l-r {
	padding: 15px;
}

.pro-box ul, .pro-box ul li {
	float: left;
	width: 100%;
}

.white-bg .pro-box {
	background: #fff;
}

.training-content h3 {
	color: #dd2f46;
	margin-bottom: 55px;
	font-size: x-large !important;
}

.training-content p {
	font-size: 20px !important;
	line-height: 40px;
	margin-bottom: 15px;
	color: #333333;
	text-align: justify;
}

.light-blue {
	background: #edf7f8;
	padding: 60px 0 50px;
}

.japan-school {
	float: left;
	width: 100%;
}

.japan-school ul {
	font-size: 26px !important;
	padding-bottom: 18px;
	color: #333333;
}

.japan-school ul li strong {
	color: #f3659d;
}

.japan-school p {
	font-size: 20px !important;
	color: #333333;
	text-align: justify;
}

.white-banner {
	padding: 70px 0 0px;
}

.white-banner .media-left {
	padding-right: 30px;
	padding-bottom: 30px;
}

.white-banner p {
	font-size: 20px !important;
	line-height: 42px;
	text-align: justify;
}

.white-banner .media-body h4 {
	color: #f3659f;
	font-size: 29px !important;
	margin-bottom: 20px !important;
	padding: 12px 0;
	border-top: 1px solid #f3659f;
	border-bottom: 1px solid #f3659f;
	position: relative;
	padding-left: 60px !important;
}

.white-banner .point-1 {
	width: 485px;
}

.point-1:before {
	position: absolute;
	content: url(/assets/anon/images/anonforbussiness/point-1.png);
	top: 5px;
	left: 0;
}

.white-banner .point-2 {
	width: 100%;
}

.point-2:before {
	content: url(/assets/anon/images/anonforbussiness/point-2.png);
}

.white-banner .point-3 {
	width: 850px;
}

.point-3:before {
	content: url(/assets/anon/images/anonforbussiness/point-3.png);
}

.point-4:before {
	content: url(/assets/anon/images/anonforbussiness/point-4.png);
}

.white-banner .point-5 {
	width: 700px;
}

.point-5:before {
	content: url(/assets/anon/images/anonforbussiness/point-5.png);
}

.grey-banner {
	background: #f2f1ec;
	padding: 65px 0 80px;
}

.grey-banner h2 {
	text-align: center;
	color: #1b79bf;
	border: 1px solid #1b79bf;
	padding: 15px 0;
	background: #fff;
	margin-bottom: 60px;
	font-size: 30px !important;
}

.min-high {
	min-height: 556px;
}

.grey-banner .thumbnail {
	background-color: transparent;
	border: transparent;
	padding: 0;
}

.grey-banner .thumbnail .caption {
	padding: 9px 0;
}

.grey-banner .thumbnail h3 {
	color: #1c79bf;
	font-size: 30px !important;
	text-align: center;
	padding: 24px 0 45px;
}

.grey-banner .thumbnail p {
	font-size: 16px !important;
	line-height: 32px;
	text-align: justify;
}

.purple-banner {
	padding: 90px 0 130px;
	background: #7084c3;
	color: #fff;
}

.purple-banner p {
	font-size: 20px !important;
	line-height: 42px;
	text-align: justify;
}

.purple-banner img {
	margin: 80px auto 0;
	display: block;
}


.white-banner .media-body-1 h4 {
    color: #f3659f;
    font-size: 29px !important;
    margin-bottom: 20px !important;
    padding: 12px 0;
    border-top: 1px solid #f3659f;
    border-bottom: 1px solid #f3659f;
    position: relative;
    padding-left: 60px !important;
    text-align: justify;
}


.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    /*background-color: #777777;*/
	color: #777777;
	width: 50px;
	height: 48px;
	line-height: 48px;
	left: 15px;
	font-size: 50px !important;
	/*bottom: 48px;*/
	bottom: 18px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	/*background-color: #888888;*/
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
	margin-bottom: 30px;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
	
}



@media ( max-width :767px) {
	.white-bg .start-btn, .white-bg .start-btn.active, .white-bg .n5-tab,
		.white-bg .n5-tab.active, .white-bg .n4-tab, .white-bg .n4-tab.active,
		.white-bg .n3-tab, .white-bg .n3-tab.active, .white-bg .n2-tab,
		.white-bg .n2-tab.active, .white-bg .n1-tab, .white-bg .n1-tab.active
	{
		background-size: contain;
		padding: 22% 0;
		height: auto;
	}
	.tab {
		width: 30%;
	}
	.tabcontent {
		width: 70%;
	}
	.no-padding-mobile {
		padding: 0;
	}
}

@media ( max-width :1200px) {
	.white-bg .start-btn, .white-bg .start-btn.active, .white-bg .n5-tab,
		.white-bg .n5-tab.active, .white-bg .n4-tab, .white-bg .n4-tab.active,
		.white-bg .n3-tab, .white-bg .n3-tab.active, .white-bg .n2-tab,
		.white-bg .n2-tab.active, .white-bg .n1-tab, .white-bg .n1-tab.active
		{
		background-size: contain;
		padding: 22% 0;
		height: auto;
	}
}

@media ( max-width :433px) {
	.tab-box {
		padding-top: 25px;
		width: 100%;
	}
	.pro-box p {
		font-size: 14px !important;
	}
	.nav-link {
		padding: .5rem 0;
	}
	.sidebar-title .profile {
		width: 24%;
	}
	.sidebar-title span {
		width: 70%;
		font-size: 12px !important;
	}
	.padding-t-b-l-r {
		padding: 10px;
	}
	.left-sidebar .fa {
		font-size: 16px !important;
		line-height: 20px !important;
	}
}

.japan-school h3{
	padding: 35px 0 30px;
    color: #333333;
    font-size: 26px !important;
}