body{
	background-color: #ffffff;
	height: 700px;
	font-size: 16px;
	font-family: sans, sans-serif;
}

.align-l{
	text-align: left;
}
.align-c{
	text-align: center;
}
.align-r{
	text-align: right;
}

.bg-white{
	background-color: #ffffff;
}
.bg-gray{
	background-color: #efefef;
}
.bg-light-blue{
	background-color: #99CCFF;
}
.bg-darkgray{
	background-color: #efefef;;
}

.pad-0{padding: 0px;}
.pad-10{padding: 10px;}
.pad-20{padding: 20px;}
.pad-30{padding: 30px;}
.pad-t{padding-top: 10px;}
.pad-b{padding-bottom: 10px;}
.pad-l{padding-left: 10px;}
.pad-r{padding-right: 10px;}

.marg-0{margin: 0;}
.marg-10{margin: 10;}
.marg-20{margin: 20;}
.marg-30{margin: 30;}
.marg-t{margin-top: 10px;}
.marg-b{margin-bottom: 10px;}
.marg-l{margin-left: 10px;}
.marg-r{margin-right: 10px;}


.error{
	color: #000000;
	background-color: #ff5555;
	font-weight:bold;
	width: 50%;
	text-align: center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 20px;
	cursor: pointer;
}
.error-width{
	width: 100%;
}
.success{
	background-color: #33CCFF;
	color: #000000;
	font-weight: bold;
	padding: 10px 20px;
}

@media (max-width: 768px){
	.error{width: 100%;}
	.success{width: 100%;}
}

.serverResult{
	position:fixed;
	top: 50px;
	width:100%;
	z-index:10000000;
	display:none;
	text-align: center;
}


/* Login MENU */
.login_header{
	display: block;
}
.search-frm{ display: block; }
.inside-menu{display: block; }
.log-menu{}

#menu_id{
	display: block; 
	width:100%; 
	background-color:#efefef; 
	overflow-y: auto; 
	overflow-x: hidden;}
#log_show{ display:none; margin: 0; }

.logo-div{
	position: absolute;
	top: 5px;
}

#in-bar-menu{
	font-size: 24px;
	position: relative;
	margin-top: 2px;
	padding: 10px 20px;
	height: 49px;
	float: right;
	background-color: red;
	color: #ffffff;
	cursor: pointer;
}

@media screen and (max-width: 768px){
    	#menu_id{
      	display: none;
      	position: fixed;
      	top: 50px;
      	width: 80%;
      	height:100%;
      	overflow: auto;
      	z-index:1000000;
      }
     #in_menu{display: none;}

     #logo-div{
				position: absolute;
				top: 3px;
				display: block;
			}

      #in-bar-menu{
      	float: right;
      	top: -50px;
      	font-size: 18px;
      	padding:15px 11px 12px 12px;
      }
      .search-frm{ display: none; }
			.log-menu{ display: none;}

      #log_show{
        display:block;
        font-size:12px;
        padding-top:5px;
        padding-bottom:0px;
      }
      .info1{
        display: inline-block;
        color:#ffffff;
      }
    }

/*@media (max-width: 428px){
	#in-bar-menu{
      	left: 74%;
      }
}
@media (max-width: 414px){
	#in-bar-menu{
      	left: 73%;
      }
}
@media (max-width: 412px){
	#in-bar-menu{
      	left: 73%;
      }
}
@media (max-width: 390px){
	#in-bar-menu{
      	left: 71%;
      }
}
@media (max-width: 384px){
	#in-bar-menu{
      	left: 71%;
      }
}
@media (max-width: 362px){
	#in-bar-menu{
      	left: 70%;
      }
}*/
/* END OF LOGIN MENU */

/* MY Calendar */
.mycalendar{
	padding: 10px;
	color: #ffffff;
}


