.search_campus {
  background: rgba(0, 0, 0, 0.20);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  position: relative;
  display: inline-block;
  margin-bottom: 0 !important;
}

.bg_header {
  background-color: #CB202D;
}

.m-bot-0 {
  margin-bottom: 0;
}

.borbot_red {
  border-bottom: 3px solid #D4D4D4;
}

h3.title_feature {
  padding: 0 0 20px 0;
  margin: 0;
  color: #333;
  font-size: 20px;
  font-weight: 300;
  font-family: "ars_maquette_prolight", Arial, Helvetica, sans-serif;
}

h3.title_feature span {
  font-weight: 300;
  display: inline-block;
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;
}

.pad_top_20 {
  padding-top: 20px;
}

.wrapper_blog {
  padding: 10px;
  border: 1px solid #ECECEC;
}

.box_category {
  position: absolute;
  left: 10px;
  margin-top: 0;
  bottom: 20px;
}

.m_top_60 {
  margin-top: 60px;
}

.lbl_category:hover {
  text-decoration: none;
  color: #fff;
}

.lbl_category {
  text-decoration: none;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 8px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.bg_category_3 {
  background: #46BFBD;
}

.bg_category_1 {
  background: #2C336A;
}

.bg_category_2 {
  background: #ED1B24;
}

.img_container {
  position: relative;
}

.course_list_desc p {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 15px;
  color: #333;
}

.course_list_desc p span {
  margin-left: 5px;
}

.course_list_desc p i {
  color: #A2A2A2;
  margin-right: 5px;
}

.sub_header_detail div {
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  padding: 0 5%;
}

ul.info_detail {
  list-style: none;
  padding: 0px 0 15px 0;
  margin: 0;
}

ul.info_detail li {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  background: rgba(0, 0, 0, .4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  border: 1px solid #fff;
  border-color: rgba(255, 255, 255, .25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.info_detail li a {
  color: #fff;
  display: block;
  padding: 7px 10px;
  font-size: 16px;
  font-family: "proxima_novalight", Arial, Helvetica, sans-serif;
}

ul.info_detail li a span {
  display: inline;
}

ul.info_detail li a i {
  margin-right: 10px;
  font-size: 17px;
  position: relative;
}

ul.info_detail li:last-child {
  display: inline-block;
  float: right;
  margin-right: 5px;
  text-align: center;
  background: transparent;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  border: 1px solid transparent;
  border-color: rgba(255, 255, 255, .0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.bg_write_review {
  background-color: #CB202D !important;
  color: #fff !important;
}

.bg_write_review i {
  color: #fff !important;
}

.count_answer {
  padding: 5px;
  border-radius: 5px;
  background-color: #1ABC9C;
  font-family: "proxima_nova_rgbold", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 20px;
  width: 75px;
  text-align: center;
}

.count_answer p {
  font-size: 13px;
  margin: 0;
  color: #fff;
  padding: 0;
  font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif;
}

.pad_nol {
  padding-left: 0 !important;
}

.padtop_bot {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wrapper_caption ul {
  position: relative;
}

.wrapper_caption ul li {
  line-height: 1.8;
  font-size: 14px;
  font-family: 'ars_maquette_proregular', sans-serif;
}

.mood {
  position: relative;
}

.mood ul {
  display: inline-block;
  padding-left: 0px;
  margin-top: 0px;
}

.mood ul li {
  text-align: left;
  list-style: none;
  padding-left: 0px;
  padding-bottom: 0px;
  float: left;
  margin-right: 10px;
}

.mood ul li a {
  text-align: left;
  font-family: "ars_maquette_proregular", sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-decoration: none;
  color: #BC050F;
}

.mood ul li a i {
  color: #BC050F;
  margin-right: 7px;
}

hr.styled_aside {
  margin: 10px 0 10px 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #fff;
}

.btn_medium {
  line-height: 26px;
  height: 26px;
  padding: 0 8.67px;
  text-decoration: none;
  border-color: #ccc;
  border: 1px solid #CCCCCC;
  background-color: #fff;
  text-decoration: none;
  text-shadow: none;
  border-radius: 5px;
  text-transform: capitalize;
  color: #333;
  cursor: pointer !important;
  font-size: 13px;
  outline: 0;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  text-decoraton: none;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  margin-top: 10px;
}

.btn_medium i {
  margin-right: 5px;
  color: #333;
}

.btn_medium:hover {
  border: 1px solid #CB202D;
  color: #CB202D;
}

.course_list_desc:hover .wrapper_button {
  opacity: 1;
}

.wrapper_button {
  opacity: 0;
}


a.desc {
  color: #fff;
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: normal;
  font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif;
  display: block;
}

.box_info {
  margin-bottom: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px 30px 60px 30px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  height: 325px;
}

.bg_box_1 {
  background: url(../img/campus_bg.png)#2ECC71 no-repeat;
  background-position: 50% 50%;
}

.bg_box_2 {
  background: url(../img/studen_bg.png)#3498DB no-repeat;
  background-position: 50% 50%;
}

.bg_box_3 {
  background: url(../img/campus_money.png)#9B59B6 no-repeat;
  background-position: 50% 50%;
}

.bg_box_4 {
  background: url(../img/bg_telephone.png)#E74C3C no-repeat;
  background-position: 50% 50%;
}

.box_wrapper_icon {
  width: 40px;
  height: 40px;
  line-height: 22px;
  background-color: #fff;
  padding: 10px;
  border: 5px solid #f8f8f8;
  border-radius: 100%;
}

.box_info i {
  font-size: 75px;
}

.box-info h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
  color: #fff;
}

a.box_info_bt {
  display: inline-block;
  background-color: #fff;
  color: #00aeef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
  cursor: pointer;
  border: 0;
  padding: 7px 15px;
  font-size: 13px;
  outline: none;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

a.box_info:hover {
  background-color: #283842;
  color: #fff;
}

/* Position  breadcrumbs */
.box_info h3 {
  color: #fff;
}

h4.count_infographic {
  margin: 0;
  font-size: 25px;
  color: #F7DEDE;
  padding: 0;
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;
}

h4.count_infographic span {
  font-size: 16px;
  color: #fff;
  padding: 0;
  margin-left: 5px;
  font-family: "ars_maquette_proregular", sans-serif;
}

h5.desc {
  margin-right: 15px;
  font-size: 14px;
  color: #fff;
  padding: 0;
  margin: 2px 0 5px 0;
  font-family: "ars_maquette_proregular", sans-serif;
  border-bottom: 1px solid rgba(226, 226, 226, 0.15);
  padding-bottom: 10px;
}

h5.desc span {
  margin-left: 3px;
  font-size: 16px;
  color: #fff;
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;
}

.martop_10 {
  margin-top: 10px !important;
}

.martop_15 {
  margin-top: 15px !important;
}

.martop_20 {
  margin-top: 20px !important;
}

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

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

.marbot_20 {
  margin-bottom: 20px !important;
}

.search_campus_bottom {
  background-color: #ECECEC;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  position: relative;
  display: inline-block;
  margin-bottom: 0 !important;
}

.star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  width: 8em;
  font-family: fontawesome;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.618em;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.618em;
}

.star-rating span:before {
  content: "\f005\f005\f123\f006\f006";
  top: 0;
  position: absolute;
  left: 0;
  font-size: 15px;
  letter-spacing: 4px;
  color: #f39c12;
}

#container {
  text-align: center;
}

.bar-main-container {
  margin: 10px auto;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.wrap {
  padding: 8px;
}

.bar-percentage:not(.result) {
  float: left;
  background: rgba(0, 0, 0, 0.13);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 0px;
  width: 18%;
  height: auto;
}

.bar-container:not(.result) {
  float: right;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.13);
  width: 78%;
  margin: 12px 0px;
  overflow: hidden;
}

.bar {
  float: left;
  height: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* COLORS */
.progress-danger {
  background: #38B1CC;
}

.progress-info {
  background: #2CB299;
}

.progress-success {
  background: #8E5D9F;
}

.progress-warning {
  background: #EFC32F;
}

.red {
  background: #E44C41;
}

p.question {
  padding: 10px 0 25px 0;
  margin: 0;
  font-size: 18px;
  color: #333;
  font-family: "ars_maquette_proregular", sans-serif;
}

.pad_left_0 {
  padding-left: 0;
}

.m_bot_10 {
  margin-bottom: 10px;
}

.m_bot_30 {
  margin-bottom: 30px;
}

/* Method 1 Pure CSS */
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 25px;
  height: 25px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 0px 1px 0 #a2a2a2;

  .star-ratings-css-top {
    color: #e7711b;
    padding: 0;
    text-shadow: 0px 1px 0 #ab5414;
    position: absolute;
    z-index: 1;
    display: block;
    left: 0px;
    overflow: hidden;
  }

  .star-ratings-css-bottom {
    z-index: 0;
  }
}

/*Method Using a sprite*/


.star-ratings-sprite {
  background: url("../img/star-rating-sprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 110px;
  margin: 0 auto;
  margin-top: 20px;
  margin-left: -10px;
}

.rating {
  background: url("../img/star-rating-sprite.png") repeat-x;
  background-position: 0 100%;
  float: left;
  height: 21px;
  display: block;
}

.star-ratings-detail {
  background: url("../img/star-rating-detail.png") repeat-x;
  background-size: 25px;
  background-position: 0 -20%;
  font-size: 0;
  height: 30px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 125px;
  margin: 0 auto;
  margin-top: 20px;
  margin-left: -10px;
}

.rating-detail {
  background: url("../img/star-rating-detail.png") repeat-x;
  background-size: 25px;
  background-position: 0 110%;
  float: left;
  height: 25px;
  display: block;
}

.bg_gray_2 {
  background-color:
    #F3F5F8
}

.bg_profile {
  background-color:
    #fff;
  padding: 15px;
  border: 1px solid #eee;
  background: url('http://localhost/youthmanual/assets/frontend/img/background.png') repeat;
}



p.info {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 15px;
  font-family: "ars_maquette_proregular", sans-serif;
}

.pad_left_20 {
  padding-left: 20px;
}

.course_list_desc h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}

.course_list_desc h3 a {
  color: #333;
  font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}

.course_list_desc h3 a:hover {
  color: #CB202D;
  text-decoration: none;
}

.course_list_desc h3 small {
  font-size: 15px;
  color: #999999;
  margin-left: 10px;
  float: right;
  padding: 7px;
  background-color: #F3F5F8;
  margin-top: -10px;
  border-radius: 3px;
  border: 1px solid #eee;
}

#accordion .panel-default>.panel-heading h4 {
  padding: 0;
  margin: 0;
}

#accordion .panel-default>.panel-heading h4 a {
  font-size: 18px;
  font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #333;
}

#accordion .panel-default>.panel-heading h4 i {
  color: #C0C0C0;
  float: right;
  font-size: 20px;
}

ul.social_login {
  margin-bottom: 15px;
  margin-top: 10px;
}

ul.social_login li a:hover,
ul.social_login li a:focus,
ul.social_login li a:active {
  color: #fff;
}

ul.social_login li a {
  color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 47px;
  outline: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  text-align: center;
}

.bg_facebook_login {
  background-color: #3B5998;
}

.bg_twitter_login {
  background-color: #00ACED;
  color: #00ACED;
}

.bg_linkedin_login {
  background-color: #177FC0;
  color: #177FC0;
}

.bg_gplus_login {
  background-color: #DD4B39;
  color: #DD4B39;
}

#floatingSocialShare {
  position: relative;
}

#floatingSocialShare a {
  position: relative;
  width: 48px;
  height: auto;
  line-height: 24px;
  display: list-item;
  list-style-type: none;
  padding: 5px 0;
  text-align: center;
  color: #fff;
}

