
/*** 

====================================================================
	Reset
====================================================================

 ***/
 
 * {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

@font-face {
  font-family: 'Conv_Muli';
  src: url("../fonts/Muli.eot");
  src: url("../fonts/Muli.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Muli.woff") format("woff"),
       url("../fonts/Muli.ttf") format("truetype"),
       url("../fonts/Muli.svg#Muli") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Conv_Muli-SemiBold';
  src: url("../fonts/Muli-SemiBold.eot");
  src: url("../fonts/Muli-SemiBold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Muli-SemiBold.woff") format("woff"),
       url("../fonts/Muli-SemiBold.ttf") format("truetype"),
       url("../fonts/Muli-SemiBold.svg#Muli") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/


.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#43b97e;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Noto Sans TC', sans-serif;
}


/* Typography */

h1{
	font-size:55px;
}

h2{
	font-size:40px;
}

h3{
	font-size:30px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	cursor:pointer;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:55px;
}

.sec-title .section-color-layer{
	position:absolute;
	left:0px;
	top:-45px;
	bottom:-45px;
	width:150px;
	background-color:#f6f1eb;
}

.sec-title.centered .section-color-layer{
	left:50%;
	margin-left:-400px;
}

.sec-title .title{
	position:relative;
	color:#43b97e;
	font-size:16px;
	font-weight:400;
	text-transform:capitalize;
}

.sec-title h2{
	position: relative;
    color:#06092d;
    font-weight: 700;
    line-height: 1.2em;
	margin-top:18px;
}

.sec-title .text{
	position: relative;
    color:#06092d;
    font-weight: 400;
    line-height: 1.7em;
	margin-top:25px;
	font-size:20px;
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered{
	text-align: center !important;
}



/*** 

====================================================================
	Courses Section
====================================================================

***/

.courses-section{
	position:relative;
	overflow:hidden;
	padding:30px 0px 40px;
}

.courses-section .pattern-layer{
	position:absolute;
	right:-80px;
	bottom:450px;
	width:774px;
	height:416px;
}

.courses-section .circle-one{
	position:absolute;
	left:-350px;
	top:0px;
	width:600px;
	height:600px;
	border-radius:50%;
	display:inline-block;
	background-color:#ffe00c;
}

.courses-section .circle-two{
	position:absolute;
	left:-350px;
	top:260px;
	width:600px;
	height:600px;
	border-radius:50%;
	display:inline-block;
	background-color:#fbfbff;
}

.course-block{
	position:relative;
	margin-bottom:30px;
}

.course-block .inner-box{
	position:relative;
}

.course-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#ffffff;
	border:1px solid #f5f3f3;
}

.course-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block .inner-box:hover .image img{
	/* opacity:0.6; */
	transform:scale(1.05,1.05);
	
}

.course-block .inner-box:hover .image{
	/* opacity:0.6; */
	/* transform:scale(1.05,1.05); */
	box-shadow: 0px 0px 10px rgb(218, 218, 218);	
}

.course-block .inner-box .image .tag{
	position:absolute;
	right:15px;
	bottom:15px;
	color:#ffffff;
	padding:8px 12px;
	border-radius:5px;
	display:inline-block;
	background-color:#43b97e;
	text-transform:uppercase;
}

.course-block .inner-box .lower-content{
	position:relative;
	padding:30px 25px;
	background-color:#fbfbff;
}

.course-block .inner-box .lower-content h4{
	position:relative;
	font-weight:700;
	line-height:1.4em;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
	font-size: 20px !important;
}

.course-block .inner-box .lower-content h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block .inner-box .lower-content h4 a:hover{
	color:#43b97e;
}

.course-block .inner-box .lower-content .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block .inner-box .lower-content .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block .inner-box .lower-content .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block .inner-box .lower-content .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block .inner-box .lower-content .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:22px;
}

.course-block .inner-box .lower-content .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block .inner-box .lower-content .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
}

.course-block .inner-box .lower-content .enroll-now{
	position:relative;
	color:#ffffff;
	font-size:13px;
	padding:12px 18px;
	border-radius:5px;
	letter-spacing:1px;
	background-color:#43b97e;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block .inner-box .lower-content .enroll-now:hover{
	color:#111111;
	background-color:#ffe00c;
}