/*BANNER SECTION */
#banner_section{margin-top: -23px; height: 550px; overflow: hidden; }
#banner_section .banner-section{
	height: 100%;
	width: 100%;
	position: relative;
}
#banner_section .banner-text{
	position: absolute;
	top: 60px;
	left: 100px;
	background-color: #ffffff;
	padding: 10px;
	color: #000000;
	text-align: left;
	opacity: 0.7;
	width: 600px;
	font-weight: 900;
}
#banner_section .banner-text > div h1, h2, h3{
	font-size: 36px;
	color: #000000;
}
#banner_section .banner-text > div h3{
	font-size: 26px;
	color: #000000;
}
#banner_section .banner-text > div p{
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 30px;
	}
.banner-img{
	position: relative;
	width: 100%;
}
@media (max-width:  768px){
	#banner_section{height: 450px; overflow: hidden;}
	#banner_section .banner-section .banner-img{ width: 300%;	}

	#banner_section .banner-text{
		padding: 5px;
		top: 50px;
		left: 0px;
		background-color: #ffffff;
		text-align: center;
		width: 100%;
		display: block;
		opacity: 0.6;
		font-weight: 600;
		overflow: hidden;
		margin-left: 20px;
		margin-right: 20px;
	}
	#banner_section .banner-text > div h1, h2, h3{
		font-size: 26px;
		margin-top: 30px;
	}
	#banner_section .banner-text > div p{
		font-size: 20px;
		font-weight: 500;
		padding-bottom: 30px;
	}
}
/*end BANNER SECTION */

/*  Sections */
.section-xs {
	padding: 25px 0;
}
.section-sm, .section-md, .section-lg, .section-xl {
	padding: 50px 0;
}


/* Text styling */
.text-italic {
	font-style: italic;
}

.text-normal {
	font-style: normal;
}

.text-underline {
	text-decoration: underline;
}

.text-strike {
	text-decoration: line-through;
}

.text-primary {
	color: #20aa30 !important;
}


/* Offsets */
* + p {
	margin-top: 15px;
	color: #000000;
}

h2 + h6,
h2 + .heading-6 {
	margin-top: 20px;
}

h1, h2{
	color: #069;
	margin-top: 10px;
}
h3, h4{
	color: #afafaf;
}
h5, h6{
	color: #000000;
}

a{
	color: #aaaaaa;
	text-decoration: none;
}
a:hover{
	color: #ffffff;
	text-decoration: none;
}
a:visited{
	/*color: #aaaaaa;
	text-decoration: underline; */
}
a:active2{
	color: #000000;
}


#faq{
	margin: auto;
	padding: 3px 0px 0px 15px;
	color: #000000;
}

#team{ padding: 100px 0px; }
#team .thumbnail-1{
	background-color: #ffffff;
	color: #000000;

}
#team h1{
	padding-bottom: 20px;
	color: #000000;
	text-transform: uppercase;
}

#team .title h4{
	font-size: 16px;
	margin-bottom: 0px;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
	text-align: left;
}
#team .title, .position, .owl-content{
	padding: 0 10px;
	color: #000000;
}

@media(max-width:  768px){
	#team{padding: 10px;}
	#team .title h4{
		font-size: 16px;
		text-align: left;
	}
}



/*  Owl Carousel */
.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/*  Owl Carousel - Auto Height Plugin */
.owl-height {
	transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS File */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}

* + .owl-carousel {
	margin-top: 30px;
}

@media (min-width: 1200px) {
	h2 + .owl-carousel {
		margin-top: 43px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 59px;
	}
}

@media (min-width: 1600px) {
	h2 + .owl-carousel {
		margin-top: 53px;
	}
	h2 + .owl-carousel-1,
	h2 + .owl-carousel-3 {
		margin-top: 72px;
	}
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

/* Owl Carousel - Video Plugin  */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	font: 400 40px/80px 'FontAwesome';
	cursor: pointer;
	z-index: 1;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
	content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
	transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}

/*
 * Owl Navigation
 */
.owl-nav.disabled {
	display: none;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	overflow: hidden;
	line-height: 48px;
	text-align: center;
	transform: translateY(-50%);
	font: 400 40px/48px "Material Design Icons";
	color: #828590;
	background: transparent;
	border-radius: 50%;
	transition: .3s;
	cursor: pointer;
}

.owl-prev:after,
.owl-next:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: linear-gradient(to bottom, transparent, #60cd96);
	opacity: 0;
	transition: inherit;
}

