/* line 1, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
body {
  padding: 0;
  margin: 0;
  font-family: 'Grandstander-clean';
  font-size: 16px;
  color: #000;
  height: 100%;
  width: 100%;
  background: #bdebfc;
}

/* line 12, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
a, a:hover, a:focus {
  text-decoration: none;
  outline: none !important;
  color: #000;
}

/* line 18, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 24, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
h1, h2, h3, h4, h5 {
  margin: 0;
}

/* line 28, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
h1 {
  font-family: 'AnjaElianeaccent002';
  font-size: 40px;
  color: #048459;
}

/* line 35, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
input, button, a {
  outline: none !important;
}

/* ==== GENERAL ====*/
/* line 40, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pt30 {
  padding-top: 30px !important;
}

/* line 43, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ptb20 {
  padding: 20px 0;
}

/* line 46, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ptb40 {
  padding: 40px 0;
}

/* line 49, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.mt10 {
  margin-top: 10px;
}

/* line 52, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.mt20 {
  margin-top: 20px;
}

/* line 55, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.mtb70 {
  margin: 70px 0;
}

/* ====  HOME ====*/
/* line 62, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.container {
  width: 100%;
  max-width: 1170px;
  overflow: hidden;
  margin: 0 auto;
}

/* line 70, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top {
  width: 100%;
  height: 170px;
  background: url("../img/cloud-top.png") no-repeat bottom center;
  background-size: cover;
  position: relative;
}

/* line 77, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top > .pt20 {
  padding-top: 20px !important;
}

/* line 81, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .logo-left {
  width: 20%;
  height: 100%;
  float: left;
}

/* line 85, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .logo-left img {
  width: 75%;
}

/* line 89, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav {
  width: 60%;
  height: 100%;
  float: left;
  text-align: center;
}

/* line 95, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul {
  padding: 0;
  margin: 0;
}

/* line 99, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul li {
  display: inline-block;
  margin: 0 36px;
  position: relative;
}

/* line 104, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul li:hover {
  border-bottom: 2px solid #000;
}

/* line 108, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul li a {
  font-size: 20px;
}

/* line 114, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul .home:before {
  content: " ";
  background: url("../img/home-icon.png") no-repeat center;
  position: absolute;
  width: 23px;
  height: 32px;
  left: -28px;
  top: 0px;
}

/* line 125, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul .regis:before {
  content: " ";
  background: url("../img/registrasi-icon.png") no-repeat center;
  position: absolute;
  width: 28px;
  height: 32px;
  left: -33px;
  top: 0px;
}

/* line 136, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .top-nav ul .lesson:before {
  content: " ";
  background: url("../img/pelajaran-icon.png") no-repeat center;
  position: absolute;
  width: 27px;
  height: 32px;
  left: -30px;
  top: 0px;
}

/* line 148, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .logo-right {
  width: 20%;
  height: 100%;
  float: right;
}

/* line 153, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.bg-top .logo-right img {
  float: right;
  width: 70%;
  margin-top: 10px;
}

/* line 163, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content {
  width: 100%;
}

/* line 168, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content a {
  display: table;
}

/* line 173, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .top-row img {
  width: 90%;
}

/* line 177, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box {
  height: 180px;
  position: relative;
  padding: 20px 0;
}

/* line 183, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-left, .home-content .top-content .bird-box .blue-left {
  animation-name: bird_left_wing_animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: bird_left_wing_animation;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 194, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-right, .home-content .top-content .bird-box .blue-right {
  animation-name: bird_right_wing_animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: bird_right_wing_animation;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 205, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-bird {
  position: absolute;
  right: 0px;
  width: 55px;
  height: 75px;
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg);
  animation-name: bird_body_animation_yellow;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: bird_body_animation_yellow;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 222, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-bird .yellow-bird-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 227, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-bird .yellow-bird-wrap .yellow-body {
  position: absolute;
  z-index: 2;
}

/* line 231, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-bird .yellow-bird-wrap .yellow-left {
  position: absolute;
  left: -11px;
  top: 25px;
  width: 18px;
}

/* line 238, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .yellow-bird .yellow-bird-wrap .yellow-right {
  position: absolute;
  right: -11px;
  top: 25px;
  width: 18px;
}

/* line 248, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .blue-bird {
  position: absolute;
  left: 75px;
  top: 67px;
  width: 55px;
  height: 75px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  animation-name: bird_body_animation_blue;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: bird_body_animation_blue;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 266, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .blue-bird .blue-bird-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

/* line 271, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .blue-bird .blue-bird-wrap .blue-body {
  position: absolute;
  z-index: 2;
}

/* line 275, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .blue-bird .blue-bird-wrap .blue-left {
  position: absolute;
  left: -11px;
  top: 25px;
  width: 18px;
}

/* line 281, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .bird-box .blue-bird .blue-bird-wrap .blue-right {
  position: absolute;
  right: -11px;
  top: 25px;
  width: 18px;
}

/* line 291, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row {
  width: 100%;
}

/* line 293, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .center-menu-box {
  display: table;
  margin: 0 auto;
}

/* line 297, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box {
  display: inline-block;
  margin: 0 42px;
  position: relative;
}

/* line 302, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .title-menu {
  font-family: 'AnjaElianeaccent002';
  font-size: 32px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  text-align: center;
}

/* line 311, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .title-menu .red-color {
  color: #f26c4f;
}

/* line 314, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .title-menu .orange-color {
  color: #f7941d;
}

/* line 317, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .title-menu .green-color {
  color: #87be3c;
}

/* line 322, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .kupu {
  position: absolute;
  right: 45px;
  top: 155px;
  opacity: 0;
  transition: 0.5s all ease;
}

/* line 329, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .kupu-anim {
  animation-name: kupu-animation;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: kupu-animation;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 339, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .planet {
  position: absolute;
  right: 33px;
  top: 70px;
  opacity: 0;
}

/* line 345, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .planet-anim {
  animation-name: planet-animation;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: planet-animation;
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 356, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .talk {
  position: absolute;
  right: 92px;
  top: 70px;
  opacity: 0;
}

/* line 362, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .top-content .menu-row .menu-box .talk-anim {
  animation-name: talk-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-name: talk-animation;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
}

/* line 379, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .login-btn {
  display: table;
  background: #f18039;
  border-radius: 13px;
  border-bottom: 5px solid #754b23;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
}

/* line 388, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.home-content .login-btn:active {
  /* background: #db7534;*/
  margin-top: 3px;
  border-bottom: 2px solid #754b23;
}

