/*
Theme Name: Knowledge
Theme URI: http://lthost.taobao.com
Description: 2 column, widget friendly
Version: 1.0
Author: DreamC
Author URI: http://help.ltddh.com
*/


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* {margin: 0; padding: 0}
html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size: 1em;
	line-height: 1.4;
	overflow-x: hidden;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ddd -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-right: 0 none;
	border-style: solid none none;
	border-width: 1px 0 0;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
}

audio,canvas,img,video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
	margin: 0.2em 0;
	background: rgb(184,0,0);
	color: #fff;
	padding: 0.2em 0;
	text-align: center;
}
.browsehappy a{
	color: #fff;
	font-weight: bold;
}


/*Normalizer*/

/* RESET */

html, body{
	height: 100%;
}
input, button  {-webkit-font-smoothing: antialiased; }

body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #605f5d;color: #000;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	background-color: #f8f8f8;
}


a {
	transition-duration: 0.2s;
	transition-property: color;
	color: #3498db;
	text-decoration:none;
	cursor:pointer
}

a:hover {
	color: #2788c0;
	opacity: 1;
	transition: opacity 0.25s ease-in-out 0s;
}

ul, ol {list-style-type:none }

li {font-size: 0.88em;}

p {
	font-size: 0.88em;
	line-height: 1.7;
	margin-bottom: 15px;
}

h1, h2, h3 {font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

h1 {
	color: #2c4965;
	font-size: 30px;
	font-weight: 400;
	/* letter-spacing: 7px;
     margin-left: 32px;*/
	text-transform: uppercase;
}

h2 {
	font-size: 3.1714em;
	font-weight: normal;
}


h3 {font-family: "Oswald",sans-serif;
	/*font-size: 2.1em;*/
	text-transform: uppercase;}


h6 {
	font-size: 14px;
	margin-top: 10px
}

h3 {margin: 26px 0 5px 0}

h4 {
	/*	margin: 20px 0 0 0;*/
	font-style: normal;
	font-weight: bolder;
	line-height: 1.5;}

h5 {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}


input {
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
	width: 50%;
	height: 28px;
}
.featureTitle{color: #FFFFFF;}

.home main {background-color: #0079bc}

main ul  {
	float: none;
	width: auto;
	border:none;
}

main .col2 h6 a {
	background-color: #c40669;
	border: 1px solid #c40669;
	color: white;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.13em;
	text-align: center;
	text-transform: uppercase;
	display:inline-block;
	margin-bottom: 20px;
	color: #ffffff;
	font-size: 12px;
	padding: 12px 22px;
}

main .col2 h6 a:hover {
	border: 1px solid #666;
	color: grey;
	background-color: white;
}

.home main ul li p {text-transform:capitalize}
.home main ul li {
	background-color: #32607a;
	border-top: 7px solid #3498db ;
	font-family: 'Montserrat', sans-serif;
	color: #9aa3a5;
	cursor: pointer;
	font-size: 14px;
	margin-left: 1px;
	text-align: center;
	text-transform: uppercase;
	width: 24.5%;
}

.home main ul li:first-child {margin-left: 0}

.home main ul li:hover {
	background-color: #2c495f;
	border-top: 7px solid #fed587;
	opacity: 0.9;
	transition: opacity 0.25s ease-in-out 0s;
}

.network_intro {
	display: none;
	background-color:#0079bc;
	color: white}

.network_intro img {width: 100%}

.feature_btn a {
	color: #9aa3a5;
	color: white;
	cursor: pointer;
	font-size: 14px;
	display: block;
	padding: 22px 9.863% 0;
	text-transform: uppercase;
	border: none;
	text-align: center;
	min-height: 78px
}

.menu {
	width:100%;
}

.menu-padding {padding-top:40px;}

.cloned {
	background-color: #3498db;
	background: rgba(0, 121, 188, 0.92);
	background-image: linear-gradient(to right, #23327c 0%, #3498db 100%);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	background: linear-gradient(to right, #23327c 0%, #3498db 100%) repeat scroll 0 0 rgba(0, 121, 188, 0.92);
	opacity:.9;
	border-bottom: none ;
}

.cloned  a {color: white !important}

.cloned nav ul li ul li a {color: grey !important}
.social p {
	float: left;
	font-size: 1em;
	font-weight: 900;
	margin: 8px 8px 0 0;
	padding: 0;
	text-transform: uppercase;
	width: auto;
}

.social ul {float: left; width: 40%; margin: 0; padding:0}

.social ul li{float: left;padding: 1%;}

/* Sidebar Nav*/
#side_nav ul {padding: 0}



.col1 h2, #sidebar h2 {
	font-size: 21px;
	text-transform: uppercase;
}

.col1 .menu-main-menu-container li {
	border-bottom: 1px solid #d3d3d3;
	padding: 5px 0;
	list-style-type: none
}

.col1 .menu-main-menu-container a:hover {
	color: #ccc;
}



/* STRUCTURE */
.wrapper {
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
	/*min-width: 1000px;
	max-width: 1280px;
	min-width: 320px;
	padding-left: 1%
	*/
}

.small_wrapper {
	max-width: 800px;
	position: relative;
	margin: 0 auto;
}

header {
	color: white;
	padding: 13px 0 0;
	border-bottom: 1px solid #f0f0f0;
}

#header_wrapper {
	background-color: #2788c0;
	background-color: white;
	padding-top: 4px;
}

.cloned #logo {
	/*background-image: url("../images/KL_LOGO_HOR.png");
    background-repeat: no-repeat;*/
	color: white
}
#logo {
	float: left;
	width: 25%;
	height:100%;
	color: #605f5d;
	width: 200px;
	height: 76px;
	width: 21%;
	color: grey;
	padding-left: 1%;
	line-height: 76px;
}

#logo a {
	color: #0079bc;
	font-size: 23px;
	color: #8c8c8c

}
#logo img{
	max-width: 100%;
	height: auto;
}
#logo .site-logo-img{
	display: block;
	width: 260px;
	max-width: 260px;
	max-height: 58px;
	margin-top: 20px;
	object-fit: contain;
	object-position: left center;
}
.fix_menu #logo .site-logo-img{
	width: 210px;
	max-width: 210px;
	max-height: 48px;
	margin-top: 14px;
	filter: brightness(0) invert(1);
}
#logo .transition span {position:relative !important; display:inherit; z-index:auto}

#logo h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 155%;
	margin-left: 5px;
	color: grey
}

.img_col{
	float: left;
	overflow: hidden;
	width: 50%;
}

.img_col img {float: left; width: 98.3%} /* home slider image*/

.caption {
	float: left;
	margin-left: 3.3%;
	margin-bottom: 10px;
	width: 42%;
	color: white
}

.caption h2 {
	font-size: 42px;
	font-weight: 400;
	line-height: 110%;
	margin-bottom: 10px;
}

.caption h5 {color: #f8f7f3}

.images img {float: left; width: 50%}

#container_content img {width: 100%}

#features {padding: 18px 0 30px 0}

.feature_head {
	background-image:url(images/header_bk.jpg);
	background-repeat:no-repeat;
	background-repeat:repeat-x;
}

.feature {
	background: none repeat scroll 0 0 white;
	border-bottom: 8px solid #ffd600;;
	float: left;
	margin-bottom: 12px !important;
	margin-left: 1%;
	position: relative;
	width: 32%;
	box-shadow: 0 0 5px #dcdfdf;
}

.feature_head {position: relative}
.feature .inner h3{ max-height:53.5px; overflow:hidden;}
.feature img {
	width: 100%;
	display: block;
	height: auto
}

.feature h2 {
	background-color: #ffd600; /* The Fallback */
	background: rgba(52, 152, 219, 0.9);
	color: #fff;
	font-family: "Oswald",sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 10px 28px;
	position: absolute;
	bottom: 11px;
}

.feature h2 span {
	bottom: -10px;
	left: 16px;
	position: absolute;
	width: 12%;
}

#campus {position:relative; color: white}

#campus h2 {
	font-size: 2.2em;
	line-height: 1em;
	margin: 0.3em 0;
	font-family: "oswald",sans-serif
}

#campus ul {padding-left:13px}

#campus ul li:before  {
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 5px 0 -15px;
	color: #ffd600;
}

#campus img {max-width: 100%;}

#campus_box {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	border-radius: 0.5em;
	bottom: 8%;
	right: 5%;
	padding: 1em;
	position: absolute;
	width: 462px;
	z-index: 2;
}

.inner {padding: 1px 28px 40px !important;
}
.inner h3 a{
	color: #000;
}

#container_content {position: relative}

/*.fa {color: white; background-position: bottom }*/
main .col2 ul li:before  {
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 5px 0 -15px;
	color: #3498db;
}

#contactForm ul li:before, #quickForm ul li:before  {content: none !important;}

#contactForm ul {padding: 0; margin:0}

#quickForm {
	/* color: white;*/
	padding: 15px;
	margin: 12px 0 40px;
}

#quickForm label {
	font-size: 12px;
	margin-right: 5px;
	display: inline-block;
}

