/*
	Author: W3layout
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
	*/
	/* reset */
	article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
	.cssmenu ul{list-style:none;margin:0;padding:0;}
	blockquote,q{quotes:none;}
	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
	table{border-collapse:collapse;border-spacing:0;}
	/* start editing from here */
	strong, b
	{
		font-weight: 500;
		color: #42474c;
	}
	a{text-decoration:none;}
		p{margin:0;line-height:1.6em;}
	a:focus, a:hover{text-decoration:none;}
	.float-rt{float:right;}/* float right */
	.float-lt{float:left;}/* float left */
	.clear{clear:both;}/* clear float */
	.red, .green, .blue, .yellow {
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.headline {
		display: block;
		margin: 10px 0 25px 0;
		border-bottom: 1px dotted #e4e9f0;
	}
	.headline h2, .headline h3, .headline h4 {
		margin: 0 0 -2px 0;
		padding-bottom: 5px;
		display: inline-block;
		border-bottom: 2px solid #16a0d6;
	}
	nav.vertical ul li{	display:block;}/* vertical menu */
	nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
	img{max-width:100%;}
	table.widget{width:100%}
	#dt{margin-right:7px;}
	.table {
		font-family: Arial; 
		font-size: 12px;
		border-collapse: collapse;
	}
	.td{
		padding: 2px;;
		vertical-align: top;
		border-width: 1px;
		border-style: dotted;
		border-color: #969BA5;
		border-collapse: collapse;
	}
	.tr{
	background:none;
	}
	.tr:hover{
	background-color:#EBEBEB;
	}
	.li-class{
	list-style:url(../images/bullet.gif);
	margin-left:-15px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	.radio-class{
	margin-top:5px;
	cursor:pointer;
	margin-bottom:5px;
	}
	ul{
	margin-top:0px;
	margin-bottom:0px;
	}
	h1,h2,h3,h4,h5,h6
	{
		font-weight: 300;
		color: #52575c;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}
	h3{
	margin:0px;
	}
	a.more {
		margin-top: 16px;
		font-weight: 600;
		color: #16a0d6;
		text-decoration: underline !important;
	}
	/* Wrapper
	-----------------------------------------------
	*/
		.wrap2{width:100%;}
		#inner-content{width:100%}
		body{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		color: #52575c;
		width: 100%;
		margin: 0 auto;
		background: #fff;
		box-shadow: 0 0 5px 1px #C7C7C7;
		word-wrap:break-word;
		padding:0;
		line-height: 1.6em;
		font-size: 16px;
		}
		#outer-wrapper{
		position: relative;
		width:100%;margin:0 auto; 
		}
		#content-kiri{
		width:225px;
		float:left;
		}
		#content-kanan{
		margin-bottom:30px;
		overflow: hidden;
		}
		#content-kanan a{
		text-decoration:none;
		color:#666;
		font-weight:300;
		transition: all 0.4s ease-in-out;
		}
		#content-kanan a:hover{
		text-decoration:underline;
		color:#3399FF;
		}
		#head-kanan{
		float:right;
		color:#c3c3c3;
		padding-right: 80px;
		}
		#main-wrapper{
		width:90%;
		margin:0 auto 30px;
		float:inline-block;
		}
		#main-wrapper a{
		text-decoration:none;
		color:#16a0d6;
		transition: all 0.4s ease-in-out;
		}
		#main-wrapper a:hover{
		text-decoration:none;
		color:#3399FF;
		}
		
		/* Header
	-----------------------------------------------
	*/
		.header_col{
		background: #3c8dbc;	
		width: 100%;
		}
		.header{
		background-color: #16a0d6;
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
		height: 65px;
		left: 0;
		float: left;
		display: block;
		border-bottom: 7px solid #0C99D0;
		-webkit-transition: height 0.4s;
		-moz-transition: height 0.4s;
		-ms-transition: height 0.4s;
		-o-transition: height 0.4s;
		transition: height 0.4s; 
		}
		.header.smaller{
		height: 65px;
		padding:0;
		}
		.smaller.cssmenu ul > li > a{
		line-height:1.7em;
		}
		.smaller.cssmenu > ul > li:hover > ul {
		opacity: 1;
		top: 66px;
		visibility: visible;
		}
		
		body .navbar {
		height: 65px;
		padding: 0;
		margin: 0;
	}
		.header .top-bar {
		background: #2f506c;
		}
		.logo.smaller{
			padding: 14px 0px 4px 5%;
		}
		.logo{
		float: left;
		display: inline;
		padding: 14px 0px 4px 5%;
		margin: 0px;
		}
		
		.logo a {
		width: 100%;
		display: block;
		}
		.logo a img {
		max-width: 100%;
		}
		
	/* Slider
	-----------------------------------------------
	*/
		.slider .bg-bottom {
		position: absolute;
		background: url(../images/bg_white.png) no-repeat;
		height: 30px;
		width: 1920px;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -960px;
		content: "";
		}
		.slider{
		position: relative;
		overflow: hidden;
		}
		
		/* Main Menu
	-----------------------------------------------
	*/
		.cssmenu {
		float: left;
		}
		.cssmenu > ul > li {
		display:inline-block;
		position: relative;
		}
		.cssmenu > ul > li.active a{
		color: #333;
		background: #0C99D0;
		}
		
		.cssmenu > ul > li  img {
		vertical-align: middle;
		}
		.cssmenu > ul > li > a {
		text-transform: uppercase;
		display: block;
		font-size: 14px;
		color: #fff;
		line-height: 3.5em;
		padding: 20px 21px 21px;
		-webkit-transition: 0.9s;
		-moz-transition: 0.9s;
		-o-transition: 0.9s;
		transition: 0.9s;
		letter-spacing: 1px;
		font-weight:500;
		}
		.cssmenu  ul li:hover a,.cssmenu ul li:hover a.arrow {
		color: #333;
		background: #0C99D0;
		}
		.cssmenu > ul > li > a:hover {
			color: #333;
		background: #0C99D0;
		}
		.cssmenu > ul > li > ul {
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		background: #5C5C5C;
		color:#fff;
		text-align: left;
		position: absolute;
		width: 180px;
		-webkit-transition: all .3s .1s ease-in-out;
		-moz-transition: all .3s .1s ease-in-out;
		-o-transition: all .3s .1s ease-in-out;
		transition: all .3s .1s ease-in-out;
		border-bottom:5px solid #478bca;
		top: 299px;
		}
		.cssmenu > ul > li:hover > ul {
		opacity: 1;
		top: 90px;
		visibility: visible;
		}
		.cssmenu > ul ul > li {
		position: relative;
		}
		.cssmenu ul ul a {
		text-transform: uppercase;
		color: #666 !important;
		font-size: 14px;
		background: #fff !important;
		padding: 12px;
		display: block;
		transition: all 0.4s ease-in-out;
		border-bottom: 1px dashed #ededed;
		}
		.cssmenu ul ul a:hover {	
		color: #227fbc !important;
		padding-left:20px;
		}
		.cssmenu ul ul ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: -16px;
		left: 206px;
		padding: 8px;
		background-color: #fafafa;
		text-align: left;
		width: 160px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		}
		.cssmenu ul ul > li:hover > ul {
		opacity: 1;
		left: 190px;
		visibility: visible;
		}
	/* display with 840px  */
		.top-nav{
		display: none;
		}
		.nav .open > a, 
	.nav .open > a:hover, 
	.nav .open > a:focus {background-color: transparent;}

	/*-------------------------------*/
	/*           Wrappers            */
	/*-------------------------------*/

	#wrapper {
		padding-left: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#wrapper.toggled {
		padding-left: 220px;
	}

	#sidebar-wrapper {
		z-index: 1000;
		left: 220px;
		width: 0;
		height: 100%;
		margin-left: -220px;
		overflow-y: auto;
		overflow-x: hidden;
		background: #1a1a1a;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#sidebar-wrapper::-webkit-scrollbar {
	  display: none;
	}

	#wrapper.toggled #sidebar-wrapper {
		width: 220px;
	}

	#page-content-wrapper {
		width: 100%;
		padding-top: 70px;
	}

	#wrapper.toggled #page-content-wrapper {
		position: absolute;
		margin-right: -220px;
	}

	/*-------------------------------*/
	/*     Sidebar nav styles        */
	/*-------------------------------*/

	.sidebar-nav {
		position: absolute;
		top: 0;
		width: 220px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.sidebar-nav li {
		position: relative; 
		line-height: 20px;
		display: inline-block;
		width: 100%;
	}

	.sidebar-nav li:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		height: 100%;
		width: 3px;
		background-color: #1c1c1c;
		-webkit-transition: width .2s ease-in;
		  -moz-transition:  width .2s ease-in;
		   -ms-transition:  width .2s ease-in;
				transition: width .2s ease-in;

	}
	.sidebar-nav li:first-child a {
		color: #fff;
		background-color: #1a1a1a;
	}
	.sidebar-nav li:nth-child(2):before {
		background-color: #ec1b5a;   
	}
	.sidebar-nav li:nth-child(3):before {
		background-color: #79aefe;   
	}
	.sidebar-nav li:nth-child(4):before {
		background-color: #314190;   
	}
	.sidebar-nav li:nth-child(5):before {
		background-color: #279636;   
	}
	.sidebar-nav li:nth-child(6):before {
		background-color: #7d5d81;   
	}
	.sidebar-nav li:nth-child(7):before {
		background-color: #ead24c;   
	}
	.sidebar-nav li:nth-child(8):before {
		background-color: #2d2366;   
	}
	.sidebar-nav li:nth-child(9):before {
		background-color: #35acdf;   
	}
	.sidebar-nav li:hover:before,
	.sidebar-nav li.open:hover:before {
		width: 100%;
		-webkit-transition: width .2s ease-in;
		  -moz-transition:  width .2s ease-in;
		   -ms-transition:  width .2s ease-in;
				transition: width .2s ease-in;

	}

	.sidebar-nav li a {
		display: block;
		color: #ddd;
		text-decoration: none;
		padding: 10px 15px 10px 30px;    
	}

	.sidebar-nav li a:hover,
	.sidebar-nav li a:active,
	.sidebar-nav li a:focus,
	.sidebar-nav li.open a:hover,
	.sidebar-nav li.open a:active,
	.sidebar-nav li.open a:focus{
		color: #fff;
		text-decoration: none;
		background-color: transparent;
	}

	.sidebar-nav > .sidebar-brand {
		height: 65px;
		font-size: 20px;
		line-height: 44px;
	}
	.sidebar-nav .dropdown-menu {
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		border-radius: 0;
		border: none;
		background-color: #222;
		box-shadow: none;
	}

	/*-------------------------------*/
	/*       Hamburger-Cross         */
	/*-------------------------------*/

	.hamburger {
	  position: fixed;
	  top: 15px;  
	  z-index: 999;
	  display: block;
	  width: 32px;
	  height: 32px;
	  margin-left: 15px;
	  background: transparent;
	  border: none;
	}
	.hamburger .fa{
		color:#f1f1f1;
		font-size:23px;
	}
	.hamburger:hover,
	.hamburger:focus,
	.hamburger:active {
	  outline: none;
	}
	.hamburger.is-closed:before {
	  content: '';
	  display: block;
	  width: 100px;
	  font-size: 14px;
	  color: #fff;
	  line-height: 32px;
	  text-align: center;
	  opacity: 0;
	  -webkit-transform: translate3d(0,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-closed:hover:before {
	  opacity: 1;
	  display: block;
	  -webkit-transform: translate3d(-100px,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}

	.hamburger.is-closed:hover .hamb-top {
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-closed .hamb-middle{
		display: none;
		
	}
	.hamburger.is-open .hamb-top{
		display: none;
		
	}
	.hamburger.is-open .hamb-top {
	  background-color: #1a1a1a;
	}
	.hamburger.is-open .hamb-top{
	  top: 50%;
	  margin-top: -2px;  
	}
	.hamburger.is-open:before {
	  content: '';
	  display: block;
	  width: 100px;
	  font-size: 14px;
	  color: #fff;
	  line-height: 32px;
	  text-align: center;
	  opacity: 0;
	  -webkit-transform: translate3d(0,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}
	.hamburger.is-open:hover:before {
	  opacity: 1;
	  display: block;
	  -webkit-transform: translate3d(-100px,0,0);
	  -webkit-transition: all .35s ease-in-out;
	}

	/*-------------------------------*/
	/*            Overlay            */
	/*-------------------------------*/

	.overlay {
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(250,250,250,.8);
		z-index: 1;
	}
		
	/* HomePage
	-----------------------------------------------
	*/
		.depan section {
		background: #f5f5f5;
		overflow: hidden;
		margin-bottom: 30px;
		}
		.depan h1.title {
		font-size: 22px;
		font-weight: 300;
		line-height: 2;
		margin-top: 0;
		color: #2f506c;
		}
		.depan h1.title .line {
		border-top: 2px solid #6091ba;
		display: inline-block;
		padding: 0 15px;
		padding-top: 5px;
		}
		.depan .isi {
		padding: 15px;
		padding-top: 0;
		}

			/* Post
	-----------------------------------------------
	*/
		.image {
		background-color: #fff;
		padding: 3px;
		margin: 3px 5px 3px 0;
		border: 1px solid #e8e8e8;
		float: left;
		}
		.image_guru {
		background-color: #fff;
		padding: 3px;
		margin: 3px 5px 3px 0;
		border: 1px solid #e8e8e8;
		float: left;
		}
		.post{
		background:transparent;
		position:relative;
		margin-top:20px;
		width:100%;   
		padding-bottom: 15px; 
		border-bottom: 1px solid #e8e8e8;
		}
		.post-thumb{
		padding-left:0;
		}
		
		.img-respon{    
		display: block;
		float:left;
		max-width: 100%;
	   }
		.post-body {
		margin: 0;
		padding: 0 !important;
		width:100%;
		}
		.post-body {
		line-height: 1.8em;
		color: #555;
		font-size: 100%;
		padding: 35px 21px; 
		}
		.post h2 {
		margin-bottom:10px;
		font-size: 22px;
		font-weight: 300 !important;
		line-height: 22px;
		text-align: left;
		text-transform: capitalize;
		color: #393939 !important;
		}
		.post h2 a {
		color: #227fbc !important;
		text-decoration: none;
		}
		.post h2 a:hover {
		color:#2f506c !important;
		}
		.post-header_news {
		margin: 0 -15px 0 -15px;
		padding: 10px 15px 10px 15px;
		color: #aaa;
		line-height: 1.6em;
		font-size: 12px;
		overflow: hidden;
		font-weight: 300;
		text-transform: capitalize;  
		background:#f7f7f7;
		bottom:0;
		position:absolute;
		width:100%;
		}
		
		.post-header {
		margin: 0;
		color: #6E6E6E;
		line-height: 1.6em;
		font-size: 12px;
		overflow: hidden;
		font-weight:300;
		text-transform: capitalize;  
		}
		.news_pencarian{
		margin-bottom: 30px;
		padding-bottom:15px; 
		border-bottom: 1px solid #e8e8e8;
		}
		.news_pencarian h2 {
		margin-bottom:10px;
		font-size: 22px;
		font-weight: 300 !important;
		line-height: 22px;
		text-align: left;
		text-transform: capitalize;
		color: #393939 !important;
		
		}
		.news_pencarian h2 a {
		color: #227fbc !important;
		text-decoration: none;
		}
		.news{
		margin:0 15px 30px 0;
		padding-top:15px;	
		border: 1px solid #e8e8e8;
		border-radius: 3px;
		position:relative;
		display:inline-block;
		height: 450px;
		overflow: hidden;
		}
		.news h2 {
		margin-bottom:10px;
		margin-top:10px;
		font-size: 22px;
		font-weight: 300 !important;
		line-height: 1.2em;
		text-align: left;
		text-transform: capitalize;
		color: #393939 !important;
		
		}
		.news h2 a {
		color: #227fbc !important;
		text-decoration: none;
		}
		.snippet-wrapper {
		line-height: 15px;
		margin: 0 30px 0 30px;
		color: #828282;
		display: block;
		float: left;
		font-size: 12px;
		height: 80px;
		overflow: hidden;
		}
		.jump-link {
		padding: 0;
		display: block;
		overflow: hidden;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 10;
		}
		.jump-link a {
		background: #18a5d0;
		float: left;
		height: 34px;
		line-height: 34px;
		position: relative;
		margin: 0;
		padding: 2px 13px;
		color: #fff !important;
		font-size: 12px;
		text-decoration: none;
		transition: all .3s ease-in-out;
		text-transform: uppercase;
		font-weight: 700;
		}
		.jump-link a:hover {
		opacity: .7;
		transition: all .3s ease-in-out;
		}
		
		/* Data Statis*/
		#album-besar{
		width:22%;
		float:left;
		}
		#album-besar2{
		float:left;
		}
		#sub-album{
		margin:5px;
		text-align:center;
		
		}
		
		#sub-album2{
		float:left;
		padding:5px;
		margin:5px;
		text-align:center;
		-moz-border-radius:4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border:1px dashed #cccccc;
		}
		#sub-album:hover{
		background-color:#EBEBEB;
		}
		#sub-album2:hover{
		background-color:#EBEBEB;
		}
		#galeri{
		height:auto;overflow: hidden;
		}
		.image2 {
		padding: 3px;
		margin: 3px 5px 3px 0;
		float: left;
		}
		.download{
		float: left;
		margin-right: 10px;
		margin-bottom:10px;
		padding:10px;
		-moz-border-radius:4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #e8e8e8;
		}
		.berita-lain{
		font-size:15px;
		line-height:140%;
		color:#666666;
		font-weight:bold;
		}

		/* Daleman Post*/
		.keterangan{
		padding-top:8px;
		padding-bottom:8px;
		font-size:12px;
	border-bottom: 1px solid #ececec;
		border-top: 1px solid #ececec;
	text-transform: capitalize;
	line-height: 1.5em;
		}
	/* Informasi Publisher
	-----------------------------------------------
	*/
	.post-info-icon{background-image:url(http://3.bp.blogspot.com/-qki6wupSLCs/VSueqI0UZ6I/AAAAAAAAA-A/A2tmmBwn-fA/s1600/info.png);background-repeat:no-repeat;}
	.post-info{display:block;margin:10px 0 15px 0px;padding:3px 0;color:#999;line-height:1.4em;border-top:1px dotted #e2e2e2;border-bottom:1px dotted #e2e2e2;font-size:13px;overflow:hidden;}
	.post-info-icon a{text-decoration:none !important;color:#999 !important;font-weight:300 !important;}
	.post-info-icon{display:inline-block;float:left;margin:0 12px 0 0;}
	.post-info-icon a:hover{color:#000;}
	.keterangan .jam{background-position:0 -98px;height:16px;padding:0 0 0 17px}
	.keterangan .komentar{background-position:0 -132px;height:16px;padding:0 0 0 17px;}
	.keterangan .kategori{background-position:0 -166px;height:16px;padding:0 0 0 17px;}
	.keterangan .admin{background-position:0 1px;height:16px;padding:0 0 0 17px;}
	.keterangan .tanggal{background-position:0 -32px;height:16px;padding:0 0 0 17px;}
	.keterangan .user{height:16px;padding:0 0 0 17px;}
		#detail{
		padding-top:10px;
		word-wrap:break-word;
		}
		.tanggalberita {
		color:#6666CC;
		font-size: 12px;
		font-style: italic;
		}
		#guru{
		border:1px solid #e8e8e8;
		padding: 10px;
		margin-bottom: 15px;
		}
		#guru:hover{
		background-color:#F3F3F3;
		}
		.active-paging > .pagingpage-nomor{
		background-color: #6091ba;
		border-color: #6091ba;
		color:#fff;
		}
		.pagingpage-nomor{
		background-color: #fff;
		text-align:center;
		width:30px;
		padding: 3px;
		border: 1px solid #ddd;
		float:left;
		margin:1px;
		}
		.pagingpage{
		background-color: #fff;
		padding: 3px;
		border: 1px solid #ddd;
		float:left;
		margin:1px;
		}
		.post-header_pengumuman {
		margin-bottom:5px;
		font-size: 13px;
		color:#a8a8a8;
		font-weight:500;
		}
		.pengumuman{
		margin-bottom:25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #e8e8e8;
		}
		.pengumuman h2 {
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: 300 !important;
		line-height: 22px;
		text-align: left;
		text-transform: capitalize;
		color: #393939 !important;
		}


	/* Sidebar
	-----------------------------------------------
	*/
		.sidebar{
		background:transparent;
		margin-bottom:20%;
		overflow:hidden!important;
		}
		#sidebar-css h2{
		color:rgb(85, 85, 85); 
		font-size:22px;
		}
		.sidebar{
		line-height:1.3em; 
		font-size:18px
		}
		.sidebar ul{
		font-size:14px;
		list-style:none; 
		margin:0;
		}
		.sidebar li{
		font-size:13px;
		padding:0; 
		line-height:18px;
		color:#666;
		font-weight:500;
		}
		.sidebar a:link{
		font-size:16px; 
		color:rgb(13, 113, 147);  
		text-decoration:none;
		}
		.sidebar a:hover {
		color:#ff7a09;
		text-decoration:none !important;
		}
		li.rekomendasi:hover  > h3 a {
			color:#3399FF !important;
		}
		li.rekomendasi:hover  > img {
			border: 1px solid #3399FF;
		}
		li.rekomendasi{
		margin-left: -35px;
		border-bottom: 1px solid #e8e8e8;
			display: block;
		}
		li.rekomendasi h3 a{
		font-weight:300;
		}
		ul li.rekomendasi{
		padding-top:10px; 
		padding-bottom:10px}
		.image-acak {
		margin: 0 5px 3px 0;
		float: left;
		}
		
	/* Breadcrumbs
	-----------------------------------------------
	*/
		.page-wrapper .page-heading {
		margin-bottom: 30px;
		background: url(../images/breadcrumbs.png) repeat;
		padding: 28px 0 27px;
	   border-bottom: solid 1px #eee;
	   border-top: solid 2px #eee;
		}
		.breadcrumbs-title {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 10px;
		position: relative;
		}
		.page-wrapper .page-heading h1.heading-title {
		margin-top: 0;
		display: inline-block;
		font-weight:300;
		text-transform: capitalize;
		text-decoration: none !important;
		font-size: 25px;
		color: #666;
		}
		.page-wrapper .breadcrumbs {
		display: inline-block;
		}
		.page-wrapper .breadcrumbs ul {
		margin: 0;
		}
		.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
		padding-right: 0;
		color: #777;
		}
		.page-wrapper .breadcrumbs ul li {
		color: #777;
		font-size: 12px;
		float: left;
		list-style: none;
		display: inline-block;
		}
		.page-wrapper .breadcrumbs ul li a {
		display: inline-block;
		padding: 0 5px;
		color: #777;
		}
		.page-wrapper .breadcrumbs ul li.current {
		max-width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}

	/* Widget Agenda
	-----------------------------------------------
	*/
		.event-date {
		float: left;
		background: #478bca;
		text-align: center;
		margin-right: 10px;
		margin-top: 4px;
		font-size:15px;
		font-weight: 300 !important;
		}
		.event-date .event-cal-date {
		font-size: 14px;
		color: #fff;
		padding: 0 5px 0 5px;
		}
		.event-date .event-cal-date2 {
		font-size: 15px;
		color: #fff;
		}
		.event-list li {
		list-style: none;
		margin-left:0;
		display:block;
		position: relative;
		float: left;
		margin-bottom: 20px;
		border-bottom: 1px solid #e8e8e8;
		width:100%;
		}
		.event-date .event-cal-month {
		font-size: 15px;
		background: #fff;
		padding: 9px 5px;
		color:#2c3e50;
		}
		.sidebar .event-date .event-cal-month{
		background:#f5f5f5;
		}
		.event-date span {
		text-transform: uppercase;
		display: block;
		clear: both;
		}
		.event-details p.meta{
		font-size:12px !important;
		color:#928282;
		}
		.event-details p {
		font-size:13px;
		margin-bottom:5px;
		}
		
		.event-details {
		overflow: hidden;
		margin-bottom: 20px;
		font-style: normal;
		}
		
		/* Widget AgendaWrapper
	-----------------------------------------------
	*/
		.agenda{
		margin-bottom:25px;
		min-height: 130px;
		border-bottom: 1px solid #e8e8e8;
		}
		.agenda h2 {
		margin-bottom: 10px;
		font-size: 22px;
		font-weight: 300 !important;
		line-height: 22px;
		text-align: left;
		text-transform: capitalize;
		color: #393939 !important;
		margin-top: 0;
		}
		
		.agenda-wrapper .event-date {
		float: left;
		background: #478bca;
		text-align: center;
		margin-right: 30px;
		margin-top: 4px;
		padding:3px;
		font-weight: 300 !important;
		}
		.agenda-wrapper .event-date .event-cal-date {
		font-size: 14px;
		color: #fff;
		padding: 3px 0;  
		}
		.agenda-wrapper .event-date .event-cal-date2 {
		font-size: 15px;
		color: #fff;
		}
		.agenda-wrapper .event-list li {
		list-style: none;
		margin-left:0;
		display:block;
		position: relative;
		float: left;
		margin-bottom: 20px;
		border-bottom: 1px solid #e8e8e8;
		width:100%;
		}
		.agenda-wrapper .event-date .event-cal-month {
		font-size: 35px;
		background: #fff;
		padding: 30px 13px;
		color: #008bc3;
		border-radius: 4px;
		line-height: 20px;
		}
		.agenda-wrapper .event-date span {
		text-transform: uppercase;
		display: block;
		clear: both;
		}
		.agenda-wrapper .event-details p {
		font-size:15px;
		margin-bottom:5px;
		}
		.agenda-wrapper .event-details {
		overflow: hidden;
		margin-bottom: 20px;
		font-style: normal;
		}
		.agenda-wrapper .event-details span {
		margin-right:7px;
		}
		.agenda-wrapper .event-details .fa {
		color:#478bca;
		}


	/* footer
	-----------------------------------------------
	*/
		
		.footer{
		background: url(../images/bg_white_arrow.png) no-repeat 50% 0;
		padding: 50px 7% 1% 7%;
		}
		.footer_bg{
		background: url(../images/bg1.png);
		}
		.footer .span_of_4 .map-img {
		background: url(../images/map-img.png) 5px 60px no-repeat;
		}
		.span1_of_4{
			color:#fff;
		}
		.span1_of_4  h2{
			font-size: 19px;
			color: #ffffff;
			font-weight:300;
		}
		
		.f_nav1 li{
				list-style: none;
		}
		 ul.f_nav1{
			padding:0;
		}
		
		ul.f_nav1.link-list li:first-child {
		border-top: none !important;
		}
		ul.f_nav1.link-list li {
			border-top: solid 1px #353535;
		}
		ul.f_nav1.link-list li i {
		color: #bbb;
		float: right;
		margin-top: 10px;
		}
		.f_nav1 li a{
			
			color: #fff;
			line-height: 1.8em;
			font-size: 1em;
			-webkit-transition: 0.9s;
			-moz-transition: 0.9s;
			-o-transition: 0.9s;
			transition: 0.9s;
		}
		.f_nav1 li a:hover{
			color: #227fbc;
			text-decoration:underline;
		}
		.f_nav2 li{
			margin:10px 5px 0 0;
			display: inline-block;
			background: #222222;
			-webkit-transition: 0.9s;
			-moz-transition: 0.9s;
			-o-transition: 0.9s;
			transition: 0.9s;
			border-radius:2px;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			-o-border-radius:2px;
		}
		.footer_btm{
		border-top: 6px solid #222222;	
		background:#222;
		}
		.footer_btm .copy{
		text-align:center;
		padding:10px;
		}
		.footer_btm .copy p{
		font-size: 1em;
		text-transform:uppercase;
		color: #B9B9B9;
		}
		
	/* Gallery
	-----------------------------------------------
	*/
		#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
		display: none;
		}
		.nbs-flexisel-container {
		position: relative;
		max-width: 100%;
		}
		.nbs-flexisel-ul {
		position: relative;
		width: 9999px;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-align: center;
		}
		.nbs-flexisel-inner {
		overflow: hidden;
		width:100%;
		margin: 0 auto;
		}
		.nbs-flexisel-item {
		float: left;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		position: relative;
		line-height: 0px;
		}
		.nbs-flexisel-item > img {
		cursor: pointer;
		position: relative;
		}
		
		/* Disqus Style
	-----------------------------------------------
	*/
		#dsq-recentcoment li.dsq-widget-item,.rcomnetxx li{padding:5px 0;margin:0;border-bottom: 1px solid #e8e8e8;}
		#dsq-recentcoment img.dsq-widget-avatar,.rcomnetxx .kmtimg{width:50px;height:50px;margin-right:5px;padding:3px;float:left;border-radius:100px;}
		#dsq-recentcoment ul.dsq-widget-list{text-align:left;}
		#dsq-recentcoment p.dsq-widget-meta a:first-child{font-size:10px;line-height: 10px;}
		#dsq-recentcoment p.dsq-widget-meta a:nth-child(2){font-size:10px;line-height: 10px;color:#478bca;}
		#dsq-recentcoment a.dsq-widget-user {font-weight: bold;color:#478bca;font-size:13px;display:block;}
		#dsq-recentcoment span.dsq-widget-comment {font-size:11.5px;}
		.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
		
		color: #fff !important;
		cursor: default;
		background-color: #3498db;
		border: 1px solid #3498db;
		border-bottom-color: transparent;
	}
	.nav-tabs-custom>.nav-tabs {
	   background:#f5f5f5;
		border-bottom:2px solid #3498db;
	}
	.nav-tabs li a {
		color:#337AB7 !Important;
	}
	.nav-tabs-custom>.tab-content{
		background:#f5f5f5;
	}
			/* Button
	-----------------------------------------------
	*/
		.submitButton{
		color:#000;
		font-size:12px;
		height:20px;
		font-family: Trebuchet MS;
		-moz-border-radius:4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border:1px solid #cccccc;
		background-color:#B7EAFD;
		cursor:pointer;
		text-align:center;
		}
		.submitButton:hover{
		font-family: Trebuchet MS;
		background-position:bottom;
		border-color:#dddddd;
		color:#0000;
		background-color:#6BD2FB;
		}
		.poll{
		color:#333;
		font-size:12px;
		font-weight:bold;
		-moz-border-radius:4px;
		-khtml-border-radius: 4px;
		-webkit-border-radius: 4px;
		border:1px solid #cccccc;
		background-color:#B7EAFD;
		padding:5px;
		cursor:pointer;
		text-align:center;
		}
		.poll:hover{
		background-color:#6BD2FB;
		}
		
			/* CSS RESPONSIVE
	-----------------------------------------------
	*/
		@media only screen and (max-width: 992px) {
		.md-margin-bottom-40 {
		margin-bottom: 40px;
		}
		}
		@media only screen and (min-width: 875px) {
		.header{height: 90px;}
		.logo{padding: 25px 0px 4px 5%;}
		body .navbar {height: 90px;}
		}
		@media only screen and (max-width: 875px) {
		.meta span{
		display:block
		}
		.span_1_of_2 {
	   width: 100% !important; 
		}
		.page-wrapper .breadcrumbs {
		text-align: center;
		display: block;
		}
		.page-wrapper .breadcrumbs ul li {
		float: none;
		display: inline-block;
		text-align:center;
		}
		
		.page-wrapper .breadcrumbs ul li.current {
		max-width: inherit;
		overflow: visible;
		}
		.page-wrapper .breadcrumbs ul {
		padding-top: 0;
		padding-left: 0;
		margin: 0 auto;
		}
		.page-wrapper .page-heading h1.heading-title {
		float: none;
		text-align: center;
		display: block;
		}
		.logo {
		text-align:center;
		margin-right:3%;
		display: block;
		}

		.cssmenu {
		float: none;
		text-align:center;
		}
		.cssmenu {
		display: none;
		}
		.top-nav{
		display:block;
		}
	}
	@media only screen and (max-width: 768px) {
		.agenda-wrapper .event-date {
		margin-right: 15px;
		}
		.agenda-wrapper .event-date .event-cal-month {
		font-size: 20px;
		padding: 10px 7px;
		color: #008bc3;
		}
		.agenda h2{
			font-size:17px;
		}
	}
	@media only screen and (max-width: 337px) {
	.image_guru {
		float: none;
		display:block;
		margin-right: auto;
		margin-left: auto;
		}
	}