#floatingSocialShare a:focus,
#floatingSocialShare a:hover {
  color: #fff;
  width: 48px;
  opacity: 0.5;
  transition-duration: 0.3s;
  transition-property: left;
  transition-timing-function: ease-out;
}

#floatingSocialShare a,
#floatingSocialShare a:visited,
#floatingSocialShare a:focus,
#floatingSocialShare a:active,
#floatingSocialShare a:hover {
  outline: 0 none !important;
}

#floatingSocialShare i {
  line-height: inherit;
  font-size: 24px;
  text-align: center;
}

#floatingSocialShare .top-left {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 9999;
}

#floatingSocialShare .top-right {
  position: fixed;
  top: 30%;
  left: 0;
}

#floatingSocialShare .facebook {
  background-color: #3b5998;
}

#floatingSocialShare .twitter {
  background-color: #00aced;
}

#floatingSocialShare .google-plus {
  background-color: #dd4b39;
}

#floatingSocialShare .buy-now {
  background-color: #BDCE4E;
}


#floatingSocialShare .linkedin {
  background-color: #007bb6;
}

#floatingSocialShare .envelope {
  background-color: #726C6C;
}

#floatingSocialShare .instagram {
  background-color: #447299;
}

#floatingSocialShare .stumbleupon {
  background-color: #eb4924;
}

