/* general */
input, textarea, select, a { outline: none; }
html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ralewayregular' sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: normal;
	background-color: #FAFAFA;	
	color: #5A5A50;
}

body .container {
	max-width: 1020px;
}

.container.padslide {
    padding-top: 50px;
}

h1 {
	font-family: 'ralewaybold', sans-serif;
	font-size: 42px;
	color: #5A5A50;
}

h2 {
	font-family: 'ralewaybold', sans-serif;
	font-size: 38px;
	color: #5A5A50;
}

h3 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 32px;
	color: #5A5A50;
	padding-top: 32px;
    margin-bottom: 20px;	
}

h4 {
	font-family: 'ralewayregular', sans-serif;
	font-size: 26px;
	color: #5A5A50;
}

h5 {
	font-family: 'ralewayregular', sans-serif;
	font-size: 18px;
	color: #5A5A50;
}

h6 {
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
}

p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
}

/* header */

img.sumome-icon {
    display: none;
}

header {		
	background-size: cover;
	padding-bottom: 6px;
		
}

header .navbar {
	background-color: #FFFFFF;
    height: 80px;
    border-radius: 0;
    margin-bottom: -7px;
	/*box-shadow: 0 4px 7px -6px #B7B1B1;*/
}

header .navbar .navbar-collapse {
	padding-top: 20px;
}

header .navbar .navbar-brand img {
	width: 160px;
}

header .navbar .navbar-nav li a {
	color: #000;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

header .navbar-default .navbar-nav > .open > a, 
header .navbar-default .navbar-nav > .open > a:focus, 
header .navbar-default .navbar-nav > .open > a:hover {
	border-radius: 4px;
}

header .navbar .navbar-nav li a.language {
	border: 2px solid #669933;
	border-radius: 4px;
	padding: 4px 8px;
	margin-top: 4px;
}

header .navbar .navbar-nav li a.login {
	border: 2px solid #689936;
	border-radius: 4px;
	padding: 4px 8px;
	color: #689936;
	margin-left: 15px;
	margin-top: 4px;
}

header .navbar .navbar-nav li a.login:hover,
header .navbar .navbar-nav li a.login:focus,
header .navbar .navbar-nav li a.login:active {
	background-color: #689936;
	color: #fff;
	border: 2px solid #689936;
}

header .navbar .navbar-nav li a.register {
	border: 2px solid #ff9900;
	border-radius: 4px;
	padding: 4px 8px;
	color: #ff9900;
	margin-left: 15px;
	margin-top: 4px;
}

header .navbar .navbar-nav li a.register:hover,
header .navbar .navbar-nav li a.register:active,
header .navbar .navbar-nav li a.register:focus {
	background-color: #ff9900;
	color: #fff;
	border: 2px solid #ff9900;
}

.yamm-content .thumbnail {
	padding: 0;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail {
	padding-top: 0 !important;
	border-radius: 0;
	border-color: transparent;
	text-decoration: none;
	margin-bottom: 0;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail1:hover,
.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail1:active,
.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail1:focus {
	background-color: #689936;
	color: #fff;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail2:hover,
.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail2:active,
.yamm-content > .row > .col-sm-3 > a.thumbnail.thumbnail2:focus {
	background-color: #ff9900;
	color: #fff;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail:hover {
	padding-top: 0 !important;
	border-radius: 0;
	border-color: transparent;
	text-decoration: none;
	background-color: #f5f5f5;
}

.yamm-content > .row > .col-sm-3 > a:hover {
	color: #fff;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail > p {
	color: #000;
	margin-top: 10px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	padding-left: 10px;
}

.yamm-content > .row > .col-sm-3 > a.thumbnail > p:hover,
.yamm-content > .row > .col-sm-3 > a.thumbnail:hover > p {
	color: #fff;
}

.yamm-fw .dropdown-menu {
	box-shadow: none;
	border-radius: 0;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	top:78px;
}

header .header_content {
	padding: 40px 0 55px;
}

header .header_content h1 {
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 56px;
	margin-bottom: 20px;
}

header .header_content h5 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 22px;
	color: #fff;
	margin-bottom: 60px;
}

header .header_content a.button_voucher {
	color: #fff;
	padding: 10px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 24px;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.5);
	text-align: center;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

header .header_content a.button_voucher:hover {
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

header .form_search_course {
	background-color: rgba(000, 000, 000, 0.6);
	padding: 10px 0 20px;
}

header {
	background: url('../images/img-header.png') no-repeat fixed;
	background-size: cover;
	padding-bottom: 6px;
		
}


header .input-lg
{
	/*height: 65px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.7);
	border: 4px solid #000;*/
	    height: 49px;
    /* border-radius: 0px; */
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgb(241, 239, 237);
    border: 4px solid #87B757;
    border-radius: 7px;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.top-input-search-sukawu{
	height: 59px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*background-color: rgb(241, 239, 237);
    border: 4px solid #84A267;*/
    border-radius: 0px;
    padding-left: 10px;
    margin-top: 9px;
    /* width: 100%; */
}

.top-btn-search-sukawu{
	height: 59px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #669933;    
    border-radius: 0px;
    margin-top: 9px;
    text-shadow: azure;
    color: #FDFDFD;
    font-size: large;
    text-transform: capitalize;		
	border: 4px solid #669933;
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/
	height: 59px;
    background-color: rgb(103, 154, 51);    
    font-size: 18px;    
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	

.top-btn-search-sukawu:hover {
	height: 59px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #7FBA00;
    border: 2px solid #7FBA00;
    margin-top: 9px;
    text-shadow: azure;
    font-size: large;
    text-transform: capitalize;	
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/    
    font-size: 18px;   
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	


.top-input-subscribe-sukawu{
	height: 49px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*background-color: rgb(241, 239, 237);*/
    border: 4px solid #84A267;
    border-radius: 0px;
    padding-left: 10px;
    margin-top: 9px;
    /* width: 100%; */
}

.top-input-subscribe-sukawu:hover {
	height: 49px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*background-color: rgb(241, 239, 237);*/
    border: 4px solid #84A267;
    border-radius: 0px;
    padding-left: 10px;
    margin-top: 9px;
	outline:#00CC00;
    /* width: 100%; */
}


.top-btn-subscribe-sukawu{
	height: 49px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #669933;    
    border-radius: 0px;
    margin-top: 9px;
    text-shadow: azure;
    color: #FDFDFD;
    font-size: large;
    text-transform: capitalize;		
	border: 2px solid #669933;
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/
	height: 52px;
    background-color: rgb(103, 154, 51);    
    font-size: 18px;    
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	

.top-btn-subscribe-sukawu:hover {
	height: 49px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #7FBA00;
    border: 2px solid #7FBA00;
    margin-top: 9px;
    text-shadow: azure;
    font-size: large;
    text-transform: capitalize;	
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/    
    font-size: 18px;   
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	
	

header .form-control {
	font-style:normal;
	margin-top: 12px;
}

header .form-control:focus,
header .form-control:active {
	box-shadow: none;
	border: 4px solid #000;
}

header .btn-lg {
	/*height: 65px;
	background-color: rgba(000, 000, 000, 0.8);
	border: 4px solid #000;
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/
	height: 52px;
    background-color: rgb(103, 154, 51);
    /* border-radius: initial; */
    border: 4px solid #2EBDE8;
    color: #2EBDE8;
    /* font-family: 'ralewaybold', sans-serif; */
    font-size: 18px;
    /* transition: all 0.3s ease-in-out; */
    /* -webkit-transition: all 0.3s ease-in-out; */
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

header .btn-lg:hover {
	height: 52px;
    background-color: rgb(103, 154, 51);
    border: 4px solid #2EBDE8;
    color: #2EBDE8;
    font-size: 18px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#text-carousel {
	position: relative;
    padding-top: 99px;

}

    

#text-carousel .carousel-caption {
	text-align: left !important;
	right: 0;
	left: 3%;
	height: 90px;
	margin-top: 10px;
}

#text-carousel .carousel-caption h3 {
	font-family: 'ralewaybold', sans-serif;
    font-size: 35px;
    letter-spacing: 0px;
    color: #FFFFFF;
	
}

.slide-label-sukawu{
	font-family: 'ralewaymedium', sans-serif;
	font-size: 22px;
	/*color: #FF9900;
	margin-top: 30px;	
	margin-bottom: 30px;	*/
	color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 30px;
   
}

a.button_voucher.btn.btn-block {
	color: #fff;
	padding: 10px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 24px;
	text-decoration: none;
	background-color: rgba(255, 153, 0, 0.5);
	text-align: center; 
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.55);
}


a.button_voucher.btn.btn-block:hover {
    background-color: rgba(255, 153, 0, 0.8);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	

section {
    /*padding-top: 55px;*/
}

section#BlogRegistration {
    background-color: #EAECE8;
}	

#jedasection {
	height:81px;
}

.text-center.jedasection {
    margin-bottom: 89px;
}


#lookingslider {
	background: url(../images/img-header2.png) repeat 0 0;
	min-height: 480px;
    background-size: cover;
}

section#lookingsearch{
	/*background: #679A33 url('../images/img-header.png') no-repeat fixed;*/
	background: rgba(96, 95, 81, 0.9) url('../images/img-header.png') no-repeat fixed;
	background-size: cover;
	padding-bottom: 20px;	
	margin-top: 70px;
/*padding-bottom: 6px;	
	margin-top: 90px;	*/
}

/* how it works */

#how_it_works {
	background-color: #FAFAFA;
    padding-bottom: 40px;	
}

#how_it_works a {
	text-decoration: none; 
}

#how_it_works h3 {
	margin-top: 45px;
	margin-bottom: 45px;
}

#how_it_works p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 25px;
}

