@font-face {
    font-family: "Maven Pro Black";
    src: url("../fonts/maven_pro/mavenpro-black.ttf");
}
@font-face {
    font-family: "Maven Pro Bold";
    src: url("../fonts/maven_pro/mavenpro-bold.ttf");
}
@font-face {
    font-family: "Maven Pro Medium";
    src: url("../fonts/maven_pro/mavenpro-medium.ttf");
}
@font-face {
    font-family: "Maven Pro Regular";
    src: url("../fonts/maven_pro/mavenpro-regular.ttf");
}
@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/montserrat/montserrat-regular.ttf");
}
@font-face {
    font-family: "Montserrat Semibold";
    src: url("../fonts/montserrat/montserrat-semibold.ttf");
}
body {
    font-family: "Maven Pro Regular";
    min-width: 1015px !important;
}
body textarea {
    resize: none;
    overflow: hidden;
}
.container {
    max-width: none !important;
    width: 1000px !important;
}
.menu-nav {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #ffffff;
}
.menu-nav .menu-header .list-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav .menu-header .list-menu li a:hover {
    color: #14a7df;
}
.menu-nav .menu-header .list-menu li.active a,
.menu-nav .menu-header .list-menu li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.menu-nav .menu-header .list-menu li.divider-menu {
    font-size: 22px;
}
.menu-nav .menu-header .list-menu li.li-button-signup button {
    border: transparent;
    background-color: transparent;
    font-weight: bold;
    color: #ffffff;
}
.menu-nav .menu-header .list-menu li.li-button-signup button:hover {
    color: #14a7df;
}
.menu-nav .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.menu-nav-3 {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-3 .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-3 .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-3 .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #000000;
}
.menu-nav-3 .menu-header .list-menu li a {
    color: #000000;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-3 .menu-header .list-menu li a:hover {
    color: #14a7df;
}
.menu-nav-3 .menu-header .list-menu li.active a,
.menu-nav-3 .menu-header .list-menu li.active a:hover {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.menu-nav-3 .menu-header .list-menu li.divider-menu {
    font-size: 22px;
    color: #000000;
}
.menu-nav-3 .menu-header .list-menu li.li-button-signup button {
    border: transparent;
    background-color: transparent;
    font-weight: bold;
    color: #000000;
}
.menu-nav-3 .menu-header .list-menu li.li-button-signup button:hover {
    color: #14a7df;
}
.menu-nav-3 .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-3 .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-3 .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-3 .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.menu-nav-4 {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-4 .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-4 .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-4 .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #ffffff;
}
.menu-nav-4 .menu-header .list-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-4 .menu-header .list-menu li a:hover {
    color: #184059;
}
.menu-nav-4 .menu-header .list-menu li.active a,
.menu-nav-4 .menu-header .list-menu li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #184059;
}
.menu-nav-4 .menu-header .list-menu li.divider-menu {
    font-size: 22px;
}
.menu-nav-4 .menu-header .list-menu li.li-button-signup button {
    border: transparent;
    background-color: transparent;
    font-weight: bold;
    color: #ffffff;
}
.menu-nav-4 .menu-header .list-menu li.li-button-signup button:hover {
    color: #184059;
}
.menu-nav-4 .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-4 .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-4 .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-4 .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.banner-home {
    background-image: url(../images/banner/banner-home.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 800px;
}
.banner-home h1,
.banner-home h3,
.banner-home p {
    color: #ffffff;
}
.banner-home h1 {
    font-family: "Maven Pro Bold";
    margin-top: 270px;
    font-size: 70px;
}
.banner-home h3 {
    font-family: "Maven Pro Regular";
    font-size: 36px;
    margin-bottom: 30px;
}
.banner-home button {
    border-radius: 50px;
}
.banner-home .btn-daftar {
    background-color: #004268;
    color: #ffffff;
    padding: 15px 20px;
    margin-top: 10px;
}
.login-box {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 629px;
}
.login-box .login-input {
    position: relative;
    background-color: #ffffff;
    padding: 40px 0;
    border-radius: 70px;
    z-index: 1;
}
.login-box .login-input input,
.login-box .login-input button {
    line-height: 2;
}
.login-box .login-input input {
    padding: 5px 20px;
    border-radius: 70px;
    width: 30%;
    border: 1px solid transparent;
    background-color: #e6eff4;
    color: #000000;
}
.login-box .login-input .btn-login {
    border-radius: 70px;
    width: 20%;
    background-color: #004268;
    border: 1px solid transparent;
    color: #ffffff;
    padding: 5px 40px;
}
.login-box .login-input p {
    color: #25a8df;
    text-align: left;
}
.login-box .login-input .forget-password {
    padding: 0;
}
.login-box .login-input .forget-password button {
    border: transparent;
    background-color: transparent;
    color: #25a8df;
}
.login-box .login-input .forget-password button:hover {
    color: #184059;
}
.login-box .login-input .forget-password a:hover {
    text-decoration: none;
}
.login-box .login-input-2 {
    position: relative;
    background-color: #ffffff;
    padding: 40px 60px;
    border-radius: 70px;
    z-index: 1;
}
.login-box .login-input-2 input,
.login-box .login-input-2 button {
    line-height: 2;
}
.login-box .login-input-2 .form-inline .form-group {
    width: 34%;
}
.login-box .login-input-2 .form-inline .form-group input {
    padding: 5px 20px;
    border-radius: 70px;
    width: 100%;
    height: 40px;
    border: 1px solid transparent;
    background-color: #e6eff4;
    color: #000000;
}
.login-box .login-input-2 .form-inline button {
    width: 28%;
}
.login-box .login-input-2 .btn-login {
    border-radius: 70px;
    background-color: #004268;
    border: 1px solid transparent;
    color: #ffffff;
    padding: 5px 40px;
}
.login-box .login-input-2 p {
    color: #25a8df;
    text-align: left;
}
.login-box .login-input-2 .forget-password {
    padding: 0;
    margin: 0;
}
.login-box .login-input-2 .forget-password button {
    border: transparent;
    background-color: transparent;
    color: #25a8df;
    padding: 0;
}
.login-box .login-input-2 .forget-password button:hover {
    color: #184059;
}
.login-box .login-input-2 .forget-password a:hover {
    text-decoration: none;
}
.resetpassword-box {
    background-color: transparent;
    position: relative;
    bottom: 97px;
}
.resetpassword-box .email-name-reset {
    margin: 0 95px;
}
.resetpassword-box .email-name-reset h2,
.resetpassword-box .email-name-reset p {
    text-align: left;
    font-family: "Maven Pro Medium";
    margin: 0;
}
.resetpassword-box .email-name-reset h2 {
    color: #004268;
}
.resetpassword-box .email-name-reset p {
    margin: 10px 0;
}
.resetpassword-box .reset-input {
    position: relative;
    background-color: #ffffff;
    padding: 40px 0;
    border-radius: 150px;
    z-index: 1;
}
.resetpassword-box .reset-input input,
.resetpassword-box .reset-input button {
    line-height: 2;
}
.resetpassword-box .reset-input input {
    padding: 5px 20px;
    border-radius: 70px;
    width: 30%;
    border: 1px solid transparent;
    background-color: #e6eff4;
    color: #000000;
}
.resetpassword-box .reset-input .btn-login {
    border-radius: 70px;
    width: 20%;
    background-color: #004268;
    border: 1px solid transparent;
    color: #ffffff;
    padding: 5px 40px;
}
.resetpassword-box .reset-input p {
    color: #25a8df;
    text-align: left;
}
.resetpassword-box .reset-input .forget-password {
    padding: 0;
}
.resetpassword-box .reset-input .forget-password a:hover {
    text-decoration: none;
}
.home-carousel {
    width: 100%;
    height: 690px;
}
.home-carousel #home-slider .item div {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 690px;
}
.home-carousel #home-slider .carousel-control {
    background-image: none;
}
.content--1 {
    background-image: url(../images/background/backcontent1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0 0 80px 0;
}
.content--1 .about-mgfriends {
    margin-top: 100px;
}
.content--1 .about-mgfriends h2 {
    font-family: "Maven Pro Medium";
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 40px;
}
.content--1 .about-mgfriends h3 {
    color: #30bcf0;
    line-height: 30px;
    font-size: 21px;
    margin: 0 0 30px;
}
.content--1 .about-mgfriends h4 {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}
.content--1 .about-mgfriends span {
    color: #27aae1;
    text-decoration: none;
}
.content--1 .about-mgfriends span:hover {
    color: #ffffff;
}
.content--2 {
    background: #004268;
}
.content--2 h1 {
    font-family: "Maven Pro Bold";
    color: #fff;
    /* color: #014e75; */
    /* margin-top: 80px; */
}
.content-testi {
    background-image: url(../images/banner/banner-testimoni.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.content-testi h1 {
    font-family: "Maven Pro Medium";
    color: #ffffff;
    margin-top: 50px;
}
.content-testi .carousel-testi {
    margin-bottom: 10px;
}
.content-testi .carousel-testi #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}
.content-testi .carousel-testi #quote-carousel .carousel-indicators {
    left: 65%;
    bottom: 45px;
    text-align: right;
}
.content-testi .carousel-testi #quote-carousel .carousel-indicators li {
    background: #b2d5ef;
    border: none;
}
.content-testi .carousel-testi #quote-carousel .carousel-indicators .active {
    background: #25a8df;
}
.content-testi .carousel-testi #quote-carousel .testi-pict-profile {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 0 10px 0;
}
.content-testi .carousel-testi #quote-carousel .testi-pict-profile img {
    position: absolute;
    left: 0;
    width: 200px;
    height: 200px;
}
.content-testi .carousel-testi #quote-carousel .carousel-control {
    background: none;
    color: #222;
    text-shadow: none;
    margin-top: 30px;
}
.content-testi .carousel-testi #quote-carousel .carousel-control.left {
    left: -115px;
    bottom: 70px;
}
.content-testi .carousel-testi #quote-carousel .carousel-control.right {
    right: -115px;
    bottom: 70px;
}
.content-testi .carousel-testi #quote-carousel .item blockquote {
    border-left: none;
    margin: 0;
}
.content-testi .carousel-testi #quote-carousel .item blockquote .fas {
    font-size: 70px;
    color: #25a8df;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 99;
}
.content-testi .carousel-testi #quote-carousel .item .name {
    color: #25a8df;
    margin: 0;
    font-family: "Maven Pro Medium";
    font-size: 21px;
}
.content-testi .carousel-testi #quote-carousel .item .tourism-name {
    color: #ffffff;
    font-family: "Maven Pro Regular";
    font-size: 14px;
}
.content-testi .carousel-testi #quote-carousel .item .quote-testimoni {
    color: #ffffff;
    font-family: "Maven Pro Regular";
    font-size: 18px;
    line-height: 28px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}