#quickForm h3 {
	color: #484848;
	font-size: 22px;
	margin: 0 0;
}
.text_content{
	padding: 20px;
}
/******************************************************/
.col h4{
	color:rgb(255,213,0);
	margin-bottom: 10px;
}
#social .col .textwidget{
	color:#fff;
}
.footer_contact span b{
	width: 24%;
	display: block;
	float: left;
	color:#fff;
	height: 28px;
	line-height: 28px;
}
.footer_contact .wpcf7-form-control{
	width:75%;
	margin-bottom: 10px !important;
}
.page_note{
	background: rgb(224,224,224);
}
.page_sub, .page_right{
	width: 1170px;
	margin: 0 auto;
	position: relative;
	padding: 5px;
}
.page_sub h2, .page_sub p{
	padding: 5px 20px;
}
.page_sub h2{
	text-transform: uppercase;
	font-size:55px;
	font-weight: bold;
}
.page_sub p{
	font-size: 1.288em;
}
.page_bg{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.page_bg img{
	width: 100%;
}
.page_bg span{
	display: block;
	width: 250px;
	height: 80px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	color: #fff;
	line-height: 80px;
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.page_nav{
	width: 25%;float: left
}
.page_middle {
	width: 75%;
}
.page_content{
	width: 70%;float: left;
}
.page_contact{
	width: 30%;float: right;padding:;
}
.col0 ul li{
	width: 25%;
	float: left;
	margin-bottom: 2%;
}
.col0 ul li img{
	width: 100%;
	height:auto;
}
.col0 ul li span{
	line-height: 28px;
	/*height: 28px;*/
	width: 100%;
	display: block;
}
.col0 ul li p{
	margin-bottom: 3px;
}
.staff_title{
	font-size: 1.1em;
	letter-spacing: 0px;
	text-transform: uppercase;
	line-height: 32px  !important;
	font-weight: bold;
}
.staff_title a{
	color: rgb(0,0,0);
}
.staff_position{
	font-size: 0.90em;
	letter-spacing: 0px;
	font-weight: 800;
	color:rgb(0,103,184);
	display: none;
}
.staff_list_item p{
	line-height: 1.5;
	font-size: 1.05em;
}
.staff_phone{display: none !important}
.staff_phone, .staff_email{
	color:rgb(0,103,184);
	display: none;
}
.staff_list{
	position: relative;
	vertical-align:top;
	overflow: hidden;
	display: inline;
	height: 300px;
}
.staff_list_item{
	padding: 0px 10%;
}
.staff_single_related ul li .staff_list_item{
	padding: 0 0 0 24%;
}
.staff_single_related ul{
	margin-left: -6.5%;
}
.staff_list_item a img{
	width: 210px;
	height: 250px;
}
.staff_single{
	display: block;margin-top: 60px;padding-left: 2%;width: 96%;
}
.staff_single_content .staff_right_img{
	width: 47% !important;
	float: right;
}
.staff_single_content .staff_right_img img{
	width: 100%;height: auto;
}
.staff_left{
	width: 51% !important;
}
.staff_single_content{
	padding-bottom: 40px;
	margin-bottom: 5%;
}
.staff_left{float: left;}
.staff_left span{
	width: 100%;
}
.staff_left .staff_title{
	font-size: 2em;
	line-height: 38px !important;
	height: 38px;
}
.staff_left .staff_position{
	font-size: 1.2em;
	line-height: 36px;
}
.staff_left p{
	margin: 10px 0;font-size: 1.08em;
}
.staff_left .staff_phone,.staff_left .staff_email{
	line-height: 30px;
}
.staff_left .staff_phone b{
	padding-right: 10px;
}
.staff_left .staff_email b{
	padding-right: 15px;
}
.staff_single_related h4{
	line-height: 34px;
	height: 34px;
	font-size: 1.5em;
	margin: 20px 0;
	border-top: 1px dotted rgba(139, 139, 139, 0.25);
	padding-top: 20px;
}
.col_careers ul li h4{
	font-family: "Oswald",sans-serif;
	font-size: 1.5em;
	letter-spacing: 1px;
	margin: 5px 0;
	height: 36px;
	border-bottom: 1px solid rgba(224,224,224,0.45);
}
.col_careers ul li h4 span{
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
}
.col_careers ul li h4 b{
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
}
.col_careers ul li h4 em{
	font-style: normal;
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
}
.col_careers ul li h5{
	font-size: 1.0em;
	letter-spacing: 0.5px;
	margin: 5px 0;
	height: 36px;
	border-bottom: 1px solid rgba(224,224,224,0.20);
	font-weight: normal;
	text-transform: initial;
}
.col_careers ul li h5 span{
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
	color: rgb(0,103,184);
	font-family: "Oswald",sans-serif;
}
.col_careers ul li h5 b{
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
	font-weight: normal;
}
.col_careers ul li h5 em{
	font-style: normal;
	display: block;
	width: 30%;
	text-align: center;
	line-height: 36px;
	height: 36px;
	float: left;
}
.careers_block{
	display: block;margin-top: 60px;
}
.careers_single h3{
	margin-bottom: 15px;
}
.careers_single_bottom{
	margin-bottom: 60px;
}
.careers_botton{
	display: block;
	background: rgb(63,141,202);
	width: 15%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 15px;
}
.careers_botton:hover{
	color: #fff;
}
.page_list{
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}
.page_list ul li{
	width: 32%;
	float:left;
	margin-right: 1%;
	margin-top: 2%;
	background: #fff;
	border-bottom: 8px solid #ffd600;
	margin-bottom: 5%;
	min-height:410px;
}
.page_list ul li:nth-child(3n+0){ margin-right:0;}
.page_list ul li .feature_head img{
	width: 100%;
	height:auto;
}
.page_list ul li .feature_head h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 75px;
	height: 75px;
	padding: 0;
	background: transparent;
}
.page_list ul li .feature_head h2 img{
	width: 100%;
	max-height: 75px;
	min-height: 75px;
}
.page_schools .inner h3{
	color: #000;
	letter-spacing: 1px;
	margin: 10px 0;
}
.page_schools .inner h3 a{
	color: #000;
}
.page_schools .inner span{
	font-family: "Oswald",sans-serif;
	color: rgb(0,103,184);
}
.page_schools .inner {
	padding: 1px 28px 0px !important;
}
.page_schools .inner p{
	margin-top: 10px;
	height:300%;
	overflow:hidden;
}
.page_schools .inner .learn_more_black {
	display: none;
}
.school{
	padding: 0 !important;
	margin-bottom: 40px;
}
.school h3{
	position: absolute;
	bottom: 40px;
	left: 0;
	padding: 10px 40px 10px 120px;
	background:rgba(36,158,223,0.7);
	font-size: 3em !important;
	color: #fff;
	letter-spacing: 1px;
}
.single_school_content {
	width: 68%;
	margin-right: 2%;
	float: left;
	margin-bottom: 40px;
}
.single_school_form{
	width: 30%;
	float: left;
	background-color: white;
	border-top: 20px solid #ffd600;
	position: relative;
	margin-top: 20px;
}
.single_school_form  .about_contact{ padding:0 10%;}
.single_research_form{
	width: 24% !important;
	padding: 3%;
}
.single_school_form i{
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: 2.5em;
	background: #ffd600;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	color: #fff;
	left: 40%;
	top: -40px;
}
.single_school_form h3{
	text-align: center;
}
.single_school_form h6{
	padding: 0 25px;
	text-transform: initial;
}
.single_school_form h6{
	font-weight: normal;
}
.single_school_form_button{
	display: block;
	background: rgb(63,141,202);
	width: 45%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	float: left;
	margin: 35px 25px;
}
.single_school_form_button:hover{
	color: #fff;
}
.single_school_overview,.single_school_campuses,.single_school_teacher,.single_school_student{
	display: none;padding-left: 20px;
}
.school_active{
	display: block;
}
.single_school_campuses ul li{
	/*height: 250px;*/

	padding: 15px 0;
	border-bottom: 1px dotted rgba(139,139,139,0.25);
}
.single_school_campuses ul li:after{
	display: block;
	content: "";
	clear: both;
}
.single_school_campuses ul{
	margin-bottom: 50px;
}
.single_school_campuses_content{
	width: 66%;
	float: left;
}
.single_school_campuses_content span{
	color: rgb(0,103,184);
}
.single_school_campuses_content span b{
	margin-right: 5px;
}
.campuses_at{
	font-family: "Oswald",sans-serif;
	font-weight: bold;
}
.single_school_campuses_img{
	width: 32%;
	float: right;
	margin-top: 26px;
}
.single_school_campuses_img a img{
	width: 100%;
	height: auto;
}

#side_nav h3{
	margin: 15px 0;
}
#side_nav li{
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: rgb(146,146,146);
	cursor: pointer;
	padding-left: 5px;
}
.left_nav li{
	font-size: 12.6px !important;
}
#side_nav li a{
	display: block;
}
#side_nav li:hover a, #side_nav li a:hover{
	color:#000;
}
.left_nav_bg{
	background: rgb(0,103,184);
	color: #fff !important;
}
#side_nav .current_page_item{
	background: rgb(0,103,184);
}
#side_nav .current_page_item a{
	color: #fff !important;
}
.single_school_teacher ul li{
	/*height: 250px;*/
	padding: 15px 0;
	border-bottom: 1px dotted rgba(139,139,139,0.25);
}
.single_school_teacher ul{
	margin-bottom: 50px;
}
.single_school_teacher li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.single_school_teacher li{*+height:1%;}
.single_school_teacher_content{
	width: 66%;
	float: left;
}
.single_school_teacher_content span{
	color: rgb(0,103,184);
}
.single_school_teacher_content span b{
	margin-right: 5px;
}
.single_school_teacher_img{
	width: 32%;
	float: right;
}
.single_school_teacher_img img{
	width: 100%;
	height: auto;
}
.single_school_student ul li{
	/*height: 250px;*/
	padding: 15px 0;
	border-bottom: 1px dotted rgba(139,139,139,0.25);
}
.single_school_student li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.single_school_student li{*+height:1%;}
.single_school_student ul{
	margin-bottom: 50px;
}
.single_school_student_content{
	width: 66%;
	float: left;
}
.single_school_student_content span{
	color: rgb(0,103,184);
}
.single_school_student_content span b{
	margin-right: 5px;
}
.single_school_student_img{
	width: 32%;
	float: right;
	margin-top: 26px;
}
.single_school_student_img img{
	width: 100%;
	height: auto;
}
.school_single_related ul{
	margin-top: 15px;
}
.school_single_related h3{

}
.school_single_related_title{
	padding-left: 1%;
}
.school_single_related ul li{
	width: 24%;
	margin-left: 1%;
	float: left;
	border-bottom: 8px solid #FFD600;
	margin-bottom: 5%;
}
.school_single_related ul li .inner span {
	color:rgb(0,103,184);
	font-family: "Oswald",sans-serif;
}
.school_single_related ul li .feature_head img {
	width: 100%;
	height: auto;
	max-height: 183px;
}
.school_single_related ul li .feature_head h2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 75px;
	height: 75px;
	padding: 0px;
	background: transparent none repeat scroll 0% 0%;
}
.school_single_related ul li .feature_head h2 img {
	width: 100%;
	max-height: 75px;
	min-height: 75px;
}
.school_single_related ul li .inner{
	padding: 1px 10px 10px !important;
}
.school_single_related ul li .inner h3{
	margin-top: 10px;
}
.school_single_related ul li .inner h3 a{
	color: #000;
}
.news{
	padding: 0 !important;
	margin-bottom: 20px;
}
.col_news ul{
	width: 100%;
}
.col_news ul li{
	width: 100%;
	margin: 20px 0px;
}
.col_news .news_img{
	width: 30%;
	float: left;
}
.col_news .news_img img{
	width: 100%;
	height: auto;
}
.col_news .news_warp{
	width: 68%;
	float: left;
	padding-left: 2%;
	margin-bottom: 45px;
}
.col_news .news_warp h5{
	line-height: 15px;
	font-size: 13px;
	letter-spacing: 0.5px;
	font-weight: normal;
	color: rgb(48,131,195);
}
.col_news .news_content h3{
	margin: 10px 0 5px;
}
h4.subtitle{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	font-family: "Oswald",sans-serif;
	margin: 0px 0 15px;
}
.news_content h4.subtitle {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-family: "Oswald",sans-serif;
	margin: 0px 0 5px;
}
.col_news .news_content h3 a{
	color: rgb(0,103,184);
}
.col_news .news_content p{
	padding-right: 20%;
	font-size: 13px;
}
.news_more{
	float: right;
	margin-right: 20%;
	color: rgb(255,198,44);
	font-weight: bold;
}
.col_sidebar .widget {
	border-top: 20px solid #FFD600;
	margin-top: 40px;
	position: relative;
	background: #fff;
	padding-bottom: 30px;
	padding-left: 10px;
}
.col_sidebar .widget::before {
	font-family: "FontAwesome";
	/*content: "\f003";*/
	font-size: 33px;
	font-style: normal;
	font-weight: normal;
	line-height: 60px;
	text-decoration: none;
	vertical-align: text-bottom;
	border-radius: 50%;
	color: white;
	display: block;
	height: 60px;
	left: 54%;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	top: -40px;
	width: 60px;
	background: #ffd600;
}
.col_sidebar .widget_categories::before {
	content: "\f02c";
}
.col_sidebar .widget_recent_entries::before{
	content: "\f1ea";
}
.col_sidebar .widget_archive::before {
	content: "\f187";
}
.col_sidebar .widget_nav_menu::before {
	content: "\f0c9";
}
.col_sidebar .widget_meta::before {
	content: "\f013";
}
.col_sidebar .widget_links::before {
	content: "\f0c1";
}
.col_sidebar .widget_pages::before {
	content: "\f0c6";
}
.col_sidebar .widget_recent_comments::before {
	content: "\f086";
}
.col_sidebar .widget_search::before {
	content: "\f002";
}
.col_sidebar .widget_tag_cloud::before {
	content: "\f02b";
}
.col_sidebar .widget_text::before {
	content: "\f15c";
}
.col_sidebar .widget h4{
	margin-top: 30px;
	font-family: "Oswald",sans-serif;
	margin-left: 20px;
	font-size: 1.2em;
	text-transform: uppercase;
}
.col_sidebar .widget ul{
	margin-left: 20px;
}
.col_sidebar .widget ul li{
	padding: 3px 0;
}
.col_sidebar .widget ul li a{
	font-size: 1.2em;
	color:rgb(102,102,102);
}
.col_sidebar #recentcomments li a{
	font-size: 0.88em;
}
.col_sidebar .widget_search .searchform{
	padding: 10px;
	margin-left: 10px;
}
.col_sidebar .widget_search .searchform label{
	display: none;
}
.col_sidebar .widget_search .searchform #s{
	width: 68%;float: left;
}
.col_sidebar .widget_search .searchform #searchsubmit{
	width: 28%;
	margin-left: 2%;
	height: 30px;
	background-color: #3498db;
	color: #fff;
}
.col_sidebar .widget_text .textwidget{
	padding: 10px 20px;
}
.tagcloud{
	padding:10px 20px;
}
.tagcloud a{
	font-size: 1em !important;
	color: rgb(102,102,102);
}
.research::before{
	content: "\f06e" !important;
}
/*pagenavi*/
/* -----------page nav-------*/
.page_navi{width:100%;height:80px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
@-moz-document url-prefix() { .page_navi { float:left;} }
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}
/*********************position sider*************************/
.home_right{
	width: 70px;
	height: 210px;
	position: fixed;
	right: 0;
	top: 40%;
	background: rgba(63,63,63,0.8);
	padding: 10px 0;
	z-index: 188;
}
.home_right_radius{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.home_right span{
	width: 70px;
	height: 70px;
	display: block;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	cursor: pointer;
}
.home_right span i{
	font-size: 3.2em;
	color: #fff;
	margin-bottom: 10px;
	cursor: pointer;
}
.home_right span:hover i{
	opacity: 0.88;
}
.home_right span b{
	display:block;
}
.home_search{
	display: none;
	position: fixed;
	height: 30px;
	top: 40%;
	right: 70px;
	background: rgba(63,63,63,0.8);
	z-index: 188;
	width: 30%;
	padding:20px 40px;
	transition-delay: 0.5s;
	transition: all 0.5s;
	border-right: 4px dotted rgba(139,139,139,0.25);
}
.home_search label{
	display: none;
}
.home_search #s{
	width: 60%;
	float: left;
	margin-right: 4%;
	padding-left: 5px;
}
.home_search #searchsubmit{
	width: 24%;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #3498db;
	transition: all 0.5s;
}
.home_search #searchsubmit:hover{
	background-color: rgba(52,152,219,0.7);
	font-size: 1.025em;
	cursor: pointer;
}
.search_result{
	text-transform: initial;
	letter-spacing: 1px;
}
.search_num{
	color: rgb(0,103,184);
	font-style: italic;
}
.search_num span{
	padding-left: 4px;
}
.home_share{
	display: none;
	position: fixed;
	height: 30px;
	top: 40%;
	right: 70px;
	background: rgba(63,63,63,0.8);
	z-index: 188;
	width:30%;
	padding:20px 40px;
	transition-delay: 0.5s;
	transition: all 0.5s;
	border-right: 4px dotted rgba(139,139,139,0.25);
	margin-top: 160px;
}
.home_share a{
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	float: left;
	text-align: center
}
.home_share a i{
	color: #fff;
}
/**************************single_post************************/
.col_single_post{
	width: 70%;
	padding: 0px 1.5%;
	margin-top: 15px;
	float: left;
}
.single_post_img img{
	width: 100%;
	height: auto;
}
.single_post_content ul{
	list-style-type: disc;
}
.single_post_content ol{
	list-style-type: decimal;
}
.single_post_content img, .single_post_content .wp-caption {
	max-width: 100%;
	height: auto;
}
.single_post_warp{
	border-bottom: 1px dotted rgba(139,139,139,0.25);
	padding-bottom: 20px;
}
.single_post_warp h5{
	letter-spacing: 0;
	font-size: 0.85em;
	color: rgb(48,131,195);
	line-height: 30px;
}
.single_post_content h3{
	color: rgb(0,103,184);
	margin: 5px 0;
}
.related_post{
	padding-top: 20px;
}
.related_post ul{
	margin-left: -1%;
}
.related_post h2{
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0;
}
.related_post ul li{
	width: 32.333333333%;
	float: left;
	margin-left: 1%;
	background: #fff;
	border-bottom: 8px solid rgb(255,216,0);
	margin-bottom: 40px;
}
.related_post ul li a img{
	width: 100%;
	height: 190px;
	/*height: auto;*/
}
.related_post ul li h6{
	padding-left: 10px;
	color: rgb(48,131,195);
}
.related_post ul li h4{
	padding-left: 10px;
	margin: 10px 0;
	height: 40px;
}
.related_post ul li h4 a{
	color: #000;
}
/****************************message_form*****************************************/
.message_form{
	overflow: hidden;
	font-family: "open sans";
	font-size: 14px;
}
.message_form input, .message_form textarea{
	margin-top: 10px;
	padding-left: 10px;
	font-family: "open sans";
	color: rgb(139, 139, 139);
}
.message_form textarea{
	padding-top: 5px;
}
input::-webkit-input-placeholder{
	padding-left: 10px;
}
input::-moz-input-placeholder{
	padding-left: 10px;
}
input::-ms-input-placeholder{
	padding-left: 10px;
}
.mf_radio input, .mf_check input{
	width: 15px;
	margin: 10px 0 5px 0;
	height: 15px;

}
.mf_radio .wpcf7-list-item-label, .mf_check .wpcf7-list-item-label{
	padding:0 10px;
}
.mf_radio .wpcf7-text, .mf_check .wpcf7-text{
	width: 40% !important;
	height: 25px;

}
.mf_select select{
	width: 35% !important;
	height: 28px;
}
.mf_select b{
	width: 20% !important;
	height: 28px;
	padding: 0 10px;
}
.mf_select input{
	width: 35% !important;
}
.mf_message input{
	width: 15px;
	margin: 0px;
	height: 15px;
	margin-top: 10px;
}
.mf_submit input{
	color: #fff;
	font-size: 1.1em;
}
/***********************flexslider*********************************************/
.flex_box{
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
}
.overlay h2{
	font-size: 42px;
	font-family: "oswald";
	letter-spacing: 1px;
	line-height: 48px;
}
.overlay p{
	font-family: open sans;
	font-size: 0.98em;
	line-height: 1.3;
	margin: 5px 0 10px 0;
}
.overlay .sub3{
	display: block;
	padding: 5px 10px;
	border: 1px solid #fff;
	width: 100px;
	text-align: center;
	color: #FFF;
}
.overlay .sub3:hover{
	color: #fff ;
	opacity: 1;
}
.flexslider {
	position: relative;
}
.flex-control-nav{
}
.flex-control-nav li a{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: block;
	text-indent: 999em;
	background: #fff;
}
.flex-control-nav li .flex-active{

}
.flex-control-nav li a:hover{
	background: rgb(104,158,201) !important;
}
.blue_top{
	background: rgb(0,103,184);
	height: 8px;
}
/**************Lang nav css**********************/
.blue_top .lang{
	height: 8px;
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
}
#langnav{
	z-index: 999;
	cursor: pointer;
	position: absolute;
	right: 0px;
	width: 100px;
	margin-top: 8px;
	background: rgb(0,103,184);
	text-align: center;
}
.lang_en{
	line-height: 30px;
	color: #fff;
	cursor: pointer;
}
.lang_en i{
	color: #fff;
}
.lang_en i.fa-globe{
	font-size: 18px;
	margin-right: 5px;
}
.lang_en i.fa-caret-down{
	margin-left: 5px;
}
#langnav div{
	display: none;
}
#langnav ul.menu{
	background: rgb(204,225,242);
}
#langnav ul.menu li a{
	color:rgb(0,103,184);
	line-height: 25px;
}
#langnav li.lang_en:hover #langnav div{
	display: block;
}
/**************Lang nav css**********************/
.blue_top .current-menu-item{
	background: rgb(241,241,241);
}
.blue_top .current-menu-item a{
	color: rgb(0,103,184) !important;
}
.blue_top .lang ul li:hover{
	background: rgb(0,62,158);
}
.blue_top .lang ul li:hover a{
	color: rgb(255,255,255) !important;
}
.blue_top .lang ul li:active{
	background: rgb(241,241,241);
}
.blue_top .lang ul li a{
	color: rgb(255,255,255);
	font-size: 0.88em;
	padding:0 3px;
}
#mainnav{
	width: 100%;
}
.fix_menu{
	display: none;
	position: fixed;
	height: 76px;
	width: 100%;
	background: rgba(0,103,184,0.8);
	top: 0;
	z-index: 999;
}
.fix_menu #logo a{
	color: #fff;
}
.fix_menu nav ul li a{
	color: #fff;
}
.fix_menu nav ul li ul{background: rgba(0,103,184,0.9);}
/***************dream slider**********************/
.dreamslider .flex-control-thumbs {
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
	padding: 35px 0 35px 0;
}
.dreamslider .flex-control-thumbs li {
	width: 15.6666666%;
	margin-left: 1%;
	position: relative;
}
.dreamslider .flex-control-thumbs li::after{
	content: "";
	position: absolute;
	top: -25px;
	border-width: 0 15px 15px;
	border-color: transparent transparent #0067B8;
	left: 40%;
	transition:all 0.5s;
	border-style: solid;
	display: none;
}
.dreamslider .flex-control-thumbs li::before{
	content: "";
	position: absolute;
	width: 100%;
	background: rgb(104,158,201);
	top: -10px;
	transition:all 0.5s;
}
.flex-control-thumbs li img{
	border-top: 0px solid #0067B8;
	margin-top: 0px;
	transition:all 0.1s;
}
.flex-control-thumbs li .flex-active{
	background: url("images/dream_top.png") no-repeat scroll 50% 0px,
	url("images/dream_top_border.png") repeat-x 0% 15px;
	padding-top: 25px;
	top:-25px;
}