#how_it_works .btn_how_it_works {
	    margin-top: 20px;
    background-color: #CEDEBD;
    border: 3px solid #93B76F;
    /* padding: 10px 40px; */
    font-size: 16px;
    color: #564444;
    margin-bottom: 20px;
    /* transition: all 0.3s ease-in-out; */
    /* -webkit-transition: all 0.3s ease-in-out; */
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-weight: bolder;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); */
}

#how_it_works .btn_how_it_works:hover {
	background-color: rgba(000, 000, 000, 0.7);
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#how_it_works video {
	width: 100%;
    border-radius: 6px;
}

/* content */

.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('../images/star-off.svg');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('../images/star-on.svg');
  background-size : contain;
  color: #08c;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}

.course_grid{
	box-shadow: 0 8px 6px -6px #B7B1B1;
}

#content_courses {
	padding-top: 0px;
    padding-bottom: 50px;
    text-decoration: none;
    background-color: #FAFAFA;
}

#content_courses a{
	/*padding-top:0px;	
	padding-bottom: 50px;*/
	text-decoration:none;
}


#content_courses .nav-pills > li.active.left > a, 
#content_courses .nav-pills > li.active.left > a:focus, 
#content_courses .nav-pills > li.active.left > a:hover {
	background-color: #ddd;
	color: #000;
	font-family: 'ralewaybold', sans-serif;
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	   -moz-border-top-left-radius: 6px;
	     -o-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	   -moz-border-bottom-left-radius: 6px;
	     -o-border-bottom-left-radius: 6px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	   -moz-border-top-right-radius: 0;
	     -o-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	   -moz-border-bottom-right-radius: 0;
	     -o-border-bottom-right-radius: 0;
}

#content_courses .nav-pills > li.active.right > a, 
#content_courses .nav-pills > li.active.right > a:focus, 
#content_courses .nav-pills > li.active.right > a:hover {
	background-color: #ddd;
	color: #000;
	font-family: 'ralewaybold', sans-serif;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	   -moz-border-top-left-radius: 0;
	     -o-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	   -moz-border-bottom-left-radius: 0;
	     -o-border-bottom-left-radius: 0;
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	   -moz-border-top-right-radius: 6px;
	     -o-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	   -moz-border-bottom-right-radius: 6px;
	     -o-border-bottom-right-radius: 6px;
}

#content_courses .nav-pills > li.left > a {
	padding: 15px 15px;
	border: 4px solid #ddd;
	font-family: 'ralewaybold', sans-serif;
	color: #000;
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	   -moz-border-top-left-radius: 6px;
	     -o-border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	   -moz-border-bottom-left-radius: 6px;
	     -o-border-bottom-left-radius: 6px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	   -moz-border-top-right-radius: 0;
	     -o-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	   -moz-border-bottom-right-radius: 0;
	     -o-border-bottom-right-radius: 0;
}

#content_courses .nav-pills > li.right > a {
	padding: 15px 15px;
	border: 4px solid #ddd;
	font-family: 'ralewaybold', sans-serif;
	color: #000;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	   -moz-border-top-left-radius: 0;
	     -o-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	   -moz-border-bottom-left-radius: 0;
	     -o-border-bottom-left-radius: 0;
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	   -moz-border-top-right-radius: 6px;
	     -o-border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	   -moz-border-bottom-right-radius: 6px;
	     -o-border-bottom-right-radius: 6px;
}

#latestCourse,
#upcomingCourse {
	margin-top: 15px;
}