/* line 397, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer {
  margin-top: 100px;
}

/* line 400, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer .bg-foot {
  width: 100%;
  height: 300px;
  background: url("../img/footer-big.png") no-repeat top center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

/* line 408, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer .bg-foot .copyright {
  width: 100%;
  position: absolute;
  bottom: 0;
}

/* line 413, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer .bg-foot .copyright span {
  position: absolute;
  top: -35px;
  left: 5%;
  text-align: center;
  color: #fff;
  font-weight: 300;
}

/* line 421, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer .bg-foot .copyright .volume {
  background: url(../img/on-wht.png) no-repeat center;
  right: 5%;
  width: 340px;
  height: 30px;
  left: inherit;
  cursor: pointer;
  padding-left: 200px;
}

/* line 430, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
footer .bg-foot .copyright .muted {
  background: url(../img/off-wht.png) no-repeat center;
}

/* line 438, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#mobile-view {
  display: none;
}

/* line 442, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.valign-middle {
  display: table;
}

/* line 445, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.valign-middle > .columns {
  display: table-cell;
  vertical-align: middle;
}

/* line 450, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.valign-middle > .columns, .valign-middle > [class*="column"] + [class*="column"]:last-child {
  float: none;
}

/* ==== REGIS ====*/
/* line 458, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section {
  width: 100%;
  /* height: 500px;*/
  padding: 0 100px;
  text-align: center;
  margin-top: 40px;
}

