/*!
Styles for full screen background video demo
*/
/* =============================================================================
  RESETS
============================================================================= */
html,
body,
div,
h1,
p,
a,
video {
  margin: 0;
  padding: 0;
}

/* =============================================================================
  HTML, BODY
============================================================================= */

/*============================================================================
  CONTENT
============================================================================= */
  CONTENT
.content {
  position: relative;
  top: 12%;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
	background-color: black;
}

.content__heading {
  margin-bottom: 24px;
  color: #272727;
  font-size: 44px;
}

.content__teaser {
  margin-bottom: 24px;
  color: #595959;
  font-size: 22px;
}

.content__cta {
  display: inline-block;
  margin: 0;
  padding: 12px 48px;
  color: #ff3c64;
  font-size: 22px;
  text-decoration: none;
  border: solid 4px #ff3c64;
}

/* =============================================================================
  VIDEO
============================================================================= */
.video {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -100;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
}


/* =============================================================================
  CUSTOM CSS
============================================================================= */

  body{  
	background: 
	linear-gradient(
	  rgba(0, 0, 0, 0.2), 
	  rgba(0, 0, 0, 0.2)
	),
	url(<?php echo $basefile;?>assets/images/bg_shortcut_intro.jpg);background-repeat: no-repeat; background-position: 50% 0%;

	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

  }

  .top-pic {
	margin-top: 10px !important;
  }

  .owl-nav {
	display: none;
  }

  div.small-tiles {
	  padding-left: 10px;
	  padding-right: 0px;
	}

	div.tiles {
	max-width: 150px;
	height: 110px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 20px;
  }

	.text-small {
	  font-size: 12px;
	}

	div.group-tiles {
	  padding-left: 0px;
	  padding-right: 0px;
	}

	.content-box img.tiles {
	  width: 110px;
	  height: 110px;
	}

	span.title-tiles {
	  font-size: 20px;
	  font-weight: bold;
	}

	span.title-besar {
	  font-size: 30px;
	}

	.content-title {
	  padding: 10px;
	}

	p.font-sambutan {
	  font-size: 12px; 
	}

	.no-border {
	  border: none;
	}

	span.besar {
	  font-size: 22px;
	}

	div.overlay-post {
	  margin-top: 30px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  color: #fff;
	}

	.border-custom-left {
	  border-left: 1px solid #ddd;
	}

	.border-custom-right {
		border-right: 1px solid #ddd;
	}


  @media (min-width: 1200px) {
	  div.navbar-header img {
		/*width: 350px;*/
	  }

	  .overlay-custom {
		width: 160px;
	  }
	}

	@media (max-width: 1000px) {
	  div.navbar-header img {
		width: 360px;
		display: inline;
	  }
	}

	@media (max-width: 768px) {
	  div.navbar-header img {
		/*width: 260px;*/
		display: inline;
	  }

	  .overlay-custom {
		width: 100%;
	  }
	}

	@media (max-width: 425px) {
	  div.navbar-header img {
		margin-top: 10px;
		width: 260px;
		display: inline;
	  }

	  .content-box img.tiles {
		width: 140px;
		height: 140px;
	  }

	  .tulisankecil {
		font-size: 13px;
	  }
	}

	@media (max-width: 380px) {
	  div.navbar-header img {
		margin-top: 10px;
		width: 260px;
		display: inline;
	  }
	  
	  .content-box img.tiles {
	  width: 110px;
	  height: 110px;
	  }

	  .overlay-custom {
		width: 100%;
	  }
	}


  @media (max-width: 425px) {
	  div.navbar-header img {
		margin-top: 10px;
		width: 260px;
		display: inline;
	  }

	  .tulisankecil {
		font-size: 13px;
	  }
	}

  @media (min-width: 770px) {
	.left-column {
	  padding-right: 15px !important;
	}

	.right-column {
	  padding-left: 15px !important;
	}
  }

  .row {
	margin: unset !important;
	   }

  /*@font-face {
	font-family: 'Myriad Pro';
	src: url('http://subang.go.id/assets/fonts/MyriadPro-Cond.otf');
	/*font-weight: normal;*/
	font-style: condensed;
  }*/

  .myriadpro {
	/* font-family: 'Myriad Pro'; */
	font-family: 'Roboto', sans-serif;
	/*font-weight: bold;*/
  }

  .header-top.header-primary .navbar-nav>li>a:hover {
	background-color: #002E40;
  }

  .header-main.affix.header-transparent {
	background-color: #259F64;
	min-height: 80px;

  }

  .header-main.header-transparent .navbar-nav>li>a:hover {
	background-color: #002E40;
  }

  .header-main.header-transparent {
	background-color: #259F64;
	min-height: 80px;
  }

.og-grid li {
height: auto;
}


@media (min-width: 1300px) {
ul.og-grid {
padding-right: 200px;
padding-left: 200px;
}

input.cari {
width: 300px;
}

.container > header {
padding-bottom: 0px;
}
}

body {
padding-left: 0px;
padding-right: 0px;
}

@media (max-width: 457px) {
body {
background:min-width:457px;
}

.container > header {
padding-bottom: 0px;
padding-top: 0px;
}

img.shortcut_intro-icon {
width: 140px;
}

/*div.input-append {width:50px;}*/
}