.course-block .inner-box .overlay-content-box{
	position:absolute;
	left:100%;
	top:-50px;
	width:360px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	padding:25px 25px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transform:translateX(20px);
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.course-block .inner-box:hover .overlay-content-box{
	opacity:1;
	visibility:visible;
	transform:translateX(0px);
}

.course-block .inner-box .overlay-content-box:before{
	position:absolute;
	content:'';
	left:-10px;
	top:32%;
	border-top: 6px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 6px solid transparent;
}

.course-block:nth-child(3n + 0) .inner-box .overlay-content-box{
	left:auto;
	right:100%;
}

.course-block:nth-child(3n + 0) .inner-box .overlay-content-box:before{
	right:-10px;
	left:auto;
	border-right:0px;
	border-top: 6px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 6px solid transparent;
}

.course-block .inner-box .overlay-content-box h4{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	color:#000000;
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid #dadada;
}

.course-block .inner-box .overlay-content-box .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block .inner-box .overlay-content-box .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block .inner-box .overlay-content-box .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block .inner-box .overlay-content-box .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block .inner-box .overlay-content-box .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:22px;
}

.course-block .inner-box .overlay-content-box .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block .inner-box .overlay-content-box .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
}

.course-block .inner-box .overlay-content-box .enroll-now{
	position:relative;
	color:#ffffff;
	font-size:13px;
	padding:12px 18px;
	border-radius:5px;
	letter-spacing:1px;
	background-color:#43b97e;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block .inner-box .overlay-content-box .enroll-now:hover{
	background-color:#111111;
}

.course-block .inner-box .overlay-content-box .text{
	position:relative;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	margin-top:15px;
}

.course-block .inner-box .overlay-content-box .lists{
	position:relative;
	margin-top:20px;
}

.course-block .inner-box .overlay-content-box .lists li{
	position:relative;
	margin-bottom:12px;
	color:#000000;
	font-size:14px;
	padding-left:25px;
}

.course-block .inner-box .overlay-content-box .lists li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:15px;
	height:3px;
	background-color:#43b97e;
}

.course-block .inner-box .overlay-content-box .lists li:last-child{
	margin-bottom:0px;
}

.course-block .inner-box .overlay-content-box .btns-box{
	position:relative;
	margin-top:22px;
}

.course-block .inner-box .overlay-content-box .btns-box .enrol-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	margin-right:10px;
	display:inline-block;
	background-color:#ffe00c;
}

.course-block .inner-box .overlay-content-box .btns-box .wishlist-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	display:inline-block;
	background-color:#eef7f3;
}

.course-block.style-two .inner-box .lower-content{
	position:relative;
	padding:30px 20px;
	background-color:#ffffff;
	border:1px solid #f5f3f3;
}

.course-block.style-two .inner-box .lower-content .price{
	float:left;
	margin-bottom:0px;
}

.course-block.style-two .inner-box .lower-content .hovers{
	float:left;
	margin-top:10px;
	margin-left:12px;
}


/*** 

====================================================================
	Courses Page Section
====================================================================

***/

.courses-page-section{
	position:relative;
	overflow:hidden;
	padding:45px 0px 10px;
}

.courses-page-section .outer-container{
	max-width:1680px;
	padding:0px 15px;
	margin:0 auto;
}

.courses-page-section .pattern-layer{
	position:absolute;
	left:0px;
	top:200px;
	width:236px;
	height:435px;
	background-repeat:no-repeat;
	z-index: -1;
}

.courses-page-section .pattern-layer-two{
	position:absolute;
	right:-100px;
	top:200px;
	width:774px;
	height:416px;
	background-repeat:no-repeat;
	z-index: -1;
}

.courses-page-section .pattern-layer-three{
	position:absolute;
	left:-100px;
	top:700px;
	width:774px;
	height:416px;
	background-repeat:no-repeat;
	z-index: -1;
}

