/* ======================================================
   GLOBAL
====================================================== */

html,
body{
    margin:0;
    padding:0;
    width:100%;
    min-height:100%;
    overflow-x:hidden;

    font-family:Arial,sans-serif;
    background:url("../img/v1_bg.jpg") center top no-repeat;
	background-size:cover;
    background-attachment:fixed;

}

/* Jika ingin tetap memakai gambar background desktop */
/*
body{
    background:#d9d9d9 url("../img/v1_bg.jpg") no-repeat center top;
    background-size:cover;
    background-attachment:fixed;
}
*/


img{
    max-width:100%;
    height:auto;
    display:block;
}

.container{
    max-width:1140px;
    margin:auto;
    padding:0 15px;
}

.row{
    margin:0;
}

.mobile-model{

    display:none;

}


/* ======================================================
   TYPOGRAPHY
====================================================== */

h1{

    font-family:'Oswald',sans-serif;
    font-size:40px;
    text-transform:uppercase;
    margin-bottom:15px;

}

h3,h5{

    font-family:Arial,sans-serif;

}

.free{

    color:#ffffff;
    font-size:18px;

}

.make{

    color:#f4d23e;
    font-weight:bold;

}

.inblue{

    color:#a9e1f8;
    font-weight:bold;

}



/* ======================================================
   COLUMN
====================================================== */

.col-md-6{

    padding:40px 15px;

}



/* ======================================================
   THUMBNAIL
====================================================== */

.thumbnail{

    background:#000;

    border-radius:8px;

    padding:45px 25px;

    max-width:680px;

    margin:40px auto;

    box-sizing:border-box;

}



/* ======================================================
   FORM
====================================================== */

.form-control{

    width:100%;

    height:48px;

    text-align:center;

    font-size:18px;

    border-radius:4px;

}



.subscribe{

    width:100%;

    font-size:22px;

    font-weight:bold;

    padding:14px;

    border-radius:4px;

    background:#e85141;

    color:#fff;

    border:1px solid #c0392b;

    cursor:pointer;

    transition:.3s;

}

.subscribe:hover{

    background:#c0392b;

}



/* ======================================================
   BUTTON IMAGE
====================================================== */

#btn{

    background:url("../img/btn_over.png") no-repeat center;

    background-size:contain;

    width:100%;

    min-height:90px;

    border:none;

}



/* ======================================================
   WRAPPER
====================================================== */

.wrapper{

    margin:auto;

}



/* ======================================================
   LOADER
====================================================== */

#overlay{

    display:none;

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.8);

    z-index:9999;

    justify-content:center;

    align-items:center;

    flex-direction:column;

}

.loader{

    width:60px;

    height:60px;

    border:6px solid #ddd;

    border-top:6px solid #0d6efd;

    border-radius:50%;

    animation:spin 1s linear infinite;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}



/* ======================================================
   TABLET
====================================================== */

@media (max-width:992px){

html,
body{
    background:#d9d9d9; /* atau background polos */
}

.container{

    max-width:95%;

}

.thumbnail{

    max-width:100%;

}


h1{

    font-size:36px;

}

.mobile-model{
    display:block;
}

}



/* ======================================================
   MOBILE
====================================================== */

@media (max-width:768px){

.wrapper,
.container{

    width:100%;
    max-width:100%;
    padding-left:8px;
    padding-right:8px;

}

.row{

    margin-left:0;
    margin-right:0;

}

.col-md-5{

    padding-left:0;
    padding-right:0;

}

.thumbnail{

    width:98%;
    max-width:98%;
    margin:15px auto;
    padding:25px 20px;

}

}