.course_grid .course_grid_detail {
	background-color: #FFFFFF;
	margin-bottom: 30px;
}

.course_grid .course_grid_img img {
	width:100%; 
}

.course_grid .course_grid_img  .grid-top {
    background-size: cover;
    height: 250px;
    position: relative;
} 

.course_grid .course_grid_img  .grid-title-wrap {
    background-color: rgba(0,128,0,0.4);
    bottom: 0;
    padding: 5px 15px;
    position: absolute;
    width: 100%;
}

.course_grid .course_grid_img  .grid-title {
    color: #fff;
    text-align: right;
    margin: 0;
}


.course_grid .course_grid_detail .course_detail_rating {
	padding: 10px 15px 0;
	font-size: 12px;
}

.course_grid .course_grid_detail .course_detail_title {
	padding: 5px 15px;
	margin-top: 0;
	font-size: 20px;
	line-height: 25px;
	min-height: 50px;
    max-height: 50px;
}

.course_grid .course_grid_detail .course_detail_title a {
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.course_grid .course_grid_detail .course_detail_title a:hover {
	color: #ff9900;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.course_grid .course_grid_detail .course_detail_author {
	padding: 0 15px 5px;
	font-size: 15px;
	margin-bottom: 0;
}

.course_grid .course_grid_detail .course_detail_location {
  padding: 0 15px 10px;
  font-size: 15px;
}

.course_grid .course_grid_detail .btn_course_grid {
	background-color: #ff9900;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'ralewaybold', sans-serif;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
		 color:#FFF;	 
}

.course_grid .course_grid_detail .btn_course_grid:hover,
.course_grid .course_grid_detail .btn_course_grid:focus {
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.btnbr {    
    background: none;
    filter: none;
    color: #669933;
    border: 1px solid #669933;
    box-shadow: 0 -3px 0 0 #689936 inset;
}

.btnbr:hover {    
    background: none;
    filter: none;
	background-color: #669933;
	color: #FFF;
    border: 1px solid #669933;
    box-shadow: 0 -3px 0 0 #689936 inset;
}

.btns{
    border-radius: 1px!important;    
    text-align: left;
	padding:10px;
	text-transform:uppercase;           	
}

.btns-notif-holder {
    text-align: center;
    margin: 22px;
}

a.btns.btnbr {
    text-decoration: none;
}

#content_courses .btn_browse_course {
	border: 4px solid #689936;
	border-radius: 8px;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	color: #689936;
	background-color: #fff;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 14px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#content_courses .btn_browse_course:hover,
#content_courses .btn_browse_course:focus {
	background-color: #689936;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

/* modal login */



#modalLoginRegister .modal-content {
	background-color: #f5f5f5;
}

#modalLoginRegister .modal-content .modal-title img {
	margin-top: 30px;
	margin-bottom: 30px;
}

#modalLoginRegister .modal-content .modal-header {
	border-bottom: none;
}

#accountTabs li.active a,
#accountTabs li a {
	padding: 20px;
	border-radius: 0;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	color: #999;
}

#accountTabs li.active a {
	border: 3px solid #ddd;
}

#accountTabs li a {
	border-bottom: 3px solid #ddd;
}

#modalLoginRegister .modal-content .tab-content {
	padding-top: 30px;
}

#modalLoginRegister .tab-content .sosmed_login {
	margin-bottom: 20px;
}

#modalLoginRegister .tab-content .btn_facebook {
	background-color: #3b5998;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
}

#modalLoginRegister .tab-content .btn i.fa {
	margin-right: 10px;
}

#modalLoginRegister .tab-content .btn {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#modalLoginRegister .tab-content .btn_google_plus {
	background-color: #dd4b39;
	color: #fff;
	padding: 10px;
	border-radius: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
}

#modalLoginRegister .tab-content .btn_twitter {
	background-color: #00aced;
	color: #fff;
	padding: 10px;
	border-radius: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
}

#modalLoginRegister .tab-content .btn:hover,
#modalLoginRegister .tab-content .btn:focus {
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#modalLoginRegister .tab-content .login_form {
	margin-top: 17px;
	margin-bottom: 35px;
}

#modalLoginRegister .tab-content .login_form .form-control,
#modalLoginRegister .tab-content .login_form .btn_login,
#modalForgotPassword .form-control,
#modalForgotPassword .btn_login {
	height: 45px;
	margin-bottom: 10px;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#modalLoginRegister .tab-content .login_form .form-control:focus,
#modalForgotPassword .form-control:focus {
	border: 4px solid #ddd;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#modalLoginRegister .tab-content .login_form .btn_login,
#modalForgotPassword .btn_login {
	font-family: 'ralewaybold', sans-serif;
	font-size: 16px;
	background-color: #689936;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#modalLoginRegister .tab-content .login_form .forgot_password {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #000;
}

/* blog */

.navbar-white {
	background-color: #fff !important;
}

#popular_artikel {
	margin-top: 30px;
	margin-bottom: 30px;
}

#popular_artikel .popular_artikel_title {
	margin-bottom: 40px;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail {
	background-color: #f5f5f5;
	padding: 20px;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail h3 {
	margin-top: 0;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail h3 a {
	color: #000;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 22px;
	line-height: 18px !important;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail h3 a:hover {
	color: #689936;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail p {
	line-height: 22px;
}

#popular_artikel .popular_artikel_content .popular_artikel_grid_detail .date {
	font-family: 'ralewayregular', sans-serif;
	font-size: 12px;
}

.categories_news {}

.categories_news .categories_news_grid_img {
	height: 150px;
	overflow: hidden;
}

.categories_news .categories_news_grid_img img {
	width: auto;
}

.categories_news .categories_news_grid_title h4 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #222;
}

.categories_news .categories_news_grid_title a {
	text-decoration: none;
}

.categories_news .categories_news_grid_title a h4:hover,
.categories_news .categories_news_grid_title a h4:focus,
.categories_news .categories_news_grid_title a h4:active {
	color: #669933;
}

.categories_stories .categories_stories_grid {
	margin-bottom: 20px;
}

.categories_stories .categories_stories_grid_img {
	height: 130px;
	overflow: hidden;
}

.categories_stories .categories_stories_grid_title h4 {
	margin-top: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 18px;
}

.categories_stories .categories_stories_grid_meta span {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
}

.categories_stories .categories_stories_grid_content p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
}

.categories_stories .categories_stories_grid_readmore .btn_news_readmore {
	color: #333;
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
}