#floatingSocialShare .reddit {
  background-color: #a9bacb;
}

#floatingSocialShare .tumblr {
  background-color: #36465d;
}

#floatingSocialShare .vk {
  background-color: #6383a8;
}

#floatingSocialShare .odnoklassniki {
  background-color: #f6900b;
}

#floatingSocialShare .shareCount {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  color: #ffffff;
  font-size: 10px;
}

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

@media only screen and (min-device-width: 0px) and (max-width:961px) {

  #floatingSocialShare {
    _margin-top: 50px;
  }

  #floatingSocialShare .top-left {
    top: auto;
    bottom: 0;
    z-index: 9999999;
  }

  #floatingSocialShare .top-right {
    top: auto;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
  }

  #floatingSocialShare a {
    position: relative;
    float: none;
    display: list-item;
    list-style-type: none;
  }

  #floatingSocialShare a:focus,
  #floatingSocialShare a:hover {
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }

}


/** LOGIN WIZARD **/

.form-wizard ul li {
  display: inline-block;
}

.checked {
  border: 1px solid #CB202D;
}

a.radio-picture {
  display: inline - block;
  height: 50px;
  margin-right: 10px;
  text-decoration: none;
  width: 50px;
}

#icon_inspired {
  background: url("../img/emoticon/1.png") #fff no-repeat scroll 0 0;
  width: 45px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #DDAADB;
  background-position: 50% 20%;
}

