.page-navigator{
	margin-top: 10px;
	margin-bottom: 10px;
  }

.fix-nav-item{
	display:block !important;
}














body{
	font-family: "Roboto";
}
img{
	max-width: 100%;
}
hr.green{
	background: #ff933b;
}
nav.navbar{
	font-size: 16px;
	font-weight: 200;
}
nav [data-toggle="collapse"]:before{
	content: '' !important;
}
a{
	color: inherit;
}
a.link{
	color: #378381;
	text-decoration: underline;
}
.clear{
	clear: both;
}
.bg-lightgray{
	background: #eeeeee!important;
}
.circle{
	border-radius: 50%;
}
.navbar-toggler{
	border-color: lightgray!important;
}
.nav-link:hover,
.nav-link.active{
	color: white;
}
a:hover{
	text-decoration: none;
	color: inherit;
}
ul.no-list{
	list-style: none;
	padding: 0;
}
.hr-green{
	background: #FE8145;
	display: inline-block;
	height: 8px;
	width: 100px;
}
.icon:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
}
.icon.icon-phone:before{
	background: url(../images/icon-phone.png);
	width: 49px;
	height: 49px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-email:before{
	background: url(../images/icon-email.png);
	width: 49px;
	height: 49px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-gps:before{
	background: url(../images/icon-gps.png);
	width: 49px;
	height: 49px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-google:before{
	background: url(../images/icon-google.png);
	width: 39px;
	height: 39px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-twitter:before{
	background: url(../images/icon-twitter.png);
	width: 39px;
	height: 39px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-fb:before{
	background: url(../images/icon-fb.png);
	width: 39px;
	height: 39px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-ig:before{
	background: url(../images/icon-ig.png);
	width: 39px;
	height: 39px;
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-phone:hover:before{
	background-image: url(../images/icon-phone-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-email:hover:before{
	background-image: url(../images/icon-email-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-gps:hover:before{
	background-image: url(../images/icon-gps-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-google:hover:before{
	background-image: url(../images/icon-google-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-twitter:hover:before{
	background-image: url(../images/icon-twitter-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-fb:hover:before{
	background-image: url(../images/icon-fb-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.icon.icon-ig:hover:before{
	background-image: url(../images/icon-ig-hover.png);
	transition: background-image .3s ease-out;
	-moz-transition: background-image .3s ease-out;
	-webkit-transition: background-image .3s ease-out;
	-o-transition: background-image .3s ease-out;
}
.bg-black {
  background-color: #471c06 !important;
}
.navbar-brand{
	position: absolute;
	top: -5px;
	z-index: 10;
	padding-bottom: 0px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.ml-for-logo{
	margin-left: 180px;
}
.ml-for-logo .fix-ml-for-logo{
	margin-left: 0px !important;
}
.bg-img{
	background-position: center;
	background-size: cover;
}

.btn-readmore{
	font-size: 30px;
	color: white;
	background: #ff933b;
	border: 1px solid #ff933b;
	font-style: italic;
	font-weight: 100;
}
.btn-readmore:hover{
	background: #009b95;
	color: black;
}
h3.programe{
	color: #ff933b;
	font-size: 16px;
}
.btn-programe{
	background: #EEE;
	border: 1px solid lightgray;
	padding-top: 30px;
	padding-bottom: 15px;
	width: 100%;
}
.btn-programe p{
	font-size: 22px;
	color: #ff933b !important;
}
.btn-programe:hover .normal{
	display: none;
}
.btn-programe .hover{
	display: none;
}
.btn-programe:hover .hover{
	display: inline-block;
}
.btn-programe:hover p{
	color: white !important;
}
.hotlink{
	position: absolute;
    margin-left: 185px;
    top: 60px;
}
.link-list{
	padding-left: 0;
}
.link-item{
	display: inline-block;
}
.link-item + .link-item:before{
	content: ' / ';
	display: inline-block;
	color: lightgray;
	vertical-align: top;
}
.link-item a{
    color: lightgray;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
}
.link-item a:hover{
    color: darkgray;
}
.filter{
	float: right;
	display: inline-block;
}
.filter-link{
	padding: 5px 25px;
    background-color: lightgray;
    border-radius: 50px;
    margin: 0 5px;
	transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
}
.filter-link:hover{
	background-color: gray;
	color: white;
	transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-webkit-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
}
.filter-select{
	border: #ff933b;
	color: white;
	background-color: #ff933b;
    padding: 5px 20px;
    margin: 0 5px;
    display: inline-block;
}
/* ########## content ########## */
.content h2{
	color: #ff933b;
	font-size: 30px;
}
.content h4{
	color: #ff933b;
	font-size: 22px;
}
.content p{
	color: #231F20;
}
.content li{
	color: #231F20;
}
.alumni-more{
	width: 36px;
	height: 36px;
}
[data-toggle="collapse"]:before{
	content: '-';
}
[data-toggle="collapse"].collapsed:before{
	content: '+';
}
.staff-detail{
	font-size: 14px;
	color: #231f20;
	font-size: 200;
}
.btn-staff:hover .staff-detail{
	color: #ff933b;
}
.btn-close-staff{
	position: absolute;
	top: 10px;
	right: 10px;
}
.blog-liststyle{
	margin-top: -60px;
}
.liststyle{
	display: table!important;
	height: 190px;
	text-align: center;
	font-size: 30px;
	color: white;
	font-weight: 200;
}
.liststyle p{
	display: table-cell;
	vertical-align: middle;
}
.liststyle:hover{
	z-index: 10;
}
#staff-description{
	position: relative;
	background: lightgray;
}

/* ########## content-1 ########## */
.blog-content-style-1{
	display: block;
	/*opacity: 0.8;*/
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.blog-content-style-1:hover{
	/*opacity: 1;*/
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.blog-content-style-1 .content-style-1{
	transition: box-shadow .3s ease-out;
	-moz-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
}
.blog-content-style-1:hover .content-style-1{
	box-shadow: 5px 5px #FE8145;
	transition: box-shadow .3s ease-out;
	-moz-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
}
.content-style-1{
	position: relative;
	height: 360px;
	background-size: cover;
	background-position: center;
}
.content-style-1 a:hover{
}
.content-style-1.bottom-black:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50%;
	width: 100%;
	background: linear-gradient(to top, black, transparent);
	z-index: 1;
}
.content-style-1 p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
	z-index: 2;
	font-size: 24px;
}

.content-style-2 a{
	/*opacity: 0.8;*/
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.content-style-2 a:hover{
	/*opacity: 1;*/
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
.content-style-2 p{
	margin-top: 5px;
	margin-bottom: 5px
}
.content-style-2 .date{
	font-size: 14px;
	color: #999;
}
.content-style-2 .detail{
	font-size: 14px;
	color: #666;
	margin-bottom: 30px;
}
.content-style-2 .detail span{
	font-size: 18px;
	color: #231f20;
}
.content-style-2 a:hover .detail span{
	color: #ff933b;
}
.content-style-2 a img{
	transition: box-shadow .3s ease-out;
	-moz-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
}
.content-style-2 a:hover img{
	box-shadow: 5px 5px #FE8145;
	transition: box-shadow .3s ease-out;
	-moz-transition: box-shadow .3s ease-out;
	-webkit-transition: box-shadow .3s ease-out;
	-o-transition: box-shadow .3s ease-out;
}
.box-shadow-green{
	box-shadow: 15px 15px #FE8145;
}

/* ########## content-2 ########## */
.content-2{

}
.content-2 p{
	font-size: 18px;
	font-weight: 200;
	color: white;
}
.content-2 p span{
	font-size: 36px;
	font-weight: 400;
}
.btn-more{
	font-size: 36px;
	color: white;
	border: 1px solid white;
}
.btn-more:hover{
	color: #FE8145;
	border: 1px solid #FE8145;
}


/* ########## Footer ########## */
.footer{
	background: #471c06;
	padding: 60px 0;
}
.for-logo-footer{
	margin-top: -120px;
}
.for-logo-footer p{
	line-height: 30px;
	margin-top: 35px;
	font-size: 24px;
	font-weight: 200;
	color: #FFF;
}
.for-logo-footer p span{
	font-size: 32px;
	color: #FE8145;
	font-weight: 400;
}
.footer p.h2{
	font-size: 48px;
	color: #FFF;
}
.get-in-touch li{
	color: white;
	font-size: 24px;
	margin-bottom: 30px;
	transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
}
.get-in-touch a:hover li{
	color: #FE8145;
	transition: color .3s ease-out;
	-moz-transition: color .3s ease-out;
	-webkit-transition: color .3s ease-out;
	-o-transition: color .3s ease-out;
}
.social li{
	display: inline-block;
}
.header-logo{
	display: inline-block;
	margin-left: 180px;
}
/* ########## Copyright ########## */
.copyright {
	background: #000;
	height: 65px;
	padding-top: 7px;
}
.copyright p{
	font-size: 20px;
	color: #aaa;
	font-weight: 400;
	margin-top: 10px;
}
.dropdown-toggle > a::after{
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left: 5px;
    vertical-align: 0.255em;
    content: "";
	border-top: 0.3em solid white;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid transparent;
}
.dropdown-toggle::after{
	display: none;
}
.dropdown-menu{
	z-index: 5;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dropdown-menu .nav-item{
	display: inline-block;
}
.dropdown-menu .nav-item .dropdown-item{
	display: inline-block !important;
	color: #000000 !important;
	background-color: transparent;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.dropdown-menu .nav-item .dropdown-item:hover,
.dropdown-menu .nav-item .dropdown-item.active{
	color: white !important;;
}
.dropdown-menu-green{
	background: #ff933b;
}

.download-list{
	padding-left: 0;
}
.download-list .download-item{
	padding-top: 20px;
	padding-bottom: 20px;
}
.download-list .download-item:nth-child(odd){
	background: #EEE;
}
.download-list .download-item .btn-green{
	background: #ff933b;
	color: white;
}
.download-list .download-item .btn-green img{
	vertical-align: middle;
}

/* Desktop */
@media only screen and (min-width: 992px) {
	.dropdown-toggle .dropdown-menu{
		position: absolute;
		/*width: 100%;*/
		/*top: -50px;*/
		top: 54px;
		opacity: 0;
		display: block;
	}
	.dropdown-toggle .dropdown-menu.show{
		opacity: 1;
		top: 54px;
		display: block;
		transition: opacity .3s ease-out;
		-moz-transition: opacity .3s ease-out;
		-webkit-transition: opacity .3s ease-out;
		-o-transition: opacity .3s ease-out;
	}

	.dropdown-menu-green li{
		display: inline-block;
		width: auto;
	}
	.content-news,
	.content-blog{
		margin-bottom: 20px;
	}
}
/* iPad & Mobile */
@media only screen and (max-width: 991px) {
	.filter{
		display: none;
	}
	.content-blog{
		margin-top: -40px;
    	margin-bottom: 10px;
	}
	.header-logo{
		margin-top: -50px;
		margin-left: 100px;
	}
	.navbar-brand img{
		width: 100px;
	}
	.ml-for-logo {
		margin-left: 0px;
		margin-top: 55px;
	}
	.dropdown-menu-green .ml-for-logo{
		margin-top: 0;
	}
	.content-1 ul li,
	.content-3 ul li{
		margin-bottom: 15px;
	}
	.for-logo-footer{
		display: none;
	}
	.bg-img{
		height: 30vh!important;
	}
	.blog-liststyle{
		margin-top: 0;
	}
}
/* Mobile */
@media only screen and (max-width: 575px) {
	.content h2{
		font-size: 27px;
	}
	.header-logo{
		margin-left: 110px;
	}
}