/* line 465, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form {
  width: 100%;
  padding: 30px 50px;
  margin-top: 30px;
  text-align: left;
  background: #f7f5ec;
}

/* line 472, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form label {
  color: #00a055;
  font-size: 22px;
  margin: 20px 0;
}

/* line 477, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form input {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 45px;
  height: 43px;
}

/* line 484, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form input::-webkit-input-placeholder {
  line-height: 30px;
}

/* line 488, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .wrong {
  border: 3px solid #d04545;
  color: #d04545;
}

/* line 492, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .valid-notif {
  color: #d04545;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
}

/* line 500, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .regis-btn {
  width: 100%;
  border-radius: 20px;
  padding: 10px 0;
  background: #40ba7b;
  color: #f4f3ef;
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 4px #20774a;
  font-size: 22px;
  border: none;
  font-family: 'Grandstander-clean';
  cursor: pointer;
}

/* line 514, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .regis-btn:hover {
  background: #38a26b;
}

/* line 518, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form #jkelamin {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 23px;
  height: 43px;
  background: url("../img/select-btn.jpg") no-repeat right -1px center;
}

/* line 525, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .mtop40 {
  margin-top: 40px;
}

/* line 529, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.regis-section .regis-form .mbot20 {
  margin-bottom: 20px;
}

/* ==== LOGIN ====*/
/* line 537, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section {
  width: 75%;
  padding: 10px 100px;
  text-align: center;
  margin-top: 40px;
  margin: auto;
}

/* line 544, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form {
  width: 100%;
  padding: 30px 50px;
  margin-top: 30px;
  text-align: left;
  background: #f7f5ec;
  box-shadow: 10px 10px #68b2eb;
}

/* line 552, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form input::-webkit-input-placeholder {
  line-height: 30px;
}

/* line 556, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form label {
  color: #00a055;
  font-size: 22px;
  margin: 20px 0;
}

/* line 561, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .pass {
  width: 100%;
  height: 43px;
  background: #fefefe;
  border: 2px solid #4ec58d;
  display: block;
}

/* line 567, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .pass .input_pass {
  box-shadow: none;
  float: left;
  width: 85%;
  border: transparent;
  color: #999;
  line-height: 45px;
}

/* line 575, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .pass .lock_pass {
  float: right;
  margin: 5px;
  display: block;
  width: 22px;
  height: 29px;
  background: url("../img/lock-green.png") no-repeat;
  cursor: pointer;
}

/* line 585, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .pass .unlock_pass {
  background: url("../img/lock-red.png") no-repeat;
}

/* line 590, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .input_user {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 45px;
  height: 43px;
}

/* line 596, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .wrong {
  border: 3px solid #d04545;
  color: #d04545;
}

/* line 600, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .wrong-notif {
  color: #d04545;
  float: right;
  font-size: 16px;
  line-height: 35px;
}

/* line 606, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .login-btn {
  width: 100%;
  border-radius: 20px;
  padding: 10px 0;
  background: #40ba7b;
  color: #f4f3ef;
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 4px #20774a;
  font-size: 22px;
  border: none;
  font-family: 'Grandstander-clean';
  cursor: pointer;
}

/* line 620, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .login-btn:hover {
  background: #38a26b;
}

/* line 624, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .mtop40 {
  margin-top: 40px;
}

/* line 628, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.login-section .login-form .mbot20 {
  margin-bottom: 20px;
}

/* ==== PELAJARAN ====*/
/* line 636, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* line 641, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .block-bar {
  width: 100%;
  padding: 20px 25px;
  color: #f4f3ef;
  font-family: 'AnjaElianeaccent002';
  font-size: 32px;
  text-align: left;
  border-radius: 15px;
  position: relative;
}

/* line 652, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .blue-block {
  background: #3f98eb;
  box-shadow: 4px 4px #1860a3;
}

/* line 655, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .blue-block:hover {
  background: #2a76bd;
}

/* line 659, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .orange-block {
  background: #ebb03f;
  box-shadow: 4px 4px #936714;
}

/* line 662, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .orange-block:hover {
  background: #c39233;
}

/* line 666, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .green-block {
  background: #51bb40;
  box-shadow: 4px 4px #277d19;
}

/* line 669, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .green-block:hover {
  background: #238d11;
}

/* line 673, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .non-active {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  background: #51bb40;
  box-shadow: 4px 4px #277d19;
}

/* line 679, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .kelas3 {
  position: absolute;
  right: -10px;
  bottom: -5px;
}

/* line 684, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .kelas4 {
  position: absolute;
  right: -6px;
  bottom: -1px;
}

/* line 689, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.pelajaran-section .kelas5 {
  position: absolute;
  right: -5px;
  bottom: -14px;
}

/* ==== OURSELVES ====*/
/* line 699, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.notif-learn {
  color: #d65919;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50%;
  bottom: 40px;
  font-size: 16px;
}

/* line 710, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.notif-learn a {
  /* outline: none !important;*/
  color: #0071a0;
}