.owl-prev:hover,
.owl-next:hover {
	color: #ffffff;
	background: #60cd96;
}

.owl-prev:hover:after,
.owl-next:hover:after {
	opacity: 1;
}

.owl-prev {
	left: 0;
}

.owl-prev::before {
	content: '\f237';
}

.owl-next {
	right: 0;
}

.owl-next::before {
	content: '\f238';
}

/*
 * Owl Pagination
 */
.owl-dots {
	text-align: center;
	margin-top: 20px;
}

.owl-dots.disabled {
	display: none;
}

.owl-dot {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	outline: none;
	cursor: pointer;
	background-color: rgba(96, 205, 150, 0.4);
	transition: .2s;
}

.owl-dot:only-child {
	display: none;
}

.owl-dot:hover, .owl-dot:focus {
	background-color: #069;
}

.owl-dot.active {
	background-color: #069;
}

@media (min-width: 1200px) {
	.owl-dots {
		margin-top: 52px;
	}
	.owl-dot {
		margin-left: 15px;
		margin-right: 15px;
	}
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
	border-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover, .owl-carousel.owl-carousel-light-dots .owl-dot:focus {
	background-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
	background-color: #ffffff;
}

@media (max-width: 767px) {
	.owl-carousel-1 .owl-nav {
		display: none;
	}
}

@media (min-width: 768px) {
	.owl-carousel-1 {
		padding: 0 100px;
	}
	.owl-carousel-1 .owl-prev {
		left: 20px;
	}
	.owl-carousel-1 .owl-next {
		right: 20px;
	}
	.owl-carousel-1 .owl-dots {
		display: none;
	}
}

@media (min-width: 1200px) {
	.owl-carousel-1 {
		padding: 0 210px;
	}
	.owl-carousel-1 .owl-prev {
		left: 80px;
	}
	.owl-carousel-1 .owl-next {
		right: 80px;
	}
}

@media (min-width: 576px) {
	.owl-carousel-2 .owl-dots {
		position: absolute;
		bottom: 10px;
		right: 9px;
		margin: 0;
	}
	.owl-carousel-2 .owl-dot {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.owl-carousel-2 .owl-dot + .owl-dot {
		margin-top: 13px;
	}
	.owl-carousel-2 .quote-meta {
		padding-right: 15px;
	}
}

.thumbnail-1 .media-wrap {
	overflow: hidden;
	border-radius: 6px;
}

.thumbnail-1 .media-wrap img {
	width: 100%;
}

.thumbnail-1 .owl-content {
	max-width: 250px;
}

.thumbnail-1 .title {
	font-size: 18px;
	line-height: 1.5;
}

.thumbnail-1 .title h4 {
	color: #069;
}
.thumbnail-1 .position {
	font-style: italic;
	color: #828590;
}

.thumbnail-1 * + .title {
	margin-top: 10px;
}

.thumbnail-1 * + .position {
	margin-top: 0px;
}

.thumbnail-1 * + .owl-content {
	margin-top: 5px;
}

.thumbnail-1 * + .group {
	margin-top: 12px;
}

@media (min-width: 1200px) {
	.thumbnail-1 .title {
		font-size: 20px;
		line-height: 1.6;
	}
	.thumbnail-1 * + .title {
		margin-top: 15px;
	}
	.thumbnail-1 * + .position {
		margin-top: 5px;
	}
	.thumbnail-1 * + .owl-content {
		margin-top: 16px;
	}
	.thumbnail-1 * + .group {
		margin-top: 19px;
	}
}

@media (min-width: 1600px) {
	.thumbnail-1 * + .title {
		margin-top: 18px;
	}
	.thumbnail-1 * + .position {
		margin-top: 6px;
	}
	.thumbnail-1 * + .owl-content {
		margin-top: 20px;
	}
	.thumbnail-1 * + .group {
		margin-top: 23px;
	}
}


/* Price box */
.price-box-bg{

}
.price-box-bg h1{
	font-size: 44px;
	text-transform: uppercase;
	padding-bottom: 30px;
}
.price-box-1 {
	position: relative;
	z-index: 2;
	padding: 15px 15px;
	background-color: #ffffff;
	margin-bottom: 20px;
}
@media(max-width:  769px){
	.price-box-1{
		margin: 0 10px 30px 20px;
	}
}

.price-box-1 .title {
	font-size: 44px;
	line-height: 1.45;
	font-weight: 700;
	color: #ffffff;
}

.price-box-1 * + .title {
	margin-top: 15px;
}
.price-box-1 * + .price {
	margin-top: 10px;
}

.price-box-1 * + .button {
	margin-top: 12px;
}

@media (min-width: 1200px) {
	.price-box-1 {
		margin-top: 26px;
		margin-bottom: 26px;
		padding: 45px 47px;
		border-radius: 6px;
	}
	.price-box-1-primary:before {
		top: -26px;
		bottom: -26px;
	}
	.price-box-1 * + .title {
		margin-top: 24px;
	}
	.price-box-1 * + .price {
		margin-top: 18px;
	}
	.price-box-1 * + .button {
		margin-top: 21px;
	}
}

@media (min-width: 1600px) {
	.price-box-1 {
		margin-top: 32px;
		margin-bottom: 32px;
		padding: 56px 60px;
	}
	.price-box-1-primary:before {
		top: -32px;
		bottom: -32px;
	}
	.price-box-1 * + .title {
		margin-top: 30px;
	}
	.price-box-1 * + .price {
		margin-top: 22px;
		color: #ffffff;
	}
	.price-box-1 * + .button {
		margin-top: 26px;
	}
}

.price-box-2 {
	position: relative;
	z-index: 2;
	padding: 25px 15px;
	background: #ffffff;
	border-radius: 6px;
	border: 0px solid #000000;
}

.price-box-2 .title {
	font-size: 22px;
	line-height: 1.45;
	font-weight: 700;
	color: #29293a;
}
.price-box-2 .price {
	font-weight: 100;
}

.price-box-2 * + .title {
	margin-top: 15px;
}

.price-box-2 * + .list-sm {
	margin-top: 11px;
}

.price-box-2 * + .price {
	margin-top: 5px;
}

.price-box-2 * + .button {
	margin-top: 14px;
}

@media (min-width: 1200px) {
	.price-box-2 {
		padding: 35px 15px 50px;
	}
	.price-box-2 * + .title {
		margin-top: 30px;
	}
	.price-box-2 * + .list-sm {
		margin-top: 21px;
	}
	.price-box-2 * + .price {
		margin-top: 14px;
	}
	.price-box-2 * + .button {
		margin-top: 31px;
	}
}

.price-box-primary {
	background-color: #60cd96;
}

.price-box-green {
	background-color: #69d2e7;
}

.fa-size{
	font-size: 70px;
}
.fa-link-size{
	font-size: 22px;
	text-decoration: none;
	margin-top: 10px;
}

.notice{
	position: relative;
	top: -30;
	left: -30px;
}
.dis-select-text{
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
}


/*SPEECH SECTION */
#speech_section{
	padding: 100px 30px;
}
#speech_section .speech-title{
	text-align: center;
	margin-bottom: 50px;
	font-size: 38px;
	color: #000000;
}