.dreamslider .flex_box{
	max-width: 100%;
	margin: 0
}
.dreamslider .overlay{
	left: 0%;
	padding: 1% 1% 1% 6% !important;
	width: 40%;
	bottom:42%;
	z-index: 9999;
}
.flexslider .slides img {
	max-height: 550px;
}
.dreamslider .slides img{
	max-height: 535px;
}
.dreamslider .flex-direction-nav a{
	top:50%;
	margin-top:-32px;
}
.dreamslider .overlay h2 {
	font-size: 38px;
	text-transform: uppercase;
}
/*****************media@1920px******************/
@media only screen and (max-width: 1920px){
	.flex-control-nav{
		position: absolute;
		width: 200px;
		left: 21.5%;
		bottom: 10.5%;
	}

}
/*****************media@1680px******************/
@media only screen and (max-width: 1680px){
	.flex-control-nav{
		position: absolute;
		width: 200px;
		left: 15.5%;
		bottom: 10.5%;
	}

}
/*****************media@1440px******************/
@media only screen and (max-width: 1440px){
	.flex-control-nav{
		position: absolute;
		width: 200px;
		left: 11.5%;
		bottom: 11%;
	}

}
/*****************media@1366px******************/
@media only screen and (max-width: 1399px){
	.flex-control-nav{
		position: absolute;
		width: 200px;
		left: 9%;
		bottom: 11.5%;
	}

}
/*****************media@1280px******************/
@media only screen and (max-width: 1299px){
	.flex-control-nav{
		position: absolute;
		width: 200px;
		left: 7%;
		bottom: 12%;
	}

}
.itinerary_list li{
	width: 50%;
	float: left;
	height: auto !important;
}
/********************************************************************/
#quickForm h4 { margin: 0 0 17px;}

