@charset "UTF-8";
/* CSS Document */

/** SEO-Emphasis **/
#emphasis {
	width:100%;
	height:0px;
	overflow:hidden;
	display:none;
}
#emphasis.show {
	height:auto;
	display:block;
}

/** Search Box Style **/
#overlay-menu form {height:60px;}
#overlay-menu form button {top: 10px;}
#overlay-menu input[type="search"] {font-size: 20px;}
#overlay-menu #language,
#overlay-menu.language #searchform {display:none;}
#overlay-menu.language #language {display:block;}

#overlay-menu #language {width:30%; left:35%;}
#overlay-menu #language a {position: relative;}
#overlay-menu #language .fa {position:absolute; right:10px;}
@media (max-width: 1024px) {
	#overlay-menu #language {width:40%; left:30%;}
}
@media (max-width: 480px) {
	#overlay-menu #language {width:60%; left:20%;}
}

/** Logo Custom Style **/
.logo a {width:200px !important; margin-top:15px !important;}
.logo-light-com,
.logo-dark-com,
.header-fixed .logo-light,
.header-fixed .logo-dark {opacity: 0 !important;}
.header.header-fixed .logo-light-com,
.header.header-light.header-fixed .logo-dark-com {opacity: 1 !important;}
.header-fixed .logo a {width:190px !important; margin-top:20px !important;}
@media (max-width: 1200px) {
	.logo-light,
	.logo-dark,
	.header-light .logo-light-com {opacity: 0 !important;}
	.logo-light-com,
	.header-light .logo-dark-com {opacity: 1 !important;}
	.logo a {width:190px !important; margin-top:35px !important;}
}

@media (max-width: 1024px) {
	.logo a {margin-top:20px !important;}
}
.header-prepare .logo-dark-com {opacity: 1 !important;}