#speech_section .speech-content{}
#speech_section .speech-content-text{
	font-weight: 500; color: #000000;
}

@media (max-width: 768px ){ 
	#speech_section .speech-title{ 
		font-size: 28px;
		margin-bottom: 30px;
		margin-top: -20px;
	}
	#speech_section .speech-content{ 
		margin-top: 30px;
	}
}
/*end SPEECH SECTION */

#content-heading{
	margin: auto;
	padding: 45px 0px 35px 15px;
}

#content-bg-area{
	/*background-color: #efefef;*/
}

/* About Section */
#about{
	padding: 100px 0;
}
#about h1{
	padding: 0px 10px;
	color: #000000;
	text-transform: uppercase;
}
.about{
	padding-top: 0px;
}
#about2{
	background-color: #efefef;
}
/* end About Section*/




/* ACADEMIC PROGRAM */
#programme{
	background-color: #efefef;
}
.programme{ 
	padding-bottom: 100px; 
}
#programme .programme h1{
	font-weight: 500;
	color: #000000;
	text-align: center;
	padding: 50px 0;
	font-size: 44px;
	text-transform: uppercase;
}
#programme .programme .programme-content{
	font-size: 16px;
	font-weight: 500;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	box-shadow: 0px 0px 2px 0px;
	moz-box-shadow: 0px 0px 2px 0px;
	web-kit-box-shadow: 0px 0px 2px 0px;
	o-box-shadow: 0px 0px 2px 0px;
}
#programme .programme .programme-content h3{
	font-size: 24px;
	color: #069;
	font-weight: 500;
}
#programme .programme .programme-content .img-content{
	padding: 0px;
	background-color: #ffffff;
}
#programme .programme .programme-content .img-content h3{
	text-align: left;
	padding: 0 10px;
}
#programme .programme .programme-content .img-content p {
	text-align: left;
	padding: 0 10px;
}
@media(max-width: 768px){
	#programme .programme h1{
		font-size: 34px;
		font-family: sans-serif;
	}
	.mtop{margin-top: 40px;}
	.p-left-right{
		padding: 0 10px;
	}
}
/* END ACADEMIC PROGRAM */