#quickForm li{list-style-type:none}

.guests {margin-bottom: 16px;}
.error404 img{
	width: 100%;
}

main .col2 ul li{ list-style-type:none; margin-bottom: 10px;}
.col0,.col1, .col2, #col3 {padding-top: 10px}
.col0,.col_careers,.col_school{float: left;width:84%;padding-bottom: 30px;}
.col_contact{float: left;width: 73%;padding-bottom: 30px;margin-right: 2%;}
.col_news{float: left;width:75%;padding-bottom: 30px;}
.col_sidebar{width: 23%;float: left;position: relative;padding:0 1% 5% 1%;}
.col_school_full{padding-bottom: 30px;}
.col2 {
	float: left;
	margin-right: 2%;
	width: 58%;
	padding-bottom: 30px;
}

.col2 h2 {
	margin-top: 15px;
	font-size: 23px;
	color:	#444;
}

.col2 h3 {}

.col2 h4 {}

.col2 h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
}

.col2 h6 {margin:22px 0 10px}

.col2 ul, #col3 ul {margin-top: 13px; padding-left: 18px}

#col3 h4 {
	background-color:#3498db;
	color: white;
	border-left: 5px solid #b29500;
	padding-left: 5px;
}

#col3 ul li {margin-bottom: 10px}

.col2 ul li:before, #col3 ul li:before {
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 5px 0 -15px;
	color: #55ace1;
}

#profile_stats {
	background-color: white;
	padding: 10%;
	border-top: 20px solid #ffd600;
	position: relative;
}

#profile_stats::before {
	background: none repeat scroll 0 0 #ffd600;
	border-radius: 50%;
	color: white;
	display: block;
	font-size: 2.61111em;
	height: 60px;
	left: 54%;
	line-height: 80px;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	top: -44px;
	width: 60px;
	padding-top: 10px;
}

#profile_stats::before {
	font-family: "FontAwesome";
	content:   "\f084";
	font-size: 43px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	vertical-align: text-bottom;
}

#profile_stats h3 {margin-top:0 }

#col3 ul {}

#col3 h3 {}

#col3 {float: left; width: 24%;margin-bottom: 5%;}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #3498db;
	margin: 1.5em 0;
	padding: 0.5em 10px;
	width: 75%;
	float: right;
	font-style: italic;
	font-size: 0.98em;
}
blockquote:before {
	color: #ccc; color: #3498db;
	content: open-quote;
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 7px;
	vertical-align: -0.4em;
	font-family: "FontAwesome";
	content:   "\f10d";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	vertical-align: text-bottom;
}

blockquote p { display: inline;}

.careers {margin-bottom: 10px}

.wrapper .careers h3 {
	background-color: #3498db;
	color: white;
	font-weight: 100;
	margin: 26px 0 5px;
	padding: 7px;
	font-size: 17px
}

.col2 h2 {
	color: #3498db;
	font-size: 30px;
	font-weight: bold;
	line-height: 111%;
	margin: 26px 0 5px;
	padding: 7px 7px 7px 0;
	text-transform: uppercase;
}

.col2 h3 {
	color: inherit;
	font-size: 24px;
	font-weight: bold;
	line-height: 111%;
	margin: 10px 0 5px;
	padding: 7px 7px 7px 0;
	text-transform: uppercase;

}

.col2 h4 {
	color: inherit;
	font-size: 20px;
	font-weight: bold;
	line-height: 111%;
	margin: 10px 0 5px;
	padding: 7px 7px 7px 0;

}

.col2 a {font-size: 15px}

.col2 ul {list-style-type:disc; padding-left: 20px}

.col1 {
	margin-right: 2%;
	/*padding: 2%;*/
	width: 13%;
	float: left;
	padding-bottom: 30px;
	padding-left: 1%;
}

.col1 a, .col1 li, .col1 p {
	font-size: 13px;
	color: inherit;
	list-style-type:disc;
	margin-bottom:2px;
}

.col1 h2 {
	font-size: 1.19em;
	margin-top: 24px;
	font-weight: bold;
}

.col1 h6 {
	color: #2788c0;
	margin-top: 10px;
	text-transform: uppercase;
}

.col1 img {width: 98%}

/*#home_social .col a { color: #605f5d;}

	#home_social h3 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 5px;
}
	#home_social h2 {
		font-size: 19px;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 1.99%;
		color: black;
		padding-top: 24px
	}

	#home_social p {
		color: #3c5493;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 2px;
		text-transform: uppercase;
	}


	#home_social .fa {
		color: #5ab1e6;
	}
*/
.footer > .wrapper:first-child {
	display: flex;
	align-items: flex-start;
	gap: 28px;
}
.footer .col {
	float: none;
	flex: 1 1 0;
	min-width: 0;
	width: auto;
	margin: 1.9% 0;
	border-left: 1px dashed rgba(255,255,255,0.15);
	padding-left: 24px;
}

.footer ul {margin: 0; padding: 0}
.footer img {
	max-width: 120px;
	/* padding-left: 21px;
    display: block;*/
}
.footer .logo {
	float: none;
	flex: 0 0 300px;
	width: 300px;
	margin: 1.9% 0;
}
.footer .logo img {
	display: block;
	width: 280px;
	max-width: 100%;
	height: auto;
	filter: brightness(0) invert(1);
}

.footer #mission	{
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 7px;
	font-size: 12px;
	padding-left: 17px;
}

#home_social .col {
	float: left;
	margin: 1.99%;
	width: 21%;
}

.footer a:hover {opacity: .5}

.footer h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 5px;
	color: white}

.footer {
	min-height: 150px;
	padding: 20px 0;
	background-color: #333;
	clear: both;

}

.footer p{
	color: white;
	font-size: 13px;
	margin-bottom: 0;
}
.footer h4{
	color:rgb(255,213,0);
}
.footer .col .textwidget{
	color:#fff;
}
#small {
	border-top: 1px solid grey;
	color: white;
	font-size: 9px;
	font-weight: normal;
	margin-top: 10px;
	padding-top: 10px;
}

.copyright {
	padding-bottom: 20px;
	color: white;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0 auto;
	max-width: 1170px;
}

.footer .col h2 {margin-left: 0px;}
.footer .col a {color: white}
.footer h2 {
	color: #ffd600;
	font-size: .9em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 10px;
	text-transform: uppercase;
}

#blue_strip {background-color:#0079bc; height: 7px}

/* NAVIGATION */

#mobile_nav, #mobile {display: none;background-color: #242830;}
#mobile ul li {
	position: relative;
	float: none;
	text-align: left;
	width: 100%;
}
#mobile ul li a {
	border-bottom: 1px solid #444444;
	color: rgba(255, 255, 255, 0.6) !important;
	display: block;
	padding: 20px 20px 20px 0;
	position: relative;
	transition: all 0.5s ease 0s;
	margin: 0 30px;
	font-size: 14px
}

#mobile ul li a:hover, #mobile ul li a:focus {
	color: rgba(255, 255, 255, 1)!important;
	text-decoration: none;
}

.current_page_item a {color: red}
#mobile .indicator {
	position: absolute;
	right: 0 ;
	top: 25px;
	border-radius: none;
	display: block;
	height: auto;
	transition:none;
	width: auto;
	z-index: 8;



}
.home .active {
	background-color: #2c495f;
	border-top: 7px solid #fed587;
}

#top_nav {
	color: #666666;
	float: right;
	margin: 34px 1% 15px 0px;
}
.fix_menu #top_nav{
	margin: 24px 1% 0px 0px;
}
#mainnav #logo{
	line-height: 96px;
	height: 96px;
}

#top_nav ul {float: right}
nav ul {
	float: right;
}

nav ul li {
	float: left;
	position: relative;
	font-size:15px
}

nav ul li ul {
	background: none repeat scroll 0 0 rgba(251, 251, 251, 0.75);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
	display: none;
	left: -46px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 29px;
	z-index: 12;
}

/*		nav ul > li:hover > ul { display: block; }*/