#icon_motivated {
  background: url("../img/emoticon/2.png") #fff no-repeat scroll 0 0;
  width: 45px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #AFB8EB;
  background-position: 45% 40%;
}

#icon_enlightmen {
  background: url("../img/emoticon/3.png") #fff no-repeat scroll 0 0;
  width: 45px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #CAECDB;
  background-position: 45% 40%;
}

#icon_awesome {
  background: url("../img/emoticon/4.png") #fff no-repeat scroll 0 0;
  width: 45px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #ACDAF9;
  background-position: 45% 40%;
}

#icon_ouch {
  background: url("../img/emoticon/5.png") #fff no-repeat scroll 0 0;
  width: 45px;
  height: 40px;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #FAC7C9;
  background-position: 45% 40%;
}





#icon_fasilitas_belajar {
  background-color: #8080FF;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#icon_fasilitas_kampus {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#icon_kegiatan_mahasiswa {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#icon_sosial {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#biaya_kuliah {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}


#kualitas_akademis {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#kualitas_dosen {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}

#karir_service {
  background-color: #3F9AD6;
  _background: url("../img/teacher_1_thumb.jpg") no-repeat scroll 0 0 white;
  width: 100%;
  height: 200px;
  display: inline-block;
  position: relative;
}


.wizard-question {
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
}

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

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

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

.starRating:not(old)>label:before {
  content: '';
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url('../img/star-on.svg');
  background-size: contain;
  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;
}

h2.quetion_review {
  padding: 7px 0 5px 0;
  margin: 0;
  font-family: "proxima_nova_rgbold", Arial, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 0px 0px 20px 30px;
}

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.wrapper_acount_seeting {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 15px;
  font-size: 16px;
}

.wrapper_acount_seeting .control-label {
  font-size: 16px
}