/* gallery */
#gallery{
	padding: 100px 0px;
}
.gallery{ 
	padding-left: 0px;
	padding-bottom: 50px; 
}

#gallery .gallery h1{
	font-weight: 500;
	margin-bottom: 20px;
	color: #000000;
	text-align: center;
	font-size: 44px;
	text-transform: uppercase;
}

@media(max-width: 768px){
	#gallery .gallery h1{
		font-size: 34px;
		font-family: sans-serif;
	}
	.mtop{margin-top: 40px;}
}
/* gallery ends */



/* CLASSES */
#class{
	background-color: #efefef;
}
.class{ 
	padding-bottom: 0px; 
	padding-top: -10px;
}
#class  h3{
	font-weight: 500;
	color: #000000;
	text-align: center;
	padding: 10px 0;
	font-size: 24px;
	text-transform: uppercase;
}
#class .class-content{
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	background-color: #ffffff;
	padding: 20px;
	text-align: center;
	box-shadow: 0px 0px 2px 0px;
	moz-box-shadow: 0px 0px 2px 0px;
	web-kit-box-shadow: 0px 0px 2px 0px;
	o-box-shadow: 0px 0px 2px 0px;
}
#class .class .class-content h3{
	font-size: 26px;
	color: #069;
	font-weight: 500;
}
#class  .class  .class-content .img-content{
	padding: 0px;
	background-color: #ffffff;
}
#class .class .class-content .img-content h3{
	text-align: left;
	padding: 0 10px;
}
#class .class .class-content .img-content p {
	text-align: left;
	padding: 0 10px;
}
@media(max-width: 768px){
	#class .class h1{
		font-size: 34px;
		font-family: sans-serif;
	}
	.mtop{margin-top: 40px;}
	.p-left-right{
		padding: 0 10px;
	}
}
/* END ACADEMIC class*/


/* RECENT VIDEO POST*/
#video{}
#video .video-section{ }
#video .video-section h1{
	padding: 30px;
	text-align: center;
	color: #000000;
}
#video .video-section .video-container .video-content{
	background-color: #efefef;
	border-bottom: 2px inset #000033;
	border-top: 2px inset #000033;
	border-left: 2px inset #000033;
	border-right: 2px inset #000033;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 10px;
	margin-bottom: 100px;
}
#video .video-section .video-container .video-content h4{
	padding: 0 10px;
	color: #069;
}
#video .video-section .video-container .video-content p{
	padding: 0 10px;
}
#video .video-section .video-container .video-content a{
	padding: 0 5px;
}
#video .video-section .video-container .video-content h4 > a{
	font-size: 16px;
	color: #069;
	text-decoration: none;
	padding: 6px 0;
}
#video .post-by{
	color: #000000;
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
	padding: 0 10px;
}
#video .post-by a{
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
}
#video .video-title{
	color: #000000;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	height: 55px;
	overflow: hidden;
}
#video .video-title h4{
	color: #000000;
}
#video .post-date{
	padding:  0 10px;
	margin-left: 10px;
	font-size: 12px;
	text-align: left;
}
@media (max-width:  768px){
	#video .video-section h1{
	font-size: 26px;
	text-align: center;
}
}
/* END RECENT VIDEO POST*/



