/* css */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
html,
body {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
}

hr {
	max-width: 50px;
	border-color: #080808;
	border-width: 3px;
}

hr.light {
	border-color: #fff;
}

a {
	color: #080808;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

a:hover,
a:focus {
	color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.5;
}

.clear {
	clear: both;
}

.bg-primary {
	background-color: #080808;
}

.bg-primary.middle_bar {
	background-color: #000000;
	position: relative;
	min-height: 770px;
}

.bg-secondary {
	background-color: #023584;
}

.bg-thirdary {
	background-color: #212121;
	background-position: 0px 100%;
	background-repeat: repeat-y;
}

.bg-middle {
	background-color: #454545;
	background: #454545 url(../img/bg_middle.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

.bg-fourthy {
	background-color: #111111;
}

.bg-breadcrum,
.breadcrumb {
	background-color: #ffffff;
}

.bg-dark {
	color: #fff;
	background-color: #222;
}

.text-faded {
	color: rgba(255, 255, 255, .7);
}

section {
	padding: 0px 0;
}

aside {
	padding: 50px 0;
}

.no-padding {
	padding: 0;
}

.navbar-default {
	border-color: rgba(34, 34, 34, .05);
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #080808;
	outline: none;
	text-decoration: none;
	position: absolute;
	display: block;
	float: left;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
	color: #080808;
}

.navbar-default .nav>li>a,
.navbar-default .nav>li>a:focus {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #454545;
	outline: none;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a:focus:hover {
	color: #080808;
	background-color: #E7E7E7;
}

.navbar-default .nav>li.active>a,
.navbar-default .nav>li.active>a:focus {
	color: #080808!important;
	background-color: transparent;
}

.navbar-default .nav>li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
	background-color: transparent;
}

.navbar-brand {
	height: 0px;
	/*float: none;*/
}

.navbar-brand img {
	float: left;
	height: auto;
}

.navbar-toggle {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 0px;
}

#top_bar {
	height: auto;
	color: #fcfcfc;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

#top_bar .search {
	padding: 12px 0px 12px 0px;
	margin-left: 12px;
	background: transparent;
	border: none;
	outline: none;
	width: 80%;
	text-decoration: none;
	box-shadow: none;
}

.searchicon:before {
	content: "\f002";
	font-family: "FontAwesome";
	font-weight: normal !important;
	font-size: 14px;
	color: #fff;
	height: 0px;
	width: 0px;
	margin-left: 10px;
	display: inline-block;
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

.hidden_icon_seach {
	z-index: -1!important;
}

.searchicon input[type="image"] {
	border: none;
	outline: none;
	content: "";
	overflow: hidden;
	box-shadow: none;
	cursor: pointer;
	text-indent: -999px;
}

.searchicon input {
	border: none;
	outline: none;
	content: "";
	overflow: hidden;
	box-shadow: none;
	color: transparent;
}

#top_bar .social li a {
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#top_bar .social i {
	color: #ffffff;
	background-color: #454545;
	-webkit-transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-o-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
	transition: color .5s ease-in-out;
	box-shadow: none;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	outline: none;
	text-align: center;
	padding: 9px 0px 0px 2px;
}

#top_bar .search {
	background-color: #454545;
	*background-image: url(http://www.mrsalexandersschool.com/sites/mrsalexandersschool.com/themes/rst_mrs_alexanders/img//search-icon.png);
	*background-position: 6px 56%;
	*background-repeat: no-repeat;
	border: 0;
	color: transparent;
	font-size: 13px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
}

#top_bar .search:focus {
	font-size: 13px;
	background-color: #fff;
	width: 170px;
	height: 30px;
	border: 0px none;
	color: #888;
	cursor: text;
	text-align: left;
	padding: 1px 15px 1px 25px;
	outline: none;
}

.searchicon input {
	float: left;
	margin-top: -32px;
	margin-left: 10px;
	border: none;
	outline: none;
	content: "";
	overflow: hidden;
	box-shadow: none;
	color: transparent;
}

.searchicon input[type="image"] {
	border: none;
	outline: none;
	content: "";
	overflow: hidden;
	box-shadow: none;
	cursor: pointer;
	display: none;
}

.searchicon input:hover,
.searchicon input:focus,
#top_bar .search:hover,
#top_bar .search:focus,
.topbar_content form,
.topbar_content form:hover,
.topbar_content form:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.searchicon:before {
	content: "\f002";
	font-family: "FontAwesome";
	font-weight: normal !important;
	font-size: 14px;
	color: #ffffff;
	margin-right: 0px;
	margin-top: -25px;
	margin-left: 8px;
	display: inline-block;
	float: left;
	border: none;
	outline: none;
	box-shadow: none;
	position: relative;
	cursor: pointer;
}

.topbar_text {
	float: left;
}

#top_bar a {
	color: #fcfcfc!important;
	text-decoration: none;
	outline: none;
	line-height: 13px;
}

#top_bar a:hover,
#top_bar a:focus {
	text-decoration: none;
}

#main_nav {
	margin-top: 0px;
}

.navbar {
	margin-bottom: 0px;
	border: 0px solid transparent;
}

.topbar_text {
	margin-left: -15px;
}

.black_bar {
	background-color: #384452!important;
}

.blue_bar {
	background-color: #023584!important;
}

.red_bar {
	background-color: #080808!important;
}

.header-content img {
	width: 100%;
	overflow: hidden;
}

.text-slider {
	position: absolute;
	top: 38%;
	margin-left: 30px;
}

.text-slider h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 48px;
	letter-spacing: -4px;
	padding: 12px;
	float: left
}

.text-slider h1.text_one {
	background: #d5012f;
	width: auto;
	margin-bottom: 6px!important;
}

.text-slider h1.text_twoo {
	background: #023584;
}

.text-slider,
.logo-slider {
	float: left;
}

.text {
	float: left;
	text-align: left;
	margin-top: 8px;
	margin-left: 23px;
}

.logo-slider img {
	width: 150px;
}

.header-content-inner {
	overflow: hidden;
}

.cover-image {}

.middle_content,
.bottom_content {
	padding: 10px 0px 0px 0px;
}

.middle_content {
	position: relative;
}

.middle_content .swiftbottom {}

.breadcrum_bar p {
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 0px;
	color: #fff;
	background-color: #ffffff;
	background: #ffffff;
}

.breadcrum_bar {
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	padding: 19px 0px;
	background: #f4f4f4;
}

.breadcrum_content_left p {
	font-size: 16px;
}

.breadcrum_content_left img {
	margin: -46px 20px -40px -66px;
}

.breadcrum_content_left p,
.breadcrumb,
.breadcrumb span {
	margin-bottom: 0px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 0px;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	outline: none;
	color: #454545!important;
	text-transform: capitalize;
	background-color: transparent!important;
	background: transparent;
}

.breadcrum_bar a {
	text-decoration: none;
	outline: none;
	color: #454545;
	width: 100%;
}

