@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700';
@import url(../../global/css/global.css);
@import url(../../global/css/animate.css);


#toTop {width:36px;height:39px;position:fixed;bottom:60px;right:5%;cursor:pointer;display:none; z-index:999;background:url(../images/totopoff.png) center center no-repeat; border:none;}
body {margin:0px;padding:0px;font-family: 'Open Sans', sans-serif;color: #777777; font-size:14px; background:#fff;}

h1 {margin:0px; font-weight:300; font-size:12px;text-transform:uppercase;text-align:center;}
h2 {margin:0px 0px 10px 0px; color:#3A678D; font-size:30px; font-weight:300;}


.marquee  p {margin:0px;}

@media (max-width: 768px) 
{
	.menufixed {position:fixed; z-index:2000; top:0; left:0; background:#3A678D;}
	.ganjel {height:45px;}
	
	
	.hotline li {margin-bottom:5px; text-align:center; }
	.hotline {display: block; margin-right: auto; margin-left: auto;margin-top:10px;}
	.hotline li img { clear:both;}
	.hotline li .akun {margin:0px; clear:both; margin-left:10px;font-size:16px;}
	


	

	
	.logo {display:block; margin:0px auto;}
	
	.search {margin-bottom:20px;}
	
	
	

}
@media (min-width: 768px)
{
	
	.hotline {float:right; margin-top:10px;}
	.hotline li {float:left; margin-left:10px;}
	.hotline li img {float:left; margin:0px 5px;}
	.hotline li .akun {float:left;font-size:15px;}

	.search {float:right; }
	.isitengah {min-height:500px;}
	
	
	.back3 li {float:left; margin-right:10px;}
	
	.social {float:right; margin-top:5px;}
	
	.search .keys {width:70px;}
	

	
}
@media (min-width: 992px)
{

	.hotline {float:right; margin-top:30px;}
	.search .keys {width:130px;}
	
	
}


.social li {float:left; margin-left:5px;}

.back1 {background:#3A678D;}
.back2 {border-bottom:1px solid #F99734;}
.back3 {border-top:1px solid #F99734; padding:10px 0px; font-size:11px; font-weight:bold;}
.back3 a { color:#3A678D;}
.back3 a:hover { color:#f60;}




.search {background:#fff; border:1px solid #2F2F2F;}
.search li {float:left;}
.search .keys {font-size:11px; border:none; background:none; padding:8px;  }
.search .btn {margin:0;border:none;cursor:pointer;background:#0A406F; padding:8px;}
.search .btn:hover { background:#333;} 

.footer {font-size:10px; color:#9E9E9E; text-transform:uppercase;}
.footer a {color:#9E9E9E;}
.footer a:hover {color:#f60;}