{background-color: red}
/*.col1 .menu-main-menu-container .menu-item-has-children > a {
    background-color: #55ace1;
    color: #ffffff !important;
    display: block;
    padding: 5px;
}*/
#side_nav .menu-item-193 a{color: inherit !important}
#side_nav .current_page_ancestor{ background-color: #55ace1;
	color: #ffffff !important;}
.cloned .current-menu-ancestor a{color: #ffd600 !important}
.cloned .current-menu-ancestor .sub-menu .menu-item-object-school a{color: grey !important}
/*.current-menu-ancestor a{color:#0079bc !important}*/
/*#side_nav .current-menu-ancestor a{color:white }

#side_nav .page-item-58 .sub-menu, #side_nav .current_page_ancestor .sub-menu {display: none !important}
.cloned .current_page_item a {color: yellow}*/

/*.current_page_parent > a {color: orange !important}*/

nav ul li:hover ul {display: block;}
.menu-item-60 .sub-menu{display: none}
nav ul li:hover ul li ul {display: none}
nav ul li ul li {

	width: 157px;;
	float: none;
}

nav ul li ul li a {
	padding: 5px 30px;
	margin: 0
}

nav ul li ul li:last-child {border-bottom: none !important; }

nav ul li a {
	color: rgb(139,139,139);
	display: block;
	font-size: 1em;
	list-style-type: none;
	/*    margin: 0 6% 0 0;
    */    padding: 3px 15px 19px 2px;
	text-align: center;
	text-transform: uppercase;
}

#nav ul li a:hover {
	color: rgb(255,213,0);
}
.current_page_item a {
	color: rgb(255,213,0);
}
.current_page_item li a{ color:#888;}

.cloned .current_page_item a {color: #004479 !important}

.sub-menu li:last-child {border-bottom: none}

/* Third Level & beyond */

#side_nav .sub-menu {padding-left: 20px}

/*nav  ul li ul li ul.sub-menu {
	left: 157px;
    position: absolute;
    top: -1px;
    width: 164px;}

	 nav .sub-menu li a {}

.current_page_item a, nav li:hover > a { }


	nav ul li a:hover {
	opacity: 0.5;
    transition: opacity 0.25s ease-in-out 0s;
		}

	nav ul li ul li a {}

	nav ul li ul li, #mainnav ul li ul li a:hover { }
*/
nav ul li a ul li a:after {
	content: normal; !important
}

/* SLider*/
#mobile_nav, #mobile {
	display: none;
}

.slide h3 {padding-left: 37px}
.slide {padding: 15px 0}

/* A Slideshow Plugin for jQuery CSS

			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
/*.slides_container {
    width:370px;
    display:none;
}
*/

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
/*.slides_container div {
    width:370px;
    min-height:200px;
    display:block;
}*/

/*
    Optional:
    Reset list default style
*/
/*.pagination {
    list-style:none;
    margin:0;
    padding:0;

}*/

/*
    Optional:
    Show the current slide in the pagination
*/
/*.pagination .current a {
    color:red;
}*/

#slideshow {position: relative}
#slideshow h2 {
	color: #ffffff;
	font-family: "oswald",sans-serif;
	font-size: 2.5em;
	font-weight: 900;
	line-height: 110%;
	margin-bottom: 0;
	padding-bottom: 0;
	right: 0;
	z-index: 5;
	margin-top: 3px;
}


#slideshow p {
	margin-bottom: 0;
	padding-bottom: 0
}

.flex-viewport a {
	color: white;
	display: block;
	padding: 10px 15px;
	width: 120px;
	border: 1px solid #fff;
	text-align: center;
	margin-top: 15px;
}
.flex-viewport a:hover{
	opacity: 1.0;
	color: #fff;
}

.flexcaption img {display: block; margin-bottom: 2px;}


.home #slideshow {
	max-width: 100%;
	position: relative;
}
#slideshow .flex-control-paging li a { background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);}

#slideshow .flex-control-paging li a:hover {color: red}

.overlay {
	margin-top: 15px;
	bottom: 50px;
	left: 1%;
	right: 0;
	text-align: left;
	padding: 15px 1% 3% 3% !important;
	position: absolute;
	width: 45%;
	color: white;
	background-image: linear-gradient(to right, rgba(25,50,124,0.8) 0%, rgba(52,152,219,0.8) 100%);
}


#slideshow p {
	font-size: 0.9em;
	line-height: 135%;
	margin-top: 9px;
}

#slideshow .transition {
	border: 1px solid white;
	color: #666666;
	display: inline-block;
	font-size: 15px;
	margin-top: 17px;
	padding: 7px 12px;
	color: white
}


.flexslider .slides > li {
	position: relative;
}

.caption { text-align:left}
/* School page*/

/* Leaders page*/
.thumb {
	max-width: 1000px;
	margin: 0 auto;
}

#board-of-directors p {
	font-size: 16px
}
#board-of-directors  {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0;
	margin: 0;

}
#board-of-directors h2 {
	font-size: 14px;
	line-height: 1.2;
	padding: 0
}

#board-of-directors ul {padding:0}
#leadership {width: 70%}

#leadership .intro h2 {margin-top: 0}

.entry-content p, .people-grid p, #board-of-directors .people-grid p {
	font-size: 13px;
	font-weight: 100;
	line-height: 123%;
	text-transform: none;
}

ul .people-grid  {
	background-color: #fff;
	border: 1px solid #bbb;
	display: block;
	float: left;
	min-height: 340px;
	margin: 5px 0.45%;
	/*    min-height: 340px;*/
	padding: 10px;
	position: relative;
	text-decoration: none;
	width: 30%;
}

main .col2 ul .people-grid::before {
	content: none;
}

.people-grid img {
	width: 100%;
	display: block;
	height:auto
}

.people-grid img:hover {
	opacity: 0.3;
	transition: opacity 0.25s ease-in-out 0s;
}

.people-grid a {
	color:#2788c0;
	font-size: 0.88em;
	line-height: 1.7;
}

.people-grid-section {position: relative}

.people-grid p {padding: 0 4px; margin: 5px 0 0 0}

.people-grid h6 {
	padding: 4px;
	margin-top: 5px;
	color: #3498db;
	font-size: 18px;
	margin-bottom: 0;
}
.entry-content a, .people-grid a {
	color: #605f5d;
	margin: 0;
	font-weight: normal;
	line-height: 1.7;
	font-size: 12px
}

.bio { width: 58%;}

.entry-content	{
	float: left;
	margin: 0.75%;
	width: 18%;
	min-height: 307px;
}

.entry-content	img{ width: 100%; display: block; height: auto}

#feed_two h2 {font-family: open sans;
	font-size: 3em;
	font-weight: 100;
	line-height: 1.1em;
	padding: 34px 0 0;
}

#feed_two {margin: 0 auto;
	max-width: 1000px;
}

#largeImg {float: right; width: 28%}

#bio_wrapper {height: 492px}

#main_content {
	margin: 0 auto;
	max-width: 1000px;
}

#main_content h2 {
	font-size: 43px;
	font-weight: 100;
	font-family: "open sans","Helvetica "
}

#main_content h3 {
	font-size: 14px;
	margin: 26px 0 5px;
}

#main_content p {font-size: 15px}

#main_content #bio{
	float: right;
	width: 40%;
	margin: 0 0 50px 57px;
}

#bio img {width: 100%; display: block; height: auto}

#content {margin-top: 20px}

main { border-top: 1px solid #efefef; }

#magic {
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 1200px;
	min-width: 400px;
	position: absolute;
	right: 0;
	top: 0;
}

#openings a {color: #999999}

#forms {margin-top: 10px}

#forms form input {
	border: 1px solid #dddddd;
	height: 20px;
	margin-bottom: 0;
	font-size: 12px;
}

.search-field {
	border: none;
	height: 28px;
	margin-bottom: 30px;
	width: 81%;
}