.breadcrumb span {
	width: auto;
	text-align: left;
}

.breadcrumb span span {
	margin-right: 3px;
}

.breadcrum_content_left a {
	color: #454545!important;
	padding-left: 0px;
}

#middle_content {
	padding: 50px 0px 80px;
}

.middle_bar p {
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 0px;
	color: #fff;
	float: left;
	width: 100%;
}

.middle_bar a {}

.middle_bar p i {
	margin-right: 22px;
	margin-left: 7px;
}

#page-top {
	margin-top: 0px;
}

.content-box .ch-info-wrap {
	position: relative;
	left: auto;
	top: auto;
	border: 5px solid #f25d03;
	background: #f25d03;
	margin: -40px auto 0px;
	width: 82px !important;
}

.ch-info-wrap {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #666 none repeat scroll 0% 0%;
	top: 10px;
	left: 10px;
}

.blue_sky .ch-info-front.ch-img-1 {
	border: 1px solid #56B5CC;
	background: #5EBBD2 none repeat scroll 0% 0%;
}

.ch-info .ch-info-front {
	transition: all 0.6s ease-in-out 0s;
}

.ch-info>div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
}

.ch-info-wrap i {
	color: #FFF;
	float: left;
	font-size: 28px;
	left: 32%;
	line-height: 72px;
	position: relative;
	z-index: 5;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.ch-item:hover .ch-info-back {
	transform: scale(1);
	opacity: 1;
	pointer-events: auto;
}

.content-box {
	padding: 0px 25px 25px;
	border: 1px solid #e1e1e1;
	background: #ffffff;
	float: left;
	width: 100%;
	margin: 40px 0px 40px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	min-height: 385px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.48);
	-moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.48);
	box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.48);
}

.content-box .ch-info-front {
	background-repeat: no-repeat;
	background-position: center center;
}

.content-box.cbx-quicklink .ch-info-front {
	background-image: url(../img/iconlink.png)
}

.content-box.cbx-event .ch-info-front {
	background-image: url(../img/iconupcomingevent.png)
}

.content-box.cbx-recognition .ch-info-front {
	background-image: url(../img/recognition.png)
}

.content-box.cbx-twitter .ch-info-front {
	background-image: url(../img/iconfacebook.png)
}

.content-box-info {
	padding-left: 0px;
	text-align: center;
}

.content-box h3 {
	font-size: 20px;
	font-family: 'Merriweather', serif;
	font-weight: 600;
	line-height: 32px;
	border-bottom: 4px solid #e9e9e9;
	padding-bottom: 10px;
}

.content-box ul {
	float: left;
	padding: 0;
	width: 100%;
}

.content-box li {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 0px 0px;
	float: left;
	word-wrap: break-word;
	width: 100%;
}

.content-box .content-box-info .events ul {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.content-box.cbx-quicklink li a {
	border-bottom: 1px solid #e9e9e9;
}

.content-box li a,
.time_news {
	color: #454545!important;
	text-decoration: none;
	font-size: 14px;
	padding: 8px 0px;
	font-family: "Open Sans", sans-serif !important;
	width: 100%;
	float: left;
	text-align: left;
	outline: none;
	z-index: 21;
	position: relative;
}

.news_body a {
	font-size: 12px!important;
}

.news .btn {
	float: left;
	margin: 0px 0px 0px 0px;
	outline: none;
}

.content-box li a:hover,
.content-box li a:focus {
	color: #080808!important;
}

h1.title_content {
	color: #384452;
	font-size: 18px!important;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 29px;
	font-weight: 600;
	margin-top: 0px;
}

h1.title_content span {
	color: #4db8f6;
}

.tweet_content {
	border: 1px solid #ebebeb;
	padding: 31px 7px
}

.quiclinks_content {
	border: 1px solid #ebebeb;
	padding: 31px 7px
}

.quicklinks_below h3 {
	color: #454545;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	text-transform: uppercase;
	margin: 18px 0px;
	padding-bottom: 14px;
	border-bottom: solid #e5eaec 1px;
	word-spacing: 0px;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 18px;
	float: left;
	width: 100%;
}

.quicklinks_below ul {
	float: left;
	padding: 0px 15px;
	width: 100%;
	margin-bottom: 25px;
}

.quicklinks_below li {
	border-bottom: none;
	margin-bottom: 8px;
	list-style-type: disc;
	color: #454545;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: 100%;
	outline: none;
	padding: 0px 0px 0px 16px;
}

.quicklinks_below li a {
	color: #454545;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	width: 100%;
	outline: none;
}

.quicklinks_below img {
	padding: 4px;
	margin: 0 1px 0px;
	height: auto !important;
	max-width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: solid #d3D7D9 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.quicklinks_below .quicklinks_icon {
	padding: 5px;
	margin: 0 0px 20px 0px;
	height: auto !important;
	max-width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: solid #d3D7D9 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

.icon_link {
	background-color: #080808;
	width: 100%;
	height: auto;
	background: 100%;
	float: left;
	background: #080808;
}

.icon_link i {
	color: #FFF;
	float: left;
	font-size: 28px;
	left: 32%;
	line-height: 62px;
	position: relative;
	z-index: 5;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.1);
	padding: 0px 32px;
	border-radius: 100%;
}

.quicklinks_below li a:hover,
.quicklinks_below li a:focus {
	color: #080808;
	text-decoration: none;
}

.more-buttons {
	float: left;
	width: 100%;
}

.more-buttons a {
	color: #ffffff;
	padding: 6px;
	background: #080808;
	border-color: #080808;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 10px;
	font-family: 'Open Sans', sans serif;
	text-transform: uppercase;
	font-weight: 700;
}

.content_main {
	margin-bottom: 30px;
}

.right_content {
	padding-left: 0px;
	padding-right: 0px;
}

.right_content table,
.right_content a,
.right_content p {
	/*white-space: pre-line;*/
}

.right_content,
.right_content table,
.right_content span {
	font-family: 'Open Sans', sans-serif!important;
	outline: none;
	color: #454545;
	text-decoration: none;
	font-style: normal;
	font-size: 13px;
}

.right_content div {
	overflow: visible!important;
}

.right_content h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px!important;
	color: #454545;
	font-weight: 600;
	margin-top: 35px;
}

.right_content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #384452;
	margin-bottom: 5px;
	line-height: 22px;
}

.right_content a {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #080808;
	outline: none;
	text-decoration: none;
}

.news_content {
	margin-bottom: 50px;
	padding-left: 0px;
}

.img_news img {
	width: 100%;
}

.post-body {
	float: left;
	width: 100%;
}

.time_news {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0px 8px 0px;
	font-size: 12px;
	font-weight: 400;
}

.time_news i {
	margin-right: 10px;
}

.news_body {
	text-align: left;
	margin: 3px 0px;
	font-size: 12px !important;
}

.news_body a,
.news h2 a {
	margin: 0px;
	padding: 0px 0px 15px 0px!important;
}