.categories_stories .categories_stories_grid_readmore .btn_news_readmore:hover,
.categories_stories .categories_stories_grid_readmore .btn_news_readmore:active,
.categories_stories .categories_stories_grid_readmore .btn_news_readmore:focus {
	color: #669933;
}

.footer_ads {
	margin-top: 20px;
}

.footer_ads img {
	width: 100%;
}

.latest_artikel_main_content {
	margin-top: 20px;
	margin-bottom: 30px;
}

.latest_artikel_main_title {
	margin-bottom: 20px;
	margin-top: 30px;
}

.latest_artikel_main_title h4 {
	font-family: 'ralewayregular', sans-serif;
	font-size: 20px;
	font-weight: 700;
}

.latest_artikel_main_content .latest_artikel_main_content_right h3 {
	margin-top: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 24px;
	line-height: 28px;
}

.latest_artikel_main_content .latest_artikel_main_content_right h3 a {
	color: #000;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.latest_artikel_main_content .latest_artikel_main_content_right h3 a:hover {
	color: #689936;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.latest_artikel_main_content .latest_artikel_main_content_right .meta-author span {
	margin-right: 15px;
	margin-bottom: 10px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 12px;
	color: #999;
}

.latest_artikel_main_content .latest_artikel_main_content_right p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin-top: 5px;
}

.latest_artikel_main_content .latest_artikel_main_content_right .btn-read-more {
	color: #fff;
	background-color: #ddd;
}

.latest_artikel_main_content .latest_artikel_main_content_right .btn-read-more:hover {
	color: #fff;
	background-color: #669933;
}

.latest_artikel_sidebar {
	margin-top: 30px;
}

.widget {
	margin-bottom: 35px;
}

.widget h4 { 
	font-family: 'ralewaymedium', sans-serif;
	font-size: 20px;
	border-bottom: 1px solid #ddd; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom: 20px;
	border-left: 4px solid #669933;
}

.widget .widget_follow_sukawu {
	background-color: #f5f5f5;
	border-radius: 4px;
	padding: 10px;
}

.widget .widget_follow_sukawu .widget_follow_sukawu_left.col-xs-6 {
	padding-right: 0;
}

.widget .widget_follow_sukawu .widget_follow_sukawu_right.col-xs-6 {
	padding-left: 0;
}

.widget .widget_follow_sukawu a {
	padding: 10px 10px 10px 20px;
	border: 1px solid #ddd;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.widget .widget_follow_sukawu a i.fa {
	font-size: 14px;
	margin-right: 8px;
}

.widget .widget_follow_sukawu a.btn-follow-facebook:hover,
.widget .widget_follow_sukawu a.btn-follow-facebook:active,
.widget .widget_follow_sukawu a.btn-follow-facebook:focus {
	background-color: #3b5998;
	border: 1px solid #3b5998;
	color: #fff;
}

.widget .widget_follow_sukawu a.btn-follow-twitter:hover,
.widget .widget_follow_sukawu a.btn-follow-twitter:active,
.widget .widget_follow_sukawu a.btn-follow-twitter:focus {
	background-color: #00aced;
	border: 1px solid #00aced;
	color: #fff;
}

.widget .widget_follow_sukawu a.btn-follow-linkedin:hover,
.widget .widget_follow_sukawu a.btn-follow-linkedin:active,
.widget .widget_follow_sukawu a.btn-follow-linkedin:focus {
	background-color: #428bca;
	border: 1px solid #428bca;
	color: #fff;
}

.widget .widget_follow_sukawu a.btn-follow-google-plus:hover,
.widget .widget_follow_sukawu a.btn-follow-google-plus:active,
.widget .widget_follow_sukawu a.btn-follow-google-plus:focus {
	background-color: #dd4b39;
	border: 1px solid #dd4b39;
	color: #fff;
}

.widget .widget_recent_event ul {
	list-style: none;
	padding-left: 0;
}

.widget .widget_recent_event .widget_recent_event_grid {
	background-color: #f5f5f5;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.widget .widget_recent_event .widget_recent_event_grid_img {
	height: 150px;
	overflow: hidden;
}

.widget .widget_recent_event .widget_recent_event_grid img {
	width: 100%;
}

.widget .widget_recent_event .widget_recent_event_grid h5 {
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
}

.widget .widget_recent_event .widget_recent_event_grid a {
	font-family: 'ralewayregular', sans-serif;
	font-size: 18px;
	text-decoration: none;
	color: #000;
}

.widget .widget_recent_event .widget_recent_event_grid a:hover {
	color: #669933;
}

.widget .widget_search .form-control {
	border-radius: 0;
	box-shadow: none;
}

.widget .widget_search .form-control:focus,
.widget .widget_search .form-control:active {
	border: 1px solid #669933;
}

.widget .widget_search .btn {
	background-color: #669933;
	color: #fff;
	border-radius: 0;
	border-color: #669933;
}

.widget .widget_search .btn:hover {
	opacity: 0.7;
}

.widget .widget_popular_post ul {
	list-style: none;
	padding-left: 0;
}

.widget .widget_popular_post ul li {
	margin-bottom: 5px;
}

.widget .widget_popular_post .widget_popular_post_img {
	overflow: hidden;
	width: 50px;
	position: relative;
}

.widget .widget_popular_post .widget_popular_post_img img {
	height: 50px;
	margin-top: 5px;
}

.widget .widget_popular_post .widget_popular_post_content a {
	margin-top: 0;
}

.widget .widget_popular_post ul li a {
	color: #000;
	text-decoration: none;
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
	line-height: 22px;
}

.widget .widget_popular_post ul li p em {
	font-family: 'ralewayregular', sans-serif;
	font-size: 12px;
}

.widget .widget_popular_post ul li a:hover {
	color: #669933;
}

.widget .widget_tags ul {
	list-style: none;
	padding-left: 0;
}

.widget .widget_tags ul li {
	display: inline-block;
	margin-bottom: 25px;
	margin-right: 15px;
}

.widget .widget_tags ul li a {
	background-color: #ccc;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
}

.widget .widget_tags ul li a:hover {
	background-color: #669933;
}

.pagination li a {
	margin-right: 10px;
	border-radius: 0;
	color: #000;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	background-color: #689936;
	color: #fff;
	border: 1px solid #689936;
}

.pagination li a:hover {
	background-color: #669933;
	color: #fff;
	border-color: #669933;
}

.widget_subcribe p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}

.widget_subcribe .form-control {
	border-radius: 0;
}

.widget_subcribe .form-control:active, 
.widget_subcribe .form-control:focus {
	box-shadow: none;
	border: 1px solid #669933;
}

.widget_subcribe .btn {
	background-color: #669933;
	color: #fff;
	border: 1px solid #669933;
}