p.akreditasi {
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
  line-height: 22px;
}

p.akreditasi span {
  padding: 5px 10px;
  border-radius: 7px;
}

.bg_A {
  background-color: #8CC63F;
  color: #fff;
}

.bg_B {
  background-color: #3F9AD6;
  color: #fff;
}

.bg_C {
  background-color: #EDAC14;
  color: #fff;
}

#why_they_work .progress {
  height: 30px;
  border-radius: 0;
  background-color: #fff;
}

#why_they_work .bar {
  float: left;
  height: 100%;
  border-radius: 0;
  opacity: 1;
}

#why_they_do .progress {
  height: 30px;
  border-radius: 0;
  background-color: #fff;
}

#why_they_do .bar {
  height: 30px;
  border-radius: 0;
}

#why_they_studied .progress {
  height: 30px;
  border-radius: 0;
  background-color: #fff;
}

#why_they_studied .bar {
  height: 30px;
  border-radius: 0;
}

div.stars {
  display: inline-block;
  transform: rotate(180deg);
}

input.star {
  display: none;
}

label.star {
  float: left;
  padding: 5px 5px 0 0;
  font-size: 20px;
  color: #D7D7D7;
  transition: all .2s;
  transform: rotate(180deg);
}

input.star:checked~label.star:before {
  font-family: 'ElegantIcons';
  content: "\e033";
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked~label.star:before {
  color: #FFD71A;
}

input.star-1:checked~label.star:before {
  color: #FFD71A;
}

label.star:hover {}

label.star:before {
  content: "\e033";
  font-family: 'ElegantIcons';
}


.mood ul {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0;
}

.mood ul li {
  text-align: left;
  list-style: none;
  padding-left: 0px;
  float: left;
  margin-right: 10px;
}

.pad_mood_chart {
  background-color: transparent;
  padding-left: 15px !important;
  opacity: 0;
}

.mood ul li a {
  text-align: left;
  font-family: "ars_maquette_proregular", sans-serif;
  font-weight: 300;
  font-size: 15px;
  text-decoration: none;
  color: #000;
}

.mood ul li a i {
  color: #000;
  margin-right: 5px;
}

.author_date ul {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0;
}

.author_date ul li {
  text-align: left;
  list-style: none;
  padding-left: 0px;
  float: left;
  margin-right: 10px;
}

.author_date ul li a {
  text-align: left;
  font-family: "ars_maquette_proregular", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-decoration: none;
  color: #333;
}

.author_date ul li a i {
  color: #333;
  margin-right: 5px;
}

.post:hover .pad_mood_chart {
  opacity: 1;
}

.post:hover .container_content_post {
  background-color: #fff;
}

.post:hover .container_content_post h2 a {
  color: #D0262E;
}

.post:hover .post_info a {
  color: #CB202D;
}

.post:hover .post-left ul li {
  color: #CB202D;
}

.post:hover .mood ul li a i {
  color: #CB202D;
}

.post .detail_content a {
  color: #CB202D
}

/*=====Custom Blog=====*/
.container_content_post {
  padding: 15px;
  position: relative;
}

.container_content_post h2 {
  padding: 0 0 15px 0;
  margin: 0;
}

.container_content_post h2 a {
  text-decoration: none;
  font-size: 22px;
  font-family: 'ars_maquette_probold', sans-serif;
  font-weight: 300;
  color: #444;
}

.container_content_post h2 a:hover {
  text-decoration: none;
  color: #D0262E;
}

.container_content_post p {
  line-height: 1.8;
  text-align: left;
  font-size: 14px;
  font-family: 'ars_maquette_proregular', sans-serif;
  font-weight: normal;
  padding: 0px 0 15px 0;
  margin: 0;
  color: #333;
}

.container_content_post p a {
  color: #D0262E;
  text-decoration: none;
}

.container_content_post p a:hover {
  color: #333;
  text-decoration: none;
}

/*.container_content_post img {max-width: 100%;}*/
.container_content_post img {
  width: 100%;
}

.sidebar_wrapper {
  border: 1px solid #E8E8E8;
  position: relative;
  padding: 15px;
  background-color: #F8F8F8;
  display: block;
}

h2.head_title {
  text-align: left;
  padding: 10px 0 10px 0;
  margin: 0;
  margin-bottom: 20px;
  font-size: 19px;
  color: #CB202D;
  font-family: 'ars_maquette_proregular', sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #F9DBDC;
  padding-bottom: 10px;
  font-weight: 300;
}

ul.social_team li a i {
  font-size: 20px;
}

h3.heading_title {
  padding: 0 0 7px 0;
  margin: 0;
}

h3.heading_title a {
  font-family: 'ars_maquette_proregular', sans-serif;
  font-size: 15px;
  color: #333;
  vertical-align: top;
}

h3.heading_title a:hover {
  text-decoration: none;
  color: #D0262E;
}

.bor_twitter {
  border: 1px solid #00ACED;
}

.bor_twitter i {
  color: #00ACED;
}

.bor_twitter:hover {
  background-color: #00ACED !important;
}

.bor_twitter:hover i {
  color: #fff !important;
}

.bor_facebook {
  border: 1px solid #3B5998;
}

.bor_facebook i {
  color: #3B5998;
}

.bor_facebook:hover {
  background-color: #3B5998 !important;
}

.bor_facebook:hover i {
  color: #fff !important;
}

.bor_linkedin {
  border: 1px solid #177FC0;
}

.bor_linkedin i {
  color: #177FC0;
}

.bor_linkedin:hover {
  background-color: #177FC0 !important;
}

.bor_linkedin:hover i {
  color: #fff !important;
}

.bor_heart {
  border: 1px solid #CA1F2C;
}

.bor_heart i {
  color: #CA1F2C;
}

.bor_heart:hover {
  background-color: #CA1F2C !important;
}

.bor_heart:hover i {
  color: #fff !important;
}

.tag_cloud {
  text-transform: lowercase;
  display: inline-block;
  color: #333;
  font-size: 12px;
  background-color: #fff;
  margin-right: 5px;
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  float: left;
  padding: 5px 7px;
  border-radius: 5px;
  text-decoration: none;
  font-family: "ars_maquette_proregular", sans-serif;
}

.tag_cloud:hover {
  background-color: #CB202D;
  color: #fff;
  text-decoration: none;
}

.border-bot {
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 10px;
}

.post_related {
  position: relative;
  background-color: #fff;
  text-align: center
}

.post_img_related {
  position: relative;
  display: inline-block;
}

.post_img_related img {
  width: 230px;
  height: 130px
}

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

.post_related_content h3 {
  padding: 0;
  margin: 0;
}

.post_related_content h3 a {
  color: #333;
  line-height: 22px;
  font-size: 16px;
  font-family: "ars_maquette_proregular", sans-serif;
}

.post_related_content h3 a:hover {
  color: #CB202D;
  text-decoration: none;
}

.img_100 {
  width: 100%;
}

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

.lbl_total_share {
  color: #0A0A0A;
  padding: 5px 12px;
  border-radius: 12px;
  font-size: 12px;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  margin-top: -3px;
}

ul.social_team div {
  display: inline-block;
}

.txt_right_btn {
  text-align: right;
}

ul.tag_breadcrumb {
  margin-bottom: 15px;
  margin-top: 0px;
}

ul.tag_breadcrumb li a {
  background-color: #CB202D;
  color: #fff;
  padding: 3px 10px 3px 10px;
  outline: 0;
  display: inline-block;
  font-size: 14px;
  outline: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  text-align: center;
  border-radius: 5px;
}

ul.tag_breadcrumb li a.link:last-child {
  background-color: #fff;
  color: #333;
  border: 1px solid #ccc;
}

.wrapper_inner_box {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #eee;
}

#sosial_author ul.social_team {
  text-align: center;
}

