table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

/*.swal2-popup {

    background: #fff !important;
}
*/


.lead {
	
	display: block; 
	width: 260px; 
	height: 150px; 
	background-color: brown; 
	border-radius: 10px; 
	color: white;
	padding-left: 25px;
	padding-top: 10px;
}

.quotation {
    
    display: block; 
    width: 260px; 
    height: 150px; 
    background-color: green; 
    border-radius: 10px; 
    color: white;
    padding-left: 25px;
    padding-top: 10px;
}

.schedule {
    
    display: block; 
    width: 260px; 
    height: 150px; 
    background-color: blue; 
    border-radius: 10px; 
    color: white;
    padding-left: 25px;
    padding-top: 10px;
}

	/** untuk video responsive **/

.video-container {
    overflow: hidden;
    position: relative;
    width:50%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}


.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}



/** end video css responsive **/

.container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.fixed_btn {
    background-color: #19a5ac;
    border: none;
    border-radius: 10px;
    color: #e8e8a6;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;

    display:inline-block;
    font-size:13px;
    font-weight:bold;
    font-family:Serif;
}


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

    .container_c {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 20px !important;
        font-color: white;
    }

   .button_loc {
   		position:fixed;
   		bottom:20;
   		z-index:100;
        width: 100%;
   }

   .gallery_bg_hp {
        background-image:url('../../extra_images/gallery_bg_hp.jpg');
        display:block;
        background-size:contain;
        background-position:center;
    }    

    .vid-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding-top: 56.25%; /* 16:9 Aspect Ratio */
    }

    .footer-index {

        font-style:italic;
        height:80px;
        position:relative;
        bottom:0;
        background-color:#5983d1;
        display:block;
    }

    .hitung-space {
        display:block;
    }

    .thumb {
        display:none;
    }

}

@media only screen and (min-width: 601px) {

    .container_c {
        padding-left: 100px !important;
        padding-right: 100px !important;
        font-size: 20px !important;
        font-color: white;
    }

   .button_loc {
   		position:fixed;
   		bottom:20;
   		z-index:100;
        width: 100%;
   }

   .gallery_bg_pc {
        background-image:url('../../extra_images/gallery_bg.jpg');
        display:block;
        background-size:contain;
        background-position:center;
    }    

    .vid-container {
        position: relative;
        width: 50%;
        overflow: hidden;
        padding-top: 29%; /* 16:9 Aspect Ratio */
    }

    .footer-index {

        font-style:italic;
        height:80px;
        position:relative;
        bottom:-17px;
        background-color:#5983d1;
        display:block;
    }

    .hitung-space {
        display:none;
    }

    .thumb {
        display:block;
    }

}