.news h2 a {
	font-weight: 600;
}

.news_content .time_news p {
	background: #080808;
	margin-top: -40px;
	z-index: 12;
	position: relative;
	padding: 9px 20px 9px 15px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

h1.news_title,
.news_content h1 a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px!important;
	color: #454545;
	font-weight: 600;
	margin-top: 35px;
	outline: none;
}

.news_content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #384452;
	margin-bottom: 5px;
	line-height: 22px;
}

.news_content a {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #080808;
	outline: none;
	text-decoration: none;
}

.news_content h1 a:hover,
.news_content h1 a:focus,
.video_content h1 a:hover,
.video_content h1 a:focus {
	color: #080808;
}

.bottom_content {
	margin: 10px 0px;
}

.video .video_content.col-lg-3 {
	padding-left: 0px;
}

h1.video_title,
.video_content h1 a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px!important;
	color: #61676c;
	font-weight: 600;
	margin: 25px 0px 15px 0px;
	outline: none;
}

.video_content {
	margin-bottom: 50px;
}

.img_video img {
	width: 100%;
}

.video_content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #949ba1;
	margin-bottom: 5px;
	line-height: 22px;
}

.video_content a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #fff;
	outline: none;
	text-decoration: none;
}

.video_content a.btn,
.video_content a.btn:visited {
	font-weight: 600;
	background: #384452;
	border-radius: 0;
	-moz-border-radius: 0;
	margin-top: 15px;
	padding: 10px 17px;
	outline: none;
}

.video_content a.btn:hover,
.video_content a.btn:focus {
	color: #fff;
	outline: none;
	background: #080808;
}

.bottom_bar {
	margin: 50px 0px 0px 0px;
}

.bottom_bar p {
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding: 0px 0px;
	color: #fff;
	float: left;
	width: 100%;
}

.bottom_bar a {
	text-decoration: none;
	outline: none;
	color: #fff;
	padding: 23px 0px;
	float: left;
	width: 100%;
}

.bottom_bar p i {
	margin-right: 18px;
	margin-left: 0px;
}

.prefooter {
	padding: 50px 0px;
}

.bg-thirdary .footer-heading {
	font-weight: 600;
	color: #f25d03;
	font-family: 'Merriweather', serif;
	font-size: 20px;
	margin-bottom: 20px;
}

.prefooter_content {
	margin-bottom: 30px;
}

h1.prefooter_title {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px!important;
	color: #fff;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 34px;
	text-transform: uppercase;
	float: left;
	width: 100%;
}

.prefooter_content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #ffffff;
	margin-bottom: 5px;
	line-height: 25px;
	width: 100%;
	float: left;
}

.prefooter_content a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #fff;
	outline: none;
	text-decoration: none;
}

.prefooter_content ul {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.prefooter_content li {
	list-style-type: none;
}

.prefooter_content li a {
	float: left;
	display: inline-block;
	margin-left: 0;
	color: #ffffff;
	outline: none;
	text-decoration: none;
	margin-bottom: 12px;
	width: 100%;
	padding-left: 0px;
}

.prefooter_content li a span {
	color: #ff798e;
	margin-right: 10px;
	width: 32%;
	float: left;
	margin-bottom: 20px;
}

.prefooter_content li p span {
	color: #ff798e;
	margin-right: 10px;
	width: 32%;
	float: left;
	margin-bottom: 20px;
}

.prefooter_content li p span:nth-of-type(2) {
	color: #ffffff;
	width: 62%;
}

.prefooter_content li a:hover,
.prefooter_content li a:focus,
.prefooter_content li a:hover:before,
.prefooter_content li a:focus:before,
.footer_content li a:hover,
.footer_content li a:focus {
	color: #999da5;
}

.footer_text {
	margin: 20px 0px;
	border-top: solid 1px transparent;
}

.footer_content {
	padding: 5px 0px;
	text-align: center;
}

.footer_content p {
	font-family: 'Open Sans', sans-serif;
	color: #999da5;
	margin-bottom: 5px;
}

.footer_content p a {
	color: #999da5;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	outline: none;
	text-decoration: none;
}

.footer_content a:hover,
.footer_content a:focus {
	color: #fff;
	text-decoration: none;
}

.footer_content ul {
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
}

.footer_content li {
	display: inline-block;
	list-style-type: none;
	/*float: left;*/
	text-align: center;
}

.footer_content li a,
.footer_content a {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	/*float: left;*/
	display: inline-block;
	padding-right: 11px;
	color: #ffffff;
	outline: none;
	text-decoration: none;
	width: 100%;
}

.topbar_content p {
	font-family: 'Open Sans', sans-serif;
	color: #fcfcfc;
	margin-bottom: 0px;
	margin-top: 0px;
	float: left;
	width: 100%;
}

.topbar_content p a {
	color: #fcfcfc;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	outline: none;
	text-decoration: none;
	line-height: 29px;
}

.topbar_content a:hover,
.topbar_content a:focus {
	color: #fff;
	text-decoration: none;
}

.topbar_content ul {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}

.topbar_content li {
	list-style-type: none;
	float: left;
	text-align: right;
}

.topbar_content li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float: left;
	display: inline-block;
	color: #fcfcfc;
	outline: none;
	text-decoration: none;
	width: 100%;
	z-index: 21;
}

.btn_slogan {
	width: 60%;
	float: none;
	margin: 0 auto;
}

.slogan {
	position: relative;
	z-index: 21;
}

.slogan img {}

.middle_bar ul {
	width: 100%;
	display: block;
	float: none;
	margin: 10px 0px 0px;
	padding: 0;
}

.middle_bar li {
	list-style: none;
	float: none;
	margin-right: 20px;
	margin-bottom: 5px;
	display: inline-block;
}

.middle_bar li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	float: left;
	background: #1d1d1d;
	display: inline-block;
	padding: 12px 20px;
	color: #ffffff;
	outline: none;
	font-weight: 600;
	text-decoration: none;
	width: auto;
	text-transform: uppercase;
	border-radius: 5px;
}

nav .logo-wrap {
	max-width: 470px;
}

nav .logo-wrap img {
	max-width: 100%;
	max-height: auto
}

.slogan .cbutton {
	margin-top: 55px;
	width: 60%;
	float: left;
}

.slogan .cbutton .cb-img {
	float: left;
	padding: 10px;
}

.slogan .cbutton .cb-img:hover img {
	opacity: 0.9
}

.middle_bar .school-info-text {
	width: 40%;
	float: left;
	margin-top: -30px;
}

.middle_bar .school-info-text .si-district {
	font-size: 24px;
	font-weight: 600;
}

.middle_bar .school-info-text .si-school {
	color: #f25d03;
	font-size: 60px;
	line-height: 1;
	font-family: 'Merriweather', serif;
	font-weight: 600;
}

.middle_bar .school-info-text .si-address {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 3px;
	margin-top: 3px;
}

