/*****RESET*****/
@import url("custom/css/reset.css");
@import url("custom/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i');

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { width: 100%; font-size: 17px; color: #000000; font-family: 'Nunito', serif; background: #f2f2f2; }
p { line-height: 23px; color: #000000; font-size: 17px; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
.centering { max-width: 1400px; position: relative; margin: auto; }
.centering:after { content: ''; display: block; clear: both; width: 100%; height: 0px; overflow: hidden; } 
.wrapper { padding: 0 15px; max-width: 1304px; position: relative; margin: auto; }
.wrapper:after { content: ''; display: block; clear: both; width: 100%; height: 0px; overflow: hidden; } 

*::-webkit-input-placeholder{opacity:1; } 
*::-moz-placeholder{opacity:1; } 
*:-ms-input-placeholder{opacity:1; }

/*****GENERAL*****/
a{color:#0000cd; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: inline-block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { font-family: Arial; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
p{ padding-top:11px; font-size:13px; line-height:16px; color:#000000;}
p a{color:#424242;}
h1{font-size:60px; line-height:70px; color:#424242;}
h2{font-size:40px; line-height:48px; color:#0000cd; font-family: 'Lora', serif; font-weight: 700; letter-spacing: -0.02em; }
h3{font-size:30px; line-height:34px; color:#424242; font-family: 'Nunito', serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; }
.tool_headline1{font-size:30px; line-height:34px; color:#424242; font-family: 'Nunito', serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; }
h4{font-size:27px; line-height:34px; color:#424242; font-family: 'Nunito', serif; letter-spacing: -0.02em; }
h5{overflow: hidden; padding: 20px 60px 25px; letter-spacing: -0.01em; margin: 12px 0 35px; position: relative; text-align: center; border-bottom: 1px solid #424242; border-top: 1px solid #424242; font-size:22px; line-height:26px; color:#0000cd; font-family: 'Lora', serif; font-style: italic;}
.tool_headline2{font-size:22px; line-height:26px; color:#0000cd; font-family: 'Lora', serif; font-style: italic;}
h6{font-size:23px; line-height:26px;color:#424242; font-family: 'Lora', serif; font-style: italic; padding-bottom:25px; letter-spacing: -0.04em; }
.alignright{ float:right; margin:0 0 10px 10px; border:2px solid #5b5658;}
.alignleft{ float:left; margin:0 10px 10px 0; border:2px solid #5b5658;}

blockquote { overflow: hidden; padding: 20px 60px 25px; letter-spacing: -0.01em; margin: 12px 0 35px; position: relative; text-align: center; border-bottom: 1px solid #424242; border-top: 1px solid #424242; font-size:22px; line-height:26px; color:#0000cd; font-family: 'Lora', serif; font-style: italic;}
blockquote p { font-size:22px !important; line-height:26px !important; color:#0000cd; font-family: 'Lora', serif; font-style: italic;}
blockquote h5 { max-width: 750px; margin: auto; }

#back-to-top { position: fixed; bottom: 5px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #3c2a1d url('custom/images/top_btn.png') center center no-repeat; }
#back-to-top.show { opacity: 0.8; z-index: 9999; }
#back-to-top.show:hover { opacity: 1; }
:focus { outline: none; }

/*
 font-family: 'Lora', serif;
 font-family: 'Nunito', serif;
 font-family: 'Open Sans', sans-serif;
*/

.detail_padding{ position: relative;}
a.anchor-link{ margin-top: -150px; position: absolute;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     a.anchor-link{ margin-top: 200px;}
}

/****main_sec****/
#main_sec { width: 100%; min-height: 100%; position: relative; }


/****header****/
header { width: 100%; position: absolute; z-index:999; margin-bottom: 1px; background: #fff; }
header #logo { padding: 7px 0; float:left; }
header .mid-sec { position: relative; z-index: 99; }

header.sticky{position: fixed; top: 0px;}
header.sticky .mid-sec{display: none;}
header.sticky #utility-navigation ul{position: absolute; right: 100px;}
header.sticky .search-sec{position: absolute; top: -34px; right: 0px;}
header.sticky .search-sec .search-btn{ height: 34px; width: 90px; line-height: 34px;}
header.sticky .search-field{top: 100px;}

/*****UTILITY NAVIGATION*****/
#utility-navigation { background: #f3f3f3; height: 34px; border-bottom: 1px solid #d7dbe0; }
#utility-navigation ul { list-style: none; float: right; }
#utility-navigation li { float:left; }
#utility-navigation li a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; font-weight: 700; font-size: 14px; color: #fff; background: #0000cd url(custom/images/btn-shadow.png) left top no-repeat; text-align: center; text-transform: uppercase; line-height: 24px; min-width: 133px; padding: 5px 15px; }
#utility-navigation li:nth-child(2) a { background-color: #ffc60b; color: #000000; }
#utility-navigation li:nth-child(3) a { background-color: #0000cd; }
#utility-navigation li:nth-child(4) a { background-color: #424242; }
#utility-navigation li a:hover { opacity: 0.8; }


/****search-sec****/
.search-sec { float: right; }
.search-sec .search-btn { width: 134px; font-size: 22px; color: #0000cd; text-align: center; line-height: 114px; height: 114px; border-right: 1px solid #dbdfe4; border-left: 1px solid #dbdfe4; display: block; }
.search-sec .search-btn:hover { color: #0000cd; }
.search-field { padding: 240px 0 340px; display: none; position: absolute; left: 0px; top: 148px; border-top: 1px solid #d5cdce; background: rgba(243,243,243,0.96); width: 100%; z-index: 999; }
.search-field .field { padding: 0 15px; font-size: 38px; height: 61px; letter-spacing: -0.01em; width: 593px; margin: auto; background: rgba(0,0,0,0); border: none; border-bottom: 2px solid #c3c3c3; text-align: center; display: block; font-family: 'Nunito', serif; font-weight: 200; -webkit-appearance: none; -webkit-border-radius: 0; }
.search-field .search-close-btn { width: 35px; height: 35px; margin-right: -590px; text-indent: -9999px; display: block; position: absolute; right: 50%; top: 22px; background: url(custom/images/close-btn.png) center center no-repeat; background-size: 23px; }

.search-sec .fa {padding-top: 30%;}
header.sticky .search-sec .fa {padding-top:0;}

/****footer****/
footer { width: 100%; border-top: 5px solid #a7a8ad; position: relative; background: #6b6b6b; }
footer #footer-logo { padding: 14px 0; width: 70px; margin: auto; display: block; }
footer ul { list-style: none; overflow: hidden; text-align: center; padding: 7px 0 15px; }
footer li { display: inline-block; vertical-align: top; padding: 0 8px; }
footer li a { display: block; font-size: 35px; line-height: 40px; color: #ffffff; transition: all 0.3s; -webkit-transition: all 0.3s; }
footer li a:hover { opacity: 0.7; }
footer address { font-size: 14px; line-height: 18px; color: #ffffff; text-align: center; font-style: normal; font-family: 'Lora', serif; font-weight: normal; padding-bottom: 22px; }
footer address a { color: #fff; text-decoration: none !important; display: inline-block; font-weight: normal; margin-top: 8px; cursor: default; }
footer li a svg{ fill: #ffffff; width: 35px; height: 35px;}

footer .footer-bottom { padding: 5px 0; overflow: hidden; background: #424242; float: left; width: 100%;}
footer .school-logo { float:left; margin: 0 0 0 62px; opacity: 0.4; transition: all 0.3s; -webkit-transition: all 0.3s; }
footer .school-logo:hover { opacity: 1; }
footer p { float: right; padding: 0; opacity: 0.4; font-size: 9px; line-height: 12px; color: #fff; padding-right: 62px; font-family: 'Lora', serif; }


/****INSIDE PAGE****/
#main_container { padding-bottom: 60px; overflow: hidden; width: 100%; }
#main_container p { line-height: 24px; font-size: 14px; padding: 0 0 22px; font-family: 'Open Sans', sans-serif; }
#main_container p a { color: #0000cd; font-weight: 700; }
#main_container p a:hover { text-decoration: underline; }
#main_container .pull-left { margin: 7px 30px 10px 0; }
#main_container .pull-right { margin: 0 0 20px 40px; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #424242; }
.full .middle_column { display: block; width: 100%; background: #fff; position: relative; z-index: 9; padding: 30px; }
/* .full h2 { text-align: center; clear: both;}
.full h3 { text-align: center; clear: both;}
.full h4 { text-align: center; clear: both;}
.full h5 { text-align: center; clear: both;}
.full h6 { text-align: center; font-family: 'Nunito', serif; font-weight: 400;clear: both; } */
.middle_column.with_right { padding: 30px; width: 72.2%; display: inline-block; background: #fff; }
.right_column { width: 24.6%; float: right; }
h3.toolhead { padding: 20px 35px 15px; background: #0000cd; color: #fff; }
.right_per_detail { overflow: hidden; background: #ffffff; margin-bottom: 30px; }
.right_per_detail img { width: 100%; padding: 4px 4px 0; margin: 0 0 -10px; }
.right_content { padding: 25px; }
.right_content h6 { font-family: 'Nunito', serif; padding-bottom: 30px; }
body.inner { background: #f2f2f2; }
.nav-drop { display: none; }

.middle_column ul { 
	list-style-type: disc; 
	list-style-position: inside;
	line-height: 150%;
	margin-bottom: 30px;
}
.middle_column ol { 
	list-style-type: decimal; 
	list-style-position: inside; 
	margin-bottom: 30px;
	line-height: 150%;
}
.middle_column ul ul, .middle_column ol ul { 
	list-style-type: circle; 
	list-style-position: inside; 
	margin-left: 15px; 
}
.middle_column ol ol, .middle_column ul ol { 
	list-style-type: lower-latin; 
	list-style-position: inside; 
	margin-left: 15px; 
}
.right_column ul { 
	list-style-type: disc; 
	list-style-position: inside;
	line-height: 150%;
	margin-bottom: 30px;
}
.right_column ol { 
	list-style-type: decimal; 
	list-style-position: inside; 
	margin-bottom: 30px;
	line-height: 150%;
}
.right_column ul ul, .right_column ol ul { 
	list-style-type: circle; 
	list-style-position: inside; 
	margin-left: 15px; 
}
.right_column ol ol, .right_column ul ol { 
	list-style-type: lower-latin; 
	list-style-position: inside; 
	margin-left: 15px; 
}

.full .middle_column {display:inline-block;}

/****BANNER****/
#banner { width: 100%; min-height: 473px; position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; float: left; margin-top: 10%; margin-bottom: -150px;}
#banner:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(6,24,38,0.6); }
 h1#page_heading { text-align: center; color: #fff; font-size: 63px; line-height: 70px; font-family: 'Nunito', serif; font-weight: 700; position: relative; z-index: 9; }
#banner.no_banner { min-height: 10px; background: none; margin: 0; }
#banner.no_banner:after { display: none; }
#banner.no_banner h1#page_heading { color: #424242; text-align: left; padding: 46px 0; letter-spacing: -0.01em; }

/****breadcrumbs****/
#breadcrumbs {  padding: 40px 0px 0px 30px; position: relative; background: #fff;}
#breadcrumbs a { text-decoration: none; text-transform: uppercase; display: inline-block; color: #424242; font-size: 15px; font-weight: 400; line-height: 22px; font-family: 'Nunito', serif; }
#breadcrumbs a.active, #breadcrumbs a:hover { color: #0000cd; }
#breadcrumbs span { padding: 0 9px; display: inline-block; color: #424242; font-size: 15px; font-weight: 400; line-height: 22px; }

/***********************/
/****** HOME PAGE ******/
/***********************/

/*****SLIDER-BAR*****/
.slider-bar { width: 100%; position: relative; z-index: 9; margin: 0; }
.slider-bar .slide { width: 100%;}
.slider-bar .slide img{width: 100%; height: auto;}
.slider-bar .caption { padding: 18px 0; position: absolute; margin-left: -638px; left: 50%; width: 740px; bottom: 55px; background: rgba(66,66,66,0.58); }
.slider-bar .caption:after { background: rgba(66,66,66,0.58); content: ''; position: absolute; left: -9000px; top: 0; width: 9000px; height: 100%; }
.slider-bar .caption strong { display: block; color: #fff; font-weight: 400; font-size: 64px; line-height: 70px; font-family: 'Lora', serif; letter-spacing: -0.015em; padding-bottom: 10px; }
.slider-bar .caption span { display: block; font-weight: 600; font-size: 26px; line-height: 36px; color: #ffffff; padding: 0 0 17px; }
.slider-bar .more-btn { text-decoration: none; text-transform: uppercase; display: block; float:left; background: #0000cd; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; font-size: 19px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; padding: 19px 32px; }
.slider-bar .more-btn:hover { background: #ffc60b; color: #000000; }

/*****GALLERY-BAR - Image Gallery*****/
.gallery-bar { padding: 5px 5px 5px 6px; min-height: 680px; position: relative; z-index: 9; margin: 0; width: 57.7%; float: left; }
.gallery-bar .slide {  overflow: hidden; width: 100%; min-height:680px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.gallery-bar .nextControl { position: absolute; right: 65px; top: 50%; z-index: 999; color: #fff; font-size: 36px; margin-top: -20px; display: block; line-height: 40px; opacity: 0.4; font-weight: normal; }
.gallery-bar .prevControl { position: absolute; left: 65px; top: 50%; z-index: 999; color: #fff; font-size: 36px; margin-top: -20px; display: block; line-height: 40px; opacity: 0.4; font-weight: normal; }
.gallery-bar .nextControl:hover { opacity: 1; }
.gallery-bar .prevControl:hover { opacity: 1; }
.gallery-bar .pager { position: absolute; left: 0px; bottom: 42px; width: 100%; text-align: center; z-index: 999; }
.gallery-bar .pager span { display: inline-block; margin: 0 3px; cursor: pointer; width: 26px; height: 3px; background: #fff; text-indent: -9999px; }
.gallery-bar .pager span.cycle-pager-active { cursor: default; background: #424242; }
h3.home-title { letter-spacing: 0; padding: 11px 20px 11px 25px; position: absolute; left: 6px; top: 16px; background: rgba(0,0,205,0.58); z-index: 99; color: #fff; font-size: 30px; line-height: 34px; font-family: 'Nunito', serif; font-weight: 600; text-transform: capitalize; }
h3.home-title i { font-size: 28px; margin-right: 5px; }
.gallery-bar .gallery-btn { transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; position: absolute; left: 0px; font-family: 'Roboto', sans-serif; font-weight: 100; text-decoration: none; top: 0px; width: 100%; height: 100%; background: rgba(4,16,26,0.7); text-align: center; line-height: 400px; padding-top: 135px; color: #fff; font-size: 76px; }
.gallery-bar .slide:hover .gallery-btn { opacity: 1; }


/******* Instagram Feed *******/
#instafeed{ z-index: 10;}

.gallery-bar #instafeed a{ position: absolute; width: 100%; height: 100%; background-size: cover;}

.gallery-bar .ig_overlay{ position: absolute; bottom: -5px; width: 100%; background: rgba(255,255,255,0.8); left: 0px; padding: 20px 0px;}
.gallery-bar .ig_overlay .overlay-left{ float: left; width: 40%; padding-left: 35px;}
.gallery-bar .ig_overlay .overlay-right{ float: right; width: 60%; text-align: right; padding-right: 35px;}


.gallery-bar .ig_overlay .overlay-left img{ max-height: 45px; max-width: 45px; border-radius: 50%; vertical-align: middle; padding-right: 10px;}
.gallery-bar .ig_overlay .overlay-left span{ font-size: 18px; font-weight: bold;}
.gallery-bar #instafeed .ig_overlay .overlay-left a{ position: relative; display: inline-block; text-decoration: none; width: auto; height: auto; border: none;}

.gallery-bar .ig_overlay .overlay-right .fa{ font-size: 16px; color: #0000cd; height: 45px; line-height: 45px;}
.gallery-bar .ig_overlay .overlay-right{font-size: 16px; font-weight: bold; height: 45px; line-height: 45px;}
.gallery-bar .ig_overlay .likes{ float: right;}
.gallery-bar .ig_overlay #time{float: right; margin-left: 30px;}

/*****GALLERY-BAR - Video Options*****/
.gallery-bar.widget{}
.gallery-bar .video_container{ background: #6b6b6b; min-height: 680px;}
.gallery-bar .video_box{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.gallery-bar .video_box iframe,.gallery-bar  .video_box embed{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.gallery-bar .home_video_description{ width: 100%; border-top: solid 5px #424242;}
.gallery-bar .video_text_content{ padding: 30px 55px 55px 55px; text-align: left;}
.gallery-bar .video_text_content h3{ font-size: 39px; font-weight: bold; font-family: 'Lora', serif; letter-spacing: -1px; color: #ffffff;}
.gallery-bar .video_text_content p{ font-size: 14px; line-height: 24px; font-weight: normal; font-family: 'Nunito', serif; color: #ffffff;}

.gallery-bar .video_box_medialibrary {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.gallery-bar .video_box_medialibrary iframe,
.gallery-bar .video_box_medialibrary object,
.gallery-bar .video_box_medialibrary embed,
.gallery-bar .video_box_medialibrary video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.gallery-bar .vod_player{ width: 100% ;}
.gallery-bar .mejs-container{ width: 100% !important; position: absolute !important; height: 100% !important;}
.gallery-bar .mejs-layer{width: 100% !important; height: 100% !important;}
.gallery-bar .mejs-container .mejs-controls{
	/*bottom: 40px!important;
	width: 90%!important;*/
}

/*****EVENTS-BAR*****/
.events-bar { padding: 5px 6px 0 0; width: 42.3%; overflow: hidden; position: relative; }
.events-bar .event { height: 382px; background: url(custom/images/event-bg.jpg) center top no-repeat; background-size: cover; }
.events-bar h3.home-title { left: 0px; background: rgba(0,0,205,0.85); }
.events-bar .view-all { padding: 18px 0 0 64px; font-size: 12px; line-height: 16px; text-transform: uppercase; font-family: 'Nunito', serif; font-weight: 500; color: #fff; position: absolute; right: 0px; top: 0px; background: url(custom/images/view-bg.png) right top no-repeat; width: 154px; height: 152px; text-align: center; z-index: 99; }
.events-bar .view-all span { display: block; margin: auto; position: relative; width: 24px; padding-bottom: 2px; }
.events-bar .view-all span i.fa-calendar-o { display: block; font-size: 23px; line-height: 30px; }
.events-bar .view-all span i.fa-long-arrow-right { display: block; font-size: 11px; line-height: 24px; position: absolute; left: 6px; bottom: 2px; }
.events-bar ul { padding-top: 88px; margin-left: 24px; width: 356px; }
.events-bar li { padding: ; margin-bottom: 14px; width: 100%; overflow: hidden; }
.events-bar li .left { width: 25.6%; height: 79px; text-align: center; float: left; background: rgba(0,0,205,.65); padding: 14px 0 11px; }
.events-bar li .left span { display: block; color: #fff; text-transform: uppercase; font-family: 'Nunito', serif; font-weight: 700; font-size: 12px; line-height: 14px; } 
.events-bar li .left strong { display: block; color: #fff; font-size: 42px; line-height: 40px; font-family: 'Nunito', serif; font-weight: 700; letter-spacing: -0.03em; } 
.events-bar li .right { padding: 14px 18px 5px; height: 79px; text-align: left; color: #fff; width: 74.4%; float: left; background: rgba(66,66,66,.85); }
.events-bar li:first-child .right { padding-top:8px; }
.events-bar li .right a { color: #fff; text-decoration: none; font-size: 20px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; }
.events-bar li .right small { display: block; font-size: 12px; padding: 7px 0 2px 2px; font-family: 'Nunito', serif; font-weight: 300; letter-spacing: -0.03em; }
.events-bar li .right small i { padding-right: 4px; }
.events-bar .eventsnextControl { transition: all 0.3s; -webkit-transition: all 0.3s; width: 45px; height: 41px; text-align:center; line-height: 41px; background: #0000cd; display: block; float:left; color: #fff; font-size: 23px; padding-top: 9px; }
.events-bar .eventsprevControl { transition: all 0.3s; -webkit-transition: all 0.3s; width: 45px; height: 41px; text-align:center; line-height: 41px; background: #0000cd; display: block; float:left; color: #fff; font-size: 23px; padding-top: 9px;}
.events-bar .eventsnextControl:hover { background: #424242; }
.events-bar .eventsprevControl:hover { background: #424242; }
.events-bar .button { position: absolute; right: 6px; bottom: 0px; }

/***** FEATURED STORY - SECTION 2 ******/
.events-bar.editor .story{ height: 382px; display: table; width: 100%;}
.events-bar.editor .story .story-content{display: table-cell; vertical-align: middle; margin: 0 auto; text-align: center; padding-top: 40px;}
.events-bar.editor .story .story-content div{ background: rgba(66,66,66,0.7); width: 90%; display: inline-block; text-align: left; padding: 20px;}
.story .story-content h4{ color: #fff; font-size: 28px; line-height: 31px; font-family: 'Lora', serif; font-weight: normal;}
.story .story-content h6{ color: #fff; font-size: 14px; line-height: 21px; font-family: 'Lora', serif; font-weight: normal; font-style: italic; padding: 0; letter-spacing: normal;}
.story .story-content p{ color: #fff; font-size: 14px; line-height: 27px; font-family: 'Nunito', serif; font-weight: normal;}
.story .story-content a{color: #fff; text-decoration: none;}
.story .story-content a:hover{ color: #0000cd;}

/*****ANNOUNCEMENT-BAR*****/
.announcement-bar { padding: 5px 6px 0 0; width: 42.3%; overflow: hidden; position: relative; }
.announcement-bar .announcement { padding: 104px 25px 0; min-height: 293px; background: url(custom/images/announcement-bg.jpg) center top no-repeat; background-size: cover; }
.announcement-bar h3.home-title { left: 0px; background: rgba(0,0,205,0.85); }
.announcement-bar .left { width: 49%; float:left; }
.announcement-bar .right { width: 49%; float:right; }
.announcement-bar span { transition: all 0.3s; -webkit-transition: all 0.3s; padding: 5px 15px 2px; color: #fff; position: relative; display: block; background: rgba(0,0,205,0.85); font-size: 20px; line-height: 24px; font-family: 'Lora', serif; font-weight: normal; }
.announcement-bar span i { position: absolute; right: 18px; top: 5px; }
.announcement-bar small { transition: all 0.3s; -webkit-transition: all 0.3s; display: block; background: rgba(66,66,66,0.85); letter-spacing:-0.02em; color: #fff; font-size: 12px; line-height: 15px; padding: 28px 15px 15px; min-height: 113px; }
.announcement-bar a { display: block; text-decoration: none; }
.announcement-bar a:hover span { background: rgba(0,0,205,1); }
.announcement-bar .right small { padding-top: 13px; }

/***** HOME PAGE BLOG ****/

.announcement-bar .announcement.blog{ padding: 0; position: relative;}
.home_blog_container{ width: 100%; background: rgba(66,66,66,0.85); position: absolute; bottom: 0px;}
.home_blog_content{padding: 20px 80px 20px 20px; position: relative;}
.home_blog_content h4{padding: 0; color: #fff; font-size: 30px; line-height: 125%; font-family: 'Lora', serif; font-weight: normal; }
.home_blog_content p{ color: #fff; font-size: 14px; line-height: 19px; font-family: 'Nunito', serif; font-weight: normal;}
.home_blog_content p.blog-date{ font-weight: 500;}
.home_blog_content .blog_link_arrow{ color: #fff; font-size: 23px; position: absolute; right: 40px; top:49%;}

/*****STATEMENT-BAR*****/
.statement-bar { padding: 55px 0; width: 100%; overflow: hidden; position: relative; text-align: center; }
.statement-bar .wrapper { border-top: 1px solid #f1f1f1; padding: 45px 15px 5px; max-width: 1274px; }
.statement-bar h2 { text-align: center; color: #424242; font-family: 'Lora', serif; font-weight: normal; font-style: italic; font-size: 31px; line-height: 37px; letter-spacing: -0.01em; }
.statement-bar h2:after { content: ''; display: block; margin: 27px auto; width: 53px; height: 3px; background: #0000cd; }
.statement-bar .btn { text-decoration: none; text-transform: uppercase; display: inline-block; background: #ffc60b; color: #000000; border-radius: 5px; -webkit-border-radius: 5px; font-size: 19px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; padding: 18px 16px; }
.statement-bar .btn:hover { background: #6b6b6b; }

/***** TOOL FIXES AND OVERRIDES *******/
.calendar_options ul.category{ list-style: none; display: none; margin: 0 auto; padding: inherit;}
.calendar_options ul.category li{ padding-left: 10px;}

.calendar_grid_day{
      	font-size: 10px !important;
      	font-size:0.625rem !important;
}
.detail_minical .calendar_grid .calendar_grid_headings th{
	font-size: 0.875rem !important;
}
.calendar_grid td{
	padding: 0rem !important;
}

.event_top{ float: none; min-height: 400px;}

.detail_profiles .staff_header .profile ul li a {color: #ffffff;}

.staff_sec tr td{ text-align: left;}
.staff_sec tr th.dir-name{ padding-left: 0; }
.mejs-container .mejs-inner .mejs-controls {display:none!important;}
.detail_minical .calendar_center {position:relative; left: 70%;} 
.vod_border {border: none;}
.library, .single {margin: 0 auto;}

/*****ENHANCEMENT****/

.quicklinks {width: 100%;text-align:center; float:left; background: #6b6b6b; border-top: 6px solid #a7a8ad; }
.quicklinks ul {margin:10px 0;}
.quicklinks ul li{color: #ffffff; display: inline-block;}
.quicklinks ul li a{color: #ffffff; font-size: 16px; font-family: 'Nunito', serif; line-height:normal;  }
.quicklinks ul li a:hover {color: #ffd503;}
/***********************/	
/*****MEDIA QUERIES*****/
/***********************/

@media only screen and (max-width: 1359px) {

	.slider-bar .caption { left: 0px; margin-left: 0px; padding-left: 15px; }
	.slider-bar .caption strong, h1#page_heading { font-size: 60px; }
	h3.home-title { font-size: 26px; }
	footer .school-logo { margin-left: 15px; }
	footer p { padding-right: 15px; }

	.gallery-bar .nextControl { right: 30px; }
	.gallery-bar .prevControl { left: 30px; }

}

@media only screen and (max-width: 1279px) {

	.slider-bar .caption strong, h1#page_heading { font-size: 45px; line-height: 50px; }
	.slider-bar .caption span { font-size: 22px; line-height: 28px; }
	.slider-bar .caption { width: 640px; padding-right: 20px; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 17px; padding: 15px 25px; line-height: 20px; }

	h3.home-title { font-size: 20px; line-height: 28px; padding-left: 20px; }
	h3.home-title i { font-size: 22px; }

	.announcement-bar .announcement { padding: 80px 15px 0; }
	.events-bar ul { padding-top: 80px; margin-left: 15px; width: 310px; }
	.events-bar li .left strong { font-size: 34px; }
	.events-bar li:first-child .right { padding-top: 7px; }
	.events-bar li .left { height: 70px; padding: 10px 0; width: 24%; }
	.events-bar li .right { width: 76%; height: 70px; padding: 15px 15px 5px; }
	.events-bar li .right a { font-size: 17px; line-height: 18px; }
	.events-bar li .right small { padding: 4px 2px 2px; }

	.statement-bar { padding: 60px 0 50px; }

	.search-field .search-close-btn { margin-right: 0px; right: 50px; }
	.search-field { padding: 250px 0; }

	.middle_column.with_right { width: 70%; }
	.three_column .right_column { width: 28%; }

	blockquote { padding: 20px 30px 25px; }

	header #logo { width: 300px; }
	.search-sec .search-btn { width: 110px; height: 114px; line-height: 98px; }
	.search-field { top: 132px; }

}

@media only screen and (max-width: 1023px) {

	.gallery-bar { width: 100%; float: none; }
	.events-bar, .announcement-bar { width: auto; margin-left: 6px; }

	.slider-bar .slide {  }
	.slider-bar .caption::after { display: none; }
	.slider-bar .caption { width: 500px; }
	.slider-bar .caption strong, h1#page_heading { font-size: 36px; line-height: 40px; padding-bottom: 5px; }
	.slider-bar .caption span { font-size: 18px; line-height: 24px; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 15px; line-height: 18px; padding: 10px 20px; }
	#banner { min-height: 440px; }

	#breadcrumbs a { font-size: 13px; }
	#breadcrumbs span { padding: 0 5px; }
	.w_right .middle_column { padding: 20px; width: 65%; }
	.w_right .right_column { width: 33%; }

	h2{font-size:30px; line-height:34px; }
	h3{font-size:26px; line-height:30px; }
	h4{font-size:22px; line-height:28px; }
	h5{font-size:20px; line-height:22px; }
	h6{font-size:20px; line-height:22px; }

	.statement-bar h2 { font-size: 26px; line-height: 30px; }
	.statement-bar h2::after { margin: 22px auto; }

	.announcement-bar .announcement { padding-bottom: 20px; min-height: 100px; overflow: hidden; }
	.announcement-bar .announcement.blog{min-height: 250px;}
	.events-bar .event { height: auto; padding-bottom: 30px; }
	.search-field { padding:200px 0; }

	.search-field .field { font-size: 30px; width: 500px; }

	.statement-bar { padding: 35px 0; }
	.statement-bar .wrapper { padding: 25px 15px 0px; }
	
	.video_container{min-height: inherit;}

}

@media only screen and (min-width: 767px) {
	#inside_nav{display: block !important;}
}

@media only screen and (max-width: 767px) {

	header #logo { width: 31px; padding: 10px 0; }
	.search-sec .search-btn { height: 62px;line-height: 62px; width: 62px; font-size: 18px; }

	footer #footer-logo { width: 51px; }
	footer li a { font-size: 28px; line-height: 34px; }
	footer li { padding: 0 4px; }
	footer address { font-size:13px; }
	.statement-bar h2 { font-size: 20px; line-height: 24px; padding: 0 15px; }
	.announcement-bar .left, .announcement-bar .right { width: 100%; }
	.announcement-bar .left { margin-bottom: 15px; }
	.announcement-bar span { font-size: 18px; line-height: 22px; }
	.announcement-bar .announcement.blog{padding: 100px 0px;}
	.home_blog_container{ position: relative;}
	.statement-bar h2::after { margin: 20px auto; }
	.statement-bar { padding: 30px 0; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 14px; padding: 10px 18px; }
	.statement-bar h2 br { display:none; }
	.slider-bar {padding-top: 151px!important;}
	
	#utility-navigation{ height: auto;}
	#utility-navigation .wrapper{ padding: 0px;}
	header.sticky #utility-navigation ul{position: absolute; right: auto; left:0px; text-align: left; }

	.events-bar ul { width: 100%; margin: 0; padding: 80px 15px 0px; }
	.events-bar .event { padding-bottom: 50px; } 
	.events-bar .view-all { background: #424242; width: auto; height: auto; display: inline-block; padding: 10px; margin-left: 15px; }
	.announcement-bar small, .announcement-bar .right small { min-height: 10px; padding: 20px; }
	.announcement-bar span br { display: none; }

	.gallery-bar .slide { min-height: 400px; }
	.gallery-bar { min-height: 400px; }
	.gallery-bar .gallery-btn { padding-top: 10px; line-height: 370px; }
	.search-field { top: 96px; }
	.search-field .search-close-btn { right: 30px; top: 15px; background-size: 18px; }
	.search-field { padding: 130px 20px; }
	.search-field .field { width: 100%; }

	.slider-bar .caption { width: 100%; text-align: center; bottom: 15px; }
	.slider-bar .slide {}
	.slider-bar .caption strong, h1#page_heading { font-size: 28px; line-height: 32px; }
	.slider-bar .caption span { font-size: 14px; line-height: 18px; padding-bottom: 10px; }
	.slider-bar .more-btn, .statement-bar .btn { padding: 8px 15px; font-size: 13px; }
	.slider-bar .caption strong { font-size: 24px; }
	.slider-bar .more-btn { float: none; display: inline-block; }

	#banner { margin: 0 0 15px; min-height: 10px; }
	h1#page_heading { padding: 80px 0; }
	.full .middle_column { padding: 15px; }
	blockquote { padding: 15px 10px; margin: 0px 0 20px; }
	#main_container p { padding-bottom: 18px; }
	.right_content h6 { padding-bottom: 20px; }
	.right_content { padding: 25px 15px 15px; }
	.middle_column.with_right { padding: 15px; }
	h5 { font-size: 16px; line-height: 18px; }
	#main_container p { line-height: 22px; }

	#banner.no_banner h1#page_heading { padding: 30px 0; }

	.middle_column, .right_column { width: 100% !important; }
	.right_column { margin-top: 15px !important; float:none !important;}

	.nav-drop { display: block; }
	.nav-drop a { display: block; background: #0000cd; color: #fff; font-size: 18px; font-weight: 500; line-height: 40px; text-decoration: none; font-weight: 700; padding: 0 25px; text-align: center; }
	.nav-drop a.sideMenu i { display: inline-block; font-size: 16px; margin: 10px 0 0 10px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: inline-block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }

	.right_per_detail { margin-bottom: 20px; }
	#main_container { padding-bottom: 20px; }

	.events-bar { padding-top: 0; }

}

@media only screen and (max-width: 640px) {
	.gallery-bar .ig_overlay .overlay-left,.gallery-bar .ig_overlay .overlay-right{ width: 100%; text-align: center; padding: 0px;}
	.gallery-bar .ig_overlay #time,.gallery-bar .ig_overlay .likes{ float: none; display: inline-block;}
	.gallery-bar .ig_overlay #time{margin-left: 0px; margin-right: 25px;}
}

@media only screen and (max-width: 479px) {

	#main_container .pull-left { float: none; }
	
	header.sticky #utility-navigation ul{text-align: left; left: 0px; right: auto;}
	header.sticky .search-sec .search-btn{width: 45px;}
	
	.slider-bar .caption{bottom: 0px;}
	.slider-bar .caption strong{font-size: 14px;line-height: 125%;}
	.slider-bar .caption span{font-size: 12px; line-height: 100%;}
	.slider-bar .more-btn{font-size: 11px; padding: 4px 7px;}
	
	.calendar_grid td a span{
      	font-size: 0.875rem!important;
 	}
 	.calendar_grid .calendar_grid_headings th{
      	font-size: 0.8rem!important;
 	}

}

/* SM 3.0 CSS */

.tool_content, #inside_nav font-family: 'Nunito', serif;}