/** Header Nav Current **/
.header .nav-menu a.active,
.header .nav-menu a.current {color:#e6ae49;}
.header-light .nav-menu a.active,
.header-prepare .nav-menu a.active {color:#B37505!important;}

/** Home Slider **/
h1.tp-caption {text-transform: none;}

/** Home About **/
.home-about {
	transition:.6s;
	width:80%; margin-left:10%; margin-right:10%; margin-bottom:5px; -webkit-filter:grayscale(0.3); opacity:.7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebd39d), to(#b59651));
    background: -webkit-linear-gradient(top, #ebd39d, #b59651);
    background: -moz-linear-gradient(top, #ebd39d, #b59651);
    background: -ms-linear-gradient(top, #ebd39d, #b59651);
    background: -o-linear-gradient(top, #ebd39d, #b59651);
	border-radius:50%;
	padding:10px;
	overflow:hidden;
	display:inline-block;
}
.home-about>span {
	display:block;
	width:100%;
	border-radius:100%;
	float:left;
	overflow:hidden;
}
.home-about img {
	width:100%;
	height:100%;
	float:left;
	border:none;
}
.home-about:hover {-webkit-filter:grayscale(0); opacity:1; padding:4px; transition:.3s;}

/** Home Like Box *
.fb-like-box {
	background-color: #f7f7f7;
	border: 1px solid #f1f1f1;
    text-align: center;
	overflow:hidden;
	padding:24px;
	min-height:250px;
}

/** Media Logo Style **/
.m-logo {width:120px; height:120px; border-radius:100%;}

/** Partner Logo Style **/
.client-logo a img {border:none; -webkit-filter:grayscale(1); opacity:.6; transition:.3s;}
.client-logo a:hover img {-webkit-filter:grayscale(0); opacity:1; transition:.3s;}

/** Scroll Top Style **/
.scroll-top {
    border-radius: 100%;
}

/** News List **/
#news-list .post-entry {text-align:justify;}
#news-list>hr:last-child {display:none !important;}
#news-list .cover {width:30%; float:left; margin:0 20px 20px 0; display:none;}
#news-list .cover:first-child {display:inline-block;}
.blog-post .post-header h4 img.notice {width:60px; height: auto; float:left; margin-top:4px; margin-right:10px; display:none;}
.blog-post .post-header h4.notice img.notice {display:inline-block;}

@media only screen and (max-width: 991px){
	#news-list .cover {width:50%;}
}
@media only screen and (max-width: 767px){
	#news-list .cover {width:100%; float:none; margin:0 20px 0 0;}
}

/** Performance List **/
.performance {padding-left:140px; position:relative; min-height: 180px;}
.performance .grace {width:110px; position:absolute; left: 0px; top:0px;}
.performance .post-header {overflow:hidden;}
.performance h4 {float:left; display:inline-block;}
.performance span {float:right;}

/** Pagination Nav **/
.pagination-nav .disabled {display:none;}
.pagination-nav .active a {cursor:default;}

/** Blur Filter **/
.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

#showTabs>ul>li.ui-tabs-active, #showTabs>ul>li.ui-state-active {
    border-top: 1px solid #CCC !important;
    border-left: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
}
#showTabs>div.ui-tab-content {border: 1px solid #CCC !important; }
.table-striped > tbody > tr:nth-child(odd) {background-color: #EEE !important;}
.google-maps{position:relative;height:330px;overflow:hidden}
.google-maps #map{position:absolute;top:0;left:0;width:100%!important;height:330px!important}

.post-entry ul {margin-top:16px; margin-bottom:16px;font-size:16px;}

h5.tp-caption {line-height: 23px!important; font-size: 15px!important;}
h1.tp-caption {line-height: 40px!important; font-size: 43px!important;}
p.tp-caption {line-height: 24px!important; font-size: 16px!important;}
a.tp-caption {line-height: 16px!important; padding: 11px 20px!important; font-size: 12px!important;}
@media (max-width: 752px) {
	h5.tp-caption {margin-top:-50px !important;}
	p.tp-caption {margin-bottom:-50px !important;}
	a.tp-caption {margin-bottom:-70px !important;}
}


/** Time Line **/
.heading-title
{
	margin-bottom: 100px;
}
.main-timeline{
    position: relative;
    transition: all 0.4s ease 0s;
}

.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #bfbfbf;
    position: absolute;
    top: 0;
    left: 50%;
}

.main-timeline .timeline{
    position: relative;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline-icon{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #0a90d7;
    position: absolute;
    top: 0;
    left: 3px;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.main-timeline .timeline-content{
    width: 45%;
    padding: 20px;
    border-radius: 5px;
    text-align: right;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.main-timeline .date{
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding: 12px 33px;
    background: #0a90d7;
    border-radius: 30px;
}

.main-timeline .title{
    font-size: 24px;
    font-weight: 500;
    color: #5c5151;
    margin-top: 30px;
}

.main-timeline .description{
    font-size: 14px;
    color: #606060;
    line-height: 1.5em;
}

.main-timeline .timeline-content.right{
    float: right;
    text-align: left;
}

@media only screen and (max-width: 767px){
    .main-timeline:before{
        left: 0;
    }
    .main-timeline .timeline-icon{
        left: -8px;
        margin: 0;
    }
    .main-timeline .timeline-content{
        width: 90%;
        float: right;
    }
}


/**curriculum**/
.curriculum th,
.curriculum td {text-align: center;}
/**performance**/
.accordion-title em {margin-right:10px;}
.congratulations-w40 {float:left; width:40px;}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

/**FeedBack**/
.avatar {width:110px; height:110px; display:inline-block; position:absolute; left: 0px; top:0px; background-size:cover; background-position:top center; background-repeat:no-repeat; border-radius:50%;}
.feedback>p {margin-bottom:10px!important;}
.feedback>p:last-child {margin-bottom:0px!important;}
.feedback>p.grade {padding:10px; background:#f7f7f7;}

/**Floating Button**/
#float-button {margin:0; padding:0; list-style: none; position: fixed; bottom: 20px; right: 20px; display: inline-block; z-index: 99; width:50px;}
.fab {
	width: 50px;
	height: 50px;
	/*background: #03A9F4;*/
	border-radius: 50%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25);
}
.fab a {
	float:right;
	line-height: 50px;
	position: relative;
}
.fab img {
	width:50px;
	height:50px;
	position:absolute;
	top:0px;
	right:0px;
	border:none;
	z-index: 99;
}
.fab span {
	font-size:16px;
	color:#fff;
	line-height: 50px;
	float:right;
	margin:0;
	opacity: 0;
	white-space:nowrap;
	vertical-align: middle;
	text-decoration: none;
	transition: .3s;
}
.fab:hover span {
	margin-right:60px;
	text-shadow: black 0.1em 0.1em 0.2em;
	opacity: 1;
}
.fab.child {
	display: inline-block;/*none;*/
	opacity: 1;/*0;*/
}
.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	display: none;
	z-index: 97;
}
/*
@media (max-width: 1024px) {
	.fab span {
		margin-right:60px;
		text-shadow: black 0.1em 0.1em 0.2em;
		opacity: 1;
	}
	#masterfab span {
		opacity: 0;
	}
}
*/