.widget_subcribe .btn:hover {
	opacity: 0.7;
}

.widget_advertise {
	margin-bottom: 20px;
}

/* footer */

footer {
	background-color: #191919;
	padding: 85px 0 60px;
	margin-top: 30px;
}

footer .widget-footer-top .title-widget-footer-top h1 {
	font-family: 'ralewaybold', sans-serif;
	font-size: 20px;
	color: #ddd;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #121212;
}

footer .widget-footer-top .content-widget-footer-top p {
	color: #f5f5f5;
	font-size: 14px;
	line-height: 25px;
}

footer .widget-footer-top .content-widget-footer-top .sosmed {
	margin-top: 30px;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul {
	list-style: none;
	padding-left: 0;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li {
	display: inline-block;
	margin-right: 15px;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li i.fa {
	background-color: #a1a1a1;
	color: #fff;
	padding-left: 12px;
	padding-top: 10px;
	width: 35px;
	height: 35px;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li i.fa.fa-facebook:hover {
	background-color: #3b5998;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li i.fa.fa-google-plus:hover {
	background-color: #dd4b39;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li i.fa.fa-twitter:hover {
	background-color: #00aced;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

footer .widget-footer-top .content-widget-footer-top .sosmed ul li i.fa.fa-youtube:hover {
	background-color: #bb0000;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.footer-title.blogtitle h3 a{
    color: #FFF;
	text-decoration:none;
}

.footer-title.blogtitle h3 a:hover{
	color:#FF9900
}

.text-center.copyrightfooter{
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);*/
}

.recent-post ul {
	list-style: none;
	padding-left: 0;
}

.recent-post a {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.recent-post h3 {
	font-family: 'ralewaymedium', sans-serif;
	color: #ddd;
	font-size: 14px;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.recent-post h3:hover {
	color: #00a651;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.recent-post .meta-recent {
	color: #888;
}

.tags ul {
	list-style: none;
	padding-left: 0;
}

.tags ul li {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 8px;
}

.tags ul li a {
	background-color: #090909;
	border-radius: 4px;
	color: #ddd;
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
	padding: 7px 15px;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.tags ul li a:hover {
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#footer-bottom {
	background-color: #000;
	padding: 20px 0 15px;
}

#footer-bottom p {
	color: #fff;
}

/* single post */

.single-post .meta-date {
	font-size: 14px;
}

.single-post .single-post-title {
	margin-bottom: 40px;
}

.single-post .single-post-title h1 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 44px;
}

.single-post .single-post-main {
	margin-bottom: 40px;
}

.single-post .single-post-main p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	line-height: 25px;
}

.single-post .single-post-main .img-large {
	margin-bottom: 20px;
	margin-top: 20px;
}

.comments {
	margin-bottom: 30px;
}

.comments .comments-title {
	margin-bottom: 40px;
}

.comments .comments-title h3 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 24px;
}

.comments .comments-main {
	background-color: #f5f5f5;
	padding: 10px 20px 20px;
}

.comments .comments-main .media {
	margin-top: 20px;
}
.comments .comments-main .media .media-body h4.media-heading {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 18px;
}

.comments .comments-main .media .media-body .media-body-tag {
	font-size: 14px;
}

.comments .comments-main .media .media-body p {
	margin-top: 15px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.comments .comments-main .media .btn-replay-comment {
	background-color: #ddd;
	color: #fff;
	padding: 2px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     -o-border-radius: 4px;
	margin-top: -20px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.comments .comments-main .media a.btn-replay-comment {
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.comments .comments-main .media a.btn-replay-comment:hover {
	background-color: #ff9900;
	color: #fff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.form-replay {
	margin-bottom: 40px;
}

.form-replay .form-replay-title {
	margin-bottom: 35px;
	margin-top: 30px;
}

.form-replay .form-replay-title h3 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 28px;
}

.form-replay .form-replay-main input.form-control {
	height: 40px;
}

.form-replay .form-replay-main .form-control {
	box-shadow: none;
	border: 2px solid #ddd;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.form-replay .form-replay-main .form-control:focus {
	border: 2px solid #669933;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.form-replay .form-replay-main .btn-replay-comment {
	background-color: #ddd;
	color: #fff;
	padding: 10px 25px;
	font-size: 18px;
	margin-top: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

.form-replay .form-replay-main .btn-replay-comment:hover {
	background-color: #669933;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

/* auth */

#auth {
	background-color: #f5f5f5;
	padding: 70px 0;
}

#auth .auth-main {
	background-color: #fff;
	padding: 15px;
}

#auth .auth-title {
	margin-bottom: 45px;
	margin-top: 15px;
}

#auth .auth-content {
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
}

#auth .auth-content .nav-tabs.nav-justified > li > a {
	border-radius: 0;
}

#auth .auth-content .nav-tabs.nav-justified > .active > a, 
#auth .auth-content .nav-tabs.nav-justified > .active > a:focus, 
#auth .auth-content .nav-tabs.nav-justified > .active > a:hover {
	background-color: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	border: 1px solid #f5f5f5;
}

#auth .auth-content .nav-tabs.nav-justified li > a,
#auth .auth-content .nav-tabs.nav-justified li > a:focus,
#auth .auth-content .nav-tabs.nav-justified li > a:hover {
	border-bottom: 1px solid #f5f5f5 !important;
	color: #999;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#auth .auth-content .nav-tabs {
	margin-bottom: 20px;
}

#auth .auth-content .auth-with-sosmed .btn-facebook {
	background-color: #3b5998;
	color: #fff;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	margin-bottom: 15px;
}

#auth .auth-content .auth-with-sosmed .btn-facebook i.fa,
#auth .auth-content .auth-with-sosmed .btn-google-plus i.fa,
#auth .auth-content .auth-with-sosmed .btn-twitter i.fa {
	margin-right: 10px;
}

#auth .auth-content .auth-with-sosmed .btn-facebook:hover,
#auth .auth-content .auth-with-sosmed .btn-google-plus:hover,
#auth .auth-content .auth-with-sosmed .btn-twitter:hover {
	opacity: 0.8;
}

#auth .auth-content .auth-with-sosmed .btn-group {
	margin-bottom: 20px;
}

#auth .auth-content .auth-with-sosmed .btn-google-plus {
	background-color: #dd4b39;
	color: #fff;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	   -moz-border-bottom-left-radius: 0;
	     -o-border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	   -moz-border-top-left-radius: 0;
	     -o-border-top-left-radius: 0;
}