/* line 715, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.notif-learn a:hover {
  text-decoration: underline;
}

/* line 719, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.notif-learn .purple {
  color: purple;
}

/* line 721, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.notif-learn .purple:hover {
  text-decoration: underline;
}

/* line 726, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

/* line 731, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section h4 {
  font-family: 'Grandstander-clean';
  font-size: 16px;
  color: #f7941e;
}

/* line 736, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section p {
  font-family: 'Grandstander-clean';
  font-size: 17px;
  color: #00a055;
  margin: 0 auto;
}

/* line 742, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box {
  display: table;
  margin: 0 auto;
  position: relative;
}

/* line 746, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box .box-image-game {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 751, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box .box-image-game.b-blue {
  border: 3px solid #047f99;
  border-radius: 25px;
}

/* line 756, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box .box-image-game.b-orange {
  border: 3px solid #fb913c;
  border-radius: 25px;
}

/* line 761, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box .box-image-game.b-green {
  border: 3px solid #0a9918;
  border-radius: 25px;
}

/* line 767, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .sess-box .box-image-game img:hover {
  transition: all 1s ease;
  transform: scale(1.2) rotate(-10deg);
}

/* line 774, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .back-btn {
  width: 100%;
  border-radius: 20px;
  padding: 10px 0;
  background: #40ba7b;
  color: #f4f3ef;
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 4px #20774a;
  font-size: 16px;
}

/* line 785, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .back-btn:hover {
  background: #38a26b;
}

/* line 789, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .locked {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 187px;
  height: 132px;
}

/* line 798, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .locked .locked-bg {
  background: #000;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  opacity: 0.7;
  position: absolute;
  left: 0;
  z-index: 1;
}

/* line 808, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.ourselves-section .locked .lock {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* line 820, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup {
  width: 100%;
  height: 100vh;
  background: rgba(23, 25, 26, 0.7);
  position: fixed;
  top: 0;
  z-index: 10;
  display: none;
}

/* line 829, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap {
  width: 385px;
  height: 450px;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}

/* line 840, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup {
  width: 100%;
  height: 450px;
  position: relative;
}

/* line 845, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup {
  padding: 30px 20px;
  position: absolute;
  width: 100%;
  height: 250px;
  background: #f7f6ed;
  bottom: 0;
}

/* line 852, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .text-content {
  text-align: center;
  font-size: 16px;
  color: #00a651;
}

/* line 856, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .text-content span {
  color: #f7941d;
}

/* line 860, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .btn-wrap {
  width: 100%;
  height: 50px;
  margin-top: 50px;
}

/* line 864, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .btn-wrap .login-btn {
  float: left;
  display: table;
  padding: 10px 15px;
  width: 45%;
  height: 90%;
  border-radius: 20px;
  background: #40ba7b;
  text-align: center;
  color: #fff;
  box-shadow: 3px 3px #20774a;
}

/* line 876, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .btn-wrap .login-btn:hover {
  background: #38a16b;
}

/* line 880, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .btn-wrap .regis-btn {
  float: right;
  display: table;
  padding: 10px 15px;
  width: 45%;
  height: 90%;
  border-radius: 20px;
  background: #e9940d;
  text-align: center;
  color: #fff;
  box-shadow: 3px 3px #6d4910;
}

/* line 892, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .btn-wrap .regis-btn:hover {
  background: #cf840d;
}

/* line 897, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .peek-girl {
  position: absolute;
  top: -106px;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 904, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
#log-popup .popup-wrap .parent-popup .box-content-popup .close-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -24px;
  right: -24px;
  cursor: pointer;
  background: url("../img/x.png") #754c24 no-repeat center;
}

/* ==== KARTU PELAJAR ====*/
/* line 921, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section {
  width: 100%;
  /* height: 500px;*/
  padding: 10px 100px;
  text-align: center;
  margin-top: 40px;
}