.search-submit {
	background-color: #3498db;
	background-image: url("images/search.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 14%;
	border:none
}

main .big {
	background-color: white;
	margin: 0.9%;
	width: 100%;
}

main .intro h2{
	width: 75%;
	font-family: open sans;
	font-size: 3em;
	line-height: 1.1em;
	font-weight: 100;
	padding: 34px 0 0 0;
}

.intro h3{
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 400;
	margin: 12px 0 5px;
}

.intro p {
	font-size: 0.875em;
	line-height: 1.5em;
	color: #3498db;
	text-transform: uppercase
}

.bigCol {
	float: left;
	margin-left: 13%;
	margin-top: 24px;
	width: 60%;
}

.smallCol {
	float: left;
	margin-left: 3%;
	width: 23%;
}

.smallCol h3 {margin-top: 22px}

.services_wrapper {
	background: rgba(28, 66, 86, 0.9);
	height: 600px;
	transition: background-color 0.5s ease;
}

.services_wrapper:hover {background: none repeat scroll 0 0 rgba(27, 18, 31, 0);}

/*.baloon {
    cursor: pointer;
    height: 150px;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
    position: absolute;
    top: 70%;
    width: 150px;
    z-index: 200;
	text-align: center
}


a.link span {
    background-color: #385d72;
}*/

main .intro h2 {width: 100%;}

.rule {
	color: #3498db;
	left: 37%;
	position: absolute;
	top: 74px;
	width: 39px;
}

.top p {font-size:1.4em; width: 90% }

.top {
	position: relative;
	background: rgb(224,224,224);
	padding-bottom: 20px;
}

.top h2 {
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-shadow: 0 3px 3px rgba(9, 0, 0, 0.3);
	text-transform: uppercase;
}

.color h3, .blue h3, .top h3, .white h3 {
	font-family: "Oswald",sans-serif;
	font-size: 2em;
	/* letter-spacing: -1px;*/
	text-transform: uppercase;
}

.color h3, .blue h3, .white h3 {
	text-align: center;
	margin-top: 0;
	padding-top: 17px;
}

.blue h4 {
	float: left;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 21px;
}

.blue .learn_more {
	float: left;
	margin: 9px;
	font-size: 1em;
}

.blue div div {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 60%;
}

.photo {

	overflow: hidden;
	position: relative;
}

.grey_section {
	text-align: left;
	background-color:#ebebeb;
	padding-bottom: 23px;
	/*padding: 20px 0;
	background: url(../images/fpo4.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/

}

.grey_section h3 {font-size: 2em}
.grey_section ul{padding:0}
.grey_section h6 {
	font-size: 1.4em;
	font-weight: normal;
	text-transform:capitalize;
	margin-bottom: 16px;
	line-height: 1.7;
}

.small_feature_photos li {float: left; width: 25%; }
.small_feature_photos li img {width: 100%}

.photo_small{
	background: url(../images/fpo2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px
}

.grey_section h3 {margin-top:0 !important; padding-top:15px ; font-size: 3em}
.photo h2 {
	background: none repeat scroll 0 0 rgba(24, 21, 21, 0.7);
	background-color: #181515\9;
	bottom: 0;
	color: white;
	font-family: "Oswald",sans-serif;
	font-weight: bold;
	/*    letter-spacing: -1px;*/
	margin: 0;
	padding: 0 30px 0 30px;
	position: absolute;
	right: 0;
	text-shadow: 0 3px 3px rgba(9, 0, 0, 0.3);
	text-transform: uppercase;
	z-index: 2;
}
.photo_intro {color: white}
.photo img {width: 100%;max-height: 535px;}
.intro {
	color: #444444;
	font-family: open sans;
	margin: 0 auto;
	max-width: 1000px;
}
main .photo h2 {
	font-size: 3.7em;
	font-weight: 900;
	left: 20px;
	line-height: 95%;
	width: 100%;
	text-shadow: 0 3px 3px rgba(9, 0, 0, 0.3);
}




.blogentry {background-color: white;
	margin-bottom: 20px;
	padding: 20px;
}

.blogpic {
	float: left;
	height: 160px;
	width: 25%;
}

.blogpic img{
	display: block;
	height: auto;
	width: 100%;
}

.blogcopy {
	float: right;
	width: 69%;
}

.blogcopy h5 {
	font-size: 1.35em;
	font-weight: 100;
	margin-bottom: 0;
	text-transform:capitalize;
	margin-top:0;
}
#blog_slide {margin-bottom: 10px}

#blog_slide img {width: 100%}

.blogcopy h6 {
	color: lightslategrey;
	font-size: 14px;
	font-weight: 100;
	margin: 14px 0 10px;
}

.blog_side { float: left; width: 25%; padding: 1.5em 0 4em;}
.blog_side h3 {
	background-color: #3498db;
	padding: 10px;
	border-left: 8px solid #004f83;
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1em;
}
.blogentry h2 {
	font-size: 40px;
	letter-spacing: -1px;
	text-transform: none;
	padding-bottom: 0
}

.blogentry h4 {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight:normal;
	text-transform:none;
}

.big h3, .small_blog h3 {
	color: #aaaaaa;
	font-size: 0.7em !important;
	letter-spacing: 0.1em;
	padding: 15px 0 5px 3px ;
	text-transform: uppercase;
	font-weight:normal;
	margin-bottom: 0
}

.constrained-container {
	overflow: hidden;
	max-height: 506px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.constrained-container img {
	display: block;
	width: 100%;
	height: auto;
}
#blog  {
	background-color: #ebebeb;
	border-top: 1px solid #ccc;
	margin: 0;
}

main .big a {
	background-color: #c40669;
	border: 1px solid #c40669;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.13em;
	margin-bottom: 20px;
	padding: 12px 22px;
	text-align: center;
	text-transform: uppercase;
}
.readmore {font-size: 12p; letter-spacing: 0;}
.small_blog  h4, .small_blog  h5, .small_blog  h2{padding: 1.5%;line-height: 131%;}

.small_blog  h2 {
	background-color: #3498db;
	color: white;
	font-size: 17px;
	font-weight: 400;
	line-height: 120%;
	margin: 0;
	letter-spacing: 0;
}

.blog.col2 {
	width: 69%;
	margin-left: 1.3%;;
}
.blog_intro {background-color: #1e1e1e;}

.col2 .small_blog {padding-left: 0; border-top: 1px solid #f0f0f0;}

.small_blog h5 {
	letter-spacing:0;
	color:white;
}

.small_blog, .small_blog h2, .small_blog a { }


.small_blog img {
	width: 100%;
	display: block;
	height: auto
}

.feature_photo {
	float: right;
	margin-right: 2%;
	width: 48%;
}
.feature_photo img {
	height: auto;
	min-height: 11.5em;
	width: 100%;
	display: block
}

.highlight {
	color: white;
	float: left;
	padding: 5% 0;
	width: 48%;
	padding-left: 1%;
}

#article-top {
	height: 368px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #0079bc;
	background-image: linear-gradient(to right, #23327c 0%, #3498db 100%);
}

.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #555;
}

.pagination a:hover{
	color:#fff;
	background: #3279BB;
}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #3279BB;
	color:#fff;
}

#article-top h2 {
	font-family: open sans;
	font-size: 3em;
	line-height: 1.1em;
	font-weight: 100;
	padding: 34px 0 0 0;
	margin: 0;
}


/*CONTACT FORM*/

#contact_form_wrapper {background-color: white; padding: 10%; border-top: 20px solid #ffd600; position: relative;margin-top: 20px;}

#contact_form_wrapper::before {
	background: none repeat scroll 0 0 #ffd600;
	border-radius: 50%;
	color: white;
	display: block;
	font-size: 2.61111em;
	height: 60px;
	left: 54%;
	line-height: 80px;
	margin-left: -40px;
	position: absolute;
	text-align: center;
	top: -44px;
	width: 60px;

}

#contact_form_wrapper::before {
	font-family: "FontAwesome";
	content:   "\f003";
	font-size: 33px;
	font-style: normal;
	font-weight: normal;
	line-height: 60px;
	text-decoration: none;
	vertical-align: text-bottom;
}

#contact_form_wrapper h3 {margin-top:0; text-align:center }

.wpcf7-form{}

img.ajax-loader { width: auto}

.wpcf7-form-control, textarea {width: 100%;}
.text_content .wpcf7-form-control, .text_content textarea {width: 78%;}
.footer #contactForm {
	background-color: inherit;
	color: white
}

#contactForm label {
	font-size: 12px;
	display: block;
}

.wpcf7-submit, #contactForm input {
	/*height: 20px;*/
	padding-left: 1px;
	/*width: 50%;*/
	margin-bottom: 16px;
}

#contactForm h3 {
	color: #484848;
	font-size: 22px;
	margin: 0 0;
}

.radio input {
	width: 29px;
}

#contactForm ul li textarea{
	display: block;
	height: 100px;
	float: left;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12px
}

#contactBox{
	width:10%;
}

#contactForm ul li label {
	display: block;
	/*width: 50%;*/
	float: left;
	text-align: left;
	/*width: 250px;
    margin: 0 20px 0 0;*/
}

#contactForm h4 { margin: 0 0 17px;}
#contactForm li{list-style-type:none}

.wpcf7-submit, #contactForm #button {
	background-color: #3498db;
	border: 1px solid #186fa4;
	color: #ffffff;
	cursor: pointer;
	height: auto;
	padding: 6px;
	width: 150px !important;
	text-align:center
}

#contactForm .wpcf7-submit {
	height: 50px;
	text-align: center;
	background-color: #3498db;
	border: 1px solid #186fa4;
	color: #ffffff;
	cursor: pointer;
	height: auto;
	padding: 14px;
	/* width: 25% !important;*/
	text-align:center;
	margin-top: 16px;
}


#contactForm .wpcf7-submit:hover, #contactForm #button:hover {
	background-color: white;
	border: 1px solid #808080;
	color: #3498db;
}

#quickForm .wpcf7-submit:hover, #quickForm #button:hover {
	background-color: white;
	border: 1px solid #808080;
	color: #3498db;
}

/* Slider/carasul */
.flex-viewport h4{
	background-color: #3498db;
	bottom: 0;
	color: white;
	font-style: normal;
	font-weight: bolder;
	line-height: 1.5;
	margin: 20px 0 0;
	padding: 5px;
	position: absolute;
	z-index: 99999;
}


/* Back to top button */
#back-top {
	position: fixed;
	bottom: 30px;
	right: 24px;
	z-index: 999;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	background color transition
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(images/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

#submit {
	background-color: #c40669;
	border: 1px solid #c40669;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.13em;
	margin-bottom: 20px;
	padding: 12px 14px;
	text-align: center;
	text-transform: uppercase;
	width: 40%;
	height: auto;
}


main .photo_intro h2 {
	background-color: #020210;
	background: rgba(6, 6, 40, 0.8);
	color: white;
	display: inline-block;
	font-size: 2em;
	font-weight: 900;
	left: 20px;
	line-height: 95%;
	padding: 10px 20px;
	text-transform: uppercase;
	clear: left;
	display: inline-block;
	float: left;
}

main .photo_intro h3 {
	background: none repeat scroll 0 0 rgba(6, 6, 40, 0.8);
	color: white;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 120%;
	margin: 0;
	padding: 0 20px 5px;
	clear: left;
	color: white;
	display: inline-block;
	float: left;
}

.spotlight {min-height: 25px}

.spotlight img {width: 100%}
.spotlight div {
	float: left;
	padding: 1%;
	text-align: center;
	width: 24%;
}
.spotlight div hr {
	margin: 10px auto 0;
	width: 40%;}