.courses-page-section .pattern-layer-four{
	position:absolute;
	right:0px;
	bottom:920px;
	width:235px;
	height:255px;
	background-repeat:no-repeat;
}

.courses-page-section .styled-pagination{
	margin-top:30px;
}

.filter-box{
	position:relative;
	margin-bottom:50px;
}

.filter-box .filter-categories{
	position:absolute;
	left:0px;
	top:100%;
	right:0px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	padding:40px 30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#fffef7;
	box-shadow:0px 10px 15px rgba(0,0,0,0.15);
}

.filter-box .filter-categories.active{
	opacity:1;
	visibility:visible;
}

.filter-box .box-inner .filter-dropdown:hover .filter-categories{
	opacity:1;
	visibility:visible;
}

.filter-box .filter-categories .column{
	position:relative;
	width:20%;
	float:left;
}

.filter-box .filter-categories h6{
	position:relative;
	color:#0c0d24;
	font-weight:500;
	line-height:1.3em;
	margin-bottom:20px;
}

.filter-box .filter-categories .form-group{
	margin-bottom:10px;
}

.filter-box .filter-categories .form-group:last-child{
	margin-bottom:0px;
}

.filter-box .filter-categories .form-group .select-box{
	position:relative;
}

.filter-box .filter-categories .form-group .select-box label{
	position: relative;
    font-size: 15px;
    color: #0c0d24;
    font-weight:400;
    cursor: pointer;
    margin-bottom:0px;
	padding-left:35px;
	line-height:1.6em;
}

.filter-box .filter-categories .form-group .select-box input[type="checkbox"]{
	position: absolute;
    left: 0px;
    top: 2px;
    width: 19px;
    height: 19px;
	visibility: hidden;
    background-color: #ffffff;
}

.filter-box .filter-categories .form-group .select-box .default-check{
    position: absolute;
    left: 0px;
    top: 2px;
    width: 19px;
    height: 19px;
    background-color: #ffffff;
    border: 1px solid #cfcfcf;
}

.filter-box .filter-categories .form-group .select-box .check-icon{
    position: absolute;
    content: '\f00c';
    left: 0px;
    top: 2px;
    width: 19px;
    height: 19px;
    color: #43b97e;
    z-index: 99;
    font-size: 14px;
	line-height: 19px;
    text-align: center;
    opacity: 0;
    font-family: 'FontAwesome';
}

.filter-box .filter-categories .form-group .select-box input[type="checkbox"]:checked+ label .check-icon{
	opacity:1;
}

.default-form .select-amount{
	position:relative;
	margin-bottom:20px;
}

.default-form .select-amount .select-box{
	position:relative;
	float:left;
	text-align:center;
	margin:0px 20px 10px 0px;	
}

.default-form .select-amount .input-box{
	position:relative;
	float:left;
	width:290px;
}

.default-form .select-amount .select-box input[type="radio"]{
	left:0px;
	top:0px;
	visibility:hidden;
	position:absolute;
	opacity:0;	
}

.default-form .select-amount .select-box label{
	display:block;
	line-height:22px;
	padding:13px 28px;
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#333333;
	border:1px solid #e0e0e0;
	cursor:pointer;
	border-radius:50px;
	transition:all 500ms ease;
	font-family: 'Roboto Slab', serif;
}

.default-form .select-amount .select-box input[type="radio"]:checked+label{
	background:#ff5722;
	border-color:#ff5722;
	color:#ffffff;	
}


















.filter-box .box-inner{
	position:relative;
	padding:10px 10px;
	background-color:#f6f5ef;
}

.filter-box .box-inner .dropdown-outer{
	position:static;
	float:left;
}

.filter-box .box-inner .filter-dropdown{
	position:static;
	width:125px;
	height:45px;
	/* float:left; */
	color:#43b97e;
	font-size:16px;
	margin-right:10px;
	padding:10px 20px;
	border-radius:5px;
	display:inline-block;
	border:1px solid #43b97e;
}

.filter-box .box-inner .filter-dropdown:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:125px;
	height:10px;
	display:block;
}

.filter-box .box-inner .filter-dropdown .icon{
	position:relative;
	margin-right:4px;
}