.content-testi .carousel-testi #quote-carousel .glyphicon {
    color: #26a8df;
    top: 25%;
    font-size: 45px;
    font-weight: 100;
}
.footer-top {
    background-color: #004268;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 5px 0 20px 0;
}
.footer-top .row {
    margin-top: 40px;
    color: #ffffff;
}
.footer-top .row .address-footer {
    font-family: "Maven Pro Medium";
}
.footer-top .row .address-footer h4 {
    margin-bottom: 20px;
}
.footer-top .row .address-footer p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer-top .row .address-footer span {
    margin-right: 10px;
}
.footer-top .row .navbar--bottom {
    font-size: 13px;
    position: relative;
}
.footer-top .row .navbar--bottom .list-menu-footer {
    float: right;
    margin: 20px 0;
    padding: 0 0 5px 0;
}
.footer-top .row .navbar--bottom .list-menu-footer li {
    display: inline;
    margin: 0 15px 0 0;
    color: #ffffff;
}
.footer-top .row .navbar--bottom .list-menu-footer li a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
}
.footer-top .row .navbar--bottom .list-menu-footer li a:hover {
    color: #14a7df;
}
.footer-top .row .navbar--bottom .list-menu-footer li.active a,
.footer-top .row .navbar--bottom .list-menu-footer li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.footer-top .row .navbar--bottom .list-menu-footer li.divider-menu {
    font-size: 22px;
}
.footer-top .row .navbar--bottom .list-social-media {
    background-color: #1c5e84;
    position: absolute;
    top: 90px;
    left: 68px;
    padding: 25px;
    border-radius: 30px;
}
.footer-top .row .navbar--bottom .list-social-media .title-list-social-media p {
    font-family: "Maven Pro Medium";
    font-size: 13px;
}
.footer-top .row .navbar--bottom .list-social-media .social-media a {
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
}
.footer-top .row .navbar--bottom .list-social-media .social-media a i {
    font-size: 30px;
}
.footer-top .row .navbar--bottom .list-social-media-auctionhouse {
    background-color: #1c5e84;
    position: absolute;
    top: 0;
    left: 80px;
    padding: 25px;
    border-radius: 30px;
}
.footer-top
    .row
    .navbar--bottom
    .list-social-media-auctionhouse
    .title-list-social-media-auctionhouse
    p {
    font-family: "Maven Pro Medium";
    font-size: 13px;
}
.footer-top
    .row
    .navbar--bottom
    .list-social-media-auctionhouse
    .social-media-auctionhouse
    a {
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
}
.footer-top
    .row
    .navbar--bottom
    .list-social-media-auctionhouse
    .social-media-auctionhouse
    a
    i {
    font-size: 30px;
}
.footer-top-login {
    background-color: #004268;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 5px 0 20px 0;
}
.footer-top-login .row {
    margin-top: 40px;
    color: #ffffff;
}
.footer-top-login .row .address-footer {
    font-family: "Maven Pro Medium";
}
.footer-top-login .row .address-footer h4 {
    margin-bottom: 20px;
}
.footer-top-login .row .address-footer p {
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer-top-login .row .address-footer span {
    margin-right: 10px;
}
.footer-top-login .row .navbar--bottom {
    font-size: 13px;
    position: relative;
}
.footer-top-login .row .navbar--bottom .list-menu-footer {
    float: right;
    margin: 20px 0;
    padding: 0 0 5px 0;
}
.footer-top-login .row .navbar--bottom .list-menu-footer li {
    display: inline;
    margin: 0 15px 0 0;
    color: #ffffff;
}
.footer-top-login .row .navbar--bottom .list-menu-footer li a {
    color: #ffffff;
    text-decoration: none;
    padding: 8px 0;
}
.footer-top-login .row .navbar--bottom .list-menu-footer li a:hover {
    color: #14a7df;
}
.footer-top-login .row .navbar--bottom .list-menu-footer li.active a,
.footer-top-login .row .navbar--bottom .list-menu-footer li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.footer-top-login .row .navbar--bottom .list-menu-footer li.divider-menu {
    font-size: 22px;
}
.footer-top-login .row .navbar--bottom .list-social-media {
    background-color: #1c5e84;
    position: absolute;
    top: 90px;
    left: 175px;
    padding: 25px;
    border-radius: 30px;
}
.footer-top-login
    .row
    .navbar--bottom
    .list-social-media
    .title-list-social-media
    p {
    font-family: "Maven Pro Medium";
    font-size: 13px;
}
.footer-top-login .row .navbar--bottom .list-social-media .social-media a {
    color: #ffffff;
    padding: 5px 20px;
    text-decoration: none;
}
.footer-top-login .row .navbar--bottom .list-social-media .social-media a i {
    font-size: 30px;
}
.footer-copyright {
    background-color: #003c5e;
}
.footer-copyright p {
    color: #ffffff;
    padding: 15px;
    margin: 0;
}
.content--1about {
    background-image: url(../images/background/backcontent1-about.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0 0 80px 0;
}
.content--1about h1 {
    color: #ffffff;
    margin-top: 220px;
}
.content--1about p.mt700px {
    margin-top: 700px;
}
.content--1about p {
    font-family: "Maven Pro Regular";
    font-size: 21px;
    color: #838383;
    line-height: 1.8;
}
.content--1about p span {
    color: #004268;
}
.content--1newjoin {
    background-image: url(../images/background/background-sfd.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0 0 80px 0;
}
.content--1join {
    background-color: #ffffff;
    /*background-color: #004268;*/
    padding: 150px 0 50px;
}
.content--1join h1 {
    font-family: "Maven Pro Medium";
    font-size: 48px;
    color: #004268;
    margin: 20px 0 80px;
}
.content--1join p {
    font-family: "Maven Pro Medium";
    font-size: 13px;
    color: #797979;
}
.content--1contact {
    background-image: url(../images/banner/banner-contact.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 650px;
}
.content--1contact h1 {
    font-family: "Maven Pro Medium";
    color: #ffffff;
    margin-top: 210px;
    margin-bottom: 50px;
    font-size: 70px;
}
.content--1contact .form-contact {
    padding: 50px;
    background-color: #8cd0f6;
    border-radius: 25px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.content--1contact .form-contact h3,
.content--1contact .form-contact p {
    color: #014e75;
}
.content--1contact .form-contact h3 {
    font-family: "Maven Pro Medium";
    margin-bottom: 30px;
}
.content--1contact .form-contact p {
    font-family: "Maven Pro Regular";
    margin: 30px 0 30px 0;
    min-height: 35px;
    font-size: 17px;
}
.content--1contact .form-contact p.lh30px {
    line-height: 30px;
}
.content--1contact .form-contact span img {
    float: left;
    margin-right: 10px;
}
.content--1contact .form-contact span img.map {
    margin-bottom: 25px;
}
.content--1contact .form-contact .hubungi-kami input[type="text"],
.content--1contact .form-contact .hubungi-kami input[type="email"] {
    width: 100%;
    margin: 10px 0;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 70px;
}
.content--1contact .form-contact .hubungi-kami textarea {
    width: 100%;
    margin: 15px 0;
    padding: 10px 15px;
    border: 1px solid transparent;
}
.content--1contact .form-contact .hubungi-kami textarea.input-pesan {
    height: 145px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-sizing: border-box;
}
.content--1contact .form-contact .recaptcha-layer {
    position: relative;
    top: -30px;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px 10px;
}
.content--1contact .form-contact .recaptcha-layer .recaptcha-box {
    display: inline-block;
}
.content--1contact .form-contact .recaptcha-layer .recaptcha-box .recaptcha {
    display: inline;
}
.content--1contact .form-contact .recaptcha-layer .recaptcha-box .recaptcha p {
    display: inline;
    margin: 0;
}
.content--1contact
    .form-contact
    .recaptcha-layer
    .recaptcha-box
    .img-recaptcha {
    display: inline;
}
.content--1contact
    .form-contact
    .recaptcha-layer
    .recaptcha-box
    .img-recaptcha
    img {
    height: 45px;
    width: 45px;
}
.content--1contact .form-contact .for-send {
    display: inline;
}
.content--1contact .form-contact .tooltip-recaptcha {
    position: relative;
}
.content--1contact .form-contact .tooltip-recaptcha a.tooltip-link {
    display: inline-block;
}
.content--1contact .form-contact .tooltip-recaptcha a.tooltip-link:hover span {
    visibility: visible;
    top: 55px;
    left: 55%;
    margin-left: -76px;
    z-index: 999;
}
.content--1contact .form-contact .tooltip-recaptcha span {
    background: #303030;
    padding: 10px;
    color: #f0f0f0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    width: 150px;
    text-align: center;
    position: absolute;
    visibility: hidden;
}
.content--1contact .form-contact .tooltip-recaptcha span:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #303030;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.content--2contact {
    background-color: #004268;
    background-size: cover;
    width: 100%;
    height: 270px;
}
/* extensions */
.modal.signupModal {
    font-family: "Maven Pro Medium";
}
.modal.signupModal .modal-header {
    border-bottom: none;
}
.modal.signupModal .modal-header img {
    padding: 20px 0 5px 0;
}
.modal.signupModal .modal-header .for-close {
    position: absolute;
    top: -40px;
    right: -20px;
    z-index: 10;
    padding: 0;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}
.modal.signupModal .modal-header .for-close img {
    width: 40px;
}
.modal.signupModal .modal-body {
    padding: 15px 40px;
}
.modal.signupModal .modal-body p.title {
    margin-bottom: 30px;
    font-size: 20px;
}
.modal.signupModal .modal-body .form-control {
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 6px 0;
    font-size: 16px;
}
.modal.signupModal .modal-body .btn.button-signup {
    text-align: center;
    background-color: #004268;
    color: #ffffff;
    padding: 6px 87px;
    border-radius: 50px;
}
.modal.signupModal .modal-footer {
    text-align: center;
    border-top: none;
}
.modal.signupModal .modal-footer .btn.button-signup {
    text-align: center;
    background-color: #004268;
    color: #ffffff;
    padding: 6px 87px;
    border-radius: 50px;
}
.modal.forgetPassword {
    font-family: "Maven Pro Medium";
}
.modal.forgetPassword .modal-header {
    border-bottom: none;
}
.modal.forgetPassword .modal-header .for-close {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    padding: 0;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}
.modal.forgetPassword .modal-header .for-close img {
    width: 40px;
}
.modal.forgetPassword .modal-body {
    padding: 15px 40px;
}
.modal.forgetPassword .modal-body p.title {
    margin-bottom: 30px;
    font-size: 20px;
}
.modal.forgetPassword .modal-body p.text-content {
    font-size: 12px;
    text-align: left;
}
.modal.forgetPassword .modal-body .form-control {
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 6px 0;
}
.modal.forgetPassword .modal-footer {
    text-align: center;
    border-top: none;
}
.modal.forgetPassword .modal-footer .btn.button-reset {
    text-align: center;
    background-color: #004268;
    color: #ffffff;
    padding: 6px 87px;
    border-radius: 50px;
}
.modal.rewardModalCashVoucher,
.modal.rewardModalGarudaMiles,
.modal.rewardModalHolidayPackage,
.modal.rewardModalHotelVoucher,
.modal.rewardModalMyKadoVoucher,
.modal.rewardModalProductVoucher,
.modal.rewardModalShoppingVoucher,
.modal.rewardModalAuctionHouse {
    font-family: "Maven Pro Medium";
}
.modal.rewardModalCashVoucher .modal-header,
.modal.rewardModalGarudaMiles .modal-header,
.modal.rewardModalHolidayPackage .modal-header,
.modal.rewardModalHotelVoucher .modal-header,
.modal.rewardModalMyKadoVoucher .modal-header,
.modal.rewardModalProductVoucher .modal-header,
.modal.rewardModalShoppingVoucher .modal-header,
.modal.rewardModalAuctionHouse .modal-header {
    border-bottom: none;
    padding: 15px 40px;
}
.modal.rewardModalCashVoucher .modal-header .for-close,
.modal.rewardModalGarudaMiles .modal-header .for-close,
.modal.rewardModalHolidayPackage .modal-header .for-close,
.modal.rewardModalHotelVoucher .modal-header .for-close,
.modal.rewardModalMyKadoVoucher .modal-header .for-close,
.modal.rewardModalProductVoucher .modal-header .for-close,
.modal.rewardModalShoppingVoucher .modal-header .for-close,
.modal.rewardModalAuctionHouse .modal-header .for-close {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    padding: 0;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}
.modal.rewardModalCashVoucher .modal-header .for-close img,
.modal.rewardModalGarudaMiles .modal-header .for-close img,
.modal.rewardModalHolidayPackage .modal-header .for-close img,
.modal.rewardModalHotelVoucher .modal-header .for-close img,
.modal.rewardModalMyKadoVoucher .modal-header .for-close img,
.modal.rewardModalProductVoucher .modal-header .for-close img,
.modal.rewardModalShoppingVoucher .modal-header .for-close img,
.modal.rewardModalAuctionHouse .modal-header .for-close img {
    width: 40px;
}
.modal.rewardModalCashVoucher .modal-header .modal-title,
.modal.rewardModalGarudaMiles .modal-header .modal-title,
.modal.rewardModalHolidayPackage .modal-header .modal-title,
.modal.rewardModalHotelVoucher .modal-header .modal-title,
.modal.rewardModalMyKadoVoucher .modal-header .modal-title,
.modal.rewardModalProductVoucher .modal-header .modal-title,
.modal.rewardModalShoppingVoucher .modal-header .modal-title,
.modal.rewardModalAuctionHouse .modal-header .modal-title {
    font-family: "Maven Pro Bold";
    font-size: 30px;
    line-height: 32px;
    color: #29a4dd;
    padding-top: 5px;
}
.modal.rewardModalCashVoucher .modal-header hr,
.modal.rewardModalGarudaMiles .modal-header hr,
.modal.rewardModalHolidayPackage .modal-header hr,
.modal.rewardModalHotelVoucher .modal-header hr,
.modal.rewardModalMyKadoVoucher .modal-header hr,
.modal.rewardModalProductVoucher .modal-header hr,
.modal.rewardModalShoppingVoucher .modal-header hr,
.modal.rewardModalAuctionHouse .modal-header hr {
    border-color: #000000;
}
.modal.rewardModalCashVoucher .modal-body,
.modal.rewardModalGarudaMiles .modal-body,
.modal.rewardModalHolidayPackage .modal-body,
.modal.rewardModalHotelVoucher .modal-body,
.modal.rewardModalMyKadoVoucher .modal-body,
.modal.rewardModalProductVoucher .modal-body,
.modal.rewardModalShoppingVoucher .modal-body,
.modal.rewardModalAuctionHouse .modal-body {
    padding: 15px 40px;
}
.modal.rewardModalCashVoucher .modal-body h3,
.modal.rewardModalGarudaMiles .modal-body h3,
.modal.rewardModalHolidayPackage .modal-body h3,
.modal.rewardModalHotelVoucher .modal-body h3,
.modal.rewardModalMyKadoVoucher .modal-body h3,
.modal.rewardModalProductVoucher .modal-body h3,
.modal.rewardModalShoppingVoucher .modal-body h3,
.modal.rewardModalAuctionHouse .modal-body h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Maven Pro Bold";
    font-size: 30px;
    line-height: 32px;
    color: #29a4dd;
}
.modal.rewardModalCashVoucher .modal-body .rewardModalPictureVoucher,
.modal.rewardModalGarudaMiles .modal-body .rewardModalPictureVoucher,
.modal.rewardModalHolidayPackage .modal-body .rewardModalPictureVoucher,
.modal.rewardModalHotelVoucher .modal-body .rewardModalPictureVoucher,
.modal.rewardModalMyKadoVoucher .modal-body .rewardModalPictureVoucher,
.modal.rewardModalProductVoucher .modal-body .rewardModalPictureVoucher,
.modal.rewardModalShoppingVoucher .modal-body .rewardModalPictureVoucher,
.modal.rewardModalAuctionHouse .modal-body .rewardModalPictureVoucher {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 220px;
    height: 220px;
}
.modal.rewardModalCashVoucher .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalGarudaMiles .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalHolidayPackage .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalHotelVoucher .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalMyKadoVoucher .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalProductVoucher .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalShoppingVoucher .modal-body .rewardModalPictureVoucher img,
.modal.rewardModalAuctionHouse .modal-body .rewardModalPictureVoucher img {
    position: absolute;
    left: -40px;
}
.modal.rewardModalCashVoucher .modal-body .auctionhousetag,
.modal.rewardModalGarudaMiles .modal-body .auctionhousetag,
.modal.rewardModalHolidayPackage .modal-body .auctionhousetag,
.modal.rewardModalHotelVoucher .modal-body .auctionhousetag,
.modal.rewardModalMyKadoVoucher .modal-body .auctionhousetag,
.modal.rewardModalProductVoucher .modal-body .auctionhousetag,
.modal.rewardModalShoppingVoucher .modal-body .auctionhousetag,
.modal.rewardModalAuctionHouse .modal-body .auctionhousetag {
    padding: 0 0 15px 0;
}
.modal.rewardModalCashVoucher .modal-body .rewardAgentName,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentName,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentName,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentName,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentName,
.modal.rewardModalProductVoucher .modal-body .rewardAgentName,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentName,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentName,
.modal.rewardModalCashVoucher .modal-body .rewardAgentID,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentID,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentID,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentID,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentID,
.modal.rewardModalProductVoucher .modal-body .rewardAgentID,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentID,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentID {
    display: inline-flex;
    margin: 0 0 5px 0;
    font-family: "Maven Pro Bold";
    font-size: 14px;
    line-height: 24px;
}
.modal.rewardModalCashVoucher .modal-body .rewardAgentName .tag-first,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentName .tag-first,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentName .tag-first,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentName .tag-first,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentName .tag-first,
.modal.rewardModalProductVoucher .modal-body .rewardAgentName .tag-first,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentName .tag-first,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentName .tag-first,
.modal.rewardModalCashVoucher .modal-body .rewardAgentID .tag-first,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentID .tag-first,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentID .tag-first,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentID .tag-first,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentID .tag-first,
.modal.rewardModalProductVoucher .modal-body .rewardAgentID .tag-first,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentID .tag-first,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentID .tag-first {
    padding: 0 10px 0 0;
    width: 127px;
    color: #004268;
}
.modal.rewardModalCashVoucher .modal-body .rewardAgentName .tag-second,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentName .tag-second,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentName .tag-second,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentName .tag-second,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentName .tag-second,
.modal.rewardModalProductVoucher .modal-body .rewardAgentName .tag-second,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentName .tag-second,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentName .tag-second,
.modal.rewardModalCashVoucher .modal-body .rewardAgentID .tag-second,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentID .tag-second,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentID .tag-second,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentID .tag-second,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentID .tag-second,
.modal.rewardModalProductVoucher .modal-body .rewardAgentID .tag-second,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentID .tag-second,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentID .tag-second {
    padding: 0 15px 0 0;
    font-family: "Maven Pro Medium";
    color: #98989e;
}
.modal.rewardModalCashVoucher .modal-body .rewardAgentName .tag-third,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentName .tag-third,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentName .tag-third,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentName .tag-third,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentName .tag-third,
.modal.rewardModalProductVoucher .modal-body .rewardAgentName .tag-third,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentName .tag-third,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentName .tag-third,
.modal.rewardModalCashVoucher .modal-body .rewardAgentID .tag-third,
.modal.rewardModalGarudaMiles .modal-body .rewardAgentID .tag-third,
.modal.rewardModalHolidayPackage .modal-body .rewardAgentID .tag-third,
.modal.rewardModalHotelVoucher .modal-body .rewardAgentID .tag-third,
.modal.rewardModalMyKadoVoucher .modal-body .rewardAgentID .tag-third,
.modal.rewardModalProductVoucher .modal-body .rewardAgentID .tag-third,
.modal.rewardModalShoppingVoucher .modal-body .rewardAgentID .tag-third,
.modal.rewardModalAuctionHouse .modal-body .rewardAgentID .tag-third {
    font-size: 12px;
    text-align: center;
    background-color: #ffc905;
    color: #004268;
    padding: 0 15px;
    border-radius: 10px;
}
.modal.rewardModalCashVoucher .modal-body .voucherExchangePoint,
.modal.rewardModalGarudaMiles .modal-body .voucherExchangePoint,
.modal.rewardModalHolidayPackage .modal-body .voucherExchangePoint,
.modal.rewardModalHotelVoucher .modal-body .voucherExchangePoint,
.modal.rewardModalMyKadoVoucher .modal-body .voucherExchangePoint,
.modal.rewardModalProductVoucher .modal-body .voucherExchangePoint,
.modal.rewardModalShoppingVoucher .modal-body .voucherExchangePoint,
.modal.rewardModalAuctionHouse .modal-body .voucherExchangePoint {
    display: inline-flex;
    margin: 20px 0 10px 0;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    p,
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p {
    margin: 0;
}
.modal.rewardModalCashVoucher .modal-body .voucherExchangePoint .voucher-normal,
.modal.rewardModalGarudaMiles .modal-body .voucherExchangePoint .voucher-normal,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-normal,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-normal {
    padding: 0 15px;
    margin-right: 20px;
    background-color: #27aae1;
    height: 50px;
    border-radius: 10px;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-normal
    p {
    font-family: "Maven Pro Bold";
    font-size: 18px;
    line-height: 50px;
    color: #ffffff;
    text-align: center;
}
.modal.rewardModalCashVoucher .modal-body .voucherExchangePoint .voucher-extra,
.modal.rewardModalGarudaMiles .modal-body .voucherExchangePoint .voucher-extra,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra,
.modal.rewardModalHotelVoucher .modal-body .voucherExchangePoint .voucher-extra,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra {
    padding: 0 15px;
    margin-right: 20px;
    background-color: #27aae1;
    height: 50px;
    border-radius: 10px;
    display: inline-flex;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .plus
    p {
    font-family: "Maven Pro Bold";
    font-size: 70px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra {
    padding: 7px 0 0 7px;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-1 {
    font-family: "Maven Pro Bold";
    font-size: 10px;
    line-height: 12px;
    color: #ffffff;
    text-align: left;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-extra
    .extra
    .extra-2 {
    font-family: "Maven Pro Bold";
    font-size: 18px;
    line-height: 23px;
    color: #ffffff;
    text-align: left;
}
.modal.rewardModalCashVoucher .modal-body .voucherExchangePoint .voucher-total,
.modal.rewardModalGarudaMiles .modal-body .voucherExchangePoint .voucher-total,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-total,
.modal.rewardModalHotelVoucher .modal-body .voucherExchangePoint .voucher-total,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-total {
    padding: 0 15px;
    margin-right: 20px;
    background-color: #ffc905;
    height: 50px;
    border-radius: 10px;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p {
    font-family: "Maven Pro Bold";
    color: #004268;
    text-align: left;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.header {
    font-size: 10px;
    line-height: 12px;
    padding-top: 7px;
}
.modal.rewardModalCashVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalGarudaMiles
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalHolidayPackage
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalHotelVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalMyKadoVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalProductVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalShoppingVoucher
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point,
.modal.rewardModalAuctionHouse
    .modal-body
    .voucherExchangePoint
    .voucher-total
    p.point {
    font-size: 18px;
    line-height: 23px;
}
.modal.rewardModalCashVoucher .modal-body p.jumlahpoint,
.modal.rewardModalGarudaMiles .modal-body p.jumlahpoint,
.modal.rewardModalHolidayPackage .modal-body p.jumlahpoint,
.modal.rewardModalHotelVoucher .modal-body p.jumlahpoint,
.modal.rewardModalMyKadoVoucher .modal-body p.jumlahpoint,
.modal.rewardModalProductVoucher .modal-body p.jumlahpoint,
.modal.rewardModalShoppingVoucher .modal-body p.jumlahpoint,
.modal.rewardModalAuctionHouse .modal-body p.jumlahpoint {
    font-family: "Maven Pro Bold";
    font-size: 18px;
    line-height: 24px;
    color: #98989e;
    margin: 10px 0;
}
.modal.rewardModalCashVoucher .modal-body p.title-confirmation,
.modal.rewardModalGarudaMiles .modal-body p.title-confirmation,
.modal.rewardModalHolidayPackage .modal-body p.title-confirmation,
.modal.rewardModalHotelVoucher .modal-body p.title-confirmation,
.modal.rewardModalMyKadoVoucher .modal-body p.title-confirmation,
.modal.rewardModalProductVoucher .modal-body p.title-confirmation,
.modal.rewardModalShoppingVoucher .modal-body p.title-confirmation,
.modal.rewardModalAuctionHouse .modal-body p.title-confirmation {
    font-family: "Maven Pro Medium";
    font-size: 18px;
    line-height: 24px;
    color: #575756;
    margin: 35px 0 10px 0;
}
.modal.rewardModalCashVoucher .modal-body p.confirmation,
.modal.rewardModalGarudaMiles .modal-body p.confirmation,
.modal.rewardModalHolidayPackage .modal-body p.confirmation,
.modal.rewardModalHotelVoucher .modal-body p.confirmation,
.modal.rewardModalMyKadoVoucher .modal-body p.confirmation,
.modal.rewardModalProductVoucher .modal-body p.confirmation,
.modal.rewardModalShoppingVoucher .modal-body p.confirmation,
.modal.rewardModalAuctionHouse .modal-body p.confirmation {
    font-family: "Maven Pro Medium";
    font-size: 15px;
    line-height: 24px;
    color: #98989e;
    margin: 5px 0 10px 0;
}
.modal.rewardModalCashVoucher .modal-footer,
.modal.rewardModalGarudaMiles .modal-footer,
.modal.rewardModalHolidayPackage .modal-footer,
.modal.rewardModalHotelVoucher .modal-footer,
.modal.rewardModalMyKadoVoucher .modal-footer,
.modal.rewardModalProductVoucher .modal-footer,
.modal.rewardModalShoppingVoucher .modal-footer,
.modal.rewardModalAuctionHouse .modal-footer {
    text-align: center;
    border-top: none;
    padding: 25px 40px 40px 40px;
}
.modal.rewardModalCashVoucher .modal-footer .btn.button-klaim,
.modal.rewardModalGarudaMiles .modal-footer .btn.button-klaim,
.modal.rewardModalHolidayPackage .modal-footer .btn.button-klaim,
.modal.rewardModalHotelVoucher .modal-footer .btn.button-klaim,
.modal.rewardModalMyKadoVoucher .modal-footer .btn.button-klaim,
.modal.rewardModalProductVoucher .modal-footer .btn.button-klaim,
.modal.rewardModalShoppingVoucher .modal-footer .btn.button-klaim,
.modal.rewardModalAuctionHouse .modal-footer .btn.button-klaim {
    text-align: center;
    background-color: #004268;
    color: #ffffff;
    padding: 6px 55px;
    border-radius: 50px;
    font-family: "Maven Pro Bold";
    font-size: 21px;
    line-height: 30px;
}
.modal.auctionhouse-modal-point1,
.modal.auctionhouse-modal-point10,
.modal.auctionhouse-modal-point100,
.modal.auctionhouse-modal-point1-success,
.modal.auctionhouse-modal-point10-success,
.modal.auctionhouse-modal-point100-success {
    font-family: "Maven Pro Medium";
}
.modal.auctionhouse-modal-point1 .modal-content,
.modal.auctionhouse-modal-point10 .modal-content,
.modal.auctionhouse-modal-point100 .modal-content,
.modal.auctionhouse-modal-point1-success .modal-content,
.modal.auctionhouse-modal-point10-success .modal-content,
.modal.auctionhouse-modal-point100-success .modal-content {
    border-radius: 20px;
}
.modal.auctionhouse-modal-point1 .modal-content .modal-header,
.modal.auctionhouse-modal-point10 .modal-content .modal-header,
.modal.auctionhouse-modal-point100 .modal-content .modal-header,
.modal.auctionhouse-modal-point1-success .modal-content .modal-header,
.modal.auctionhouse-modal-point10-success .modal-content .modal-header,
.modal.auctionhouse-modal-point100-success .modal-content .modal-header {
    border-bottom: none;
}
.modal.auctionhouse-modal-point1 .modal-content .modal-header .for-close,
.modal.auctionhouse-modal-point10 .modal-content .modal-header .for-close,
.modal.auctionhouse-modal-point100 .modal-content .modal-header .for-close,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-header
    .for-close,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-header
    .for-close,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-header
    .for-close {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    padding: 0;
    border-radius: 90px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}
.modal.auctionhouse-modal-point1 .modal-content .modal-header .for-close img,
.modal.auctionhouse-modal-point10 .modal-content .modal-header .for-close img,
.modal.auctionhouse-modal-point100 .modal-content .modal-header .for-close img,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-header
    .for-close
    img,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-header
    .for-close
    img,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-header
    .for-close
    img {
    width: 40px;
}
.modal.auctionhouse-modal-point1 .modal-content .modal-body,
.modal.auctionhouse-modal-point10 .modal-content .modal-body,
.modal.auctionhouse-modal-point100 .modal-content .modal-body,
.modal.auctionhouse-modal-point1-success .modal-content .modal-body,
.modal.auctionhouse-modal-point10-success .modal-content .modal-body,
.modal.auctionhouse-modal-point100-success .modal-content .modal-body {
    padding: 25px 40px;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    img.auctionhouselogo,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    img.auctionhouselogo,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    img.auctionhouselogo,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    img.auctionhouselogo,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    img.auctionhouselogo,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    img.auctionhouselogo {
    margin: 10px 20px;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    h4.h4-1-modal-auction,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    h4.h4-1-modal-auction,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    h4.h4-1-modal-auction,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction {
    font-family: "Maven Pro Bold";
    font-size: 18px;
    color: #000000;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    h4.h4-1-modal-auction
    span {
    font-family: "Maven Pro Regular";
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    h3.h3-1-modal-auction,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    h3.h3-1-modal-auction,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    h3.h3-1-modal-auction,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    h3.h3-1-modal-auction,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    h3.h3-1-modal-auction,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    h3.h3-1-modal-auction {
    font-family: "Maven Pro Medium";
    font-size: 20px;
    color: #26a7de;
    margin: 0;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    h1.h1-1-modal-auction,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    h1.h1-1-modal-auction,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    h1.h1-1-modal-auction,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    h1.h1-1-modal-auction,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    h1.h1-1-modal-auction,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    h1.h1-1-modal-auction {
    font-family: "Maven Pro Bold";
    font-size: 34px;
    color: #ff890b;
    margin: 0;
}
.modal.auctionhouse-modal-point1 .modal-content .modal-body p.p-1-modal-auction,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    p.p-1-modal-auction,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    p.p-1-modal-auction,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    p.p-1-modal-auction,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    p.p-1-modal-auction,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    p.p-1-modal-auction {
    font-family: "Maven Pro Regular";
    font-size: 12px;
    color: #000000;
    margin: 0;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction {
    margin: 30px 0 30px 0;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button {
    padding: 15px 30px;
    margin: 0 5px;
    font-family: "Maven Pro Bold";
    font-size: 20px;
    border-radius: 40px;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.bidnow {
    border: none;
    color: #ffffff;
    background-color: #26a7de;
}
.modal.auctionhouse-modal-point1
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel,
.modal.auctionhouse-modal-point10
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel,
.modal.auctionhouse-modal-point100
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel,
.modal.auctionhouse-modal-point1-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel,
.modal.auctionhouse-modal-point10-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel,
.modal.auctionhouse-modal-point100-success
    .modal-content
    .modal-body
    .buttonbidnow-modal-auction
    button.cancel {
    border: 1px solid #ff0000;
    color: #ff0000;
    background-color: #ffffff;
}
/* extensions */
.menu-nav-login {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-login .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-login .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-login .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #ffffff;
}
.menu-nav-login .menu-header .list-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-login .menu-header .list-menu li a:hover {
    color: #14a7df;
}
.menu-nav-login .menu-header .list-menu li.active a,
.menu-nav-login .menu-header .list-menu li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.menu-nav-login .menu-header .list-menu li.divider-menu {
    font-size: 22px;
}
.menu-nav-login .menu-header .list-menu .campaign-menu {
    display: inline-block;
}
.menu-nav-login .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-login .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-login .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-login .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.menu-nav-login2 {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-login2 .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-login2 .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-login2 .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #000000;
}
.menu-nav-login2 .menu-header .list-menu li a {
    color: #000000;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-login2 .menu-header .list-menu li a:hover {
    color: #14a7df;
}
.menu-nav-login2 .menu-header .list-menu li.active a,
.menu-nav-login2 .menu-header .list-menu li.active a:hover {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #14a7df;
}
.menu-nav-login2 .menu-header .list-menu li.divider-menu {
    font-size: 22px;
    color: #000000;
}
.menu-nav-login2 .menu-header .list-menu .campaign-menu {
    display: inline-block;
}
.menu-nav-login2 .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-login2 .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-login2 .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-login2 .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.menu-nav-login3 {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-login3 .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-login3 .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-login3 .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #ffffff;
}
.menu-nav-login3 .menu-header .list-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-login3 .menu-header .list-menu li a:hover {
    color: #14a7df;
}
.menu-nav-login3 .menu-header .list-menu li.active a,
.menu-nav-login3 .menu-header .list-menu li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #004268;
}
.menu-nav-login3 .menu-header .list-menu li.divider-menu {
    font-size: 22px;
}
.menu-nav-login3 .menu-header .list-menu .campaign-menu {
    display: inline-block;
}
.menu-nav-login3 .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-login3 .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-login3 .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-login3 .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.menu-nav-login4 {
    position: absolute;
    z-index: 100;
    width: 100%;
}
.menu-nav-login4 .menu-header {
    padding: 50px 0 50px 0;
    background-color: transparent;
}
.menu-nav-login4 .menu-header .list-menu {
    float: right;
    margin: 20px 0;
    padding: 5px 0;
}
.menu-nav-login4 .menu-header .list-menu li {
    display: inline;
    margin: 0 10px 0 10px;
    color: #ffffff;
}
.menu-nav-login4 .menu-header .list-menu li a {
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    font-weight: bold;
}
.menu-nav-login4 .menu-header .list-menu li a:hover {
    color: #184059;
}
.menu-nav-login4 .menu-header .list-menu li.active a,
.menu-nav-login4 .menu-header .list-menu li.active a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    border-bottom: 3px solid #184059;
}
.menu-nav-login4 .menu-header .list-menu li.divider-menu {
    font-size: 22px;
}
.menu-nav-login4 .menu-header .list-menu .campaign-menu {
    display: inline-block;
}
.menu-nav-login4 .menu-header .list-menu .dropdown-menu {
    text-align: center;
    min-width: 65px;
    background-color: #030303;
}
.menu-nav-login4 .menu-header .list-menu .dropdown-menu li {
    margin: 0;
}
.menu-nav-login4 .menu-header .list-menu .dropdown-menu a {
    padding: 5px 0;
}
.menu-nav-login4 .menu-header .list-menu .dropdown-menu a:hover {
    background-color: #8cd0f6;
}
.profile-login {
    display: table-cell;
    position: relative;
    bottom: 15px;
}
.profile-login .img-profile {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}
.profile-login .body-profile {
    display: table-cell;
    font-family: "Maven Pro Medium";
}
.profile-login .body-profile h4 {
    margin: 0;
    font-size: 11px;
    line-height: 12px;
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.profile-login .body-profile p {
    margin: 0;
    line-height: 12px;
}
.profile-login .body-profile p.status {
    font-size: 10px;
    color: #ffc905;
    padding: 2px 0;
}
.profile-login .body-profile p.edit-logout {
    font-size: 8px;
}
.reward-carousel {
    width: 100%;
    height: 690px;
}
.reward-carousel #reward-slider .item div {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 690px;
}
.reward-carousel #reward-slider .carousel-control {
    background-image: none;
}
.point-status-box {
    position: absolute;
    z-index: 100;
    top: 629px;
    width: 100%;
}
.point-status-box .box {
    background-color: #ffffff;
    padding: 30px 55px;
    margin: 0 50px;
    z-index: 2;
    border-radius: 70px;
}
.point-status-box .box .title-tag {
    font-family: "Maven Pro Regular";
    font-size: 21px;
    line-height: 25px;
    color: #808080;
    padding: 0 0 5px 0;
}
.point-status-box .box .point-tag {
    font-family: "Maven Pro Medium";
    font-size: 30px;
    line-height: 36px;
    color: #004268;
}
.point-status-box .box .divider-point {
    width: 100%;
    margin: 0;
    padding: 0;
}
.point-status-box .box .divider-point li {
    display: inline-block;
    width: 50%;
}
.point-status-box .box .divider-point li.border {
    border-right: 1px solid #939598;
    float: left;
}
.point-status-box .box .divider-point .box-status-tag .backbox-status-tag {
    background-color: #ffc905;
    display: inline-block;
    border-radius: 10px;
}
.point-status-box .box .divider-point .box-status-tag .backbox-status-tag p {
    padding: 5px 10px;
    margin: 0;
    font-family: "Maven Pro Bold";
    font-size: 20px;
    color: #004268;
}
.promo-hotel {
    background-color: #004268;
}
.promo-hotel .box {
    padding: 110px 0 40px 0;
}
.promo-hotel .box img {
    width: 100%;
}
.tukar-point-reward {
    margin-bottom: 50px;
}
.tukar-point-reward .tukarPoint {
    font-size: 34px;
    line-height: 41px;
    color: #6d6e70;
    margin: 75px;
}
.tukar-point-reward .titleVoucher {
    font-family: "Maven Pro Medium";
    font-size: 27px;
    line-height: 33px;
    color: #25a6dd;
    padding: 0 0 20px 0;
}
.tukar-point-reward .titleVoucher.title-auctionhouse-padding {
    padding: 0;
}
.tukar-point-reward .carouselReward {
    padding: 5px 0 80px 0;
    position: relative;
}
.tukar-point-reward .carouselReward .item.auctionhouse-padding {
    padding: 30px 15px 0 15px;
}
.tukar-point-reward .carouselReward .item .pict-vou img {
    width: 100%;
}
.tukar-point-reward .carouselReward .item .cash {
    background-color: #e6eff5;
    color: #004268;
    font-family: "Maven Pro Medium";
    font-size: 20px;
    line-height: 24px;
    padding: 13px 5px;
    border-bottom: 1px dashed #71818b;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tukar-point-reward .carouselReward .item a.a-point {
    text-decoration: none;
}
.tukar-point-reward .carouselReward .item button.button-a-point {
    width: 100%;
    padding: 0;
    border: none;
    background-color: #004268;
}
.tukar-point-reward .carouselReward .item button.button-a-point:hover {
    background-color: #27aae1;
}
.tukar-point-reward .carouselReward .item button.button-a-point:focus {
    outline: transparent;
}
.tukar-point-reward .carouselReward .item .point {
    color: #ffffff;
    font-family: "Maven Pro Medium";
    font-size: 20px;
    line-height: 24px;
    padding: 13px 5px;
    text-transform: uppercase;
}
.tukar-point-reward .carouselReward .item .point:hover {
    background-color: #25a8df;
}
.tukar-point-reward .carouselReward .item .point i {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background-color: #ffffff;
    border-radius: 50%;
}
.tukar-point-reward .carouselReward .item .point .bottom {
    margin-top: -27px;
}
.tukar-point-reward .carouselReward .item .point .left {
    float: left;
    margin-left: -23px;
}
.tukar-point-reward .carouselReward .item .point .right {
    float: right;
    margin-right: -23px;
}
.tukar-point-reward .carouselReward .item .auction-pin {
    position: absolute;
    top: -28px;
    right: 0;
}
.tukar-point-reward .carouselReward .item .auction-pin img {
    width: 105px;
    height: 84px;
}
.tukar-point-reward .carouselReward .item button.auction-information {
    margin: 20px 0;
    padding: 10px 20px;
    color: #ffffff;
    border: none;
    border-radius: 40px;
    font-family: "Maven Pro Medium";
    font-size: 12px;
}
.tukar-point-reward .carouselReward .item button.auction-information.ongoing {
    background-color: #fe4445;
}
.tukar-point-reward .carouselReward .item button.auction-information.closed {
    background-color: #a4a4a4;
}
.tukar-point-reward .carouselReward .item button.auction-information.redeem {
    background-color: #0da8db;
}
.tukar-point-reward .carouselReward .carousel-control {
    background: none;
    color: #222;
    text-shadow: none;
    margin-top: 30px;
}
.tukar-point-reward .carouselReward .carousel-control .glyphicon {
    top: 50%;
    font-size: 45px;
    font-weight: 100;
}
.tukar-point-reward .carouselReward .carousel-control.left {
    left: -115px;
    bottom: 105px;
}
.tukar-point-reward .carouselReward .carousel-control.right {
    right: -115px;
    bottom: 105px;
}
.tukar-point-reward .carouselReward .carousel-control .icon-reward-back,
.tukar-point-reward .carouselReward .carousel-control .icon-reward-next {
    height: 45px;
    width: 45px;
    position: relative;
    top: 45%;
}
.syarat-ketentuan {
    background-color: #e7f1f6;
    padding: 80px 0;
}
.syarat-ketentuan .title {
    font-family: "Maven Pro Bold";
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 50px 0;
    color: #004268;
}
.syarat-ketentuan .text {
    text-align: left;
    padding-left: 15px;
    font-family: "Maven Pro Medium";
    font-size: 19px;
    line-height: 30px;
    color: #98989e;
}
.syarat-ketentuan span {
    color: #27aae1;
}
.syarat-ketentuan span a {
    text-decoration: none;
}
.content--1hotelpromotion {
    background-image: url(../images/background/hotelpromotion-edited.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 690px;
}
.content--1hotelpromotion h1 {
    margin-top: 240px;
    font-family: "Maven Pro Bold";
    font-size: 64px;
    line-height: 70px;
    color: #ffffff;
}
.content--1klaimreward {
    background-image: url(../images/banner/banner-klaimreward.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    padding: 10px 0 125px 0;
}
.content--1klaimreward .form-klaimreward {
    background-color: #ffffff;
    margin-top: 215px;
    border-radius: 10px;
}
.content--1klaimreward .form-klaimreward .form {
    padding: 50px 20px 40px 20px;
}
.content--1klaimreward .form-klaimreward .form h1 {
    font-family: "Maven Pro Medium";
    font-size: 34px;
    line-height: 41px;
    color: #939598;
    text-align: center;
    margin: 0 0 60px 0;
}
.content--1klaimreward .form-klaimreward .form .form-nav-tab {
    margin-bottom: 30px;
}
.content--1klaimreward .form-klaimreward .form .form-nav-tab .nav-pills {
    margin-bottom: 15px;
}
.content--1klaimreward .form-klaimreward .form .form-nav-tab .nav-pills > li {
    border: 1px solid #939598;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li
    + li {
    margin: 0;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li
    > a {
    color: #575756;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 16px;
    border-radius: 50px;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li
    > a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #27aae1;
}
.content--1klaimreward
    .form-klaimreward
    .form
    .form-nav-tab
    .nav-pills
    > li.active
    > a {
    color: #004268;
    background-color: transparent;
    font-weight: bold;
}
.content--1klaimreward #info-tukar-hadiah .header {
    background-color: #f4f4f4;
    padding: 25px 35px;
}
.content--1klaimreward #info-tukar-hadiah .header .form-search {
    padding: 5px 10px;
    border: 1px solid #939598;
    border-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah .header label {
    color: #939598;
}
.content--1klaimreward #info-tukar-hadiah .header label select {
    color: #575756;
    padding: 5px;
    border-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah .header label option {
    color: #575756;
}
.content--1klaimreward #info-tukar-hadiah table {
    border: 1px solid #ddd;
}
.content--1klaimreward #info-tukar-hadiah table tr th,
.content--1klaimreward #info-tukar-hadiah table tr td {
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    color: #939598;
    font-weight: normal;
}
.content--1klaimreward #info-tukar-hadiah table tr th {
    font-family: "Maven Pro Medium";
    padding: 20px 8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bolder;
}
/* .content--1klaimreward #info-tukar-hadiah table tr th:nth-child(1) {
    width: 20%;
}
.content--1klaimreward #info-tukar-hadiah table tr th:nth-child(2) {
    width: 20%;
}
.content--1klaimreward #info-tukar-hadiah table tr th:nth-child(3) {
    width: 40%;
}
.content--1klaimreward #info-tukar-hadiah table tr th:nth-child(4) {
    width: 20%;
} */
.content--1klaimreward #info-tukar-hadiah table tr td {
    font-family: "Maven Pro Regular";
    padding: 12px 8px;
    font-weight: normal;
    color: #6d6e70;
}
.content--1klaimreward #info-tukar-hadiah table tr td:nth-child(1) {
    font-size: 16px;
    line-height: 19px;
    color: #6d6e70;
    font-weight: normal;
}
.content--1klaimreward #info-tukar-hadiah table tr td:nth-child(3) {
    font-size: 16px;
    line-height: 19px;
    color: #6d6e70;
}
.content--1klaimreward #info-tukar-hadiah table tr td:nth-child(4) {
    font-size: 16px;
    line-height: 19px;
}
.content--1klaimreward #info-tukar-hadiah table tr td:nth-child(4).approved {
    color: #27aae1;
}
.content--1klaimreward #info-tukar-hadiah table tr td:nth-child(4).deleted {
    color: #ff0000;
}
.content--1klaimreward #info-tukar-hadiah .footer div.showing {
    font-size: 16px;
    line-height: 31px;
    color: #939598;
}
.content--1klaimreward #info-tukar-hadiah .footer .pagination {
    margin: 0;
    float: right;
}
.content--1klaimreward
    #info-tukar-hadiah
    .footer
    .pagination
    li:first-child
    > a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.content--1klaimreward
    #info-tukar-hadiah
    .footer
    .pagination
    li:last-child
    > a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah .footer .pagination li a {
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background-color: #004268;
}
.content--1klaimreward #info-tukar-hadiah-2 .header {
    background-color: #f4f4f4;
    padding: 25px 35px;
}
.content--1klaimreward #info-tukar-hadiah-2 .header .form-search {
    padding: 5px 10px;
    border: 1px solid #939598;
    border-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah-2 .header label {
    color: #939598;
}
.content--1klaimreward #info-tukar-hadiah-2 .header label select {
    color: #575756;
    padding: 5px;
    border-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah-2 .header label option {
    color: #575756;
}
.content--1klaimreward #info-tukar-hadiah-2 table {
    border: 1px solid #ddd;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr th,
.content--1klaimreward #info-tukar-hadiah-2 table tr td {
    text-align: center;
    line-height: 19px;
    color: #939598;
    font-weight: normal;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr th {
    font-family: "Maven Pro Medium";
    padding: 20px 8px;
    vertical-align: middle;
    font-size: 16px;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td {
    font-family: "Maven Pro Medium";
    padding: 12px 8px;
    font-size: 14px;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td.approved {
    color: #27aae1;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td.rejected {
    color: #ff0000;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td.pending {
    color: #004268;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td.received {
    color: #008000;
}
.content--1klaimreward #info-tukar-hadiah-2 table tr td:first-child,
.content--1klaimreward #info-tukar-hadiah-2 table tr td:nth-child(3) {
    font-size: 16px;
    line-height: 19px;
    color: #575756;
}
.content--1klaimreward #info-tukar-hadiah-2 .footer div.showing {
    font-size: 16px;
    line-height: 31px;
    color: #939598;
}
.content--1klaimreward #info-tukar-hadiah-2 .footer .pagination {
    margin: 0;
    float: right;
}
.content--1klaimreward
    #info-tukar-hadiah-2
    .footer
    .pagination
    li:first-child
    > a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.content--1klaimreward
    #info-tukar-hadiah-2
    .footer
    .pagination
    li:last-child
    > a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content--1klaimreward #info-tukar-hadiah-2 .footer .pagination li a {
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background-color: #004268;
}
.content--1klaimreward #info-detail-point .header {
    background-color: #f4f4f4;
    padding: 25px 35px;
}
.content--1klaimreward #info-detail-point .header .form-search {
    padding: 5px 10px;
    border: 1px solid #939598;
    border-radius: 20px;
}
.content--1klaimreward #info-detail-point .header label {
    color: #939598;
}
.content--1klaimreward #info-detail-point .header label select {
    color: #575756;
    padding: 5px;
    border-radius: 20px;
}
.content--1klaimreward #info-detail-point .header label option {
    color: #575756;
}
.content--1klaimreward #info-detail-point table {
    border: 1px solid #ddd;
}
.content--1klaimreward #info-detail-point table tr th,
.content--1klaimreward #info-detail-point table tr td {
    text-align: center;
    line-height: 19px;
    color: #939598;
    font-weight: normal;
}
.content--1klaimreward #info-detail-point table tr th {
    font-family: "Maven Pro Medium";
    padding: 20px 8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bolder;
}
.content--1klaimreward #info-detail-point table tr th:nth-child(5),
.content--1klaimreward #info-detail-point table tr th:nth-child(6) {
    width: 10%;
}
.content--1klaimreward #info-detail-point table tr th:nth-child(8) {
    width: 24%;
}
.content--1klaimreward #info-detail-point table tr td {
    font-family: "Maven Pro Regular";
    color: #6d6e70;
    padding: 12px 8px;
    font-size: 16px;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(7) {
    font-size: 12px;
    line-height: 19px;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(7).approved {
    color: #27aae1;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(7).deleted {
    color: #ff0000;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(7).received {
    color: #008000;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(7).pending {
    color: #004268;
}
.content--1klaimreward #info-detail-point table tr td:nth-child(8) {
    vertical-align: middle;
}
.content--1klaimreward #info-detail-point .footer div.showing {
    font-size: 16px;
    line-height: 31px;
    color: #939598;
}
.content--1klaimreward #info-detail-point .footer .pagination {
    margin: 0;
    float: right;
}
.content--1klaimreward
    #info-detail-point
    .footer
    .pagination
    li:first-child
    > a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.content--1klaimreward
    #info-detail-point
    .footer
    .pagination
    li:last-child
    > a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content--1klaimreward #info-detail-point .footer .pagination li a {
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background-color: #004268;
}
.content--1transaksi {
    background-image: url(../images/banner/banner-klaimreward.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    padding: 10px 10px 125px 10px;
}
.content--1transaksi .form-transaksi {
    background-color: #ffffff;
    margin-top: 215px;
    border-radius: 10px;
}
.content--1transaksi .form-transaksi .form {
    padding: 50px 20px 40px 20px;
}
.content--1transaksi .form-transaksi .form h1 {
    font-family: "Maven Pro Medium";
    font-size: 34px;
    line-height: 41px;
    color: #939598;
    text-align: center;
    margin: 0 0 60px 0;
}
.content--1transaksi .form-transaksi .form #riwayat-transaksi .header {
    background-color: #f4f4f4;
    padding: 25px 35px;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .header
    .form-search {
    padding: 5px 10px;
    border: 1px solid #939598;
    border-radius: 20px;
}
.content--1transaksi .form-transaksi .form #riwayat-transaksi .header label {
    color: #939598;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .header
    label
    select {
    color: #575756;
    padding: 5px;
    border-radius: 20px;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .header
    label
    option {
    color: #575756;
}
.content--1transaksi .form-transaksi .form #riwayat-transaksi table {
    border: 1px solid #ddd;
}
.content--1transaksi .form-transaksi .form #riwayat-transaksi table tr th,
.content--1transaksi .form-transaksi .form #riwayat-transaksi table tr td {
    font-family: "Maven Pro Regular";
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    color: #6d6e70;
    font-weight: normal;
}
.content--1transaksi .form-transaksi .form #riwayat-transaksi table tr th {
    font-family: "Maven Pro Regular";
    font-size: 14px;
    line-height: 17px;
    padding: 20px 8px;
    vertical-align: middle;
    color: #939598;
    font-weight: bolder;
}
/* .content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    th:nth-child(1) {
    width: 10%;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    th:nth-child(4),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    th:nth-child(5) {
    width: 10%;
} */
.content--1transaksi .form-transaksi .form #riwayat-transaksi table tr td {
    font-family: "Maven Pro Regular";
    padding: 12px 8px;
    font-weight: normal;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(4),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(5) {
    padding: 12px 14px;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(6),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(7),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(8),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(9),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(10),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(11) {
    font-family: "Maven Pro Regular";
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    color: #6d6e70;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(2),
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(3) {
    text-transform: uppercase;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    table
    tr
    td:nth-child(11).totalpoint {
    color: #27aae1;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .footer
    div.showing {
    font-size: 16px;
    line-height: 31px;
    color: #939598;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .footer
    .pagination {
    margin: 0;
    float: right;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .footer
    .pagination
    li:first-child
    > a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .footer
    .pagination
    li:last-child
    > a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.content--1transaksi
    .form-transaksi
    .form
    #riwayat-transaksi
    .footer
    .pagination
    li
    a {
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    background-color: #004268;
}
.content--editprofile {
    background-image: url(../images/banner/banner-klaimreward.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    padding: 10px 10px 125px 10px;
}
.content--editprofile .title-editprofile {
    margin-top: 180px;
}
.content--editprofile .title-editprofile p {
    font-family: "Maven Pro Bold";
    font-size: 36px;
    line-height: 43px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
}
.content--editprofile .form-editprofile {
    background-color: #ffffff;
    border-radius: 10px;
}
.content--editprofile .form-editprofile .form-ep {
    padding: 50px 30px 60px 30px;
}
.content--editprofile .form-editprofile .form-ep .formgroupep {
    margin: 0 0 25px 0;
    font-family: "Maven Pro Medium";
    line-height: 24px;
    font-size: 16px;
}
.content--editprofile .form-editprofile .form-ep .formgroupep .tag-input-name {
    line-height: 26px;
    color: #004268;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .input-name
    input {
    border: 1px solid #d7d7d7;
    border-radius: 50px;
    padding: 0 13px;
    width: 90%;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .input-name
    p.small-info {
    font-family: "Maven Pro Medium";
    font-size: 9px;
    line-height: 20px;
    color: #29a4dd;
}
.content--editprofile .form-editprofile .form-ep .formgroupep .buttoninputfile {
    font-family: "Maven Pro Medium";
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfile
    input {
    cursor: pointer;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfile
    button {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    border: none;
    border-radius: 10px;
    background-color: #dee1e0;
    width: 100%;
    padding: 7px 25px;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfile
    .name-file-choose {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin: 0;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss {
    font-family: "Maven Pro Medium";
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    input {
    cursor: pointer;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .upload-button {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .upload-button-label {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 40px;
    text-align: center;
    background-color: #dee1e0;
    display: inline-block;
    border-radius: 10px;
    transition: 150ms;
    cursor: pointer;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .upload-button-label:focus,
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .upload-button-label:hover {
    background-color: #c2c2c2;
    cursor: pointer;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .upload-button-label:focus {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.content--editprofile
    .form-editprofile
    .form-ep
    .formgroupep
    .buttoninputfilecss
    .name-file-choose {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin: 0;
}
.content--editprofile .form-editprofile .form-ep .formgroupep .img-thumbnail {
    border-radius: 10px;
}
.content--editprofile .form-editprofile .form-ep .formbutton {
    text-align: center;
}
.content--editprofile .form-editprofile .form-ep .formbutton button {
    font-family: "Maven Pro Bold";
    font-size: 18px;
    line-height: 30px;
    background-color: #004268;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    padding: 7px 20px;
}
.content--editprofile .form-editprofile .form-ep hr {
    margin-top: 35px;
    margin-bottom: 50px;
    border-top: 1px solid #000000;
}
.terms-conditions-hotelpromotion {
    font-family: "Maven Pro Regular";
    margin: 30px 0 50px 0;
}
.terms-conditions-hotelpromotion .title-tac {
    font-family: "Maven Pro Medium";
    font-size: 16px;
    line-height: 24px;
    color: #004268;
}
.terms-conditions-hotelpromotion ul {
    padding-inline-start: 20px;
}
.terms-conditions-hotelpromotion .text-tac {
    font-size: 14px;
    line-height: 24px;
    color: #969696;
}
.content--hotelpromotionchoose {
    margin: 10px 0 0 0;
    font-family: "Maven Pro Regular";
}
.content--hotelpromotionchoose .title-hotelpromotion {
    font-family: "Maven Pro Medium";
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    color: #6d6e70;
    padding: 0 0 20px 0;
}
.content--hotelpromotionchoose .chosencity {
    margin-bottom: 15px;
    text-align: center;
}
.content--hotelpromotionchoose .chosencity a {
    padding: 5px 0;
    margin: 0 10px;
}
.content--hotelpromotionchoose .chosencity a:hover,
.content--hotelpromotionchoose .chosencity a:focus {
    text-decoration: none;
}
.content--hotelpromotionchoose .chosencity a.active {
    border-bottom: 3px solid #004268;
}
.content--hotelpromotionchoose .chosenhotel h3.title-city {
    color: #27aae1;
    font-family: "Maven Pro Medium";
    font-size: 23px;
    line-height: 28px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.content--hotelpromotionchoose .chosenhotel .content-hotel .promotionhotel {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    margin: 10px 0 30px 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentname {
    height: 175px;
    background: linear-gradient(
        to bottom,
        transparent,
        transparent,
        transparent,
        rgba(0, 0, 0, 0.7)
    );
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentname
    .contentnamehotel {
    padding: 10px;
    position: relative;
    top: 140px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentname
    .contentnamehotel
    h3.title-hotel {
    font-family: "Maven Pro Bold";
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails {
    height: 125px;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.7),
        rgba(0, 66, 104, 0.9),
        rgba(0, 66, 104, 0.9),
        rgba(0, 66, 104, 0.9)
    );
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel {
    height: 125px;
    padding: 10px 15px;
    color: #ffffff;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p {
    color: #ffffff;
    margin: 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p.textcheckoutperiod {
    font-family: "Maven Pro Medium";
    font-size: 8px;
    line-height: 8px;
    padding-top: 5px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .contentnamehotel {
    height: 92px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .contentnamehotel
    h3.title-hotel {
    font-family: "Maven Pro Bold";
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    color: #ffffff;
    width: 211px;
    margin: 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .contentnamehotel
    img {
    vertical-align: top;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .contentnamehotel
    p {
    color: #ffffff;
    margin: 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .contentnamehotel
    p.textalamat {
    font-family: "Maven Pro Medium";
    font-size: 8px;
    line-height: 9px;
    width: 211px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p {
    color: #ffffff;
    margin: 0;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p.textharga {
    font-family: "Maven Pro Medium";
    font-size: 8px;
    line-height: 9px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p.hargamg {
    font-family: "Montserrat Semibold";
    font-size: 20px;
    line-height: 24px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    p.hargaonline {
    font-family: "Montserrat Semibold";
    font-size: 11px;
    line-height: 14px;
    text-decoration: line-through red solid;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .extrapointcontent {
    margin: 0 0 0 10px;
    border: 3px solid #ffffff;
    border-radius: 10px;
    text-align: center;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .extrapointcontent
    .point {
    margin: 0;
    padding: 3px 5px 0px 5px;
    font-family: "Montserrat Semibold";
    font-size: 24px;
    line-height: 29px;
}
.content--hotelpromotionchoose
    .chosenhotel
    .content-hotel
    .promotionhotel
    .promotionhotel-contentdetails
    .contentdetailshotel
    .extrapointcontent
    .pointtext {
    margin: 0;
    padding: 0 5px 5px 5px;
    font-size: 8px;
    line-height: 8px;
}
.banner-landingpage {
    width: 100%;
}
.banner-landingpage .backgroundImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 690px;
    padding: 200px 0 0 0;
}
.banner-second-landing-page {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-second-landing-page .title-banner {
    color: #fff000;
    font-family: "Maven Pro Bold";
    font-size: 40px;
    padding: 85px 0 0 0;
}
.banner-second-landing-page-singapore-fd {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-second-landing-page-singapore-fd .row.title-sfd {
    margin: 55px 0 40px;
}
.banner-second-landing-page-singapore-fd .row.title-sfd h2 {
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-weight: bolder;
    margin: 0;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul {
    font-family: "Montserrat Regular";
    font-size: 16px;
    margin: 1px auto;
    padding: 10px;
    width: 60%;
    border-radius: 30px;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:first-child {
    background-color: #004268;
    color: #ffffff;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(2),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(3),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(4),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(5),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(6),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(7),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(8),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul:nth-child(9) {
    background-color: #61bae4;
    color: #000000;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul
    li {
    display: inline-block;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul
    li:first-child {
    width: 10%;
    text-align: center;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul
    li:nth-child(2),
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul
    li:nth-child(3) {
    width: 31%;
    text-align: center;
}
.banner-second-landing-page-singapore-fd
    .row.table-winners-sfd
    .name-table-winners
    ul
    li:last-child {
    width: 25%;
    text-align: center;
}
.banner-second-landing-page-singapore-fd .row.footer-winners-sfd {
    margin: 60px 0 0;
}
.banner-second-landing-page-singapore-fd .row.footer-winners-sfd h3 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bolder;
}
.banner-second-landing-page-singapore-fd .row.footer-winners-sfd p {
    font-size: 12px;
    color: #ffffff;
}
.banner-second-landing-page-mgtt {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.banner-second-landing-page-mgtt .hotelname-and-info {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px;
}
.banner-second-landing-page-mgtt .hotelname-and-info .title-mgtt {
    font-family: "Maven Pro Medium";
    font-size: 44px;
    text-align: center;
    color: #6d6e70;
}
.banner-second-landing-page-mgtt .hotelname-and-info .title-mgtt h2 {
    margin: 0;
    letter-spacing: 5px;
}
.banner-second-landing-page-mgtt .hotelname-and-info .datetime {
    text-align: center;
}
.banner-second-landing-page-mgtt .hotelname-and-info .datetime .backnavy {
    background-color: #004268;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    margin: 30px auto;
    padding: 10px 20px;
    border-radius: 30px;
}
.banner-second-landing-page-mgtt .hotelname-and-info .datetime p {
    font-size: 20px;
    margin: 0;
}
.banner-second-landing-page-mgtt .hotelname-and-info .hotelpict-name {
    text-align: center;
}
.banner-second-landing-page-mgtt .hotelname-and-info .hotelpict-name h3 {
    font-family: "Maven Pro Medium";
    font-size: 24px;
    color: #6d6e70;
}
.banner-second-landing-page-mgtt .hotelname-and-info .hotelpict-name p {
    font-size: 14px;
    color: #6d6e70;
}
.banner-second-landing-page-mgtt .regis-prize-card {
    margin: 50px 0;
}
.banner-second-landing-page-mgtt .regis-prize-card .nametitlecode {
    margin: 10px 0;
}
.banner-second-landing-page-mgtt .regis-prize-card .nametitlecode .title {
    display: inline-block;
    background-color: #004268;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    border-radius: 20px;
}
.banner-second-landing-page-mgtt .regis-prize-card .nametitlecode .title p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.banner-second-landing-page-mgtt .regis-prize-card .anotherinfo p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.banner-second-landing-page-mgtt .placeandtime-info {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 50px;
}
.banner-second-landing-page-mgtt .placeandtime-info .title-mgtt-mega {
    font-family: "Maven Pro Medium";
    font-size: 44px;
    text-align: center;
    color: #6d6e70;
    margin: 0 0 40px;
}
.banner-second-landing-page-mgtt .placeandtime-info .title-mgtt-mega h2 {
    margin: 0;
    letter-spacing: 2px;
}
.banner-second-landing-page-mgtt .placeandtime-info .placetime-mgtt-mega {
    margin: 0 0 20px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4 {
    padding-right: 5px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time {
    background-color: #004268;
    border-radius: 10px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    .divider-point {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    .divider-point
    .for-absolute {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px 15px;
    background-color: #29a5de;
    color: #fff;
    border-radius: 30px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li {
    display: inline-block;
    width: 50%;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li.border {
    border-right: 1px dashed #ffffff;
    float: left;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .date {
    font-family: "Maven Pro Bold";
    color: #ffffff;
    padding: 20px 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .date
    p {
    margin: 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .date
    p.date1 {
    font-size: 40px;
    line-height: 42px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .date
    p.date2 {
    font-size: 24px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .date
    p.indoor {
    font-size: 14px;
    background-color: #29a5de;
    display: inline-block;
    border-radius: 20px;
    padding: 5px 15px;
    margin: 10px 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .clock {
    font-family: "Maven Pro Bold";
    color: #ffffff;
    padding: 37px 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .clock
    p {
    margin: 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .clock
    p.satu,
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .clock
    p.tiga {
    font-size: 24px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-4
    .time
    li
    .clock
    p.dua {
    font-size: 16px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-8 {
    padding-left: 5px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-8
    .place {
    background-color: #e9f4fa;
    border-radius: 10px;
    padding: 20px 0;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-8
    .place
    .positionplace {
    color: #6d6e70;
    font-family: "Maven Pro Medium";
    font-size: 24px;
}
.banner-second-landing-page-mgtt
    .placeandtime-info
    .placetime-mgtt-mega
    .col-xs-8
    .place
    .activity {
    color: #6d6e70;
    font-family: "Maven Pro Regular";
    font-size: 18px;
}
.banner-second-landing-page-mgtt .placeandtime-info .appreciation-night h2 {
    color: #004268;
    font-family: "Maven Pro Medium";
    font-size: 30px;
}
.banner-second-landing-page-mgtt .placeandtime-info .appreciation-night p {
    color: #6d6e70;
    font-family: "Maven Pro Medium";
    font-size: 20px;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 {
    margin: 50px 0;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .col-xs-4.rpc2 {
    padding-right: 5px;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .col-xs-8.rpc2 {
    padding-left: 5px;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .image-card {
    display: inline-block;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .nametitlecode {
    display: inline-block;
    margin: 20px 0 0;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .nametitlecode .title {
    display: inline-block;
    background-color: #004268;
    padding: 10px 20px;
    margin: 0 0 10px 0;
    border-radius: 20px;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .nametitlecode .title p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.banner-second-landing-page-mgtt .regis-prize-card-2 .anotherinfo p {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.button-rsvp-mgtt {
    margin: 50px 0;
}
.button-rsvp-mgtt h2 {
    margin: 0;
    font-family: "Maven Pro Medium";
    font-size: 30px;
    color: #6d6e70;
}
.button-rsvp-mgtt .email-to-registration {
    text-align: center;
}
.button-rsvp-mgtt .email-to-registration .box-email-to-registration {
    background-color: #e6edf3;
    color: #6d6e70;
    text-align: center;
    display: inline-block;
    margin: 30px auto;
    padding: 10px 20px;
    border-radius: 30px;
}
.button-rsvp-mgtt .email-to-registration .box-email-to-registration a {
    text-decoration: none;
    color: #6d6e70;
}
.button-rsvp-mgtt .email-to-registration .box-email-to-registration span {
    font-size: 22px;
}
.button-rsvp-mgtt a.button-registration {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    font-family: "Maven Pro Bold";
    font-size: 20px;
    border: none;
    padding: 15px 25px;
    background-color: #004268;
    border-radius: 30px;
}
.terms-conditions-sect {
    padding: 20px 0;
}
.terms-conditions-sect h1 {
    font-family: "Maven Pro Bold";
    font-size: 36px;
    line-height: 40px;
    color: #004268;
}
.terms-conditions-sect ul {
    font-family: "Maven Pro Medium";
    font-size: 18px;
    line-height: 35px;
    color: #575756;
}
.terms-conditions-sect p.mgf-website-maintenance {
    font-family: "Maven Pro Medium";
    font-size: 18px;
    line-height: 35px;
    color: #575756;
}
.social-media-sect {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 20px 0;
}
.social-media-sect h2,
.social-media-sect h3 {
    font-family: "Maven Pro Medium";
    color: #004268;
}
.social-media-sect h2 {
    font-size: 30px;
    margin: 20px 0;
}
.social-media-sect h3 {
    font-size: 28px;
    text-align: center;
    margin: 50px 0;
}
.social-media-sect h3 a {
    text-decoration: none;
}
.social-media-sect h3 a:hover {
    color: #27aae1;
}
.social-media-sect .list-socmed {
    padding: 20px 0 20px;
    color: #000000;
    width: 100%;
    text-align: left;
    border-radius: 15px;
}
.social-media-sect .list-socmed .list-socmed-cell {
    display: inline-block;
    padding: 0 80px 0 0;
}
.social-media-sect .list-socmed .list-socmed-cell a {
    font-family: "Maven Pro Medium";
    text-decoration: none;
    color: #004268;
}
.redemption-sect .redemption-div {
    padding: 150px 0 40px 0;
}
.redemption-sect .title-redemption {
    font-family: "Maven Pro Medium";
    font-size: 48px;
    color: #004268;
    margin-bottom: 40px;
    text-align: center;
}
.redemption-sect .content-Redemption .tabel-Redemption {
    margin: 30px 0 60px 0;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-picture-left {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 220px;
    height: 220px;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-picture-left
    img {
    position: absolute;
    left: -40px;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-text-right {
    font-family: "Maven Pro Medium";
    margin: 0;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-text-right
    h2 {
    font-family: "Maven Pro Bold";
    font-size: 30px;
    color: #27aae1;
    margin-top: 0;
    margin-bottom: 10px;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-text-right
    ol {
    padding-inline-start: 25px;
}
.redemption-sect
    .content-Redemption
    .tabel-Redemption
    .side-redemption-text-right
    ol
    li {
    font-size: 16px;
    color: #575756;
}
.redemption-sect .backToReward {
    text-align: right;
}
.redemption-sect .backToReward a {
    display: inline-flex;
    color: #004268;
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
}
.redemption-sect .backToReward i {
    color: #004268;
    font-size: 30px;
    padding-right: 8px;
}
.notfound-sect {
    background-image: url(../images/banner/banner-klaimreward.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    width: 100%;
    height: 940px;
}
.notfound-sect .notfound-pict {
    margin-top: 150px;
}
.notfound-sect .notfound-text h1,
.notfound-sect .notfound-text p {
    font-family: "Maven Pro Medium";
    color: #ffffff;
    text-align: center;
    margin: 0;
}
.notfound-sect .notfound-text h1.pagenotfound {
    font-size: 56px;
    line-height: 68px;
}
.notfound-sect .notfound-text p.pagenotfound-p {
    font-size: 16px;
    line-height: 20px;
}
.notfound-sect .notfound-button {
    font-family: "Maven Pro Bold";
    text-align: center;
    margin: 25px 0;
}
.notfound-sect .notfound-button button {
    background-color: #004268;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 5px 90px;
}
.resetpassword-section {
    background-image: url(../images/banner/banner-contact.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 780px;
}
.resetpassword-section h1 {
    font-family: "Maven Pro Medium";
    color: #ffffff;
    margin-top: 270px;
    margin-bottom: 25px;
    font-size: 70px;
}
.resetpassword-section .resetpassword-box2 {
    background-color: transparent;
}
.resetpassword-section .resetpassword-box2 .email-name-reset {
    margin: 0 95px;
}
.resetpassword-section .resetpassword-box2 .email-name-reset h2,
.resetpassword-section .resetpassword-box2 .email-name-reset p {
    text-align: left;
    font-family: "Maven Pro Medium";
    margin: 0;
}
.resetpassword-section .resetpassword-box2 .email-name-reset h2 {
    color: #004268;
}
.resetpassword-section .resetpassword-box2 .email-name-reset p {
    margin: 10px 0;
    font-size: 16px;
}
.resetpassword-section .resetpassword-box2 .reset-input {
    position: relative;
    background-color: #ffffff;
    padding: 40px 0;
    border-radius: 150px;
    z-index: 1;
}
.resetpassword-section .resetpassword-box2 .reset-input input,
.resetpassword-section .resetpassword-box2 .reset-input button {
    line-height: 2;
}
.resetpassword-section .resetpassword-box2 .reset-input input {
    padding: 5px 20px;
    border-radius: 70px;
    width: 30%;
    border: 1px solid transparent;
    background-color: #e6eff4;
    color: #000000;
}
.resetpassword-section .resetpassword-box2 .reset-input .btn-login {
    border-radius: 70px;
    width: 20%;
    background-color: #004268;
    border: 1px solid transparent;
    color: #ffffff;
    padding: 5px 40px;
}
.resetpassword-section .resetpassword-box2 .reset-input p {
    color: #25a8df;
    text-align: left;
}
.resetpassword-section .resetpassword-box2 .reset-input .forget-password {
    padding: 0;
}
.resetpassword-section
    .resetpassword-box2
    .reset-input
    .forget-password
    a:hover {
    text-decoration: none;
}
.textpoint-auction {
    padding: 20px 0 40px 0;
}
.textpoint-auction .tagbidding-rules-auctionhouse {
    text-align: center;
}
.textpoint-auction .tagbidding-rules-auctionhouse img {
    margin: 20px 0;
}
.textpoint-auction .point-rules-bidding-auctionhouse ul {
    font-family: "Maven Pro Medium";
    font-size: 16px;
    line-height: 35px;
    color: #000000;
}
.howtobid-auctionhouse {
    width: 100%;
    background-image: url(../images/background/background-auction-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.howtobid-auctionhouse .tagbidding-howtobid-auctionhouse {
    text-align: center;
}
.howtobid-auctionhouse .tagbidding-howtobid-auctionhouse img {
    margin: 20px 0 50px 0;
}
.howtobid-auctionhouse .howtobid-table-auctionhouse {
    background-position: center center;
    background-repeat: no-repeat;
}
.howtobid-auctionhouse .howtobid-table-auctionhouse table {
    width: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    color: #ffffff;
}
.howtobid-auctionhouse .howtobid-table-auctionhouse table tr td.itinerary-kiri,
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-kanan {
    font-family: "Maven Pro Bold";
    font-size: 16px;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah {
    position: relative;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah
    img {
    position: absolute;
    top: 38%;
    left: 31%;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah
    span {
    content: "";
    display: block;
    width: 0;
    border: 1px dashed #fff;
    position: absolute;
    left: 50%;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah
    span.pertama {
    height: 50%;
    top: 50%;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah
    span.kedua {
    height: 100%;
    top: 0;
}
.howtobid-auctionhouse
    .howtobid-table-auctionhouse
    table
    tr
    td.itinerary-tengah
    span.ketiga {
    height: 50%;
    top: 0;
}
.terms-conditions-auctionhouse {
    font-family: "Maven Pro Regular";
    margin: 50px 0;
}
.terms-conditions-auctionhouse .title-tac {
    font-family: "Maven Pro Medium";
    font-size: 16px;
    line-height: 24px;
    color: #004268;
}
.terms-conditions-auctionhouse ul {
    padding-inline-start: 20px;
}
.terms-conditions-auctionhouse .text-tac {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
.terms-conditions-auctionhouse-2 {
    font-family: "Maven Pro Regular";
    margin: 400px 0 50px 0;
}
.terms-conditions-auctionhouse-2 .title-tac {
    font-family: "Maven Pro Medium";
    font-size: 16px;
    line-height: 24px;
    color: #004268;
}
.terms-conditions-auctionhouse-2 ul {
    padding-inline-start: 20px;
}
.terms-conditions-auctionhouse-2 .text-tac {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
.terms-conditions-auctionhouse-3 {
    padding: 75px 0 100px 0;
}
.terms-conditions-auctionhouse-3 p.mgf-website-maintenance {
    font-family: "Maven Pro Medium";
    font-size: 18px;
    line-height: 35px;
    color: #575756;
}
.banner-landingpage-bidauctionhouse {
    width: 100%;
    position: relative;
}
.banner-landingpage-bidauctionhouse .backgroundImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 690px;
    padding: 200px 0 0 0;
}
.banner-landingpage-bidauctionhouse .time-auction-ended {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 91%;
}
.banner-landingpage-bidauctionhouse .time-auction-ended p {
    display: inline-block;
    margin: 0;
    padding: 10px 25px;
    background-color: #fe4445;
    color: #ffffff;
    border-radius: 30px;
}
.raise-your-bid-auctionhouse {
    width: 100%;
    background-image: url(../images/background/background-auction-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0;
}
.raise-your-bid-auctionhouse .give-your-brave-bid {
    text-align: center;
}
.raise-your-bid-auctionhouse .give-your-brave-bid h1.h1-1 {
    font-family: "Maven Pro Bold";
    font-size: 34px;
    color: #26a7de;
    margin: 0;
}
.raise-your-bid-auctionhouse .give-your-brave-bid h3.h3-1 {
    font-family: "Maven Pro Medium";
    font-size: 26px;
    color: #ffffff;
    margin: 15px 0 30px 0;
}
.raise-your-bid-auctionhouse .give-your-brave-bid .current-bid-box-bidding {
    position: relative;
    display: inline-block;
    padding: 20px 120px 40px;
    background-color: #ffffff;
    border-radius: 100px;
}
.raise-your-bid-auctionhouse
    .give-your-brave-bid
    .current-bid-box-bidding
    h1.h1-2 {
    font-family: "Maven Pro Bold";
    font-size: 36px;
    font-weight: bold;
    color: #ff890b;
    margin: 0;
}
.raise-your-bid-auctionhouse
    .give-your-brave-bid
    .current-bid-box-bidding
    h4.h4-1 {
    font-family: "Maven Pro Bold";
    font-size: 20px;
    color: #084469;
}
.raise-your-bid-auctionhouse .bidding-points-box-1 {
    position: relative;
}
.raise-your-bid-auctionhouse .bidding-points-box-1 .bidding-points-box-2 {
    position: absolute;
    width: 100%;
    top: -22px;
}
.raise-your-bid-auctionhouse
    .bidding-points-box-1
    .bidding-points-box-2
    p.bidding-points {
    font-family: "Maven Pro Bold";
    font-size: 20px;
    color: #ffffff;
    background-color: #26a7de;
    padding: 10px 35px;
    display: inline-block;
    border-radius: 40px;
}
.raise-your-bid-auctionhouse .raise-your-bid-now {
    width: 100%;
    background-image: url(../images/background/back-bidding-raise.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 85px 0 120px 0;
    text-align: center;
    height: 350px;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    h3.h3-2 {
    font-family: "Maven Pro Bold";
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    margin: 40px 0 15px 0;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton {
    margin: 40px 0 40px 0;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button {
    border-radius: 50%;
    border: none;
    height: 105px;
    width: 105px;
    font-family: "Maven Pro Bold";
    font-size: 30px;
    color: #26a7de;
    line-height: 18px;
    background-color: #ffffff;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button
    span {
    font-size: 16px;
    color: #084469;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button:hover {
    background-color: #26a7de;
    color: #ffffff;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button:hover
    span {
    color: #ffffff;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button.active {
    background-color: #8fc91d;
    color: #ffffff;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button.active
    span {
    color: #ffffff;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button.disabled {
    background-color: #ffffff;
    color: #bababa;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    button.disabled
    span {
    color: #bababa;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    .buttonbutton
    table
    span.list {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border: 1px dashed #fff;
    position: absolute;
    top: 0;
    left: 40%;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    button.submit {
    background-color: #26a7de;
    color: #ffffff;
    border: none;
    border-radius: 30px;
    font-family: "Maven Pro Bold";
    font-size: 20px;
    padding: 10px 40px;
}
.raise-your-bid-auctionhouse
    .raise-your-bid-now
    .raise-your-bid-now-button
    button.submit.disabled {
    background-color: #bababa;
    color: #ffffff;
}
.raise-your-bid-auctionhouse .latest-bidders {
    background-color: #ffffff;
    border-radius: 10px;
    height: 490px;
    box-shadow: 0px 1px 10px;
    text-align: center;
    padding: 20px 30px 30px 30px;
}
.raise-your-bid-auctionhouse .latest-bidders h3.h3-3 {
    font-family: "Maven Pro Bold";
    font-size: 24px;
    font-weight: bold;
    color: #ff890b;
    margin: 20px 0 40px 0;
}
.raise-your-bid-auctionhouse .latest-bidders .table-history-bid-scroll {
    overflow-y: scroll;
    height: 324px;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid {
    width: 100%;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr {
    border-bottom: 1px solid #dddddd;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    th,
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td {
    text-align: center;
    padding: 15px 30px;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    th:last-child,
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td:last-child {
    text-align: right;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    th {
    background-color: #f4f4f4;
    color: #025f92;
    font-family: "Maven Pro Bold";
    font-size: 16px;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td {
    font-size: 16px;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td:nth-child(4) {
    font-family: "Maven Pro Bold";
    font-size: 16px;
    color: #26a7de;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td:nth-child(4).lastbid {
    color: #ff890b;
}
.raise-your-bid-auctionhouse
    .latest-bidders
    .table-history-bid-scroll
    table.history-bid
    tr
    td:last-child
    span {
    padding: 0 0 0 15px;
}
.tab-auctionhouse-allauction {
    margin: 50px 0;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    ul
    li.active
    button.button-tab-allauction {
    border: 3px solid #a1bb20;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    ul
    li
    button.button-tab-allauction {
    border: 3px solid #c2dd3e;
    border-radius: 15%;
    padding: 10px 30px;
    font-family: "Maven Pro Bold";
    font-size: 24px;
    background-color: #c2dd3e;
    color: #ffffff;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    ul
    li
    button.button-tab-allauction:hover {
    border: 3px solid #a1bb20;
}
.tab-auctionhouse-allauction .tab-auctionhouse-parents .tab-content {
    margin: 40px 0;
}
.tab-auctionhouse-allauction .tab-auctionhouse-parents .tab-content .tab-pane {
    padding: 0 15px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .tab-pane
    .margintab-auction {
    margin: 20px 0 40px 0;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .auction-pin-allauction {
    position: absolute;
    top: -28px;
    right: 0;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .auction-pin-allauction
    img {
    width: 105px;
    height: 84px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .pict-vou-allauction
    img {
    width: 100%;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .cash-allauction {
    background-color: #e6eff5;
    color: #004268;
    font-family: "Maven Pro Medium";
    font-size: 20px;
    line-height: 24px;
    padding: 13px 5px;
    border-bottom: 1px dashed #71818b;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.button-a-point-allauction {
    width: 100%;
    padding: 0;
    border: none;
    background-color: #004268;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.button-a-point-allauction:hover {
    background-color: #27aae1;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.button-a-point-allauction:focus {
    outline: transparent;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction {
    color: #ffffff;
    font-family: "Maven Pro Medium";
    font-size: 20px;
    line-height: 24px;
    padding: 13px 5px;
    text-transform: uppercase;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction:hover {
    background-color: #25a8df;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction
    i {
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background-color: #ffffff;
    border-radius: 50%;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction
    .bottom {
    margin-top: -27px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction
    .left {
    float: left;
    margin-left: -23px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .point-allauction
    .right {
    float: right;
    margin-right: -23px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.auction-information-allauction {
    margin: 20px 0;
    padding: 10px 20px;
    color: #ffffff;
    border: none;
    border-radius: 40px;
    font-family: "Maven Pro Medium";
    font-size: 12px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.auction-information-allauction.ongoing {
    background-color: #fe4445;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.auction-information-allauction.closed {
    background-color: #a4a4a4;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    button.auction-information-allauction.redeem {
    background-color: #0da8db;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 1px 10px;
    text-align: center;
    padding: 20px 30px 30px 30px;
    margin: 30px 0;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    h3.h3-3 {
    font-family: "Maven Pro Bold";
    font-size: 24px;
    font-weight: bold;
    color: #ff890b;
    margin: 20px 0 40px 0;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction {
    overflow-y: scroll;
    height: 675px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction {
    width: 100%;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr {
    border-bottom: 1px solid #dddddd;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr:hover {
    cursor: pointer;
    background-color: #ffeece;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    th,
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td {
    text-align: center;
    padding: 20px 15px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    th:nth-child(2),
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td:nth-child(2) {
    text-align: left;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    th {
    background-color: #f4f4f4;
    color: #025f92;
    font-family: "Maven Pro Bold";
    font-size: 16px;
    cursor: default;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td {
    font-size: 14px;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td.info-auction-closed {
    font-size: 14px;
    color: #fe4445;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td:nth-child(3) {
    font-family: "Maven Pro Bold";
    font-size: 14px;
    color: #26a7de;
}
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td:nth-child(4)
    span,
.tab-auctionhouse-allauction
    .tab-auctionhouse-parents
    .tab-content
    .latest-bidders-allauction
    .table-history-bid-scroll-allauction
    table.history-bid-allauction
    tr
    td:last-child
    span {
    padding: 0 0 0 10px;
}
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/* LANDING PAGE AMAZING RACE 5 */
.amazing-race-5 {
    background-color: #004268;
    padding: 50px 0;
}
.amazing-race-5 .amazing-race-5-paths img {
    margin: auto;
    display: block;
}
.box-stage-amazing-race-5 {
    padding: 10px 0;
}
.box-stage-amazing-race-5 .box-stage {
    background-color: #d4ddee;
    padding: 20px 30px;
    font-family: "Maven Pro Medium";
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin: 0 0 3px 0;
}
.box-stage-amazing-race-5 .box-stage h2 {
    display: inline-block;
    margin: 0;
    font-size: 30px;
    line-height: 40px;
    color: #004268;
    padding: 0 15px 0 0;
}
.box-stage-amazing-race-5 .box-stage .stage-total-point {
    display: inline-block;
    background-color: #004268;
    position: relative;
    top: -5px;
    border-radius: 20px;
}
.box-stage-amazing-race-5 .box-stage .stage-total-point p {
    margin: 0;
    color: #ffffff;
    padding: 10px 15px;
}
.box-stage-amazing-race-5 .box-stage table {
    width: 100%;
}
.box-stage-amazing-race-5 .box-stage table tr td i {
    color: #00436a;
    font-size: 8px;
    vertical-align: middle;
}
.box-stage-amazing-race-5 .box-stage table tr td:nth-child(1) {
    width: 5%;
    color: #00436a;
    padding: 5px 0;
}
.box-stage-amazing-race-5 .box-stage table tr td:nth-child(2) {
    width: 30%;
    color: #00436a;
    padding: 5px 0;
}
.box-stage-amazing-race-5 .box-stage table tr td:nth-child(3) {
    width: 65%;
    color: #6f7176;
    padding: 5px 0;
}
.box-stage-amazing-race-5 .box-stage table tr td.total-room-nights {
    text-align: right;
    font-weight: bold;
    padding: 5px 0;
}
.box-stage-amazing-race-5 .box-bonus {
    background-image: url(../images/banner/background-box-bonus.jpg);
    padding: 20px 30px 40px;
    font-family: "Maven Pro Medium";
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    margin: 0 0 30px 0;
}
.box-stage-amazing-race-5 .box-bonus h2 {
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    margin: 0;
}
.box-stage-amazing-race-5 .box-bonus i.point-bullseye {
    margin-bottom: -9px;
    display: inline-block;
    background-image: url(../images/icon/gems.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
}
.box-stage-amazing-race-5 .box-bonus p {
    font-family: "Maven Pro Regular";
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    padding: 5px 0;
}
.box-stage-amazing-race-5 .box-bonus p.book-all {
    font-weight: bold;
}
.box-stage-amazing-race-5 .box-bonus p i {
    font-size: 8px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    line-height: 18px;
}
.description-landing-page-1 {
    padding: 20px 0;
}
.description-landing-page-1 h1 {
    font-family: "Maven Pro Medium";
    font-size: 22px;
    line-height: 32px;
    color: #004268;
}
.description-landing-page-1 ul {
    font-family: "Maven Pro Regular";
    font-size: 16px;
    line-height: 26px;
    color: #575756;
}
.description-landing-page-2 {
    padding: 20px 0;
}
.description-landing-page-2 h1 {
    font-family: "Maven Pro Medium";
    font-size: 16px;
    line-height: 26px;
    color: #004268;
}
.description-landing-page-2 ul {
    font-family: "Maven Pro Regular";
    font-size: 14px;
    line-height: 24px;
    color: #575756;
}
/* LANDING PAGE AMAZING RACE 5 */
/* AMAZING RACE 5 PATHS */
.amazing-race-5-route {
    background-color: #004268;
    padding: 125px 0 0;
}
.amazing-race-5-route .map-path {
    position: relative;
    margin: auto;
    width: 1200px;
    height: 1000px;
}
.amazing-race-5-box-point {
    background-color: #004268;
    padding: 0 0 20px;
}
.amazing-race-5-box-point .ar5-infopoint {
    width: 100%;
}
.amazing-race-5-box-point .ar5-infopoint .box {
    background-color: #ffffff;
    padding: 30px 55px;
    margin: 0 50px;
    z-index: 2;
    border-radius: 70px;
}
.amazing-race-5-box-point .ar5-infopoint .box .title-tag {
    font-family: "Maven Pro Regular";
    font-size: 21px;
    line-height: 25px;
    color: #808080;
    padding: 0 0 5px 0;
}
.amazing-race-5-box-point .ar5-infopoint .box .point-tag {
    font-family: "Maven Pro Medium";
    font-size: 30px;
    line-height: 36px;
    color: #004268;
}
.amazing-race-5-box-point .ar5-infopoint .box .divider-point {
    width: 100%;
    margin: 0;
    padding: 0;
}
.amazing-race-5-box-point .ar5-infopoint .box .divider-point li {
    display: inline-block;
    width: 50%;
}
.amazing-race-5-box-point .ar5-infopoint .box .divider-point li.border {
    border-right: 1px solid #939598;
    float: left;
}
.amazing-race-5-box-point .ar5-citiescompleted {
    margin: 50px 0;
}
.amazing-race-5-box-point .ar5-citiescompleted .row.title {
    margin: 0 0 10px;
}
.amazing-race-5-box-point .ar5-citiescompleted .row.title h2 {
    font-size: 30px;
    font-weight: bold;
    color: #25a6dd;
    text-align: center;
    margin: 0;
}
.amazing-race-5-box-point .ar5-citiescompleted .row.info-cities-points {
    padding: 25px 0 0;
}
.amazing-race-5-box-point
    .ar5-citiescompleted
    .row.info-cities-points
    .col-xs-3
    .stagebox {
    background-color: #105278;
    color: #ffffff;
    padding: 20px;
    border-radius: 20px;
}
.amazing-race-5-box-point
    .ar5-citiescompleted
    .row.info-cities-points
    .col-xs-3
    .stagebox
    h2 {
    font-size: 30px;
    font-weight: bolder;
    margin: 0 0 20px;
}
.amazing-race-5-box-point
    .ar5-citiescompleted
    .row.info-cities-points
    .col-xs-3
    .stagebox
    p {
    margin: 0 0 10px;
    font-size: 16px;
}
.amazing-race-5-box-point
    .ar5-citiescompleted
    .row.info-cities-points
    .col-xs-3
    .stagebox
    p
    span {
    color: #25a6dd;
    font-size: 22px;
    font-weight: bolder;
}
.amazing-race-5-box-point .ar5-bonusmission {
    margin: 50px 0;
}
.amazing-race-5-box-point .ar5-bonusmission .box-bonusmission {
    background-image: url(../images/banner/banner-contact.jpg);
    background-position: center center;
    border-radius: 30px;
    padding: 30px;
}
.amazing-race-5-box-point .ar5-bonusmission .box-bonusmission .row.title {
    padding: 0 0 50px 0;
}
.amazing-race-5-box-point .ar5-bonusmission .box-bonusmission .row.title h2 {
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.title
    h2
    span {
    font-size: 22px;
    color: #004268;
    font-weight: 700;
    padding: 0 0 0 25px;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.title
    h2
    i.point-bullseye {
    display: inline-block;
    background-image: url(../images/icon/gems.png);
    background-repeat: no-repeat;
    vertical-align: bottom;
    width: 40px;
    height: 30px;
    margin: 0 15px 0 0;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission {
    margin: 0 0 50px 0;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission
    p,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission
    p,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage3-point-bonusmission
    p,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage4-point-bonusmission
    p {
    color: #ffffff;
    font-size: 16px;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission
    p
    i,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission
    p
    i,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage3-point-bonusmission
    p
    i,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage4-point-bonusmission
    p
    i {
    font-size: 8px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    line-height: 18px;
    color: #004268;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission
    p
    span,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission
    p
    span,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage3-point-bonusmission
    p
    span,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage4-point-bonusmission
    p
    span {
    color: #004268;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission
    .title-point-bonusmission,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission
    .title-point-bonusmission,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage3-point-bonusmission
    .title-point-bonusmission,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage4-point-bonusmission
    .title-point-bonusmission {
    display: inline-block;
    background-color: #004268;
    color: #ffffff;
    padding: 15px 20px;
    margin: 0 0 10px;
    border-radius: 30px;
}
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage1-point-bonusmission
    .title-point-bonusmission
    h4,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage2-point-bonusmission
    .title-point-bonusmission
    h4,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage3-point-bonusmission
    .title-point-bonusmission
    h4,
.amazing-race-5-box-point
    .ar5-bonusmission
    .box-bonusmission
    .row.point-bonusmission
    .stage4-point-bonusmission
    .title-point-bonusmission
    h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
/* AMAZING RACE 5 PATHS */
/*update */
.table-riwayat-transaksi tr th {
    font-size: 12px !important;
}
.table-riwayat-transaksi tr th:first-child {
    width: auto !important;
}
.table-riwayat-transaksi tr th:nth-child(4),
.table-riwayat-transaksi tr th:nth-child(5),
.table-riwayat-transaksi tr th:nth-child(6),
.table-riwayat-transaksi tr th:nth-child(7) {
    width: 78px !important;
}
.table-riwayat-transaksi tr th:last-child {
    width: 80px !important;
}
.table-riwayat-transaksi tr td {
    vertical-align: middle !important;
    padding: 10px 5px !important;
    font-family: "Maven Pro Regular" !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: normal !important;
}