.middle_bar .school-info-text .si-contact {
	font-size: 18px;
	font-weight: 600;
}

.middle_bar .school-info-text .si-contact .fa-phone-square {
	color: #f25d03;
}

.middle_bar .school-info-text .si-contact .fa-facebook-square {
	color: #126acc
}

.middle_bar .school-info-text .si-contact .fa-twitter-square {
	color: #1d87b8
}

.middle_bar .school-info-text .si-contact .fa {
	font-size: 24px;
	position: relative;
	bottom: -2px;
}

#map_canvas {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
	width: 320px;
	height: 200px;
}

.prefooter .calendar-cont {
	max-width: 300px;
}

.prefooter .calendar-cont tr {
	border-bottom: 1px solid #464646;
}

.prefooter .footer-info-address {
	color: #ffffff;
	line-height: 2;
}

.prefooter .ui-datepicker td span,
.prefooter .ui-datepicker td a {
	padding: 1px 1px !important;
}

@media(min-width:1367px) {
	/*.fullwidthbanner.rslider.tp-simpleresponsive {margin-bottom: -70px}
.slogan { top: 80px;}

.bg-primary.middle_bar { min-height: 1070px }*/
	.bg-primary.middle_bar {
		width: 100%;
		bottom: 0px
	}
	.text-overl {
		position: absolute;
		width: 100%;
		bottom: 50px;
	}
	.fullwidthbanner.rslider.tp-simpleresponsive .slotholder {
		height: 900px
	}
}

@media(min-width:1500px) {
	.bg-primary.middle_bar {
		min-height: 850px;
	}
}

@media(min-width:1700px) {
	.bg-primary.middle_bar {
		min-height: 950px;
	}
	.text-overl {
		bottom: 70px;
	}
}

@media(min-width:1700px) {
	.bg-primary.middle_bar {
		min-height: 1050px;
	}
}

@media(min-width:1200px) {
	.middle_bar .school-info-text {
		padding-left: 26px
	}
	.swiftbottom {
		width: 100%
	}
	.swiftbottom img {
		width: 100%
	}
	.prefooter .wrapfooterinfo {
		padding-left: 50px;
	}
	.navbar-default.affix .nav>li>a,
	.navbar-default.affix .nav>li>a:focus,
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus {
		color: #454545;
		padding: 57px 10px !important;
	}
	.navbar-default .navbar-header .navbar-brand {
		line-height: 70px!important;
		font-size: 24px;
		padding: 10px;
		height: auto;
	}
	header {
		margin-top: 0px;
	}
	#page-top {
		margin-top: 0px;
	}
	.header-content img {
		margin-left: 0px;
		left: 0px;
		height: auto!important;
		/*
    min-width: 131%;
    
    width: 131%;*/
	}
	/*
    .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
    width: 131%!important;
    height: auto!important;
    }
    */
	.cover-image {
		position: absolute;
		z-index: 20;
		bottom: 0px;
		width: 100%;
	}
	.bg-middle {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bg-thirdary {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.middle_bar ul {
		margin: 30px 0px 0px;
	}
	.middle_content {
		padding: 60px 0px 0px 0px;
	}
	.middle_bar .col-lg-4,
	.middle_bar .col-lg-3,
	.middle_bar .col-lg-2 {
		border-left: 1px solid #b40128;
	}
	.bottom_bar .col-lg-6,
	.bottom_bar .col-lg-3,
	.bottom_bar .col-lg-2 {
		border-right: 1px solid #002c6f;
	}
	.bottom_bar .col-lg-4:last-child,
	.bottom_bar .col-lg-3:last-child,
	.bottom_bar .col-lg-2:last-child {
		border-right: none;
	}
}

@media(min-width:768px) {
	body .navbar-right .dropdown-menu {
		/* padding: 0px 0px 10px; */
	}
	body .navbar-right .dropdown-menu .dropdown-menu {
		margin-top: -11px;
	}
	body .navbar-right .dropdown-menu>.dropdown-menu {
		margin-right: 100%;
		right: 0px;
	}
	ul.menu li.dropdown:nth-last-child(6)>ul,
	ul.menu li.dropdown:nth-last-child(4)>ul,
	ul.menu li.dropdown:nth-last-child(2)>ul {
		margin-right: 0px;
		position: absolute;
		right: 0px;
	}
	body .navbar-right .dropdown-menu {
		width: 240px;
	}
	.content-box.cbx-quicklink .content-box-info ul {
		max-height: 230px;
		overflow-y: auto;
	}
	.content-box.cbx-quicklink .content-box-info ul li a {
		padding: 5px 0px;
	}
	.collapse {
		display: block;
	}
	.navbar-default {
		border-color: #f6f6f6;
		background-color: #fff;
	}
	.navbar-default .navbar-header .navbar-brand {
		color: #454545;
		outline: none;
		text-transform: uppercase;
		line-height: 50px;
	}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
		color: #080808;
	}
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus {
		color: #454545;
		padding-left: 4px;
		padding-right: 4px;
	}
	.navbar-default .nav>li>a:hover,
	.navbar-default .nav>li>a:focus:hover {
		color: #080808;
		background-color: #E7E7E7;
	}
	.navbar-default.affix {
		border-color: rgba(34, 34, 34, .05);
		background-color: #fff;
	}
	.navbar-default.affix .navbar-header .navbar-brand {
		font-size: 14px;
		color: #454545;
	}
	.navbar-default.affix .navbar-header .navbar-brand:hover,
	.navbar-default.affix .navbar-header .navbar-brand:focus {
		color: #080808;
	}
	.navbar-default.affix .nav>li>a,
	.navbar-default.affix .nav>li>a:focus {
		color: #454545;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.navbar-default.affix .nav>li>a:hover,
	.navbar-default.affix .nav>li>a:focus:hover {
		color: #080808;
		outline: none;
	}
	.navbar-right .dropdown-menu {
		right: auto;
		left: 0px;
	}
	.navbar-right .dropdown-submenu .dropdown-menu {
		right: 0px;
		left: 100%;
	}
	.navbar-right .dropdown-menu {
		padding: 0px 0px;
		border: 1px solid #e5e5e5;
		box-shadow: none;
		border-radius: 0px 4px 4px;
	}
	.dropdown-menu .divider {
		margin: 0px 0px;
	}
	.navbar-right .dropdown-menu>li>a {
		padding: 8px 20px;
		outline: none;
		font-size: 13px;
	}
	.navbar-right .dropdown-menu>li>a:focus,
	.navbar-right .dropdown-menu>li>a:hover {
		color: #080808;
		outline: none;
	}
	.navbar-right .dropdown-submenu>.dropdown-menu {
		margin-left: 0px;
		margin-top: 1px;
		border-radius: 0px 4px 4px;
	}
	.topbar_content.row {
		padding: 0 15px;
	}
	.topbar_content li {
		border-right: solid 1px transparent;
		text-align: right;
		padding: 1px 2px;
	}
	.topbar_content a {
		padding: 18px 0px 18px 0px;
	}
	.topbar_content form {
		padding: 10px 0px 10px 0px;
	}
	.breadcrum_content_right p,
	.breadcrumb {
		margin-top: 4px;
	}
	.middle_content {
		margin-top: 0px;
	}
	.tweet_content {
		margin-bottom: 35px;
		padding: 18px 18px;
		float: left;
		z-index: 9;
	}
	.tweet_picture {
		padding: 18px;
		float: left;
		background: #4DB8F6 none repeat scroll 0% 0%;
		margin-right: 14px;
		font-size: 26px;
		color: #fff;
	}
	.tweet_time {
		color: #aeaeae;
		font-size: 11px;
		font-style: italic;
		margin-bottom: 3px;
		margin-left: 84px;
		margin-left: 83px;
	}
	.tweet_content .tweet_user {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #454545;
		font-weight: 600;
	}
	.tweet_status {
		margin: 6px 0px 6px 83px;
	}
	.tweet_content a {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #727272;
		outline: none;
		text-decoration: none;
	}
	.tweet_content ul {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.tweet_content li {
		list-style-type: none;
		border-bottom: 1px solid #e6e5e5;
		float: left;
		padding-bottom: 18px;
		padding-top: 18px;
		width: 100%;
	}
	.tweet_content ul li:last-child {
		border-bottom: 1px solid transparent;
	}
	.tweet_content li a {
		float: left;
		display: inline-block;
		margin-left: 0;
		color: #727272;
		outline: none;
		text-decoration: none;
		margin-bottom: 0px;
		width: 100%;
	}
	.tweet_content a:hover,
	.tweet_content a:focus {
		color: #4db8f6;
	}
	.quiclinks_content {
		margin-bottom: 35px;
		padding: 0px;
		float: left;
		z-index: 9;
		width: 100%;
	}
	.quiclinks_content a {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		color: #343839;
		outline: none;
		text-decoration: none;
	}
	.quiclinks_content ul {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.quiclinks_content li {
		list-style-type: none;
		float: left;
		padding: 0px;
		width: 100%;
	}
	.quiclinks_content h1.title_content {
		border-bottom: 1px solid #e6e5e5;
		padding: 16px 18px 16px 18px;
		margin-bottom: 0px;
		font-size: 14px !important;
		background: #111111;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
	}
	.quiclinks_content li a {
		float: left;
		display: inline-block;
		margin-left: 0;
		color: #454545;
		outline: none;
		text-decoration: none;
		margin-bottom: 0px;
		width: 100%;
		padding: 8px 14px;
		font-size: 12px;
		white-space: pre-line;
	}
	.quiclinks_content a:hover,
	.quiclinks_content a:focus {
		background-color: #f2f2f2;
		background: #f2f2f2;
	}
}

header {
	position: relative;
	width: 100%;
	min-height: auto;
	text-align: center;
	/*color: #fff;*/
}

header .header-content {
	position: relative;
	width: 100%;
	padding: 100px 15px;
	text-align: center;
}

.header-content-inner h1 {
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 400;
}

.header-content-inner hr {
	margin: 30px auto;
}

.header-content-inner p {
	margin-bottom: 50px;
	font-size: 16px;
	font-weight: 300;
	color: rgba(255, 255, 255, .7);
}

@media(min-width:768px) {
	header {
		max-width: 100%;
		margin-top: 0px;
		height: auto;
	}
	header .header-content {
		position: relative;
		top: 0px;
		padding: 0 0px;
		float: left;
		height: auto;
		overflow: hidden;
	}
	.header-content-inner {
		margin-right: auto;
		margin-left: auto;
		width: auto;
	}
	.header-content-inner p {
		margin-right: auto;
		margin-left: auto;
		max-width: 80%;
		font-size: 18px;
	}
}

.section-heading {
	margin-top: 0;
}

.service-box {
	margin: 50px auto 0;
	max-width: 400px;
}

@media(min-width:992px) {
	/* header menu */
	nav#top_bar .slidedown .container {
		width: 100%;
	}
	nav#main_nav .container {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	nav#main_nav .container .navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
	}
	nav#main_nav .container .navbar-brand {
		padding-left: 30px
	}
	/* .header menu */
	.service-box {
		margin: 20px auto 0;
	}
}