/* RECENT BLOG POST*/
#blog{
	margin: auto;
	padding: 15px 0px 35px 15px;
}
#blog .blog-section{}
#blog .blog-section h1{
	padding-top: 50px;
	padding-bottom: 10px;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	padding: 40px 0px;
}
#blog .blog-section .blog-container{padding: 25px;}
#blog .blog-section .blog-container .blog-content{
	background-color: #ffffff;
	padding-bottom: 30px;
}
#blog .blog-section .blog-container .blog-content:hover{
	background-color: #ffffff;
	border-bottom: 6px inset #000033;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}
#blog .blog-section .blog-container .blog-content h4{
	padding: 0 0px;
	margin-top: -15px;
	color: #069;
}
#blog .blog-section .blog-container .blog-content p{
	padding: 0 0px;
	margin-top: -20px;
}
#blog .blog-section .blog-container .blog-content a{
	padding: 0 5px;
}
#blog .blog-section .blog-container .blog-content h4 > a{
	font-size: 16px;
	color: #069;
	text-decoration: none;
	padding: 6px 0;
}
#blog .post-by{
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	padding: 0 0px;
}
#blog .post-by a{
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
}
#blog .post-date{
	padding:  0 10px;
	margin-left: 0px;
	font-size: 12px;
}
@media (max-width:  768px){
	#blog .blog-section h1{
	font-size: 26px;
	text-align: center;
}
}
/* END RECENT BLOG POST*/



/* Move to Top */
.ui-to-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 100;
	width: 48px;
	height: 48px;
	font-size: 20px;
	line-height: 44px;
	color: #ffffff;
	background: #069;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	transform: translate3d(0, 100px, 0);
	border-radius: 50%;
	will-change: transform;
}

.ui-to-top:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #069;
	transition: .25s;
	transform: scale(1);
	border-radius: 50%;
	z-index: -1;
}

.ui-to-top:hover {
	color: #ffffff;
}

.ui-to-top:hover:after {
	transform: scale(0.5);
	background: #000033;
}

.ui-to-top:focus {
	color: #ffffff;
}

.ui-to-top.active {
	transform: translate3d(0, 0, 0);
}

html.mobile .ui-to-top,
html.tablet .ui-to-top {
	display: none !important;
}

@media (min-width: 576px) {
	.ui-to-top {
		right: 40px;
		bottom: 40px;
	}
}
/* End of move to top */

.img-class{
	position: relative; 
	margin: auto;
	text-align:center; 
	width: 100%; 
	height: 350px; 
	overflow: hidden;
}
@media (max-width: 768px){
	.img-class{
		height: 200px;
	}
}

#logout{ display: none; }
@media( max-width: 768px){
	#logout{ display:block; }
}


/* POPUP BOX*/
.pop_up_box{
	z-index: 1000000; 
	position: fixed; 
	top:0px; 
	opacity: 0.9; 
	width: 100%; 
	height: 100%; 
	background-color: #000; 
	padding:0px; 
	display: none;
}
#popup_header{
	position: relative; 
	top: 0px; 
	opacity: 1;
	margin-left:auto; 
	margin-right: auto; 
	width:60%; 
	height: 40px; 
	text-align: right; 
	background-color: red; 
	color:#ffffff; 
	font-size: 30px; 
	padding:0px 10px; 
	font-weight: bolder; 
	cursor: pointer;
}
#content{
	position:relative; 
	top:0px; 
	width:60%; 
	opacity:1; 
	margin-left:auto; 
	margin-right: auto; 
	margin-top: auto; 
	margin-bottom: auto; 
	border:1px solid #069; 
	background-color: #ffffff; 
	text-align: center; 
	overflow-y: auto; 
	overflow-x: auto; 
	padding:20px;
}
@media(max-width:  768px){
	#content{width: 100%;}
	#popup_header{width: 100%;}
}
/* END OF POPUP BOX*/