@charset "utf-8";

html, body {font-family: 'Raleway', sans-serif;}

/*ovr*/
.btn {border-radius: 0px;}
.img-responsive {display: block !important;
    max-width: 100% !important;
    height: auto !important;}

/*UI*/
.upper-header-ncsr {background-color: #F9F9F9; height: 40px;padding-top: 10px;padding-bottom: 10px;position: fixed;width: 100%;top: 0px;z-index: 100;}
.icon-sosmed-fa {margin-left: 15px; font-size: 20px;}
.icon-phone-fa {font-size: 20px;}
a.sosmed-ncsr:link, a.sosmed-ncsr:visited {color: orange;}
a.sosmed-ncsr:hover {color: orangered; text-decoration: none;}
a.sosmed-footer-ncsr:link, a.sosmed-footer-ncsr:hover, a.sosmed-footer-ncsr:visited {color: #fff;}
.fixed-top {top:40px; transition: 0.3s all}
.fixed-top-scrolled {top:0px !important; transition: 0.1s all}
.navbar-light {background-color: #fff !important; height: 100px; border-bottom: solid #ccc thin;
-webkit-box-shadow: 0px 7px 9px -1px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 7px 9px -1px rgba(0,0,0,0.37);
box-shadow: 0px 7px 9px -1px rgba(0,0,0,0.1);
}
.logo-ncsr {max-width: 150px;}
.desktop {margin-right: -30px;}
.home-banner {height: 550px; margin-top: 140px;}
.holder-jadwal {background: rgba(0,104,55,1);
background: -moz-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,104,55,1)), color-stop(100%, rgba(0,66,33,1)));
background: -webkit-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -o-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -ms-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: linear-gradient(to right, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006837', endColorstr='#004221', GradientType=1 );
padding: 30px;
margin-top: -500px;
right: -15px;
	z-index: 99;
}
.holder-content {padding-top: 50px;padding-bottom: 50px;}
.section-title-area {margin-bottom: 25px;}
.section-orange {color: orange; float: left; margin-right: 10px;}
.icon-box-section {font-size: 25px;}
.holder-content2 {width: 100%;}
.holder-content-inside {width: 100%; height: 120px;margin-top: 140px;}
.left-side {float: left;width: 48%;height: 100% !important;}
.right-side {float:right; width: 52%; background-color: #eeeeee; margin: 0px; }
.holder-content2 {}
.assrat-img {background-image: url("../images/assrat.jpg");background-size: cover;background-position: left top;}
.assrat-content {background-color: #eeeeee; padding-bottom: 50px; padding-top:50px; }
.holder-content-special {width: 100%;height: 500px;}
.special-content-right {max-width: 700px ;margin-left: 15px;}
.orange-bg {background: rgba(243,128,31,1);
background: -moz-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,128,31,1)), color-stop(100%, rgba(243,98,31,1)));
background: -webkit-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -o-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -ms-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background-image: url("../images/accent-right-bg.png"), linear-gradient(to right, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background-repeat: no-repeat;
background-position: right;
	background-size: contain;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3801f', endColorstr='#f3621f', GradientType=1 );}
.orange-bg2 {background: rgba(243,128,31,1);
background: -moz-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,128,31,1)), color-stop(100%, rgba(243,98,31,1)));
background: -webkit-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -o-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background: -ms-linear-gradient(left, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background-image: url("../images/accent-inside-bar.png"), linear-gradient(to right, rgba(243,128,31,1) 0%, rgba(243,98,31,1) 100%);
background-repeat: no-repeat;
background-position: right;
	background-size: cover;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3801f', endColorstr='#f3621f', GradientType=1 );}
.green-bg {background: rgba(0,104,55,1);
background: -moz-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,104,55,1)), color-stop(100%, rgba(0,66,33,1)));
background: -webkit-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -o-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -ms-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: linear-gradient(to right, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006837', endColorstr='#004221', GradientType=1 );}
.green-schedule-bg {background: rgba(0,104,55,1);
background: -moz-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,104,55,1)), color-stop(100%, rgba(0,66,33,1)));
background: -webkit-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -o-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: -ms-linear-gradient(left, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
background: linear-gradient(to right, rgba(0,104,55,1) 0%, rgba(0,66,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006837', endColorstr='#004221', GradientType=1 );}
.training-partner {margin-top: 25px;margin-bottom: 25px; width: 300px;}
.ncsr-breadcrumb-holder {padding: 20px 0px; color: orange; font-size: 14px;}
.sidebar-ncsr-area {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	padding: 30px;
	margin-right: -30px;
	position: sticky;
	top: 150px;
}
.blue-bg {
	background: rgba(105,180,199,1);
background: -moz-linear-gradient(left, rgba(105,180,199,1) 0%, rgba(67,156,181,1) 41%, rgba(48,126,148,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(105,180,199,1)), color-stop(41%, rgba(67,156,181,1)), color-stop(100%, rgba(48,126,148,1)));
background: -webkit-linear-gradient(left, rgba(105,180,199,1) 0%, rgba(67,156,181,1) 41%, rgba(48,126,148,1) 100%);
background: -o-linear-gradient(left, rgba(105,180,199,1) 0%, rgba(67,156,181,1) 41%, rgba(48,126,148,1) 100%);
background: -ms-linear-gradient(left, rgba(105,180,199,1) 0%, rgba(67,156,181,1) 41%, rgba(48,126,148,1) 100%);
background-image: url("../images/accent-right-bg.png"), linear-gradient(to right, rgba(105,180,199,1) 0%, rgba(67,156,181,1) 41%, rgba(48,126,148,1) 100%);
	background-repeat: no-repeat;
background-position: right;
	background-size: contain;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b4c7', endColorstr='#307e94', GradientType=1 );
	
	
	
}
.archive-wrapper {border-bottom: thin dashed #333;margin-bottom: 20px;}
/*typo*/
h1 {font-weight: 900;} 
h2 {font-size: 26px;}
h2,h3 {font-weight: 400; } 
h3 {margin-top: 20px;}
.color-orange {color: orange;}
.section-title {margin-top: 0px; font-we: 700;}
a.breadcrumb-ncsr:link,a.breadcrumb-ncsr:visited,a.breadcrumb-ncsr:hover {color: orange !important;}
a.title-link:link,a.title-link:visited {color: #000 !important;text-decoration: none;}
a.title-link:hover {color: orangered !important;text-decoration: none; font-weight: 700}
.date,.author {font-size: 14px;color: #333;}
.ncsr-post-info {border-top: solid #333 thin; padding-top: 10px; padding-bottom: 30px; font-style: italic;}
.ncsr-post-info-archive {padding-top: 2px; padding-bottom: 15px; font-style: italic;}
.h1-ncsr-post {margin-bottom: 5px;}
.h2-archive-title {margin-bottom: 0px;}
.mec-event-list-classic .mec-event-title a {
    color: #fff !important;
    transition: color .3s ease;
}
.mec-event-list-classic .mec-event-detail {
    color: #ccc !important;
 
}

.mec-skin-list-events-container {color: #fff !important;}

.shiftnav-toggle-button {
   
    padding: 0px !important;
    background: #fff !important;
	margin-right: -15px !important;
    
}
.page-numbers {padding: 0 10px;}
.program-ncsr {padding-bottom: 20px;}
@media (min-width: 1200px){
	.mobile {display: none;}	
	.left-side {float: left;width: 40%;}
	.right-side {float:right; width: 60%;  }
}

@media (min-width: 992px) and (max-width: 1199.98px){
	.mobile {display: none;}
}

@media (min-width: 768px) and (max-width: 991.98px){
	.desktop {display: none;}
	.holder-jadwal {margin-top: -50px; 		-ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; 
	right: -15px;}
	
	.left-side {float: left;width: 30%;}
	.right-side {float:right; width: 70%;  }
	.assrat-img {background-position: -120px top;}
}

@media (min-width: 576px) and (max-width: 767.98px){
	.desktop {display: none;}
	.holder-jadwal {margin-top: -50px; 		-ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; 
	right: -15px;}
	
	.left-side {float: left;width: 30%;}
	.right-side {float:right; width: 70%;  }
	.assrat-img {background-position: -120px top;}
	.about-ncsr {padding-top: 50px !important;}
	.tagline-ncsr-col {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;	
		
	}
	.partner-col {
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;	
	}
}

@media (max-width: 575.98px){
.icon-sosmed-fa {margin-left: 5px; }
	.desktop {display: none;}
	.div-logo {
		-ms-flex: 0 0 60% !important;
    flex: 0 0 60% !important;
    max-width: 60% !important;
		
	}
	.div-menu {
		
			-ms-flex: 0 0 40% !important;
    flex: 0 0 40% !important;
    max-width: 40% !important;
		
	}
	.holder-jadwal {margin-top: -50px; 		-ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; 
	right: -15px;}	
	.left-side {float: left;width: 100%;}
	.right-side {float:right; width: 100%; padding-bottom: 50px;padding-top: 50px; }
	.assrat-img {background-position: top center;background-attachment: fixed;background-image: url("../images/assratmobile.jpg"); height: 300px !important;}
	.holder-content-special {height: auto !important;}
	.special-content-right {margin-left: 0px;}
	.program-ncsr,.about-ncsr {padding-top: 50px !important;}
.orange-bg {
background-position: bottom;}
	.tagline-ncsr-col {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
		
	}
	.partner-col {display: none;}
.home-banner {height: 400px;}
	.holder-content {padding-top: 30px;padding-bottom: 30px;}
}

/*ANIM*/