.filter-box .box-inner .filter-dropdown .arrow{
	position:absolute;
	left:112px;
}

.filter-box .box-inner .view-list{
	position:relative;
	float:left;
	margin-top:6px;
}

.filter-box .box-inner .view-list li{
	position:relative;
	margin-right:5px;
	display:inline-block;
}

.filter-box .box-inner .view-list li a{
	position:relative;
	width:36px;
	height:33px;
	color:#7a7b83;
	line-height:33px;
	border-radius:3px;
	text-align:center;
	display:inline-block;
	background-color:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.filter-box .box-inner .view-list li.active a,
.filter-box .box-inner .view-list li a:hover{
	color:#ffffff;
	background-color:#43b97e;
}

.filter-box .box-inner .total-course{
	position:relative;
	color:#06092d;
	font-size:16px;
	margin-top:8px;
	margin-right:15px;
}

.filter-box .box-inner .total-course span{
	color:#43b97e;
	font-size:20px;
	font-weight:700;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 10px 10px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	color:#000000;
	font-size:20px;
	font-weight:500;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
	color:#43b97e;
}

.page-links-box{
	position:relative;
	text-align:center;
	margin-bottom:30px;
}

.page-links-box a{
	position:relative;
	border-radius:5px;
	font-size:20px;
	color:#06092d;
	line-height:32px;
	text-align:left;
	margin:0px 9px 20px;
	display:inline-block;
	background-color:#fbeff7;
	padding:15px 35px 15px 20px;
}

.page-links-box a .icon{
	position:relative;
	margin-right:10px;
	padding-right:15px;
	color:#e372bd;
	font-size:34px;
	line-height:1em;
	float:left;
	margin-right:15px;
	border-right:1px solid #dcdddf;
	-webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.page-links-box a:hover .icon{
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.page-links-box a:nth-child(2){
	color:#06092d;
	background-color:#f9eee1;
}

.page-links-box a:nth-child(2) .icon{
	border-color:#dcdddf;
	color:#fbb35f;
}

.page-links-box a:nth-child(3){
	color:#06092d;
	background-color:#e4f5ff;
}

.page-links-box a:nth-child(3) .icon{
	border-color:#dcdddf;
	color:#45b6f8;
}

.page-links-box a:nth-child(4){
	color:#06092d;
	background-color:#fdf0f0;
}

.page-links-box a:nth-child(4) .icon{
	border-color:#dcdddf;
	color:#fc9d9d;
}

.page-links-box a:nth-child(5){
	color:#06092d;
	background-color:#eaf0ed;
}

.page-links-box a:nth-child(5) .icon{
	border-color:#dcdddf;
	color:#71e0a9;
}

.page-links-box a:nth-child(6){
	color:#06092d;
	background-color:#f9f3e2;
}

.page-links-box a:nth-child(6) .icon{
	border-color:#dcdddf;
	color:#deb130;
}

.page-links-box a:nth-child(7){
	color:#06092d;
	background-color:#edfbeb;
}

.page-links-box a:nth-child(7) .icon{
	border-color:#dcdddf;
	color:#85ce7a;
}

.page-links-box a:nth-child(8){
	color:#06092d;
	background-color:#f0f2f9;
}

.page-links-box a:nth-child(8) .icon{
	border-color:#dcdddf;
	color:#8ea2ea;
}

.page-links-box a:nth-child(9){
	color:#06092d;
	background-color:#fff8ef;
}

.page-links-box a:nth-child(9) .icon{
	border-color:#dcdddf;
	color:#d09d5c;
}

/* Course Block Three */

.course-block-three{
	position:relative;
	margin-bottom:30px;
}

.course-block-three .inner-box{
	position:relative;
	padding-top:25px;
	min-height:251px;
	padding-right:50px;
	padding-left:225px;
	border:1px solid #f5f3f3;
}

.course-block-three .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
}

.course-block-three .inner-box .image .tag{
	position:absolute;
	left:15px;
	bottom:15px;
	color:#06092d;
	padding:5px 16px;
	border-radius:5px;
	font-weight:500;
	letter-spacing:1px;
	display:inline-block;
	background-color:#ffe00c;
	text-transform:uppercase;
}

.course-block-three .inner-box h4{
	position:relative;
	font-weight:700;
	line-height:1.4em;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
}

.course-block-three .inner-box h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block-three .inner-box h4 a:hover{
	color:#43b97e;
}

.course-block-three .inner-box .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block-three .inner-box .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block-three .inner-box .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block-three .inner-box .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block-three .inner-box .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	float:left;
	margin-bottom:22px;
}

.course-block-three .inner-box .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block-three .inner-box .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
	float:left;
	margin-top:12px;
	margin-left:20px;
}