.spotlight a {font-weight:bold; color:#333}
.spotlight a:hover {color: #3498db}

/* General Classes*/
.clear{
	clear: both;
	float: none
}
.bold {font-weight:900; color: #ffd600;}
.border_btn {border: 1px solid white;
	color: white;
	display: inline-block;
	font-size: 15px;
	margin-top: 17px;
	padding: 7px 12px;}


.brightyellow {background-color: #e8edf1; position: relative }
.blue {background-color: #3498db; position: relative }

.lightgrey { background-color: #efede7;}
.med_blue { color:#3498db}

.grey {color:#CCC}

.darkgrey {color:#696969}

.full_width_yellow { background-color: #f8f8f8; }

.lightblue {background-color: #2788c0}

.nav_subhead {
	text-transform:capitalize;
	color:#333;
	font-size: 12px;
	color: white;
}

.fa {color:#4f4f4f}

.learn_more_black {
	border: 1px solid grey;
	color: grey;
	display: block;
	font-size: 10px;
	font-weight: 700;
	padding: 0.7em 1.3em;
	text-align: center;
	text-transform: uppercase;
	width: 50%;
}

.learn_more_black:hover {
	background-color: #3498db;
	border: 1px solid white;
	color: white;
	opacity: 1;
	transition: none 0s ease 0s ;
}

.learn_more_black:hover .fa {color: white;padding-left: 5px}

.learn_more {
	border: 1px solid rgb(238, 238, 238);
	color: white;
	display: block;
	font-size: 10px;
	font-weight: 700;
	/*    letter-spacing: 0.13em;
    */    padding: 1em 1.5em;
	text-align: center;
	text-transform: uppercase;
	width: 45%;
}
.blue {
	background-color: #18d4fc;
	background-color: #ffd600;
	padding: 20px;
	text-align: center;
	min-height: 171px
}
.light_blue {background-color:#3498db}

.yellow {background-color:#fed587;}

.space {margin-left: 153px;}

.darkBlue {background-color: #32607a;}
.white {background-color: white;margin: 0;
	padding-bottom: 20px}
.color {
	background-color:#ebebeb;
	/*padding: 16px 0 16px 20px; */
	margin: 0;
	padding-bottom: 20px
}

.learn_more:hover {
	border: 1px solid white;
	background-color: white;
	color: #535250;
	transition: none;
	opacity: 1;
}

.big p {
	font-size: 18px;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}
/******************mobie-menu******************/
#mobie_menu{display: none;width: 50px;height: 50px;float: right;padding: 13px 30px;text-align: center;cursor: pointer;}
#mobie_menu i{font-size: 2.5em;color: rgb(140,140,140);line-height: 50px;}
.fix_menu #mobie_menu i{color:#fff;}
#fix_mobie_menu{display: none;width: 50px;height: 50px;float: right;padding: 13px 30px;text-align: center;cursor: pointer;}
#fix_mobie_menu i{font-size: 2.5em;color: rgb(140,140,140);line-height: 50px;}
.fix_menu #fix_mobie_menu i{color:#fff;}
.mobie_nav{display: none;width: 75%;position: fixed;right: 0px;z-index: 999;background-image: linear-gradient(to right, rgba(25, 50, 124, 0.8) 0%, rgba(52, 152, 219, 0.8) 100%);}
.mobie_nav li{width: 100%;height: 45px;line-height: 45px;font-size: 18px;}
.mobie_nav li a{color: #fff;margin: 0;padding: 0;}
.right_contact a{color:#fff;}
.col_careers{margin-bottom:60px;}
.weixin_img{width: 0px;height: 0px;opacity: 1;transition:all 0.5s;display: none;position: absolute;left: 150px;top: -180px;
	border: 10px solid rgba(63,63,63,0.8);}
.weixin_img::after{
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top:10px solid rgba(63,63,63,0.8);
	font-size: 0px;
	line-height: 0px;
	bottom: -20px;
	left: 48%;
}
.weixin_img img{width: 100%;height: 150px;}
.weixin:hover .weixin_img{opacity: 1;}
@media screen and (min-width: :640px) {.weixin_img{display: none !important;opacity: 0 !important;}}
/*****************media screen css**************/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.weixin_img{left: 80px;}
	p{line-height: 1.4}
	.wrapper {padding: 0 10px;}
	.dreamslider .overlay {bottom:45%; width: 50%;}
	.overlay{padding: 1.2% 0% 1.2% 2% !important;bottom: 25px;}
	.overlay h2 {font-size: 24px !important;;line-height: 28px;}
	.overlay p {font-size: 0.9em;line-height: 1.1;margin: 2px 0px 5px;}
	.flex-viewport a {margin-top: 5px;}
	.overlay .sub3 {padding:3px 5px;}
	.flex-control-nav {position: absolute;left: 47%;bottom: 5px;}
	.feature .inner{padding: 1px 15px 20px !important;}
	.feature .inner h3{margin: 10px 0px 5px;}
	.feature .inner p{line-height: 1.3;}
	.footer_contact span b {height: 20px;line-height: 20px;}
	.footer_contact .wpcf7-form-control {width: 55%;margin-left: 20px;}
	.wpcf7-submit{margin-left: 0 !important;width: 100px !important}
	.copyright {text-align: center;padding: 0 5px;}
	/*about**/
	.photo h2 {font-size: 2.5em;padding: 0px 15px;}
	.top h3{margin: 10px 0px 5px;font-size: 1.5em;padding-left: 15px;}
	.top p {font-size: 1.1em;line-height: 1.4;margin-bottom: 10px;padding-left: 15px;}
	#side_nav {padding: 0px 5px;}
	#side_nav li {line-height: 1.8;height: auto;}
	.page_list{padding-left: 2%;}
	.page_list ul li{max-height: 370px;height: 370px;min-height: 370px;}
	.page_schools .inner h3 {font-size: 0.98em;letter-spacing: 0px;}
	.school_single_related ul li .inner h3 {font-size: 0.98em}
	.page_schools .inner span {font-size: 0.88em}
	.page_schools .inner p{ min-height:70px;}
	.school_single_related ul li .inner span {font-size: 0.88em}
	.single_school_campuses_content h3,
	.single_school_teacher_content h3,
	.single_school_student_content h3 {margin-top: 5px;}
	.single_school_campuses_content p{ margin: 5px 0;line-height: 1.2;/*max-height: 75px;*/overflow: hidden;padding-right: 20px;}
	.single_school_teacher_content p{ margin: 5px 0;line-height: 1.2;/*min-height: 75px;*/overflow: hidden;padding-right: 20px;}
	.single_school_student_content p{ margin: 5px 0;line-height: 1.2;/*min-height: 75px;*/overflow: hidden;padding-right: 20px;}
	/*sideshare*/
	.home_search #s {margin-right: 2%;}
	.home_search #searchsubmit {width: 32%;}
	.home_share {padding: 20px;}
	.home_share a {width: 30px;height: 30px;margin-right: 3px;}
	.home_search {padding: 20px;}
	/*staff_list*/
	.staff_list {min-height: 335px;max-height: 385px}
	.col0 ul li span {height: 25px;line-height: 25px;}
	.staff_title {font-size: 0.88em}
	.staff_position {font-size: 0.82em;font-weight: 600;}
	.staff_list_item p {line-height: 1.4;font-size: 0.88em;}
	.staff_left p{padding-right: 30px;/*max-height: 275px;*/overflow: hidden;font-size: 0.88em;}
	/*news*/
	.col_news .news_content h3 {font-size: 0.98em;margin: 5px 0;}
	.col_news .news_content p {font-size: 12px;}
	.col_news .news_img img {min-height: 140px;}
	.col_sidebar .widget_search .searchform #s {width: 58%;}
	.col_sidebar .widget_search .searchform #searchsubmit {width: 38%;}
	.news .photo h2 {font-size: 1.7em;}
	/*contact*/
	.message_form {font-size: 12px;}
	.mf_radio .wpcf7-list-item-label, .mf_check .wpcf7-list-item-label {padding: 0px 3px;}
	.mf_select input {width: 32% !important;}
	.text_content img{max-width: 100%;height: auto;}
	#contact_form_wrapper h3 {font-size: 1.1em}
}

@media screen and (min-width: 640px) and (max-width: 767px){
	p{line-height: 1.2;font-size: 0.8em;}
	nav ul li a {font-size: 0.88em;padding: 5px 10px 19px 2px;}
	.wrapper {padding: 0 10px;}
	.dreamslider .overlay {bottom:50%; width: 50%;}
	.overlay{padding: 1.2% 0% 1.2% 2% !important;bottom: 25px;}
	.overlay h2 {font-size: 16px !important;;line-height: 34px;}
	.overlay p {font-size: 0.9em;line-height: 1.1;margin: 2px 0px 5px;}
	.flex-viewport a {margin-top: 5px;}
	.overlay .sub3 {padding:3px 5px;}
	.flex-control-nav {position: absolute;left: 47%;bottom: 5px;}
	.feature .inner{padding: 1px 15px 20px !important;}
	.feature .inner h3{margin: 10px 0px 5px;font-size: 0.98em;}
	.feature .inner p{line-height: 1.3;font-size: 0.9em;}
	.footer_contact span b {height: 20px;line-height: 20px;font-size: 0.9em;}
	.footer_contact .wpcf7-form-control {width: 55%;margin-left: 15px;}
	.wpcf7-submit{margin-left: 0 !important;width: 100px !important}
	.copyright {text-align: center;padding: 0 5px;}
	/*about**/
	.photo h2 {font-size: 2.5em;padding: 0px 15px;}
	.top h3{margin: 10px 0px 5px;font-size: 1.2em !important;padding-left: 15px;bottom: 10px;}
	.top p {font-size: 1em;line-height: 1.2;margin-bottom: 10px;padding-left: 15px;}
	.col1 a{font-size: 12px}
	.col_careers ul li h5 {font-size: 0.9em;}
	#side_nav {padding: 0px 5px;}
	#side_nav li {line-height: 1.6;height: auto;}
	.left_nav li {font-size: 11.2px !important;}
	.page_list{padding-left: 2%;}
	.page_schools .inner h3 {font-size: 0.88em;letter-spacing: 0px;}
	.school_single_related ul li .inner h3 {font-size: 0.82em}
	.page_schools .inner span {font-size: 0.80em}
	.school_single_related ul li .inner span {font-size: 0.72em}
	.page_list ul li{min-height: 280px;height:280px;}
	.page_list ul li .feature_head h2 {width: 55px;height:55px;}
	.page_list ul li .feature_head h2 img {max-height: 55px;min-height: 55px;}
	.single_school_campuses ul li/*,
            .single_school_teacher ul li,
            .single_school_student ul li*/{height: 160px;}
	.single_school_campuses_content h3,
	.single_school_teacher_content h3,
	.single_school_student_content h3 {margin-top: 5px;font-size: 0.9em;}
	.single_school_campuses_content span,
	.single_school_teacher_content span,
	.single_school_student_content span {font-size: 0.88em;}
	.single_school_campuses_content p{ margin: 5px 0;line-height: 1.2;max-height: 70px;overflow: hidden;padding-right: 20px;}
	.single_school_teacher_content p{ margin: 5px 0;line-height: 1.2;min-height: 70px;overflow: hidden;padding-right: 20px;}
	.single_school_student_content p{ margin: 5px 0;line-height: 1.2;min-height: 70px;overflow: hidden;padding-right: 20px;}
	/*sideshare*/
	.home_search #s {margin-right: 2%;}
	.home_search #searchsubmit {width: 32%;}
	.home_share {padding: 20px;}
	.home_share a {width: 30px;height: 30px;margin-right: 3px;}
	.home_search {padding: 20px;}
	/*staff_list*/
	.staff_list {min-height: 335px;max-height: 385px}
	.col0 ul li span {height: 25px;line-height: 25px;font-size: 0.8em;}
	.staff_title {font-size: 0.8em}
	.staff_position {font-size: 0.78em;font-weight: 600;}
	.staff_list_item p {line-height: 1.4;font-size: 0.8em;}
	.staff_single_content .staff_right_img {
		width: 30% !important;
		margin-top:50px;
	}
	.staff_left{ width:66% !important;}
	.staff_left p{padding-right: 30px;/*max-height: 275px;*/overflow: hidden;}
	/*news*/
	.col_news .news_content h3 {font-size: 0.98em;margin: 5px 0;}
	.col_news .news_content p {font-size: 12px;max-height: 70px;overflow: hidden;}
	.col_news .news_img img {min-height: 140px;}
	.col_sidebar .widget_search .searchform #s {width: 58%;}
	.col_sidebar .widget_search .searchform #searchsubmit {width: 38%;}
	.news .photo h2 {font-size: 1.7em;}
	.related_post ul li h4 {font-size: 0.88em;line-height: 1.2;margin: 5px 0px;height: 45px;}
	/*contact*/
	.message_form {font-size: 12px;}
	.mf_radio .wpcf7-list-item-label, .mf_check .wpcf7-list-item-label {padding: 0px 3px;}
	.mf_select input {width: 32% !important;}
	.text_content img{max-width: 100%;height: auto;}
	#contact_form_wrapper h3 {font-size: 0.88em;}
	.wpcf7-form p{font-size: 0.75em;}
	/*footer*/
	.col h4 {font-size: 0.9em}

}


@media only screen and (max-width: 639px){
	#top_nav {display: none;}
	#logo {width:50%;padding-left: 5%;}
	#logo .site-logo-img{
		width: 220px;
		max-width: 90vw;
		max-height: 50px;
		margin-top: 18px;
	}
	/*.flexslider .slides img {min-height: 180px;}*/
	.flex-control-nav {left: 45%;bottom: 5%;}
	.overlay{bottom: 20px;left: 1%;padding: 5px 1% 1.5% 3% !important;}
	.overlay h2{font-size: 0.98em;line-height: 1.4;}
	.overlay p {display: none;}
	.overlay .sub3 {display: none;}
	.feature {width: 98%;}
	.footer > .wrapper:first-child {
		display: block;
	}
	.footer .logo {
		float: none;
		width: 98%;
		margin: 20px auto 8px;
		text-align: center;
	}
	.footer .logo img {
		width: 220px;
		margin: 0 auto;
	}
	.footer .col {width:98%;border-left: none;text-align: center;}
	.footer_contact {width: 90%;}
	.copyright {width: 90%}
	/*home-share*/
	.home_right {position: fixed;width: 100%;bottom: -1px;top:auto;height: 40px;border-radius:0;}
	.home_right span {height: 40px;line-height: 40px;width: 33%;float: left}
	.home_right span i {font-size: 1.5em;padding-right: 5px;}
	.home_right span b{font-size: 1.0em; display:inline;}
	.home_share{top:100%;margin-top: -130px;right: 0;border:0;width: 100%;padding: 20px 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
	.home_share a {width: 36px;height: 36px;margin-left: 5%;}
	.home_search {width: 100%;top:100%;margin-top: -130px;right: 0;border:0;padding: 20px 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
	.home_search .searchform{margin-left: 5%;}
	.home_search #searchsubmit {width: 26%;}
	/*mobile-menu*/
	#mobie_menu{display: block}
	#fix_mobie_menu{display: block}
	/*about*/
	p{line-height: 1.2;margin-bottom: 8px}
	.photo h2{font-size: 1.2em;padding: 0 10px}
	.wrapper{padding: 0 1%;}
	.top h3{font-size: 1em;margin: 5px 0;padding-left: 2%;}
	.top p {font-size: 0.88em;padding-left: 2%;}
	.col1,.col2,#col3,.col0,.col_careers,.col_school {width: 98%;padding-bottom: 10px;}
	#col3{margin-left: 1%;}
	#side_nav h3 {margin: 5px 0px 15px 0;text-align: center;}
	#side_nav li {float: left;width: 25%;padding: 0;text-align: center;}
	.col0 ul li {width: 50%;}
	/*staff*/
	.staff_list_item {padding: 0px 4% !important;}
	.staff_title {font-size: 0.88em;}
	.staff_position {font-size: 0.8em;}
	.staff_single {margin-top: 5px}
	.staff_single_content .staff_right_img {width: 100% !important;float: left;}
	.staff_single_content .staff_left{width: 100% !important;float:none;}
	.staff_single_content .staff_right_img img {height: auto}
	.staff_left .staff_title {font-size: 1.2em;line-height: 24px}
	.staff_left .staff_position {font-size: 1em;line-height: 18px;}
	.staff_left p {overflow: hidden;}
	.staff_single_related ul {margin-left: -2%;}
	/*careers*/
	.col_careers ul li h4 {font-size: 1.1em}
	.col_careers ul li h5 {font-size: 0.88em;}
	.col_careers ul li h4 span {width: 40%}
	.col_careers ul li h5 span {width: 40%}
	/*school*/
	.school{margin-bottom: 10px;}
	.school h3 {font-size: 1.2em !important;bottom: 10px;padding: 10px 20px 10px 10px;}
	.left_nav li#left_3,.left_nav li#left_4{line-height: 1.3;font-size: 0.72em !important;}
	.page_list ul li {width: 96%;margin: 2%; min-height:auto; height:auto;}
	.single_school_content {width: 100%;margin-bottom: 20px}
	.text_content {padding: 0 10px;}
	blockquote {font-size: 0.88em;width: 90%;border-left: 5px solid #3498DB;}
	blockquote::before {font-size: 1.5em}
	.single_school_form {width: 100%;}
	.single_school_form i {left: 40%}
	.school_single_related ul li {width: 48%;min-height: 200px;margin-left: 1.5%;}
	.single_school_overview, .single_school_campuses, .single_school_teacher, .single_school_student {padding-left: 2%;}
	.single_school_campuses_img,.single_school_teacher_img,.single_school_student_img {float: left;width: 100%}
	.single_school_campuses_content,.single_school_teacher_content,.single_school_student_content {float: left;width: 100%;border-bottom: 1px dotted rgba(139, 139, 139, 0.25);padding-bottom: 10px;}
	.single_school_campuses ul li,.single_school_teacher ul li,.single_school_student ul li {height: auto;padding: 1px 0px;border-bottom: 0}
	.school_single_related ul li .inner h3 {font-size: 0.88em}
	.school_single_related ul li .inner span {font-size: 0.78em}
	/*program*/
	.sin_program li{width: 50% !important;}
	.dreamslider .overlay {bottom:37%; width: 50%;}
	.dreamslider .overlay h2 {font-size: 12px;}
	.flex-control-thumbs li img {/*min-height: 60px;*/}
	.flex-control-thumbs li .flex-active{background: none;}
	.dreamslider .flex-control-thumbs {padding: 5px 0 5px;}
	.itinerary_list li {width: 100%;border-bottom: 1px dotted rgba(139, 139, 139, 0.25) !important;}
	/*news*/
	.news .photo h2{font-size: 0.78em;}
	.col_news {padding: 0 1% 20px;width: 100%}
	.col_news .news_img {width: 98%}
	.col_news .news_warp {width: 98%;padding: 10px 5px;margin-bottom: 10px;}
	.col_news .news_content p {padding-right: 0}
	.col_news .news_content h3 {font-size: 0.98em}
	.news_more {margin-right: 5%;}
	.col_sidebar {display: none;}
	.col_single_post {width: 97%;margin-top: 5px;}
	.related_post ul li {width: 99%;}
	.related_post ul li h4 {margin: 5px 0px;height: 30px;font-size: 0.88em;}
	/*contact*/
	.pg_contact li {width: 33% !important}
	.text_content img{max-width: 100%;height: auto;}
	.wpcf7-submit, #contactForm #button {width: 50% !important;}

}
@media screen and (min-width: 560px) and (max-width: 639px){
	.left_nav li#left_3, .left_nav li#left_4 {line-height: 3;font-size: 0.72em !important;}
}

@media screen and (min-width: 480px) and (max-width: 639px){
	.staff_list{height:505px;}
	.school_single_related ul li {min-height: 250px;}
}
@media screen and (min-width: 420px) and (max-width: 479px){
	.school_single_related ul li {min-height: 220px;}
}
@media screen and (min-width: 360px) and (max-width: 419px){
	.school_single_related ul li {min-height: 200px;}
}
@media screen and (min-width: 320px) and (max-width: 359px){
	.school_single_related ul li .feature_head h2 {width: 35px;height: 35px;}
	.school_single_related ul li .feature_head h2 img {max-width: 35px;min-height: 35px;}
	.school_single_related ul li {min-height: 160px;}
	.school_single_related ul li .inner h3 {font-size: 0.78em;}
	.school_single_related ul li .inner span {font-size: 0.68em;}
	.school h3 {font-size: 1em !important;bottom: 5px;padding: 5px 10px 5px 10px;}
	.flex-control-thumbs li img {min-height: 30px;}

}
@media screen and (max-width: 400px){
	h1{font-size: 17px;}
	#logo a {
		font-size: 17px;
	}
}
.feature .inner p{ height:300%;}


#mainnav{
	background: #f8f8f8;
}
body{
	background: #fff !important;
}
.center{
	text-align: center;
}
.col12-form{
	width: 100%;
}
.col3-form{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 50px;
	float: left;
	width: 33.33%;
}
.col1_form input[type="radio"]{
	width: auto !important;
	height: auto;
	margin-right: 5px;
}
.col12-form h4{
	margin: 20px 0 40px;
	font-size: 32px;
}
.col3-form h6{
	font-size: 20px;
	margin-bottom: 20px;
}
.col3-form p{
	margin-bottom: 5px;
}
.col3-form .form-input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 5px;
	width: 100%;
	border: 1px solid;
	border-color:rgba(121, 121, 121, 1);
	height: 35px;
	margin-bottom: 20px;
}
.col3-form .form-select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 3px 5px;
	border: 1px solid;
	border-color:rgba(121, 121, 121, 1);
	height: 35px;
	margin-bottom: 20px;
}
.col3-form .form-textarea{
	border: 1px solid;
	border-color:rgba(121, 121, 121, 1);
	margin-top: 60px;
	height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 5px;
	width: 100%;
	font-family: "Aial";
}
.home-link-block{
	margin: 45px 0 100px;
	text-align: center;
}
.home-link{
	background: #3498db;
	color: #fff;
	height: 30px;
	padding: 10px 20px;
	border: 1px solid #3498db;

}
.home-link:hover{
	border: 1px solid #3498db;
	background: #fff;
	color: #3498db;
}
.form-submit{
	background: #3498db;
	color: #fff;
	width: 150px;
	height: 30px;
	border: none;
	float: right;
	margin-top: 25px;
}
.clear{
	clear: both;
}
nav ul li ul ul {
	top: 0;
	left: auto;
	right: 100%;
}
.col0 ul li.staff_list{
	width: 20%;
	height: 400px;
	position: relative;
}
.staff_list .staff_list_item {
	margin: 0 4%;
	height: 95%;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.staff_list .staff_list_item .staff_content{
	padding: 8px 12px;

}
.staff_list .staff_list_item .detail_button, .all_detail_button{
	display: block;
	background: #fff;
	padding: 10px;
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	width: 130px;
	text-align: center;
	color: #7F7F7F;
	margin: 0 auto;
	border:1px solid;
	border-color:#949494;
}
.all_detail_button{
	position: static;
	clear: both;
}
.staff_list .staff_list_item .detail_button:hover, .all_detail_button:hover{

	background: #3397DB;
	border-color:#3397DB;
	opacity: 1;
	color: #fff;
}
.staff_left .staff_position{
	display: block;
}
.staff_list .staff_position.height-fix{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
nav ul li:hover>ul {display: block !important}
@media screen and ( max-width: 767px ){
	.col3-form{
		width: 100%;
	}
}