.service-box p {
	margin-bottom: 0;
}

.portfolio-box {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	background: rgba(240, 95, 64, .9);
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	padding: 0 15px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
	opacity: 1;
}

@media(min-width:768px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
		font-size: 16px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size: 22px;
	}
}

.right_content h2 {
	/*margin-top:0px;*/
}

.container.quicklinks_below {
	margin-top: 25px;
}

.call-to-action h2 {
	margin: 0 auto 20px;
}

.text-primary {
	color: #080808;
}

.no-gutter>[class*=col-] {
	padding-right: 0;
	padding-left: 0;
}

.btn-default {
	border-color: #fff;
	color: #222;
	background-color: #fff;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	border-color: #ededed;
	color: #222;
	background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	border-color: #fff;
	background-color: #fff;
}

.btn-default .badge {
	color: #fff;
	background-color: #222;
}

.btn-primary {
	border-color: #080808;
	color: #fff;
	background-color: #080808;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	border-color: #080808;
	color: #fff;
	background-color: #080808;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	border-color: #080808;
	background-color: #080808;
}

.btn-primary .badge {
	color: #080808;
	background-color: #fff;
}

.btn {
	border: 0px none;
	border-radius: 5px;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 11px;
}

.btn-xl {
	padding: 15px 30px;
}

::-moz-selection {
	text-shadow: none;
	color: #fff;
	background: #222;
}

img::-moz-selection {
	color: #fff;
	background: 0 0;
}

body {}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

@media(min-width:1024px) and (max-width:1365px) {
	header .header-content {
		height: 500px
	}
	.bg-primary.middle_bar {
		min-height: 720px
	}
	.middle_bar .school-info-text {
		margin-top: 0px
	}
	.middle_bar .school-info-text .si-school {
		font-size: 40px;
	}
	.slogan {
		margin-top: -20px;
	}
}