.course-block-three .inner-box .overlay-content-box{
	position:absolute;
	left:100%;
	top:-35px;
	width:360px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	padding:25px 25px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transform:translateX(20px);
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.course-block-three .inner-box:hover .overlay-content-box{
	opacity:1;
	visibility:visible;
	transform:translateX(0px);
}

.course-block-three .inner-box .overlay-content-box:before{
	position:absolute;
	content:'';
	left:-10px;
	top:32%;
	border-top: 6px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 6px solid transparent;
}

.course-block-three .inner-box .overlay-content-box h4{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	color:#000000;
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid #dadada;
}

.course-block-three .inner-box .overlay-content-box .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block-three .inner-box .overlay-content-box .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block-three .inner-box .overlay-content-box .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block-three .inner-box .overlay-content-box .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block-three .inner-box .overlay-content-box .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:22px;
}

.course-block-three .inner-box .overlay-content-box .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block-three .inner-box .overlay-content-box .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
}

.course-block-three .inner-box .overlay-content-box .enroll-now{
	position:relative;
	color:#ffffff;
	font-size:13px;
	padding:12px 18px;
	border-radius:5px;
	letter-spacing:1px;
	background-color:#43b97e;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block-three .inner-box .overlay-content-box .enroll-now:hover{
	background-color:#111111;
}

.course-block-three .inner-box .overlay-content-box .text{
	position:relative;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	margin-top:15px;
}

.course-block-three .inner-box .overlay-content-box .lists{
	position:relative;
	margin-top:20px;
}

.course-block-three .inner-box .overlay-content-box .lists li{
	position:relative;
	margin-bottom:12px;
	color:#000000;
	font-size:14px;
	padding-left:25px;
}

.course-block-three .inner-box .overlay-content-box .lists li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:15px;
	height:3px;
	background-color:#43b97e;
}

.course-block-three .inner-box .overlay-content-box .lists li:last-child{
	margin-bottom:0px;
}

.course-block-three .inner-box .overlay-content-box .btns-box{
	position:relative;
	margin-top:22px;
}

.course-block-three .inner-box .overlay-content-box .btns-box .enrol-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	margin-right:10px;
	display:inline-block;
	background-color:#ffe00c;
}

.course-block-three .inner-box .overlay-content-box .btns-box .wishlist-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	display:inline-block;
	background-color:#eef7f3;
}

/* Course Block Four */

.course-block-four{
	position:relative;
	margin-bottom:30px;
}

.course-block-four .inner-box{
	position:relative;
	padding-top:25px;
	min-height:251px;
	padding-left:30px;
	text-align:left;
	padding-right:225px;
	border:1px solid #f5f3f3;
	background-color:#ffffff;
}

.course-block-four .inner-box .image{
	position:absolute;
	right:0px;
	top:0px;
	width:200px;
}

.course-block-four .inner-box .image .tag{
	position:absolute;
	right:15px;
	bottom:15px;
	color:#06092d;
	padding:5px 16px;
	border-radius:5px;
	font-weight:500;
	letter-spacing:1px;
	display:inline-block;
	background-color:#ffe00c;
	text-transform:uppercase;
}

.course-block-four .inner-box h4{
	position:relative;
	font-weight:700;
	line-height:1.4em;
	padding-bottom:20px;
	border-bottom:1px solid #dadada;
}

.course-block-four .inner-box h4 a{
	position:relative;
	color:#000000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block-four .inner-box h4 a:hover{
	color:#43b97e;
}

