.containers { 
			background-image:url('patungkuda.jpg');
			background-position: center	 center;
			background-repeat:no-repeat;
			background-size:1048px 400px;
			min-height:400px;
			margin:0 40px;
		}
		.containers .logo_frame { 
			height: 370px;      /* equals max image height */
			width: 100%;
			/*border: 1px solid red;*/
			white-space: nowrap;
			
			text-align: center; margin: 1em 0; 
		}
		.containers .logo_frame:before,
		.containers .logo_frame_before {
			content: "";
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
		#logo_permata {
			background: #3A6F9A;
			vertical-align: middle;
			max-height: 205px;
			max-width: 284px;
			margin-top:100px;
		}
		
		/* Move this to conditional comments */
		.containers .logo_frame {
			list-style:none;
			behavior: expression(
				function(t){
					t.insertAdjacentHTML('afterBegin','<span class="frame_before"></span>');
					t.runtimeStyle.behavior = 'none';
				}(this)
			);
		}
		@media(max-width:1199px) {
			.containers { 
				background-position: center	 center;
				background-repeat:no-repeat;
				background-size:879px 360px;
				min-height:360px;
				margin:0 40px;
			}
			.containers .logo_frame { 
				height: 330px;      /* equals max image height */
			}
		}
		@media(max-width:991px) {
			.containers { 
				background-position: center	 center;
				background-repeat:no-repeat;
				background-size:630px 300px;
				min-height:300px;
				margin:0 40px;
			}
			.containers .logo_frame { 
				height: 270px;      /* equals max image height */
			}
		}
		@media(max-width:767px) {
			.containers { 
				background-position: center	71px;
				background-repeat:no-repeat;
				background-size:469px 240px;
				min-height:240px;
				margin:0 40px;
			}
			.containers .logo_frame { 
				height: 210px;      /* equals max image height */
			}

			#logo_permata {
				margin-top:40px;
			}
		}
		@media(max-width:575px) {
			.containers { 
				background-position: center	71px;
				background-repeat:no-repeat;
				background-size:432px 230px;
				min-height:230px;
				margin:0 40px;
			}
			.containers .logo_frame { 
				height: 200px;      /* equals max image height */
			}
		}
	
		.navbar-brand img { height:85px; }
		.brand-text, .brand-img{ float:left; }
		.brand-img { margin-top:-5px }
		.brand-text { margin-top:6px; margin-left:10px; }
		
		.brand-text-1 { 
			font-size:16px; line-height:1.3em; font-weight:bold; color:#3c474f; 
			margin:2px 0 2px 2px !important; text-align:left !important; 
		}
		.brand-text-11 { font-size:24px; font-weight:bold; color:#1d76bb; margin:0 !important }
		.brand-text-12 { font-size:18px; color:#5fa4cf }
		.brand-text-2 { font-size:18px; color:#f90f19; margin:0 !important; }
		
		.sm-shown { display:none; }
		
		#logo_permata { background-color:transparent; height:10em; }
		
		.top-left, .top-right { padding-left:0; padding-right:0; }
		.top-right { text-align:right; }
		.top-right .search-form { width:80%; margin:20px 0 0; text-align:right; }

		.top-bar {
			height:44px; height:38px; border-top:2px solid #a4d4e6; border-bottom:2px solid rgba(86,137,184,0.38); margin-top:25px;
			background: -webkit-linear-gradient(top, rgba(255,255,255,0.38), rgba(1,89,176,.38));
			background: -moz-linear-gradient(top, rgba(255,255,255,0.38), rgba(1,89,176,.38));
			background: -o-linear-gradient(top, rgba(255,255,255,0.38), rgba(1,89,176,.38));
			background: -ms-linear-gradient(top, rgba(255,255,255,0.38), rgba(1,89,176,.38));
			background: linear-gradient(top, rgba(255,255,255,0.38), rgba(1,89,176,.38));
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.38)', endColorstr='rgba(1,89,176,.38)');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.38)', endColorstr='rgba(1,89,176,.38)')";
		}
		.top-bar marquee {
			line-height:34px; height:34px; color:#1d76bb;
		}
		/*.blok-1 { border:none; border-right:.3vw solid rgba(1,89,176,.2); }
		.blok-2 { border:none; border-left:.3vw solid rgba(210, 238, 242, .7); }*/
		.menu { 
			height:180px; padding-top:20px; text-align:center; 
			opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ 
			transition: opacity .5s ease-out;
			-moz-transition: opacity .5s ease-out;
			-webkit-transition: opacity .5s ease-out;
			-o-transition: opacity .5s ease-out;
		}
		.menu .img-responsive { width:64%;  }
		.menu:hover, .menu.clicked { cursor:pointer; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
		.menu .menu-title { 
			font-family:Agency FB; font-size:1.8vw; font-size:1.4em; 
		}
		
		.menu.clicked:after {
			content:'';
			width: 0; 
			height: 0; 
			border-left: 30px solid transparent;
			border-right: 30px solid transparent;   
			border-bottom: 30px solid #1d76bb;
			position:absolute;
			left:50%;
			bottom:0;
			transform:translatex(-50%); /** making it horizontally center **/
			z-index:999;
		}


		.submenu { height:120px; background-color:transparent; padding:20px; color:#FFF; display:none; }
		.submenus {	
			position:absolute; z-index:1000; background-color:#1d76bb;
			height:120px; top:0; left:0; right:0; display:none;
			padding:20px; color:#FFF; font-size:1.2em; line-height:2em;
		}
		
		@media(max-width:1199px) {
			.brand-img { height:4em !important; }
			.brand-text-1 { font-size:14px; }
			.brand-text-11 { font-size:22px; }
			.brand-text-12 { font-size:14px; }
			.brand-text-2 { font-size:14px; }

			#logo_permata { height:8em; }
			
			.menu { height:160px; padding-top:20px; text-align:center; }
			.menu .menu-title, .submenus { font-family:Agency FB; font-size:1.2em; }
		}
		@media(max-width:991px) {
			.brand-img { height:3em !important; }
			.brand-text { margin-top:1px; margin-left:2px; }
			.brand-text-1 { font-size:12px; margin:1px 0 1px 6px !important; }
			.brand-text-11 { font-size:20px; }
			.brand-text-12 { font-size:12px; }
			.brand-text-2 { font-size:10px; }

			#logo_permata { height:6em; }

			/*.blok-1 { border:none; border-bottom:5px solid rgba(1,89,176,.2); }
			.blok-2 { border:none; border-top:5px solid rgba(210, 238, 242, .7); }*/
			.menu { height:170px; padding-top:20px; text-align:center; }
			.menu .menu-title, .submenus { font-family:Agency FB; font-size:1.3em; }

			.submenu, .submenus { height:160px; }

		}
		@media(max-width:767px) {
			.top-left, .top-right {
				text-align:center; 
			}
			.top-right .search-form { width:60%; margin:20px auto 0; text-align:left; float:none; }
			
			.menu { height:140px; padding-top:20px; text-align:center; }
			/*.menu .menu-title { font-family:Agency FB; font-size:1.8em; }*/
			.menu .menu-title, .submenus { font-family:Agency FB; font-size:1em; }
		}
		@media(max-width:575px) {
			.menu { height:50vw; padding-top:20px; text-align:center; }
			.menu .img-responsive { width:60%; }
			.menu .menu-title { font-family:Agency FB; font-size:6.2vw; }
			.top-right .search-form { width:80%; margin:20px auto 0; }
			.submenu, .submenus { height:240px; }
		}
		
		.btn-primary { background-color:#0082ae; border-color:#0082ae; }
		
		.input-group.md-form.form-sm.form-1 input{
			border: 1px solid #bdbdbd;
			border-top-right-radius: 0.25rem;
			border-bottom-right-radius: 0.25rem;
		}
		.input-group.md-form.form-sm.form-2 input {
			border: 1px solid #bdbdbd;
			border-top-left-radius: 0.25rem;
			border-bottom-left-radius: 0.25rem;
		}
		.input-group.md-form.form-sm.form-2 input.amber-border  {
			border: 1px solid #ccc;
		}
		
		
		
		/*#myModal .modal-dialog {
			-webkit-transform: translate(0,-50%);
			-o-transform: translate(0,-50%);
			transform: translate(0,-50%);
			top: 50%;
			margin: 0 auto;
		}
		@med*/ia(max-width:575px) {
			#myModal .modal-dialog {
				max-width: calc(100vw - 20px);
			}
		}
		#myModal .modal-header { background-color:#0082ae; color:#FFF; }