span.count {
  margin-left: 15px;
  display: inline-block;
  padding: 7px;
  background-color: #F2C572;
  font-size: 24px;
  margin-bottom: 25px;
  vertical-align: middle;
  border-radius: 5px;
  float: right;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

span.count strong {
  margin-right: 5px;
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;
}

/*ul.info_detail li:last-child {display: inline-block; float:right; margin-right: 5px; text-align: center; background: transparent; box-shadow: 0 1px 2px rgba(0,0,0,.5); border: 1px solid transparent; border-color: rgba(255,255,255,.0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.mood_latest ul {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0;
}

.mood_latest ul li {
  text-align: left;
  list-style: none;
  padding-left: 0px;
  float: left;
  margin-right: 2px;
}

.mood_latest ul li a:hover {
  color: #CB202D;
}

.pad_mood_chart {
  background-color: transparent;
  padding-left: 15px !important;
  opacity: 0;
}

.mood_latest ul li a {
  text-align: left;
  font-family: "ars_maquette_proregular", sans-serif;
  font-weight: 300;
  font-size: 12px;
  text-decoration: none;
  color: #333;
}

.mood_latest ul li a i {
  color: #333;
  margin-right: 5px;
}

#sidebar {
  width: 100%;
  float: left;
}

.wrapper_ident_review {
  margin-bottom: 30px;
  position: relative;
  border-radius: 7px;
  background-color: #F3F5F8;
  padding: 10px;
}

.container_post {
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #eee;
  background-color: #fff;
}

.container_post:hover .wrapper_blog h3 a {
  color: #CB202D !important;
}

.marleft_10 {
  margin-left: -10px;
}

p.sub_heading_hero {
  line-height: 24px;
  _text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 15px;
  font-family: "ars_maquette_prolight", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.bor_nol {
  border-radius: 0px;
}

.m_bot_15 {
  margin-bottom: 10px;
}

.w_button_custom {
  width: 300px;
  font-size: 20px;
}

.pad_top_40 {
  padding-top: 40px;
}

.main_title h2 span {
  color: #CB202D;
}

.marbot_30 {
  margin-bottom: 30px;
}

.typed {
  display: inline-block;
  margin: 0;
}

.typed-cursor {
  font-size: 30px;
  margin: 0 5px;
  margin: 0 10px;
  color: #00a8ff;
  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pie Chart */
.progress-pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}

