.matic
{
	color:#F55151;
}

.sps-mdp {
    color:#2A2A2A;margin-right:5px;
    border-radius:0.2em; 
    margin-bottom:5px;
    background-color:#f0f0f0;;
    padding:5px; 
    border-color:#DADADA; 
    border-style:solid;  
    border-width:thin; 
    font-size:15px;
    width: 100%;
}
.sps-mdp:hover
{
	box-shadow:0 0 5px 5px #DDDDDD
}
.sponsor-medpar .item {
	display: inline-block;
	margin: 10px 10px 10px 10px; 
}
.sponsor-medpar
{
	margin: 0 auto;
	width: 80%;
}
.sponsor-medpar-small
{
	margin: 0 auto;
	width: 80%;
}

.materi-alur
{
	width: 70%;
	margin: 0 auto;
	margin-top: 1em;
}
.container strong
{
	color:#ee3733;
}

#icon-footer
{
	width:15%;
	margin-left: 1em;
	-webkit-filter:brightness(3);
}
.widget .widget-popular-posts .materials ul li
{
	margin-top: 5em;
}

#time
{
	font-size: 2em;
	letter-spacing: 0.1em;
	color:white;	
}

.logo-dlm-box
{
	width:40%;
	display:inline-block;
}
.time-box
{
	background: url('../images/slide-02-bg-biru.jpg') center #f9f9f9;	
}

.pg
{
	letter-spacing: 0.7em;
}

.jawaban
{
	font-size: 1.3em;
	margin-top: 0.5em;
	display: inline-block;
	width:50%;
}
.touch-carousel.projects-carousel .owl-controls .owl-buttons {
	right: 0px;
}
input[type="reset"]{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	padding: 6px 16px;
	border: none;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
#show-data{
	text-align: center;
	background-color: #6699FF;
	color: #000000;
	padding: 10px 5px;
	cursor: pointer;
}
#main-data{
	margin-top: 10px;
}
#hidden-data{
	background-color: #FF6666;
	padding: 5px 5px;
	margin-bottom: 5px;
}
#binus-maps{
	top:15%;
	outline: none;
}
#binus-maps{
	height: 100%;
	margin: 0;
	padding: 0;
}

.navbar-toggle{
	margin: 18px 0px 0px 0px;
}

.thumb img {
	display:block;
	margin:auto;
}

@media screen and (max-width: 2800px) {
	.navbar-header
	{
		width: 150px !important;
	}
	.icon-header
	{
		height: 73px;
    	width: auto;
		/*width:65%;*/
	}
}

@media screen and (max-width: 1800px)
{
	.navbar-header
	{
		width: 150px !important;
	}
	.icon-header
	{
		width: 100px;
		height: auto;
		/*width:65%;*/
	}
}

@media screen and (max-width: 1000px)
{
	#main-slide .carousel-indicators{
		display: none;
	}

	.slider-content h2
	{
		font-size: 2.5em !important;		
	}
	.slider-content .ayo-ajak
	{
		margin-top: 8em !important;
	}
	.social-widget
	{
		width: 100% !important;
	}
	.container
	{
		width: 90%;
	}
	.email-web
	{
		display: inline-block;
	}
	.info-samping, .hr1, .history, .what
	{
		margin-top: 2em;
	}
	.plan-name
	{
		display: none;
	}
	.planname
	{
		display: inline !important;
	}

	.geo
	{
		float: none !important;
	}	
	.navbar-header
	{
		width: 110px !important;
	}

}	

@media screen and (max-width: 767px)
{
	.navbar-header
	{
		width: 99% !important;
	}
	.icon-header
	{
	    width: 100px;
		height: auto;
		/*width: 15%;*/
	}
}

@media screen and (max-width: 696px)
{
	.slider-content
	{
		margin-top: -6em !important;
	}
	.slider-content h3
	{
		font-size: 1.5em !important;		
	}
	.slider-content .ayo-ajak
	{
		font-size: 0.8em !important;
	}

	.btn-slide1
	{
		margin-top: -2em;
	}
	
}



@media screen and (max-width: 580px)
{
	.slider-content h3
	{
		font-size: 1.2em !important;
	}
	.slider-content h2
	{
		font-size: 2em !important;
	}
	.slider-content .ayo-ajak
	{
		font-size: 0.7em !important;
	}
	#icon-footer
	{
		display: none;
	}
}

@media screen and (max-width: 480px)
{
	.slider-content h3
	{
		font-size: 0.9em !important;
		margin-top: 0.1em !important;
	}
	.slider-content h2 
	{
		font-size: 1.7em !important;
		margin-top: 1em !important;
	}
	.slider-content .ayo-ajak
	{
		font-size: 0.5em !important;
	}
	.slider-content
	{
		margin-top: -4.8em !important;
	}
	.btn-slide1
	{
		margin-top: -2em !important;
	}
	#contact-us
	{
		margin-top: 1em;
	}
	.peserta
	{
		display: none;
	}
	.peserta1
	{
		display: inline !important;
	}
	.left-meta-post
	{
		height: 15em !important;
	}
}