/* line 928, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form {
  width: 100%;
  padding: 30px 50px;
  border-radius: 10px;
  margin-top: 30px;
  text-align: left;
  background: #f7f5ec;
  box-shadow: 5px 5px #cfcfcf;
  position: relative;
}

/* line 938, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form h1 {
  color: #433e3b;
}

/* line 941, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form label {
  color: #00a055;
  font-size: 22px;
  margin: 20px 0;
}

/* line 946, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form input {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 45px;
  height: 43px;
}

/* line 953, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .prof-pic {
  width: 100%;
  height: 230px;
  background: #0f0;
}

/* line 958, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .boy-pic {
  background: url("../img/boy-picture.jpg") no-repeat center;
  width: 100%;
}

/* line 962, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .girl-pic {
  background: url("../img/girl-picture.jpg") no-repeat center;
  width: 100%;
}

/* line 966, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .form-logo {
  margin-top: 18px;
}

/* line 970, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .name-title {
  color: #00a055;
  font-size: 18px;
}

/* line 974, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .name-txt {
  color: #e98922;
  font-size: 24px;
}

/* line 979, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .card-btn {
  width: 100%;
  border-radius: 13px;
  padding: 10px 0;
  background: #f18039;
  color: #f4f3ef;
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 4px #754b23;
  font-size: 20px;
}

/* line 990, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .card-btn:hover {
  background: #db7433;
}

/* line 995, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .flower-card {
  position: absolute;
  top: 30px;
  right: 30px;
}

/* line 1000, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .car-card {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/* line 1005, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form #jkelamin {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 23px;
  height: 43px;
  background: url("../img/select-btn.jpg") no-repeat right -1px center;
}

/* line 1012, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .mtop40 {
  margin-top: 40px;
}

/* line 1015, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .mtop-10 {
  margin-top: 10px;
}

/* line 1018, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .mtop-20 {
  margin-top: 20px;
}

/* line 1021, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.card-section .card-form .mbot20 {
  margin-bottom: 20px;
}

/* line 1028, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section {
  width: 850px;
  height: 1200px;
  padding: 0 40px;
  margin: 0 auto;
  margin-top: 40px;
  background: url("../img/paper-bg.jpg") no-repeat center;
  background-size: cover;
}

/* line 1037, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section h3 {
  font-size: 22px;
  color: #00a055;
  font-family: 'Grandstander-clean';
}

/* line 1042, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section .ptop-40 {
  padding-top: 40px;
}

/* line 1045, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section .mtop-70 {
  margin-top: 70px;
}

/* line 1052, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section .img-right {
  float: right;
}

/* line 1055, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section .text-about {
  font-size: 16px;
  font-family: 'Grandstander-clean';
  color: #000;
  margin-top: 59px;
  line-height: 43px;
}

/* line 1062, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.about-section .text-about a {
  color: #00aeef;
}

/* users */
.users-section {
  width: 100%;
  height: 1200px;
  padding: 0 40px;
  margin: 0 auto;
  margin-top: 40px;
  background-size: cover;
}

.users-section h3 {
  font-size: 22px;
  color: #00a055;
  font-family: 'Grandstander-clean';
}