.ymc {
  color: #CB202D !important;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}

.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);

  transform: rotate(60deg);
}

.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}

.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #E5E5E5;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 173.91304px/2);
  top: calc(50% - 173.91304px/2);
  width: 173.91304px;
  height: 173.91304px;
  background: #fff;
  text-align: center;
  display: table;
}

.ppc-percents span {
  display: block;
  font-size: 2.6em;
  font-weight: bold;
  color: #858886;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.progress-pie-chart {}

#intro_txt .info_beta .alert {
  display: inline-block;
  padding: 12px 20px;
}

/* Assessment */
.skillbar-title.modul_title {
  position: relative;
  border-radius: 3px;
}

/*Timeline*/

#timeline .timeline-item:after,
header:before,
#timeline .timeline-item:before {
  content: '';
  display: block;
  width: 100%;
  clear: both
}



#timeline {
  width: 90%;
  margin: 30px auto;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease
}

#timeline:before {
  content: "";
  width: 3px;
  height: 100%;
  background: #E8E8E8;
  left: 0%;
  top: 0;
  position: absolute
}

#timeline:after {
  content: "";
  clear: both;
  display: table;
  width: 100%
}

#timeline .timeline-item {
  margin-bottom: 50px;
  position: relative
}

#timeline .timeline-item .timeline-icon {
  background: #00ACED;
  position: absolute;
  top: 0;
  left: 0%;
  overflow: hidden;
  margin-left: -20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
}

#timeline .timeline-item .timeline-icon img {
  position: relative;
  top: 14px;
  left: 14px
}

#timeline .timeline-item .timeline-content {
  width: 100%;
  background: #F1F4F9;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#timeline .timeline-item .timeline-content p {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: #A5A1A1;
}

#timeline .timeline-item .timeline-content p a {
  text-decoration: none;
  padding: 0;
  margin: 0px 5px 0 0;
  color: #CB202D;
}

#timeline .timeline-item .timeline-content p a:hover {
  text-decoration: underline;
  padding: 0;
  margin: 0px;
  color: #CB202D;
}