@media(min-width:1024px) and (max-width:1200px) {
	.topbar_content li {
		padding: 0px 2px;
	}
	.navbar-brand img {
		width: 50%;
		padding-top: 5px;
		height: auto;
	}
	.navbar-brand {
		padding: 0px 0 0 15px;
		line-height: 32px;
	}
	.text-slider {
		top: 28%;
	}
	.text-slider h1 {
		font-size: 38px;
	}
	.text {
		margin-top: 0px;
	}
	.bg-middle {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.slogan {}
	.middle_bar li a {
		padding: 5px 8px!important;
	}
	.prefooter_content li p span {
		width: 39%!important;
	}
	.prefooter_content li p span:nth-of-type(2) {
		width: 53%!important;
	}
}

@media(max-width:1024px) {
	.bg-middle {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.content-box h3 {
		font-size: 16px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.btn_slogan {
		width: 65%;
	}
	.prefooter_content li p span {
		width: 39%!important;
	}
	.prefooter_content li p span:nth-of-type(2) {
		width: 53%!important;
	}
}

@media(max-width:1023px) {
	.navbar-brand img {
		width: 50%;
	}
	.topbar_content a {
		padding: 0px 0px 0px 0px;
	}
	.topbar_content a #emergency_notices {
		padding: 8px 0px 0px 0px;
	}
	.topbar_content form {
		padding: 0px 0px 8px 0px;
	}
	.topbar_content li {
		padding: 4px 2px 4px 2px;
	}
	.cover-image {}
	.middle_bar p {
		/*padding: 0 30px;*/
		/*border-bottom: 1px solid black;*/
	}
	.middle_bar .container:first-child(1) {
		/*width: auto;*/
		/*padding: 0px;*/
	}
	.footer_content {
		padding: 8px 0px 0px 0px;
		text-align: center;
	}
	.footer_content ul {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_content a {
		margin-bottom: 9px;
	}
	.footer_content li {
		float: none;
		text-align: left;
		display: inline-block;
	}
	.footer_content li a {
		float: none;
		width: 100%;
		padding: 3px 8px 3px 0px;
	}
	.text-slider {
		top: 22%;
	}
	.text-slider h1 {
		font-size: 38px;
	}
	.text {
		margin-top: 0px;
	}
}

@media(min-width:768px) and (max-width:1023px) {
	.collapse {
		display: block;
	}
	.topbar_content ul {
		float: left;
		margin-left: -35px;
		width: 100%;
	}
	.topbar_content li {
		border-right: 1px solid transparent!important;
	}
	.topbar_content li:first-child a {
		margin-right: 13px;
	}
	.topbar_content li a {
		margin-right: 2px;
	}
	.navbar-brand img {
		width: 50%;
		padding-top: 5px;
		height: auto;
	}
	.navbar-brand {
		padding: 0px 0 0 15px;
		line-height: 32px;
	}
	.nav>li>a {
		padding: 15px 4px;
	}
	.navbar-right .dropdown-menu>li>a {
		padding: 10px 18px;
		font-size: 12px;
	}
	.navbar-default .nav>li>a,
	.navbar-default .nav>li>a:focus {
		font-size: 10px;
	}
	.middle_bar li a {
		padding: 5px 8px!important;
	}
	.slogan {
		margin-top: -5px;
	}
	.content-box h3 {
		font-size: 14px;
		margin-top: 15px;
	}
	.footer_text {
		padding-top: 15px;
	}
}

@media(max-width:767px) {
	.navbar-header .navbar-toggle {
		margin-bottom: 20px;
		margin-top: 15px;
	}
	#top_bar a {
		padding-top: 10px;
	}
	.middle_bar .school-info-text .si-district {
		margin-bottom: 5px;
	}
	.bg-primary.middle_bar {
		min-height: 0px;
		padding-bottom: 50px;
	}
	.middle_bar .school-info-text {
		width: 100%;
		text-align: center;
	}
	.slogan .cbutton .cb-img {
		padding: 10px;
		float: none;
		float: unset;
		display: inline;
		width: 100% !important;
		display: block;
		float: left;
	}
	.slogan {
		position: relative;
		z-index: 22;
	}
	.slogan .cbutton {
		margin-top: 50px;
		width: 100%;
		float: left;
		text-align: center;
	}
	.navbar-default {
		padding: 0px 0px 0px;
	}
	.navbar {
		border: 0px solid transparent;
	}
	.navbar-nav {
		margin: 0px;
	}
	.navbar-brand {
		padding: 0px 0px 0px 15px;
		line-height: 32px;
	}
	.navbar-brand img {
		width: 70%;
		margin-top: 5px;
		height: auto;
	}
	.navbar-default .navbar-collapse {
		position: absolute;
		width: 100%;
		z-index: 101;
		background: #fff;
		margin-top: -1px;
		border-bottom: 1px solid #eaeaea;
		padding-left: 0px !important;
	}
	.navbar-default .nav>li>a {
		margin: 0 -15px;
		padding-left: 30px;
	}
	.navbar-default .nav>li>a:focus,
	.navbar-default .nav>li>a:hover {
		background: #fafafa;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #080808;
		background: #f0f0f0;
		outline: none;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 25px 10px 45px;
		margin-left: -25px;
		margin-right: -15px;
	}
	.navbar-nav .open .dropdown-menu .divider {
		height: 1px;
		margin: 0px -15px 0px -25px;
	}
	.navbar-nav .open .dropdown-menu {
		margin-left: 0px;
		padding: 0px 0px;
	}
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
		color: #454545;
		background-color: #fafafa;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		background: #f0f0f0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu li.dropdown>li.sub-menu>a {
		background: red;
	}
	#top_bar {
		min-height: 8px;
	}
	.topnav a.navbar-toggle {
		padding: 0px;
		line-height: 18px;
		margin-top: -5px;
		background: #080808;
		border-color: #080808;
		outline: none;
		float: none;
		margin: -3px auto 0 auto;
		display: block;
		width: 30px;
		border-radius: 0px 0px 3px 3px !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.topnav a.navbar-toggle:hover {
		background: #080808;
		border-color: #080808;
		outline: none;
	}
	.topnav .navbar-toggle i {
		line-height: 23px;
		text-decoration: none;
		min-width: 23px;
		padding: 0px 7px;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
	.topbar_content.row .col-lg-6:first-child {
		float: left;
		width: 100%;
		border-bottom: 1px solid #002c6f;
	}
	.topbar_content ul {
		float: left;
		width: 100% !important;
		margin-left: 0px !important;
	}
	.topbar_content li {
		margin-right: 5px;
		/*width: 100%;*/
	}
	.topbar_content a {
		padding: 0px 0px 0px 10px;
		width: 100%;
	}
	.topbar_content a #emergency_notices {
		padding: 0px 0px 0px 0px;
		width: 100%;
	}
	.topbar_content li a {
		padding: 4px 2px 11px 2px;
		text-align: left;
	}
	.searchicon::before {
		/*margin-left: 10px;*/
	}
	.searchicon input {
		margin-left: 10px;
	}
	#top_bar .search {
		width: 95%;
		padding-left: 22px;
	}
	.topbar_content form {}
	#top_bar .search {
		background-color: #454545;
		border: 0px none;
		color: transparent;
		font-size: 13px;
		transition: all 0.3s ease-in-out 0s;
		box-shadow: none;
		border-radius: 30px;
		width: 30px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		outline: medium none;
		cursor: pointer;
	}
	.breadcrum_bar {
		border-top: solid 1px #f9f9f9;
		border-bottom: solid 1px #f9f9f9;
		padding: 12px 0px;
	}
	.breadcrum_bar a {
		float: none;
	}
	.breadcrum_content_left a {
		margin-bottom: 4px;
	}
	.breadcrum_content_right p,
	.breadcrumb {
		text-align: left;
	}
	.breadcrum_content_right {
		padding-top: 10px;
	}
	.breadcrum_content_right a {
		padding-top: 20px;
	}
	.breadcrum_content_left a {
		padding-top: 0px;
		padding-left: 0px;
	}
	.text-slider {
		top: 18%;
	}
	.cover-image {
		position: absolute;
		top: 10%;
		z-index: 22;
	}
	.slogan img {}
	.middle_bar ul {
		margin: 5px 0px 0px;
	}
	.middle_bar li a {
		font-size: 11px;
		padding: 5px 8px;
	}
	.middle_content {
		padding: 30px 0px 30px 0px;
	}
	.content-box {
		margin: 30px 0px 30px;
		min-height: 0px;
	}
	header {
		max-width: 100%;
		margin-top: 0px;
		height: auto;
	}
	header .header-content {
		position: relative;
		top: 0px;
		padding: 0 0px;
		float: left;
		height: auto;
	}
	.middle_content {
		margin-top: 0px;
	}
	.tweet_content {
		margin-bottom: 35px;
		padding: 18px 18px;
		float: left;
		z-index: 9;
	}
	.tweet_picture {
		padding: 18px;
		float: left;
		background: #4DB8F6 none repeat scroll 0% 0%;
		margin-right: 14px;
		font-size: 26px;
		color: #fff;
	}
	.tweet_time {
		color: #aeaeae;
		font-size: 11px;
		font-style: italic;
		margin-bottom: 3px;
		margin-left: 83px;
	}
	.tweet_content .tweet_user {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #454545;
		font-weight: 600;
	}
	.tweet_status {
		margin: 6px 0px 6px 83px;
	}
	.tweet_content a {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #727272;
		outline: none;
		text-decoration: none;
	}
	.tweet_content ul {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.tweet_content li {
		list-style-type: none;
		border-bottom: 1px solid #e6e5e5;
		float: left;
		padding-bottom: 18px;
		padding-top: 18px;
		width: 100%;
	}
	.tweet_content li:last-child {
		border-bottom: 0px solid transparent!important;
	}
	.tweet_content li a {
		float: left;
		display: inline-block;
		margin-left: 0;
		color: #727272;
		outline: none;
		text-decoration: none;
		margin-bottom: 0px;
		width: 100%;
	}
	.tweet_content a:hover,
	.tweet_content a:focus {
		color: #4db8f6;
	}
	.quiclinks_content {
		margin-bottom: 35px;
		padding: 0px;
		float: left;
		z-index: 1;
		width: 100%;
	}
	.quiclinks_content a {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		color: #343839;
		outline: none;
		text-decoration: none;
	}
	.quiclinks_content ul {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.quiclinks_content li {
		list-style-type: none;
		float: left;
		padding: 0px;
		width: 100%;
	}
	.quiclinks_content h1.title_content {
		border-bottom: 1px solid #e6e5e5;
		padding: 16px 18px 16px 18px;
		margin-bottom: 0px;
		font-size: 14px !important;
		background: #111111;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
	}
	.quiclinks_content li a {
		float: left;
		display: inline-block;
		margin-left: 0;
		color: #454545;
		outline: none;
		text-decoration: none;
		margin-bottom: 0px;
		width: 100%;
		padding: 8px 14px;
		font-size: 12px;
		white-space: pre-line;
	}
	.quiclinks_content a:hover,
	.quiclinks_content a:focus {
		background-color: #f2f2f2;
		background: #f2f2f2;
	}
	.news_content {
		padding-right: 0px;
	}
	.middle_bar a {
		padding: 18px 0px;
	}
	.middle_bar .col-lg-4,
	.middle_bar .col-lg-3,
	.middle_bar .col-lg-2 {
		border-bottom: 1px solid #b40128;
		float: left;
		width: 100%;
	}
	.bottom_bar .col-lg-6,
	.bottom_bar .col-lg-3,
	.bottom_bar .col-lg-2 {
		border-bottom: 1px solid #002c6f;
		float: left;
		width: 100%;
	}
	.middle_bar .col-lg-12:first-child,
	.bottom_bar .col-lg-12:first-child {}
	.partner_content img {
		padding-left: 14%;
	}
	.bottom_bar {
		margin: 30px 0px 0px 0px;
	}
	.more-buttons {
		margin-bottom: 40px;
	}
	.prefooter_content {
		float: left;
		width: 100%;
	}
	.footer_text {
		border-top: 1px solid transparent;
		margin-top: 15px;
        position: relative;
        z-index: 4;
        padding-top: 0;
	}
	.footer_content {
		padding: 20px 0px 0px;
		width: 100%;
		float: left;
	}
	.footer_content ul {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_content li {
		float: none;
		text-align: center;
		display: inline-block;
		width: 100%;
	}
	.footer_content li.sep {
		display: none;
	}
	.footer_content li a,
	.footer_content a {
		float: none;
		width: 100%;
		padding: 3px 5px;
	}
}

@media(min-width:768px) and (max-width:979px) {
	.slogan img {}
	.slogan {}
	.middle_bar ul {
		width: 100%;
		display: block;
		float: none;
		margin: 30px 0px 0px;
	}
	.cover-image {}
}

@media(min-width:481px) and (max-width:700px) {
	.topbar_content li {}
	.text-slider {
		top: 32%;
		margin-left: 30px;
	}
	.text-slider h1 {
		font-size: 18px;
		letter-spacing: 0px;
	}
	.text {
		margin-top: -10px;
		margin-left: 15px;
	}
	.logo-slider img {
		width: 80px;
	}
	.slogan img {}
	.middle_bar li a {
		font-size: 9px;
		padding: 4px 8px;
	}
	.middle_bar ul {
		margin: 0px 0px 0px;
	}
}

@media(max-width:480px) {
	.header-content img {
		/*min-width: 200%;*/
		margin-left: 0px;
		left: 0px;
		height: auto!important;
	}
	.topbar_content li {
		/*width: 100%!important;*/
	}
	.topbar_content form {
		margin: 0px 0px;
	}
	.cover-image {}
	.middle_bar li {
		margin-right: 5px;
		margin-bottom: 0px;
	}
	.middle_bar li a {
		font-size: 7px;
		padding: 3px;
	}
	.bottom_bar p i {
		margin-right: 12px;
		margin-left: -30px;
	}
	.bottom_bar a {
		padding: 23px 0px 23px 30px;
	}
	.text-slider {
		top: 32%;
		margin-left: 30px;
	}
	.text-slider h1 {
		font-size: 18px;
		letter-spacing: 0px;
	}
	.text {
		margin-top: 8px;
		margin-left: 35px;
	}
	.slogan img {}
	.middle_bar ul {
		margin: 10px 0px 0px 0px;
	}
	.logo-slider img {
		width: 60px;
	}
	.prefooter_content li p span {
		margin-bottom: 30px;
		width: 39%;
	}
	.prefooter_content li p span:nth-of-type(2) {
		width: 53%;
	}
	.footer_content li a,
	.footer_content a {
		float: none;
		width: 100%;
		padding: 1px 5px;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.navbar-brand img {
		height: 50px !important;
		width: auto !important;
	}
}

@media(min-width:361px) and (max-width:479px) {
	.navbar-brand img {
		width: 45%;
		height: auto;
	}
	.text-slider {
		top: 30%;
		margin-left: 30px;
	}
	.text-slider h1 {
		font-size: 13px;
		letter-spacing: 0px;
	}
	.text {
		margin-top: 0px;
		margin-left: 30px;
	}
	.logo-slider img {
		width: 40px;
	}
	.slogan {
		float: left;
		margin-left: 10%!important;
	}
	.slogan img {
		margin-top: 4%!important;
	}
	.middle_bar ul {
		margin: 0px 0px 0px 0px!important;
	}
}

@media(max-width:360px) {
	.navbar-brand img {
		height: auto;
	}
	.topbar_content li {
		padding: 4px 2px 4px 2px;
	}
	.topbar_content li:last-child {
		width: 100%;
	}
	.topbar_content li a {
		padding: 4px 2px 4px 2px;
		text-align: left;
	}
	#top_bar .search {
		width: 100%!important;
		background-color: #ffffff;
		color: #888888;
		padding: 1px 15px 1px 25px;
	}
	.topbar_content form {
		margin: 0px 0px 0px 0px;
	}
	.text-slider {
		top: 30%;
		margin-left: 30px;
	}
	.text-slider h1 {
		font-size: 13px;
		letter-spacing: 0px;
	}
	.text {
		margin-top: 0px;
		margin-left: 30px;
	}
	.logo-slider img {
		width: 40px;
	}
	.slogan .cbutton {}
	.cover-image {
		top: 60px;
	}
	.middle_bar ul {
		margin: 10px 0px 0px 0px;
	}
	.middle_bar li {
		margin-right: 2px;
	}
	.middle_bar li a {
		font-size: 7px;
		padding: 3px;
	}
	.btn_slogan {
		width: 100%;
	}
	.news_content,
	.video_content {
		margin-bottom: 30px;
	}
	.right_content {
		margin-bottom: 0px;
	}
	h1.news_title,
	h1.video_title {
		font-family: "Open Sans", sans-serif;
		font-size: 13px !important;
	}
	.footer_content {}
	.footer_content ul {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.footer_content li {
		float: left;
		text-align: center;
		width: 100%;
		display: inline-block;
	}
	.footer_content li a {
		float: none;
		width: 100%;
		padding: 3px 0px;
	}
}

@media(max-width:320px) {
	.middle_bar ul {
		margin: 0px 0px 0px 0px;
	}
}

@media(max-width:280px) {
	.cover-image {
		top: -40px;
	}
	.middle_bar li a {
		font-size: 6px;
	}
}

@media(max-width:1199px) {
	.middle_content .swiftbottom {
		width: 100%;
		overflow: hidden;
	}
	.topbar_content ul {
		float: right;
		margin-left: 0px;
		width: auto;
	}
	#top_bar a {
		width: 100%
	}
	#map_canvas {
		width: 100%
	}
	.middle_content {
		position: relative;
		padding: 60px 0px 0px;
	}
	.middle_bar .school-info-text .si-district,
	.middle_bar .school-info-text .si-address,
	.middle_bar .school-info-text .si-contact {
		font-size: 16px !important;
	}
	.middle_bar .school-info-text .si-school {
		font-size: 30px;
	}
	.middle_bar .school-info-text {
		margin-top: 20px;
	}
	.slogan img {
		max-width: 100%;
		max-height: 100%;
	}
	.slogan .cbutton .cb-img {
		width: 150px;
	}
}

@media(min-width:768px) and (max-width:991px) {
	body .nav>li>a {
		padding: 24px 4px !important;
	}
}

@media(min-width:800px) and (max-width:1199px) {
	.bg-primary.middle_bar {
		min-height: 0px !important;
		max-height: 9999px !important;
	}
}

@media(min-width:768px) and (max-width:1199px) {
	.middle_bar .school-info-text {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.slogan .cbutton {
		width: 100%;
		text-align: center;
	}
	.slogan .cbutton .cb-img {
		width: 150px;
		float: none;
		float: unset;
		display: inline;
	}
	.slogan {
		margin-bottom: 50px;
	}
	.bg-primary.middle_bar {
		min-height: 0px;
	}
	.bg-primary.middle_bar .cover-image {
		position: absolute;
		bottom: 0px;
		z-index: 22;
		top: 15%;
	}
	.bg-primary.middle_bar .container {
		z-index: 23;
		position: relative;
	}
}

.content-box-info .rec-box {
	max-height: 240px;
	overflow-y: hidden;
	overflow-x: hidden;
}


/* custom shape top menu */

@media(min-width:992px) {
	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus {
		background: #f25d03 !important
	}
	.breadcrum_bar {
		padding: 50px 0px
	}
	.navbar-default .nav>li>a:hover {
		background: transparent !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		font-size: 13px;
	}
	ul.menu>li {
		border-right: 1px solid #d15d08;
		float: left;
		background: #cc4d00;
		width: 100px;
		height: 134px;
	}
	ul.menu>li:after {}
	ul.menu>li>a:after {}
	ul.menu>li.sep {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 60px 100px 0 0;
		border-color: #cc4d00 transparent transparent transparent;
		background: transparent;
		top: 134px;
		z-index: 222;
		margin-left: -100px;
	}
	.navbar-default .nav>li>a {
		font-family: 'Merriweather', serif;
		width: 134px;
		padding: 50px 0px !important;
		text-align: center;
		height: 134px;
		color: #ffffff !important;
		background-color: #cc4d00;
	}
	.navbar-default .nav>li>a:focus,
	.navbar-default .nav>li>a:active {
		color: #ffffff;
	}
}

body .navbar-right .dropdown-menu {
	padding: 10px 0px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

#emergency_notices #slide1,
#emergency_notices #slide2,
#emergency_notices #slide3,
#emergency_notices #slide4,
#emergency_notices #slide5,
#emergency_notices #slide6,
#emergency_notices #slide7,
#emergency_notices #slide8,
#emergency_notices #slide9 {
	background-color: transparent !important;
	padding: 0px 0px !important;
}

@media(max-width:767px) {
	#middle_content .content_main form#members-public table td {
		width: 100%;
		float: left;
	}
	#middle_content .content_main form#generate-hot-news table td {
		float: left;
		width: 100%;
		text-align: left;
	}
	#middle_content .content_main form#generate-hot-news input#submit_article {
		margin: 10px 0px;
	}
	#middle_content .content_main form#generate-hot-news input#link {
		margin: 10px 0px;
	}
	#middle_content .content_main form#dwcsearch-results-form ol li {
		word-wrap: break-word;
		width: 95%;
	}
}