#auth .auth-content .auth-with-sosmed .btn-twitter {
	background-color: #00aced;
	color: #fff;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 16px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	   -moz-border-top-right-radius: 0;
	     -o-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	   -moz-border-bottom-right-radius: 0;
	     -o-border-bottom-right-radius: 0;
}

#auth .auth-content .form-control {
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
}

#auth .auth-content .form-control {
	border: 2px solid #ccc;
	box-shadow: none;
}

#auth .auth-content .form-control:focus,
#auth .auth-content .form-control:active {
	box-shadow: none;
	border: 2px solid #f5f5f5;
}

#auth .auth-content .btn-login {
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
	background-color: #669933;
	color: #fff;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 18px;
}

#auth .auth-content .btn-login:hover {
	opacity: 0.8;
}

#auth .auth-content .img-register {
	border-radius: 4px;
	width: 120px;
	height: 120px;
	margin-bottom: 20px;
	margin-top: 10px;
	border: 4px solid #f5f5f5;
}

/* testimonial */

#testimonial {
	background: url('../images/bg-testimonial.png') center center no-repeat fixed;
	background-size: cover;
	padding: 50px 0;
}

#testimonial .testimonial-title h3 {
	font-family: 'ralewayregular', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	color: #222;
	font-size: 28px;
	margin-bottom: 30px;
}

#testimonial blockquote {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    text-align: center;
    border: none;
}

#testimonial blockquote h4 {
	margin-bottom: 35px;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 24px;
	letter-spacing: 0.5px;
	margin-top: 20px;
}

#testimonial blockquote p {
	margin-bottom: 70px;
	text-decoration: underline;
}

#testimonial #fade-quote-carousel.carousel {
  padding-bottom: 60px;
}

#testimonial #fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#testimonial #fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#testimonial #fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#testimonial #fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #fff;
  border: none;
}

#testimonial #fade-quote-carousel.carousel .carousel-indicators > li.active {
	background-color: rgba(000, 000, 000, 0.6);
}

#testimonial #fade-quote-carousel .profile-circle {
	margin: 0 auto;
	width: 120px;
	height: 120px;
	margin-top: -80px;
}

#testimonial #fade-quote-carousel .profile-circle img {
	border: 7px solid rgba(000, 000, 000, 0.1);
	border-radius: 100%;
}

/* company */

#company {
	background-color: #FFFFFF;
	padding: 30px 0 45px;
}

#company .company-title h3 {
	font-family: 'ralewayregular', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	color: #555;
	font-size: 28px;
	margin-bottom: 30px;
}

/* subcribe */

#subcribe {
	padding: 30px 0;
	background-color: #FFFFFF;
}

#subcribe .subcribe-title {
	margin-bottom: 30px;
}

#subcribe .subcribe-title h3 {
	font-family: 'ralewayregular', sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	color: #555;
	font-size: 28px;
	margin-bottom: 30px;
}

#subcribe .subcribe-title p.description {
	font-family: 'ralewayregular', sans-serif;
	font-size: 18px;
	letter-spacing: 0.5px;
	font-weight: 400;
}

#subcribe .subcribe-form {
	margin-top: 20px;
	margin-bottom: 40px;
}

#subcribe .subcribe-form .form-control {
	border-radius: 8px;
	height: 60px;
	border: 4px solid #999;
	font-style: italic;
}

#subcribe .subcribe-form .form-control:focus,
#subcribe .subcribe-form .form-control:active {
	box-shadow: none;
	border: 4px solid #689936;
}

#subcribe .subcribe-form .btn {
	background-color: transparent;
	border: 4px solid #999;
	color: #999;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 18px;
	height: 60px;
}

#subcribe .subcribe-form .btn:hover,
#subcribe .subcribe-form .btn:active,
#subcribe .subcribe-form .btn:focus {
	background-color: #689936;
	color: #fff;
	border: 3px solid #689936;
}

#subcribe .subcribe-sosmed {
	margin-bottom: 30px;
}

#subcribe .subcribe-sosmed ul {
	list-style: none;
	padding-left: 0;
} 

#subcribe .subcribe-sosmed ul li {
	display: inline-block;
	margin: 0 10px;
}

#subcribe .subcribe-sosmed ul li a i.fa {
	
	width: 70px;
	height: 70px;
	font-size: 46px;
	text-align: center;
	padding-top: 13px;
	border-radius: 8px;
	color: #fff;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-facebook {
	background-color: #3b5998;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-twitter {
	background-color: #00aced;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-youtube {
	background-color: #bb0000;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-linkedin {
	background-color: #007bb6;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-google-plus {
	background-color: #dd4b39;
}



#subcribe .subcribe-sosmed ul li a i.fa.fa-facebook:hover {
	background-color: #5D88E2;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-twitter:hover {
	background-color: #11BEFF;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-youtube:hover {
	background-color: #EC0505;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-linkedin:hover {
	background-color: #05A6F3;
}

#subcribe .subcribe-sosmed ul li a i.fa.fa-google-plus:hover {
	background-color: #F95E4B;
}

/* footer */

.footer-top { 
	/*margin-top: 60px;
	background-color: #679A33;*/	
	padding: 16px;
	color: beige;
    background-image: radial-gradient(circle farthest-corner at 300px -10px , rgb(142, 202, 82) 1%, rgb(103, 154, 51) 15%, rgba(255, 153, 0, 0.1) 50%);
	background: #669933 url('../images/img-header.png') no-repeat fixed;
}

.footer-top .footer-left .footer-left-logo img {
	margin-bottom: 35px;
}

.footer-top .footer-left .footer-left-content p {
	font-family: 'ralewayregular',sans-serif;
	/*font-size: 14px;*/
	color: #FFF;
    font-size: 14px;
	line-height: 20px;
	font-weight: 500;
} 

.footer-top .footer-right-widget .footer-right-widget-title {
	margin-bottom: 40px;
}

.footer-top .footer-right-widget .footer-right-widget-title h4 {
	font-family: 'ralewaybold', sans-serif;
	font-size: 14px;
}

.footer-top .footer-right-widget .footer-right-widget-content ul {
	list-style: none;
	padding-left: 0;
	line-height: 20px;
}

.footer-top .footer-right-widget .footer-right-widget-content ul li {
	margin-bottom: 15px;
}

.footer-top .footer-right-widget .footer-right-widget-content ul li a {
	color: #FFF;
    font-size: 13px;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47); */
	text-decoration:none;
}

.footer-bottom {
	padding: 10px 0;
	background-color:#FFFFFF;
}

.footer-bottom .container {
	/*border-top: 1px solid #ddd;*/
}

.footer-bottom p {	
	font-family: 'ralewayregular', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
}