@media screen and (max-width: 959px) {
  /* line 1070, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  body {
    position: fixed;
  }
  /* line 1073, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view {
    background: #bdebfc;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 0;
    display: block;
  }
  /* line 1083, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .top-bg {
    background: url("../img/cloud-mobile.jpg") no-repeat bottom center;
    background-size: cover;
    width: 100%;
    height: 120px;
    padding: 15px;
    padding-bottom: 0;
  }
  /* line 1091, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .top-bg .logo-l {
    width: 50%;
    float: left;
  }
  /* line 1094, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .top-bg .logo-l img {
    width: 90%;
  }
  /* line 1098, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .top-bg .logo-r {
    width: 50%;
    float: right;
  }
  /* line 1101, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .top-bg .logo-r img {
    padding-top: 12px;
    float: right;
  }
  /* line 1107, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .mobile-content {
    width: 100%;
    height: 200px;
    text-align: center;
    font-size: 16px;
    color: #00a055;
    position: relative;
    display: table;
  }
  /* line 1116, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .mobile-content .mobile-info {
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    width: 100%;
  }
  /* line 1128, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  #mobile-view .bot-bg {
    background: url(../img/bottom-mobile.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0;
  }
}

@media screen and (min-width: 1200px) {
  /* line 1141, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  .login-section {
    width: 60%;
  }
}

@media screen and (min-width: 1300px) {
  /* line 1147, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  .container {
    max-width: 1300px;
  }
  /* line 1150, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  .ourselves-section {
    width: 72%;
  }
  /* line 1153, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  .ourselves-section .sess-box {
    display: table;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1600px) {
  /* line 1163, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  footer .bg-foot {
    height: 389px;
  }
}

@media screen and (min-width: 1900px) {
  /* line 1170, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
  .container {
    max-width: 1550px;
  }
}

@-webkit-keyframes bird_body_animation_blue {
  0% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  25% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(15deg);
  }
  75% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
  }
}

@keyframes bird_body_animation_blue {
  0% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
    transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  25% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
    transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(15deg);
    transform: translate3d(0, -10px, 0) rotate(15deg);
  }
  75% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
    transform: translate3d(0, 0px, 0) rotate(15deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(15deg);
    transform: translate3d(0, 0px, 0) rotate(15deg);
  }
}

@-webkit-keyframes bird_body_animation_yellow {
  0% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  25% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-15deg);
  }
  75% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
}

@keyframes bird_body_animation_yellow {
  0% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
    transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  25% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
    transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  50% {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-15deg);
    transform: translate3d(0, -10px, 0) rotate(-15deg);
  }
  75% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
    transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0px, 0) rotate(-15deg);
    transform: translate3d(0, 0px, 0) rotate(-15deg);
  }
}

@-webkit-keyframes bird_right_wing_animation {
  0% {
    -webkit-transform: rotate(10deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
  }
  35% {
    -webkit-transform: rotate(-50deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  45% {
    -webkit-transform: rotate(-50deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-50deg);
  }
  65% {
    -webkit-transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(-50deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
  }
}

@keyframes bird_right_wing_animation {
  0% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  35% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  45% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  65% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@-webkit-keyframes bird_left_wing_animation {
  0% {
    -webkit-transform: rotate(-10deg);
  }
  25% {
    -webkit-transform: rotate(-10deg);
  }
  35% {
    -webkit-transform: rotate(40deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
  }
  45% {
    -webkit-transform: rotate(40deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(40deg);
  }
  65% {
    -webkit-transform: rotate(10deg);
  }
  70% {
    -webkit-transform: rotate(40deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
  }
}

@keyframes bird_left_wing_animation {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  35% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  45% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  65% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  70% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes kupu-animation {
  0% {
    transform: translate3d(10px, 10px, 0px);
  }
  20% {
    opacity: 1;
    transform: translate3d(-10px, -10px, 0px);
  }
  40% {
    transform: translate3d(0px, 0px, 0px);
  }
  60% {
    transform: translate3d(-10px, -10px, 0px);
  }
  80% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    transform: translate3d(10px, 10px, 0px);
  }
}

@keyframes planet-animation {
  0% {
    transform: rotate(0deg);
  }
  20% {
    opacity: 1;
    transform: rotate(-5deg);
  }
  40% {
    transform: rotate(5deg);
  }
  60% {
    transform: rotate(-5deg);
  }
  80% {
    opacity: 1;
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes talk-animation {
  0% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
  30% {
    transform: translate3d(0px, 10px, 0px);
  }
  50% {
    transform: translate3d(0px, 0px, 0px);
  }
  70% {
    transform: translate3d(0px, 10px, 0px);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
  }
}

/* line 1332, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.lupa-orange {
  color: #f7941e;
}

/* line 1335, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.lupa-orange:hover {
  color: #f7941e;
}

/* ==== REGIS ====*/
/* line 458, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users {
  width: 100%;
  text-align: center;
  background: #f7f5ec;
}

/* line 465, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form {
  width: 100%;
  text-align: left;
  background: #f7f5ec;
}

/* line 472, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form label {
  color: #00a055;
  font-size: 22px;
  margin: 20px 0;
}

/* line 477, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form input {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 45px;
  height: 43px;
}

/* line 484, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form input::-webkit-input-placeholder {
  line-height: 30px;
}

/* line 488, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .wrong {
  border: 3px solid #d04545;
  color: #d04545;
}

/* line 492, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .valid-notif {
  color: #d04545;
  font-size: 22px;
  line-height: 35px;
  text-align: center;
}

/* line 500, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .regis-btn {
  width: 100%;
  border-radius: 20px;
  padding: 10px 0;
  background: #40ba7b;
  color: #f4f3ef;
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 4px #20774a;
  font-size: 22px;
  border: none;
  font-family: 'Grandstander-clean';
  cursor: pointer;
}

/* line 514, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .regis-btn:hover {
  background: #38a26b;
}

/* line 518, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form #jkelamin {
  border: 2px solid #4ec58d;
  color: #999;
  line-height: 23px;
  height: 43px;
  background: url("../img/select-btn.jpg") no-repeat right -1px center;
}

/* line 525, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .mtop40 {
  margin-top: 40px;
}

/* line 529, D:/xampp/htdocs/2017-pji-online/scss/app.scss */
.rv-users .rv-form .mbot20 {
  margin-bottom: 20px;
}

/*# sourceMappingURL=../css/app.map */