.course-block-four .inner-box .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block-four .inner-box .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block-four .inner-box .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block-four .inner-box .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block-four .inner-box .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	float:left;
	margin-bottom:22px;
}

.course-block-four .inner-box .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block-four .inner-box .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
	float:left;
	margin-top:12px;
	margin-left:20px;
}

.course-block-four .inner-box .overlay-content-box{
	position:absolute;
	left:60%;
	top:-35px;
	width:360px;
	z-index:1;
	opacity:0;
	visibility:hidden;
	padding:25px 25px;
	background-color:#ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transform:translateX(20px);
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.course-block-four .inner-box:hover .overlay-content-box{
	opacity:1;
	visibility:visible;
	transform:translateX(0px);
}

.course-block-four .inner-box .overlay-content-box:before{
	position:absolute;
	content:'';
	left:-10px;
	top:32%;
	border-top: 6px solid transparent;
    border-right: 10px solid #ffffff;
    border-bottom: 6px solid transparent;
}

.course-block-four .inner-box .overlay-content-box h4{
	position:relative;
	font-weight:700;
	line-height:1.3em;
	color:#000000;
	font-size:24px;
	margin-bottom:20px;
	padding-bottom:18px;
	border-bottom:1px solid #dadada;
}

.course-block-four .inner-box .overlay-content-box .uni-name{
	position:relative;
	color:#43b97e;
	font-size:15px;
	margin-top:18px;
	margin-bottom:12px;
}

.course-block-four .inner-box .overlay-content-box .rating{
	position:relative;
	color:#fbb039;
	font-size:16px;
}

.course-block-four .inner-box .overlay-content-box .rating strong{
	position:relative;
	color:#000000;
	margin-left:10px;
	font-size:16px;
}

.course-block-four .inner-box .overlay-content-box .rating i{
	position:relative;
	color:#000000;
	top:-2px;
	font-size:14px;
	font-weight:400;
	font-style:normal;
	margin-left:5px;
}

.course-block-four .inner-box .overlay-content-box .price{
	position:relative;
	color:#423b3c;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:22px;
}

.course-block-four .inner-box .overlay-content-box .price span{
	position:relative;
	font-weight:400;
	font-size:16px;
	margin-left:10px;
	text-decoration:line-through;
}

.course-block-four .inner-box .overlay-content-box .hovers{
	position:relative;
	color:#000000;
	font-size:13px;
}

.course-block-four .inner-box .overlay-content-box .enroll-now{
	position:relative;
	color:#ffffff;
	font-size:13px;
	padding:12px 18px;
	border-radius:5px;
	letter-spacing:1px;
	background-color:#43b97e;
	text-transform:uppercase;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.course-block-four .inner-box .overlay-content-box .enroll-now:hover{
	background-color:#111111;
}

.course-block-four .inner-box .overlay-content-box .text{
	position:relative;
	color:#000000;
	font-size:14px;
	line-height:1.8em;
	margin-top:15px;
}

.course-block-four .inner-box .overlay-content-box .lists{
	position:relative;
	margin-top:20px;
}

.course-block-four .inner-box .overlay-content-box .lists li{
	position:relative;
	margin-bottom:12px;
	color:#000000;
	font-size:14px;
	padding-left:25px;
}

.course-block-four .inner-box .overlay-content-box .lists li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:15px;
	height:3px;
	background-color:#43b97e;
}

.course-block-four .inner-box .overlay-content-box .lists li:last-child{
	margin-bottom:0px;
}

.course-block-four .inner-box .overlay-content-box .btns-box{
	position:relative;
	margin-top:22px;
}

.course-block-four .inner-box .overlay-content-box .btns-box .enrol-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	margin-right:10px;
	display:inline-block;
	background-color:#ffe00c;
}

.course-block-four .inner-box .overlay-content-box .btns-box .wishlist-btn{
	position:relative;
	color:#000000;
	font-size:16px;
	padding:16px 26px;
	border-radius:6px;
	font-weight:500;
	display:inline-block;
	background-color:#eef7f3;
}