.footer-title{
	    color: #FFF;
    font-size: 17px;
    padding: 1px 0px 0px 0px;
    /* max-height: 0; */
    min-height: 30px;
}	
/* teach */

header#tech {
	background: url('../images/bg-header-tech.jpg') no-repeat fixed;
	background-size: cover;
}

header#tech .header_content {
	margin-top: 60px;
}

header#tech h5 {
	padding-left: 12px;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 22px;
	line-height: 35px;
	color: #669933;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

header#tech a.how-it-works {
	color: #fff;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 18px;
	padding-left: 12px;
}

header#tech .box-create-course {
	background-color: #fff;
	border-radius: 4px;
	margin-top: 200px;
	margin-bottom: 80px;
	padding: 20px 20px 10px;
}

header#tech .box-create-course h5 {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: normal;
	font-family: 'ralewaymedium',sans-serif;
	font-size: 18px;
	padding-left: 0;
	color: #607d8b;
}

header#tech .box-create-course h6 {
	margin-top: 0;
	margin-bottom: 15px;
	line-height: normal;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 14px;
	color: #607d8b;
}

header#tech .box-create-course .form-control {
	border-radius: 0;
	background-color: #eceff1;
	border-color: #eceff1;
	box-shadow: none;
	color: #888888;
}

header#tech .box-create-course .form-control:hover,
header#tech .box-create-course .form-control:active,
header#tech .box-create-course .form-control:focus {
	border-color: #eceff1;
}

header#tech .box-create-course .btn-green {
	background-color: #669933;
	color: #fff;
	border-radius: 0;
	border: 1px solid #669933;
}

header#tech .box-create-course .btn-green:hover {
	background-color: transparent;
	color: #669933;
	border: 1px solid #669933;
}

#sukawu_number {
	padding: 80px 0;
} 

#sukawu_number .sukawu_number_title h3 {
	margin-bottom: 50px;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 28px;
	color: #717171;
}

#sukawu_number .sukawu_number_content .col-md-2 {
	width: 20%;
}

#sukawu_number .sukawu_number_content .sukawu_number_content_grid .sukawu_number_content_grid_img {
	height: 70px;
}

#sukawu_number .sukawu_number_content .sukawu_number_content_grid h1 {
	font-family: 'ralewaymedium', sans-serif;
	font-size: 46px;
	color: #717171;
	margin-bottom: 15px;
}

#sukawu_number .sukawu_number_content .sukawu_number_content_grid p {
	color: #717171;
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	padding: 0 10px;
}

/* about us */

#header-title {
	background-color: #669933;
	margin-top: -20px;
	padding: 30px 0;
	margin-bottom: 40px;
}

#header-title h1 {
	color: #fff;
	font-family: 'ralewayregular', sans-serif;
	font-size: 36px;
	letter-spacing: 2px;
}

#about-us .about-us-content {
	margin-bottom: 40px;
}

#about-us .about-us-content p {
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	color: #959595;
	line-height: 30px;
	text-align: center;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img {
	margin: 0 auto;
	width: 120px;	
	height: 120px;
	border-radius: 100%;
	border: 6px solid #ddd;
}

#about-us .about-us-information .about-us-information-grid img {
	text-align: center;
	padding-top: 18px;
	padding-left: 3px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img:hover {
	border: 6px solid #339966;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img2 {
	margin: 0 auto;
	width: 120px;	
	height: 120px;
	border-radius: 100%;
	border: 6px solid #ddd;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img2 img {
	text-align: center;
	padding-top: 16px;
	padding-left: 3px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img2:hover {
	border: 6px solid #339966;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img3 {
	margin: 0 auto;
	width: 120px;	
	height: 120px;
	border-radius: 100%;
	border: 6px solid #ddd;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img3 img {
	text-align: center;
	padding-top: 16px;
	padding-left: 3px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid .about-us-grid-img3:hover {
	border: 6px solid #339966;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid a {
	text-decoration: none;
}

#about-us .about-us-information .about-us-information-grid h1 {
	color: #ddd;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 34px;
	height: 90px;
}

#about-us .about-us-information .about-us-information-grid a:hover h1 {
	color: #339966;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid a:hover .about-us-grid-img,
#about-us .about-us-information .about-us-information-grid a:hover .about-us-grid-img2,
#about-us .about-us-information .about-us-information-grid a:hover .about-us-grid-img3 {
	border: 6px solid #339966;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
}

#about-us .about-us-information .about-us-information-grid-content {
	margin-bottom: 40px;
	height: 200px;
}

#about-us .about-us-information .about-us-information-grid-content ul {
	list-style: none;
	padding-left: 0;
	text-align: center;
}

#about-us .about-us-information .about-us-information-grid-content ul li {
	margin-bottom: 10px;
	font-family: 'ralewayregular', sans-serif;
	font-size: 18px;
	color: #ccc;
}

#about-us .about-us-information .about-us-information-grid-button {
	margin-bottom: 80px;
} 

#about-us .about-us-information .about-us-information-grid-button .btn-green {
	background-color: #339966;
	color: #fff;
	font-family: 'ralewayregular', sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	padding: 10px 40px;
} 

/* short course */


#header-title h4 {
	color: #fff;
	font-family: 'ralewayregular', sans-serif;
	font-size: 32px;
	margin-bottom: 30px;
}

#header-title .form_search_course {
	margin-top: 50px;
	margin-bottom: 120px;
}

#header-title .form_search_course .form-control,
#header-title .form_search_course .btn {
	height: 70px;
}

#header-title .form_search_course .form-control {
	box-shadow: none;
	border: 1px solid #fff;
}

#header-title .form_search_course .form-control:focus,
#header-title .form_search_course .form-control:active,
#header-title .form_search_course .form-control:hover {
	box-shadow: none;
	border: 1px solid #fff;
}

#header-title .form_search_course .btn {
	background-color: #ddd;
	color: #000;
	border: 2px solid #ddd;
}

#header-title .form_search_course .btn:hover,
#header-title .form_search_course .btn:active,
#header-title .form_search_coruse .btn:focus {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}

#short-course {
	padding-bottom: 40px;
}

#short-course .short-course-title h3 {
	margin-top: 0;
	margin-bottom: 50px;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 30px;
	letter-spacing: 0.5px;
}

#short-course .short-course-content-grid {
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

#short-course .short-course-content-grid .short-course-content-grid-title1 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title2 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title3 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title4 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title5 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title6 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title7 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title8 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title9 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title10 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title11 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title12 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title13 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title14 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title15 {
	background: url('../images/bg-short-course2.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title16 {
	background: url('../images/bg-short-course1.png') no-repeat center center;
	height: 150px;
	padding-top: 60px;
}

