/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    /*text-align:left;*/
    /* inline-block space fix */
    margin-right:-4px;
}


/*ngilangin warna orange di header*/
.intro-bg{
    background: none;
}

/*ngilangin tombol next & prev di popup portfolio*/
.nav-prev, .nav-next{
    display: none;
}

/*ngurangin tingkat kegelapan di main banner*/
.color-overlay{
    background-color: rgba(0, 0, 0, 0.3);
}

/*ngilangin logo*/
.logo-light{visibility: hidden;}


/*betulin size logo*/
.logo-dark{
    width: 100% !important;
}


/*ganti warna huruf di form*/
::-webkit-input-placeholder { color: #cccccc; text-overflow: ellipsis; }
:-moz-placeholder { color: #cccccc !important; text-overflow: ellipsis; opacity: 1; }
::-moz-placeholder { color: #cccccc !important; text-overflow: ellipsis; opacity: 1; }
:-ms-input-placeholder { color: #cccccc !important; text-overflow: ellipsis; opacity: 1; }

/*form testimonial*/
#testimonial textarea.form-control,
#testimonial input.form-control{
    font-size: 2em !important;
    padding: 25px 20px;
    line-height: 120%;
}
h2.title-testimony{font-size:72px;}

textarea.form-control,
input.form-control{
    color: #999999;
}

.simpleform-testimonial #submit-button{font-size: 2em;}

/*halaman progress report*/
.progress-image {height: 100px; width: auto; display: inline;}
.progress-image img{height: 100px; width: auto; margin: 0 10px 10px 0;}



/* ==========================================================================
1. Betulin responsive
========================================================================== */
@media (max-width:991px) {
    #testimonial .title {
        margin-bottom: 10px;
        margin-top: 5px;
    }
    h2.title-testimony{font-size:60px;}

    #testimonial textarea.form-control, #testimonial input.form-control {
        font-size: 1.5em !important;
        padding: 25px 20px;
        line-height: 120%;
    }

    .simpleform-testimonial #submit-button{font-size: 1.5em;}
}

@media (max-width:480px) {
    #testimonial .title {
        margin-bottom: 10px;
        margin-top: 5px;
        font-size: 42px;
    }
    h2.title-testimony{font-size:42px;}

    #testimonial textarea.form-control, #testimonial input.form-control {
        font-size: 1em !important;
        padding: 25px 20px;
        line-height: 120%;
    }
    .simpleform-testimonial #submit-button{font-size: 1em;}
	
	.progress-image img{height: 62px;}
}

/* ==========================================================================
2. ganti font family
========================================================================== */

h1,
h2 { font-weight: normal; }
h1 { font-size: 45px; line-height: 60px; font-weight: 300; font-family: 'Nixie One', cursive; text-transform: uppercase; }
h2 { font-size: 95px; line-height: 96px; font-weight: 300; font-family: 'Nixie One', cursive; text-transform: uppercase; }
h3 { font-size: 30px; line-height: 38px; font-weight: 100; font-family: 'Nixie One', cursive; text-transform: uppercase; }
h4 { font-size: 25px; line-height: 46px; font-weight: 400; font-family: 'Nixie One', cursive; text-transform: uppercase; }
h5 { font-size: 22px; line-height: 30px; font-weight: 400; font-family: 'Nixie One', cursive; text-transform: uppercase; }
h6 { font-size: 20px; line-height: 30px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }

/* Custom Typography */
span.title { font-family: 'Nixie One', cursive; }