#timeline .timeline-item .timeline-activities {
  position: relative;
}

#timeline .timeline-item .timeline-activities p {
  padding: 0;
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: #000;
}

#timeline .timeline-item .timeline-activities p.content_review {
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: #A0A0A0;
}

#timeline .timeline-item .timeline-content h2 {
  padding: 15px;
  background: #ee4d4d;
  color: #fff;
  margin: -20px -20px 0 -20px;
  font-weight: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0
}

#timeline .timeline-item .timeline-content:before {
  content: '';
  position: absolute;
  left: 45%;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #F1F4F9;
}

#timeline .timeline-item .timeline-content.right {
  float: left;
  margin-left: 40px;
}

#timeline .timeline-item .timeline-content.right:before {
  content: '';
  left: inherit;
  border-left: 0;
  border-right: 7px solid #F1F4F9;
  right: 95%;
}


@media screen and (max-width: 768px) {

  #timeline {
    margin: 30px;
    padding: 0
  }

  #timeline:before {
    left: 0
  }

  #timeline .timeline-item .timeline-content {
    width: 90%;
    float: right
  }

  #timeline .timeline-item .timeline-content:before,
  #timeline .timeline-item .timeline-content.right:before {
    left: 10%;
    margin-left: -6px;
    border-left: 0;
    border-right: 7px solid #ee4d4d
  }

  #timeline .timeline-item .timeline-icon {
    left: 0
  }
}

.timeline-icon i {
  font-size: 26px;
  color: #fff;
  line-height: 1.7;
}

h3.title_assessment {
  font-size: 24px;
  margin: 0;
  padding: 0 0 20px 0;
}

.title_result {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 16px;
  color: #646464;
}

.wrapper_people {
  position: relative;
  padding: 0;
  margin: ;
  width: 100%;
  background-color: #8E5D9F;
}

.profile-picture-container {
  margin: 0 auto;
  width: 250px;
  position: relative;
  /*background-color: #C5C5C5;*/
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  overflow: hidden;
  margin-bottom: 5px;
  border: 10px solid rgba(0, 0, 0, 0.15);
  margin-top: 30px;
}


.profile-picture-container {
  background-color:
}

.rofile-picture {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

.rofile-picture img {
  border-radius: 100%;
}

.heading_txt_people {
  position: relative;
  padding: 0;
}

.heading_txt_people h3 {
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #fff;
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;

}

.heading_txt_people p {
  padding: 15px 0 0 0;
  margin: 0;
  font-size: 18px;
  color: #fff;
  font-family: "ars_maquette_prolight", Arial, Helvetica, sans-serif;
}

.bubble {
  padding: 15px;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #8E5D9F;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 30px;
}

.bubble:after {
  content: '';
  /*position: absolute;*/
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #8E5D9F;
  display: block;
  width: 0;
  z-index: 1;
  left: -15px;
  top: 45px;
}

.marleft_30 {
  margin-left: 30px;
}

.wrap {
  max-width: 100%;
  margin: 150px auto;
}

.type-wrap {
  margin: 10px auto;
  padding: 20px;
  border-radius: 5px;

}

.links {
  margin: 20px 0;
  font-size: 0.75em;
  text-align: center;
}

/* code for animated blinking cursor */
.typed-cursor {
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*.select2-search-field {width:100%;};*/

.kutubMbti table td {
  padding: 0px;
  height: 30px;
  font-size: 20px;
}

.kutubMbti table td.tabM {
  border: 2px solid #555;
}

.list_order.padTop0 li {
  padding-top: 0px
}

.nav.profileTab {
  border-bottom: 1px solid #CB202D
}

.nav.profileTab li.active a {
  border: 1px solid #CB202D;
  border-bottom-color: transparent;
  color: #CB202D;
}

#feedback label {
  font-family: inherit;
}

.heding_title .list_order {
  font-family: "ars_maquette_prolight", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin: 0px auto;
}

.submit_article {
  text-align: center;
  background: #CB202D;
  cursor: pointer;
}

.submit_article:hover {
  background: #283841;
}

.submit_article a {
  color: #FFF;
  font-size: 18px;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #CB202D;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}