.hide-display {display: none;}
.bg-dark {background-color:red!important;}
.logo-height {height:100px;}
.navbar-light .navbar-toggler-icon { 
    background-image: url(../images/icon.png); } 
.navbar-light .navbar-nav .nav-link {color:#FFFFFF!important;}
.navbar-light .navbar-toggler {color:transparent;border-color:transparent;}
.footerbg {background-color:#e9e9e9;
			padding-top:50px;
			padding-bottom: 50px}
.footertitle {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
				font-weight:bold;
				font-size:20px;padding-top:10px;margin-bottom:0px;}
.footersocial {height:50px;width:auto}
.footersocial1 {height:70px;width:auto}
.textlink {color:red!important;}
.hrspacing {margin-top:50px;margin-bottom:50px;}
.footercredit {font-size:30px;}
.navbar-brand img{height:60px;}
.instruction {text-decoration:underline;}
.lst-none {list-style: none;padding-left:0px;}




.headmask img{
			width:100%;
			height:auto;
		}

		

.parent {
  position: relative;
}

.childright {
  position: absolute!important;
  top: 50%!important;
  right: 0%!important;
  transform: translate(-4%, -50%)!important;
}

.button2 img{
	max-height:125px!important;
		
}

.childleft {
  position: absolute!important;
  top: 50%!important;
  left: 0%!important;
  transform: translate(7%, -50%)!important;
}

.button3 img{
	max-height:205px!important;
}

.child {
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
}



h3{padding-top:20px;color:red;}

.child {
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
}

.history {
	 -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.fleece {padding-bottom:20px;}

.close {padding-top:5px!important;padding-left:0px!important;padding-right:0px!important;padding-bottom:0px!important;}
.modal-header{background-color:red!important;color:white;border-bottom:0px;}
.modal-body {background-color:red!important;color:white;}
.modal-content {border:0px;}
.foorm {padding-left:20px!important; padding-right:0px!important;}
.girll {padding-left:0px!important; padding-right:20px!important;}
.tandc {font-size:10px;padding-top:7px;}
.insertext {width:100%;}
.modal-title {font-size:30px;}
.btn-link {border-color:white;border-weight:1px;color:white!important;text-decoration-line: none!important;}
.thanks-subs {background-color:white!important;color:red!important;border-bottom:0px;}
.modal-footer {border-top:0px;}
.modal-open .modal {overflow-y:hidden;}

.alpacaimg {padding-left:0px!important;padding-right:0px!important;}
.lebih {color:transparent!important;margin-bottom:0rem;font-size:13px!important;}
.websitelink {color:red!important;}


/* TESTING */

.text-transparent {color: transparent;}
.asdasd {
    display: table-cell;
}

.asdasd-img {
	background-image:url(../images/count.jpg); 
	background-size: 96% 100%; 
	background-position: right center; 
	background-repeat:no-repeat;
}

@media only screen and (max-width: 426px) {
    .asdasd { 
        display: block;
        width: 100%;
		/*margin-top: 20px;*/
		min-height: 200px;
    }
	.asdasd-img {
		background-size: 100% 100%; 
	}
}


/*large devices (desktops.992px and up)*/
@media (min-width: 1024px){
	.footercredit {font-size:15px;}
	.childright
	{
  position: absolute!important;
  top: 50%!important;
  right: 1%!important;
  transform: translate(1%, -50%)!important;
	}
	.button2 img{
	min-height:400px!important;
	}
	.aucklandtext {padding-top:60px}
	.aucklandtextmusuem {padding-top:30px}
	.aucklandtextisland {padding-top:30px}
	.aucklandtextvoyage {padding-top:50px}
	.aucklandtextsea {padding-top:50px}
	.lebih {color:transparent!important;margin-bottom:0rem;font-size:13px!important;}
	.alpacaimg {padding-left:0px!important;padding-right:0px!important;}
	.contestimg {padding-left:15px!important;padding-right:0px!important;}
	.mapouter{text-align:right;height:500px;width:550px;}
	.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:550px;}
	.map1 {padding-top:60px;}
	.map2 {padding-top:50px;}
	.map3 {padding-top:50px;}
	.countimg {width:1100px;height:auto;}



}

@media (max-width: 992px){

}

/* Medium devices (tablets, 769px and up) */
@media (max-width: 769px) {
	.footercredit {font-size:15px;}
	.hrspacing {margin-top:30px;margin-bottom:30px;}
	.childright
	{
  position: absolute!important;
  top: 50%!important;
  right: 0%!important;
  transform: translate(-4%, -50%)!important;
	}

.button2 img{
	max-height:300px!important;
			}
	
.childleft {
  position: absolute!important;
  top: 50%!important;
  left: 0%!important;
  transform: translate(7%, -50%)!important;
}

.button3 img{
	max-height:205px!important;
}
	.lebih {color:transparent!important;margin-bottom:0rem;font-size:13px!important;}
	
	.flytextcenter {
	color:white;
	text-align: left;
	font-size:20px;
    position: absolute;
    top: 53%;
    left: 24%;
    transform: translate(-50%, -50%);
}
	
}

@media (max-width: 426px) {
	.navbar-collapse {padding-top:0px; padding-bottom:0px;}
	.navbar  {padding-top:0px; padding-bottom:0px;}

}

/* Small devices (phone, 426px and up) */
@media (max-width: 415px) {
	.footerbtm {padding-left:20px;padding-right:20px;}
	.footercredit {font-size:13px;}
	.paddingtitley {padding-left:20px; padding-right:20px;}
	.hrspacing {margin-top:20px;margin-bottom:20px;}
	.navbar-collapse {padding-top:0px; padding-bottom:0px;}
	.navbar  {padding-top:0px; padding-bottom:0px;}
	.navbar-brand img{height:40px;}
	.childright
	{
  position: absolute!important;
  top: 50%!important;
  right: 0%!important;
  transform: translate(-4%, -50%)!important;
	}

	.button2 img{
	max-height:125px!important;
			}
	.subscribenow {font-size:15px;text-align:center;}
	.tandc {font-size:8px;padding-top:5px;}
	.foorm {padding-left:10px!important; padding-right:0px!important;}
	.girll {padding-left:0px!important; padding-right:10px!important;}
	.modal-title {font-size:30px;font-weight:bold;}
	.lebih {display:none;}
	.contestimg {padding-left:0px!important;padding-right:0px!important;}
	.mapouter{text-align:right;height:300px;width:380px;margin-right:0rem;}
	.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:380px;}
	.lebih {color:transparent!important;margin-bottom:0rem;font-size:13px!important;}
	.countimg {width:100%;}
	
	}