/*
Theme Name: H2O Theme
Author: Erik

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed|Titillium+Web');
*{
	
}

/**/
body{
    height: 100%;
    padding: 0px;
    margin: 0px;
    background-color: #f6f6f6;
    color: #1b1b1b;
    font-family: 'Titillium Web', sans-serif;
    scroll-behavior: smooth;
}
.text-justify{
    font-size: 15px;
}
.nav>li>a{
    padding: 10px 13px !important;
}
.navbar-default .navbar-nav>li>a{
    font-family: 'Roboto Condensed', sans-serif;
    /*font-weight: bold;*/
}
.menu-ku li:hover{
    background-color: #fff;
    transform: all 1s;
}
.menu-ku li:hover a{
    background: #65c7c6;
    transform: all 1s;
}
.roboto-font{
    font-family: 'Roboto', sans-serif !important;
}
.roboto-font a{
    font-family: 'Roboto', sans-serif !important;
}
.logo{
    width: 120px;
    height: auto !important;
}
.bimage{
    background-position: 50% 35%;
    background-size: cover;
}
.navfix{
	background-color: #65c7c6;
}
.menu_header{
	/*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;*/
    margin-top: 0px;
}
.no_margin{
    margin: 0px;
}
.no_padding{
    padding: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 9pt;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #65c7c6;
    transform: all 1s;
}

.navbar-toggle .icon-bar{
	background-color:#000000 !important;
}

@media (min-width: 992px){
    .menu_header{
        position: absolute;
        top: 50%;
    }
	.bagi_dua p{
		width: 50%;
		float: left;
		padding: 10px;
	}
    .t185{
        height: 318px !important;
    }
    .t52{
        /*
        height: 52px !important;
        */
        text-align: center
    }
    .bagi-5{
        width: 20%;
        padding: 0px 15px;
        float: left;
    }
    .t240{
       /* height: 329px !important; */
		height: 390px !important;
    }    
}
@media(max-width: 992px){
    .sub_text_title{
        margin-top: 0px;
    }
    .hres{
        display: none;
    }
    .h3mres{
        margin: 10px 0px !important;
    }
}
.t185,.t52,.t240{
    height: auto;
}
.text_title{
	color: #7ccfce;
    font-size: 30pt;
    text-align: center;
}
.over_title{
	width: 100%;
	height: 100%;
}
.title_hover{
	font-size: 15pt;
    color: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50% , -50%);
    display: none;
}
.over_title:hover{
	background: rgba(0,0,0,0.5);
	transition: all 1s;
}
.over_title:hover .title_hover{
	display: block !important;
	transition: all 1s;
}
.over_title_h{
    width: 100%;
    background: transparent;
    height: 100%;
    transition: all 1s;
}
.title_hover_h{
    font-size: 15pt;
    color: #fff;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    transition: all 1s;
}
.over_title_h:hover{
    background: rgba(0,0,0,0.5);
    transition: all 1s;
}
.over_title_h:hover .title_hover_h{
    display: block !important;
    transition: all 1s;
}
a:hover{
    text-decoration: none;
}
.sub_text_title{
    color: #7ccfce;
}
p{
    color: #676767;
}
.text-blue{
    color: #007ac0;
}
.over_paypal{
    position: absolute;
    top: 100%;
    left: 100%;
    transform: translate(-100%);
}
.background-gray{
    background-color: #4b5457;
}
.fab:before{
    font-size: 14pt;
    color: #fff;
}
.fab{
    padding: 10px;
}
.aputih a{
    color: #fff !important;
}
.aputih{
    margin-top: 10px;
}
.gili_text{
    color: #fff;
    font-size: 8pt;
    margin-top: 18px;
}

.gili_text h2 {
    font-size: 21px;
}

.content-footer {
    margin-top: 30pt;
}
hr{
    border-top: 1px solid #4b5457;
}
.no_padding{
    padding: 0px !important;
}
.text-form {
    font-size: 13pt;
    margin-top: 10px;
}
.btn-submit {
    background-color: #007ac0;
    color: #fff;
    font-size: 12pt;
    margin-top: 10px;
}
.page-numbers {
    color: #fff;
    font-size: 15pt;
    background-color: #65c7c6;
    padding: 7px;
    border-radius: 4px;
    margin: 6px;
}
.screen-reader-text{
    display: none;
}
.current {
    background-color: #000;
}
.navbar-default .navbar-nav>.active>a{
    color: #555 !important;
    background: transparent;
}
.navbar-default .navbar-nav>.active>a:hover{
    background: transparent;
}
/* width */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #4b5457;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #333333; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000; 
}
.breadcrumbs{
    background-color: #65c7c6;
    padding: 15px;
    color: #fff;
}
.breadcrumbs a{
    color: #fff;
}
.breadcrumbs a:hover{
    background-color: #fff;
    color: #65c7c6;
}

.nearsosmed{
text-align:right;
display:inline-block;
padding-left:10pt;
}

.nearsosmede{
text-align:right!important;
display:inline-block!important;
padding-left:10pt!important;
}

.logo{
    float:left;
}

@media(max-width:768px){
    .nearsosmed{
		font-size: 12px;
        /*display:none;*/
    }
    .nearsosmede{display: none!important;}
}

@media(max-width:359px){
    .gili_text{
        display:none;
    }
}

@media(max-width:992px){
    .logo{
        max-width:72px !important;
    }

    .navbar{
        background: #65c7c6;
    }

    .gili_text{
        margin-top:16px !important;
    }

}

@media(min-width:1024px){
    .menu_header{
        /*right:30pt !important;*/
    }

}

@media(max-width:1023px){
    .navbar-toggle{
        display:inline-block;
    }

    .navbar-nav>li{
        display: block;
        float:none;
        clear:both;
        text-align: left;
    }

    .navbar-right{
        display: block;
        float:none !important;
        clear:both;
    }

    .navbar-nav{
        float:none;
        clear:both;
    }

}

@media(max-width:1024px) and (min-width:993px){
    .gili_text{
        display:none;
    }
}   

@media(max-width:992){

}
@media(max-width:1200px) {
    .menu-item a{
        font-size:10pt !important;
    }

    

    .navbar-header{
        float:none;
        clear:both;
    }

}

.bimgheight{
    height:550px;
}

@media(max-width:576px){
    .bimgheight{
        height:300pt;
    }   
}	
		@media(max-width:768px){
    .bimgheight{
        height:300pt;
			}
}

/* == hide the reCaptcha v3 badge == */
.grecaptcha-badge { opacity:0 !important;}