#short-course .short-course-content-grid .short-course-content-grid-title1 h3,
#short-course .short-course-content-grid .short-course-content-grid-title2 h3,
#short-course .short-course-content-grid .short-course-content-grid-title3 h3,
#short-course .short-course-content-grid .short-course-content-grid-title4 h3,
#short-course .short-course-content-grid .short-course-content-grid-title5 h3,
#short-course .short-course-content-grid .short-course-content-grid-title6 h3,
#short-course .short-course-content-grid .short-course-content-grid-title7 h3,
#short-course .short-course-content-grid .short-course-content-grid-title8 h3,
#short-course .short-course-content-grid .short-course-content-grid-title9 h3,
#short-course .short-course-content-grid .short-course-content-grid-title10 h3,
#short-course .short-course-content-grid .short-course-content-grid-title11 h3,
#short-course .short-course-content-grid .short-course-content-grid-title12 h3,
#short-course .short-course-content-grid .short-course-content-grid-title13 h3,
#short-course .short-course-content-grid .short-course-content-grid-title14 h3,
#short-course .short-course-content-grid .short-course-content-grid-title15 h3,
#short-course .short-course-content-grid .short-course-content-grid-title16 h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'ralewayregular', sans-serif;
	font-size: 26px;
	color: #fff;
}

#short-course .short-course-content-grid .short-course-content-grid-main ul {
	list-style: none;
	padding: 20px 20px 5px;	
}

#short-course .short-course-content-grid .short-course-content-grid-main ul li {
	margin-bottom: 10px;
}

#short-course .short-course-content-grid .short-course-content-grid-main ul li a {
	color: #000;
	font-family: 'ralewayregular', sans-serif;
	font-size: 13px;
}

#short-course .short-course-content-grid .short-course-content-grid-main ul li a i.fa {
	margin-top: 4px;
}

#short-course .short-course-content-grid .short-course-content-grid-main .btn-view-all {
	background-color: #669933;
	color: #fff;
	border: 2px solid #669933;
	border-radius: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	     -o-border-radius: 0;
}

#short-course .short-course-content-grid .short-course-content-grid-main .btn-view-all:hover,
#short-course .short-course-content-grid .short-course-content-grid-main .btn-view-all:focus,
#short-course .short-course-content-grid .short-course-content-grid-main .btn-view-all:active {
	opacity: 0.8;
}

/* tags */

.tags-post {
	margin-top: 20px;
}

.tags-post ul {
	list-style: none;
	padding-left: 0;
}

.tags-post ul li {
	display: inline-block;
	margin-right: 10px;
}

.tags-post ul li a {
	font-family: 'ralewayregular', sans-serif;
	font-size: 14px;
	color: #000;
}

.tags-post ul li a:hover,
.tags-post ul li a:focus,
.tags-post ul li a:active {
	color: #669933;
}

.stars {
    width: 270px;
    float: left;
}

.bar {
    width: 130px;
    float: left;
    height: 25px;
    margin-left: 10px;
}

.bar .barHolder {
    margin-top: 7px;
    height: 15px;
    position: relative;
}

.bar .barHolder .barMove {
    height: 12px;
    float: left;
    width: 100%;
    background: #FC9;
}

.barstat {
    width: 30px;
    float: left;
    height: 25px;
    line-height: 23px;
    font-size: 15px;
    margin-left: 10px;
}

._slide {
	position:absolute;
    top: 450px;
    margin-left: auto;
    margin-right: auto;
}

._slide-sm {
	position:absolute;
	display:none;
    top: 180px;
    margin-left: auto;
    margin-right: auto;
}

.top-input-search-sukawu-sm{
	height: 39px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /*background-color: rgb(241, 239, 237);
    border: 4px solid #84A267;*/
    border-radius: 0px;
    padding-left: 10px;
    margin-top: 9px;
    /* width: 100%; */
}

.top-btn-search-sukawu-sm{
	height: 39px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #669933;    
    border-radius: 0px;
    margin-top: 9px;
    text-shadow: azure;
    color: #FDFDFD;
    font-size: large;
    text-transform: capitalize;		
	border: 4px solid #669933;
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/
	height: 39px;
    background-color: rgb(103, 154, 51);    
    font-size: 18px;    
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	

.top-btn-search-sukawu-sm:hover {
	height: 39px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #7FBA00;
    border: 2px solid #7FBA00;
    margin-top: 9px;
    text-shadow: azure;
    font-size: large;
    text-transform: capitalize;	
	color: #fff;
	font-family: 'ralewaybold', sans-serif;
	font-size: 18px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;*/    
    font-size: 18px;   
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}	


.color-1 {
    background: orange;
}
.category-label {
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin-top: 1px;
	margin-right: -15px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
.right {
    float: right !important;
}

.color-red {
    background:red;
}
.label-courses {
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin-top: 1px;
	margin-right: -15px;
	   position: absolute;
    left: 10px;
    top: 15px;
}
.left-fl {
    float: left !important;
}

#slide_profil_provider{
width:1360px;
height:402px;
}

#video_provider{
border: 0; 
width: 100%; 
height: 402px;
}


.tampil_kecil{
	display:none;
	}


@media (max-width: 1280px) {
	
	._slide{
	top:450px;
	}
	
}


@media (max-width: 960px) {
  ._slide{
	display:none;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 850px;
	}
	
	
}



@media (max-width: 764px) {
	
	.kata{
	display:none;
	}
	
	._slide{
	display:none;
	}
	
	/*._slide-sm{
	display:block;
	}*/
	
	
	.course_grid .course_grid_img  .grid-top {
    background-size: cover;
    height: 300px;
    position: relative;
}

#slide_profil_provider{
width:100%;
height:70%;
}

#video_provider{
border: 0; 
width: 100%; 
height: 70%;
} 
	
} 

@media (max-width: 375px) {
	
.tampil_kecil{
display:block;
position: absolute;
 top: 180px;
left: 40px;
}
	
	#how_it_works {
    background-color: #FAFAFA;
    padding-bottom: 40px;
    margin-top: 65px;
    }
	
	.course_grid .course_grid_img  .grid-top {
    background-size: cover;
    height: 250px;
    position: relative;
    }
	
}

@media (max-width: 320px) {
	
	.tampil_kecil{
	display:block;
	position: absolute;
    top: 140px;
	left: 20px;
	}
	
	#how_it_works {
    background-color: #FAFAFA;
    padding-bottom: 40px;
    margin-top: 65px;
    }
	
	.course_grid .course_grid_img  .grid-top {
    background-size: cover;
    height: 250px;
    position: relative;
    }
		
}