@import url("//fonts.googleapis.com/css?family=Ubuntu:400,300italic,300,400italic,500,500italic,700,700italic");

/*****RESET*****/
@import url("custom/css/reset.css");
* { 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: 16px; font-size: 16px; color: #000000; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; background: #fbf9f9; }
p{ padding-top: 20px; font-size:16px; line-height:23px; color:#000000;}
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, 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; }
.wrapper { max-width: 1245px; position: relative; margin: auto; }

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

[href^="tel"] { cursor: default; }
[href^="tel"]:hover { text-decoration: none !important; color: inherit !important }

/*****GENERAL*****/
a { color:#000000; text-decoration:none; transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; }

a:focus { outline: none; }
a:hover{text-decoration:underline;}
ul, ol { margin: 0; list-style: none;}
.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: 'Ubuntu',Arial, Helvetica, sans-serif; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
p{ padding-top: 20px; font-size:16px; 23px; color:#000000;}
p a{ color:#000000; }
h1 {font-size:26px; line-height:31px; color:#003399;}
h2 {font-size:24px; line-height:28px; color:#003399;}
h3 {font-size:22px; line-height:26px; color: #003399; }
h4 {font-size:20px; line-height:22px; color:#003399; font-weight: bold; border-top: solid 2px #000000; border-bottom: solid 2px #000000; padding: 15px 0px 15px 0px; margin-top: 10px; margin-bottom: 10px; width: 100%; display: inline-block;}
h5 {font-size:18px; line-height:23px; color:#003399;}
h6 { padding-bottom: 7px; font-size:16px; line-height:20px;color:#003399; }
.alignright { float:right; margin:0 0 10px 10px; border:2px solid #000000;}
.alignleft { float:left; margin:0 10px 10px 0; border:2px solid #000000;}

#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: #000000 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; }

blockquote { padding: 16px 0px 16px; position: relative; margin-top: 30px; overflow: hidden; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
blockquote h4 { color: #003399; line-height: 22px; font-weight: 500; font-size: 16.59px; }


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

/****header****/
header { width: 100%; float: left; position: relative; background: #fbf9f9; }

/*****TOP-BAR*****/
.top-bar { padding: 31px 0 25px; width: 100%; float: left; position: relative; }
.top-bar .logo { width: 35%; float: left; }
.top-bar .right { width: 45%; float: right; }
.top-bar .right ul{ text-align: right;}
.top-bar li { margin: 0 1.5%; display:inline-block; position: relative; }
.top-bar li.menu_right{ margin-top: -5px;}
.top-bar li a { font-size: 30px; color: #4b4b4d; width: 30px; height: 30px; }
.top-bar li a svg { fill: #4b4b4d; width: 30px; height: 22px; }
.top-bar li a span.soc1{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc1.png') no-repeat;}
.top-bar li a:hover span.soc1{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc1_hvr.png') no-repeat;}
.top-bar li a span.soc2{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc2.png') no-repeat;}
.top-bar li a:hover span.soc2{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc2_hvr.png') no-repeat;}
.top-bar li a span.soc3{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc3.png') no-repeat;}
.top-bar li a:hover span.soc3{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc3_hvr.png') no-repeat;}
.top-bar li a span.soc4{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc4.png') no-repeat;}
.top-bar li a:hover span.soc4{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc4_hvr.png') no-repeat;}
.top-bar li a span.soc5{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc5.png') no-repeat;}
.top-bar li a:hover span.soc5{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc5_hvr.png') no-repeat;}
.top-bar li a span.soc6{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc6.png') no-repeat;}
.top-bar li a:hover span.soc6{ height: 30px; width: 30px; display: block; background: url('/custom/images/soc6_hvr.png') no-repeat;}
.top-bar li a span{ background-size: 30px 30px !important;}
.top-bar li a img{ height: 30px; width: 30px; vertical-align: middle;}
.top-bar li a.active { color: #003399; } 
.top-bar li a:hover { color: #003399; } 
.top-bar li a:hover svg { fill: #003399; } 
.top-bar li ul ul { background: #fff; }
.top-bar li ul li a { padding: 2px 15px 5px 12px; font-size: 16.59px; color: #000000; text-transform: none; line-height: 22px; font-weight: 400; display: block; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; border-left: 4px solid #e9e9e9; width: 100%; } 
.top-bar li ul li { padding: 4px; margin: 0px; width: 100%; border: 1px solid #e9e9e9;}
.top-bar li ul li:hover a { text-decoration: none; color: rgb(0,91,187); border-left: 4px solid rgb(0,91,187); }
.top-bar li .drop_level2_wrapper { position: absolute; left: -240px; top: 55px; display: none; border: 1px solid #acacac; z-index: 999; }
.top-bar li ul { padding: 15px; float: left; text-align: left; width: 288px; z-index: 999; position: relative; background: #fff; }
.top-bar li ul:before { content: ""; position: absolute; width: 24px; height: 13px; top: -13px; right: 24px; z-index: 9999; background: url(custom/images/menu-arrow2.png) no-repeat; } 
.top-bar .search { padding: 16px; width: 285px; float: left; border-bottom: 1px solid #003399; border-right: 1px solid #003399; display: none; position: absolute; right: -50px; top: 45px; }
.top-bar .search input[type="text"] { padding: 10px 16px; width: 100%; float: left; line-height: 22px; font-size: 16.59px; font-weight: 400; color: #000000; border: 2px solid #acacac; background: url(custom/images/input-line.png) no-repeat 3px center; }
.top-bar .search_bar .fa{ vertical-align: top;}
.top-bar li.menu_right .fa{ vertical-align: bottom;}

/*****SLIDER-BAR*****/
.bottom-bar { width: 100%; float: left; position: relative; z-index: 9;  }
.bottom-bar.inside{background: #003399 /*url('/custom/images/banner_heading_bg.png')*/; background-repeat: no-repeat; background-position: left center; background-size:9%; position: relative;}
.cycle-slideshow{z-index: 10;}
.bottom-bar .slide { overflow: hidden; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.bottom-bar .slide img{ width: 100%; max-width: 100%; height: auto;}
.bottom-bar .caption { /*padding: 280px 0px 80px;*/ width: 100%; float: left; text-align: center; position: absolute; bottom:15%; z-index: 100; }
.bottom-bar .caption span { padding: 0.5% 35px; display: inline-block; font-size: 32px; line-height: 42px; color: #fbf9f9; }
.bottom-bar .caption span.divider{ border-top: 3px solid #fbf9f9; width: 20%; margin: 0 auto; text-align: center; display: block;}
.bottom-bar .caption a{ color: #fbf9f9; }
.bottom-bar .pager { width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 80px; position: absolute; z-index: 9999; text-align: center; vertical-align: top; }
.bottom-bar .pager span { display: inline-block; margin: 0 6px; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; text-indent: -9999px; border: 3px solid #fbf9f9; background: #fbf9f9; }
.bottom-bar .pager span.cycle-pager-active, .bottom-bar .pager span:hover { position: relative; border: 3px solid #fbf9f9; background: #003399; }
.bottom-bar h2 { font-size: 62px; line-height: 105px; font-weight: 300; color: #fbf9f9; }
.bottom-bar .banner { width: 70%; float: right; height: auto; position: relative; }
.bottom-bar.inner #mainnav { position: relative; }
.bottom-bar .banner h1 { padding: 0 0 38px 15px; border-left: 2px solid #fbf9f9; position: absolute; bottom: 0px; color: #fbf9f9;}
.page_heading.with_banner{ width: 30%; float: left;} 
.page_heading.with_banner h1{ color: #fbf9f9; text-transform: uppercase; position: absolute; width: 20%; padding-bottom: 5%; left:10%; padding-left: 10px; bottom: 0px; border-left: solid #fff 2px;}
.page_heading.with_banner h1.long-title{ margin-top: 20%;}
.bottom-bar .banner .wrapper { position: static; }
.bottom-bar .no-banner { padding: 15px 0; width: 100%; float: left; background: #003399; }
.bottom-bar .no-banner h1 { padding: 0 0 0px 15px; border-left: 2px solid #fbf9f9; color: #fbf9f9;}

.single_video_header{margin-bottom: 40px;}

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

/*****service bar*****/
.service-bar { /*padding: 0px 0 80px;*/ width: 100%; float: left; background: #fbf9f9; }
.service-bar .top_btn { margin-bottom: 30px; width: 100%; float: left; background: #003399; }
.service-bar .top_btn li { 
	float: left; 
	display: inline-block;
	width: 25%;
	text-align:center;
	background: #003399; 
	background: -moz-linear-gradient(left, #003fb1 1%, #002781 100%); 
	background: -webkit-linear-gradient(left, #003fb1 1%,#002781 100%); 
	background: linear-gradient(to right, #003fb1 1%,#002781 100%); 
	transition: ease-in 0.2s; 
	-webkit-transition: ease-in 0.2s;
}
.service-bar .top_btn li a { 
	padding: 21px 10px;
	text-align: center; 
	color: #fbf9f9; 
	font-size: 20px; 
	display: inline-block; 
	text-transform: uppercase; 
	font-weight: 500;  
}
.service-bar .top_btn li:hover {
	background: #003399; 
	background: -moz-linear-gradient(left, #0071cb 1%, #0046ab 100%); 
	background: -webkit-linear-gradient(left, #0071cb 1%,#0046ab 100%); 
	background: linear-gradient(to right, #0071cb 1%,#0046ab 100%); 
}
.service-bar .top_btn li a:hover { text-decoration: none; }
.service-bar .wrapper { padding: 0 55px; }

.service-bar .gap { position: relative; width: 100%; float: left; }
.news-slideshow.row2{ margin-top: 10px;}
.service-bar .news-slide {  width: calc(25% - 3px); height: auto; display: inline-block;}
.service-bar .news-slide.row2{}
.service-bar .news-slide img { float: left; width: 100%; }

.service-bar .slide_container{ width: 100%;}/* event image update - added by will 1-17-19 **/
.service-bar .event_img{ background-size: cover; background-position: center; width: 100%; }/* event image update - added by will 1-17-19 **/
.service-bar #news-prev { position: absolute; left: -45px; top: 50%; transition: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 26px; height: 92px; cursor: pointer; background: url(custom/images/prv_btn.png) left top no-repeat; }
.service-bar #news-next { position: absolute; right: -45px; top: 50%; transition: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 26px; height: 92px; cursor: pointer; background: url(custom/images/next_btn.png) left top no-repeat; }
.service-bar  #news-prev:hover { background-position: left bottom; }
.service-bar  #news-next:hover { background-position: left bottom; }
.service-bar .overlay { padding: 12px 10px; width: 100%; float: left; position: absolute; left: 0px; bottom: 0px; background: rgba(75,75,77,0.9); }
.service-bar .gap .text { padding-bottom: 3px; font-size: 16.59px; color: #fbf9f9; display: block; font-weight: 500; padding-right: 55px;}
.service-bar .gap small { font-size: 12.44px; color: #fbf9f9; display: block; font-weight: 500; }
.service-bar .gap a { width: 100%; float: left; position: relative; overflow: hidden; color: #fff;}
.service-bar .gap .date { width: 50px; height: 52px; position: absolute; right: 4px; top: -12px; text-align: center; background: url(custom/images/date-back.png) no-repeat ; background-size: 50px 52px; }
.service-bar .gap .day { padding-top: 3px; font-weight: 500; font-size: 23px; display: block; color: #fbf9f9; margin-top: 2px;}
.service-bar .gap .month { color: #fbf9f9; font-size: 9.68px; display: block; font-weight: 500; margin-top: 5px;}
.service-bar .gap .one { margin-bottom: 13px; width: 100%; float: left; background: #003399;}
.service-bar .gap .one:last-child { margin-bottom: 0px; }

.service-bar .editor { margin-right: 13px; background: #e9e9e9; }
.service-bar .editor .editor_img { float: left; padding-right: 35px; }
.service-bar .editor h3.toolhead{ background: none; color: #003399; text-align: left; }
.home_editor_content{  padding: 25px;}
.service-bar .editor p{ text-align: left;}

.service-bar .gap a.read_more{ float: right; width: auto; text-align: center; position: relative; margin-top: 2%; margin-right: 5%; color: #fbf9f9; font-size: 14px; background: #003399; padding: 0px 8px 0px 8px; text-transform: uppercase; font-weight: bold; overflow: visible; height: 36px; line-height: 36px; transition:  none; -webkit-transition: none;}
.service-bar .gap a.read_more:hover{ text-decoration: none; background: #003399;}
.service-bar .gap a.read_more::after{ content:""; background: url('/custom/images/readmore_bg.png'); position: absolute; width: 40px; height: 36px; right: -35px; top: 0px;}
.service-bar .gap a.read_more:hover::after{ content:""; background: url('/custom/images/readmore_bg_hvr.png'); position: absolute; width: 40px; height: 36px; right: -35px; top: 0px;}

.home_pictorial{ width: 100%; display: block;}
.home_pictorial .cycle-slide{ }
.home_pictorial .cycle-slide-active{ display: block;}
.home_pictorial .cycle-slide ul li{ width: 360px; display: inline-block; float:left; margin: 10px; background: #4b4b4d; vertical-align: top; min-height: 425px;}
.home_pictorial .cycle-slide ul{ width: 100%; display: block; margin: 0 auto; text-align:center; float:left;}
.home_pictorial .cycle-slide ul li .event{}
.home_pictorial .cycle-slide ul li #text{}
.home_pictorial .cycle-slide ul li h4{ color: #fff; text-align: left; line-height: normal; font-weight: normal; text-transform: uppercase; margin: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; float:left; white-space: normal; border:none;}
.home_pictorial .cycle-slide ul li p{ color: #fff; text-align: left; margin: 0;padding-top: 0px; padding: 0px 10px 10px 10px; float: left; white-space: normal;}
.home_pictorial .cycle-slide ul li img{ width: 100%; height: auto; float:left;}

.hometool.editor{ width: 100%; display: block; background: #e9e9e9; display: block; float: left;}
.hometool.editor .editor_img{ float: left; width: 35%;}
.hometool.editor .editor-readmore{ position: relative; float: right; margin-top: 35px; margin-right: 10px; background: url(/custom/images/readmore_bg.png) no-repeat; color: #fff; font-size: 16px; line-height: 35px; display: block; width: 157px; height: 35px; padding-left: 10px;}
.hometool.editor .editor-readmore:hover{background: url(/custom/images/readmore_bg_hvr.png) no-repeat; text-decoration: none;}
.hometool.editor .home_editor_content{ width: 65%; float: left; padding: 15px;}
.hometool.editor h3.toolhead{ color: #003399; text-transform: uppercase; font-size: 24px; padding: 15px; float: left; width: 40%; display: inline-block; margin-top: 35px; padding-bottom: 0px;}
.hometool.editor .home_editor_content p{ font-size: 16px; line-height: 125%; color: #000000; text-align: left;}


/****INSIDE PAGE****/
#main_container { padding-bottom: 40px; margin-top: 45px; /*overflow: hidden;*/ width: 100%; float: left;font-size: 16px; line-height: 24px; }
.middle_column ul, .middle_column ol{ list-style: circle; /*display: inline-block;*/ margin-left: 25px; margin-top: 15px; font-size: 16px; clear: both;}
#main_container p a { color: #000000; font-weight: 700; }
#main_container p a:hover { color: #003399; text-decoration: none; }
#main_container .pull-right { margin: 0 0 20px 40px; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #000000; }
.full .middle_column { display: block; width: 100%; }
.w_right .middle_column { width: 67.4%; display: inline-block; }
.w_right .right_column { width: 24.5%; float: right; }
h3.toolhead { padding: 18px 18px 17px; color: #fbf9f9; background: #003399; }
.right_per_detail { padding-bottom: 20px; overflow: hidden; background: #e9e9e9; margin-bottom: 35px; }
.right_content { padding: 20px 20px 0; }
.right_content img { margin-bottom: 15px; }
.nav-drop { display: none; }
.right_content h6{ color: #000000;}

.left_column { margin-right: 35px; width: 24.5%; float: left; } 
.middle_column.with_left { width: 72.5%; float: left; }
.middle_column.with_right { margin-right: 35px; width: 72.5%; float: left; }

#main_container.full .middle_column.with_left { width: 100%; float: left; }

.middle_column.with_both { margin-right: 32px; width: 45.5%; float: left; }
.right_column { width: 24.5%; float: right; }

.right_content ul, .right_content ol{ list-style: disc; margin: 20px 0px 20px 25px;}

/****footer****/
footer { width: 100%; float: left; position: relative; }

/**** footer-bar ****/
.footer-bar { padding-top: 10px; width: 100%; float: left; position: relative; background: #e9e9e9; }
.footer-bar .top { padding: 18px 0; width: 100%; float: left; background: #003399; }
.footer-bar h3, .footer-bar p { color: #ffffff; font-size: 24px; font-weight: normal; text-align: center; text-transform: uppercase; padding: 0px;}
.footer-bar .bottom { padding: 35px 0 90px; width: 100%; float: left; }
.footer-bar .left { width: 30%; float: left; padding-top: 50px;}
.footer-bar .right { margin-top: 20px; width:60%; float: right; }
.footer-bar .bottom h4 { margin-bottom: 22px; color: #003399; font-weight: 500; font-size: 20px; border:none;}
.footer-bar .column { width: 36%; float: left; }
.footer-bar .column:nth-child(2) { width: 36%; }
.footer-bar .column:nth-child(3) { width: 25%; }
.footer-bar .bottom li { margin-bottom: 13px; width: 100%; float: left; color: #003399; font-size: 14.52px; }
.footer-bar .bottom li a { color: #003399; font-size: 14.52px; }
.footer-bar .bottom li a:hover { color: #003399; text-decoration: none; }

.credit{ float: right;}
.credit img{max-width: 45px;}

/***** Tool Fixes *****/

img.thumb_page_image{display: inline-block;}

.with_both .detail_facultylist .staff_sec tr td.dir-link {float:right; }
.detail_profiles .staff_header .profile ul li a {color: #ffffff;}

.mejs-container .mejs-inner .mejs-controls {display:none!important;}

/******ENHANCEMENTS********/

.enquiry { position: fixed; right: 0; top: 40%; z-index: 999; }
.enquiry li { margin-bottom: 20px; display: block; text-align: center; }
.enquiry li a { width: 150px; height: 62px; border-left: 4px solid #004aae; display: block; font-size: 19px; font-size: 1.1875rem; font-size: 1.1875rem; text-transform: uppercase; line-height: 62px; line-height: 3.875rem; color: #ffffff; font-family: 'Ubuntu',Arial, Helvetica, sans-serif; font-weight: 700; }
.enquiry li:first-child a { background: rgba(0,51,153,0.7); }
.enquiry li:first-child a:hover { text-decoration: none; background: #003399; }

.mission-statement {background: #e9e9e9; float: left; padding:3% 6%;}
.mission-statement .mission_editor p{color: #000000; font-size: 20px; line-height: 30px; font-weight: bold; text-align:center; padding-top:0;}
.gap.mission-statement {margin: 50px 0;}
/***************************************************************/
/************************ MEDIA QUERIES ************************/	
/***************************************************************/

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


.wrapper { padding: 0 15px; max-width: 1200px; }

.service-bar .top_btn li { width: 25%; }

.middle_column.with_both { margin-right: 30px; width: 45%; }
.middle_column.with_right { width: 72%; }
.w_right .right_column { width: 24%; }
.left_column { width: 24%; }
.middle_column.with_left { width: 72%; }

}

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

.wrapper { max-width: 1024px; }

.top-bar li { margin: 0 10px; }
.top-bar .right { width: 65%; }
.top-bar .search { padding: 12px; top: 32px; }
.top-bar .search input[type="text"] { padding: 9px 16px; font-size: 16px;  line-height: 20px; }

.bottom-bar h2 { font-size: 55px; line-height: 90px; }
.bottom-bar .banner { }

.service-bar .top_btn li a { width: 100%; font-size: 17px; }
/* .service-bar .news-slide { width: 298px; } */

.middle_column.with_right { margin-right: 30px; }
.left_column { margin-right: 30px; width: 25%; }
.middle_column.with_left { width: 71%; }
.middle_column.with_both { margin-right: 30px; width: 44%; }
.right_column { width: 24%; }

.footer-bar .left { width: 30%; }
.footer-bar .right { width: 66%; }

}

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

	.wrapper { max-width: 768px; }
	p { font-size: 16px; }
	h1 { font-size: 20px; line-height: 26px; }
	blockquote h4 { font-size: 16px; }

	.top-bar .logo {  }

	.bottom-bar .caption { font-size: 18px; }
	.bottom-bar .caption span { font-size: 18px; }
	.bottom-bar h2 { font-size: 28px; line-height: 80px; }
	.bottom-bar .pager span { width: 18px; height: 18px; }
	.bottom-bar .banner { }

	.service-bar .top_btn li a { padding: 19px 0px; font-size: 13px; }
	/* .service-bar .news-slide { width: 211px; } */

	.w_right .right_column { width: 25%; }
	.middle_column.with_right { width: 70%; }
	.right_content { padding: 20px 14px 0; }
	.middle_column.with_left { width: 70%; }
	#main_container { margin-top: 40px; }
	.middle_column.with_both { width: 42%; }

	.footer-bar h3 { font-size: 21px; }
	.footer-bar .right { margin-top: 6px; }
	.footer-bar .bottom h4 { font-size: 19px; }
	.footer-bar .bottom li a { font-size: 14px; }
	.footer-bar .bottom li { font-size: 14px; }
	.footer-bar .bottom { padding: 35px 0 60px; }
	
	.hometool.editor .editor_img{ margin-top: 19%;}

}

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

.wrapper { max-width: 92%; padding: 0px !important;}

	
.mm-opened a.close { display: block; }
.nav-bar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 15px; top: 9px; z-index: 8888; }
.nav-bar a.close:before, .nav-bar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #e9e9e9; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
.nav-bar a.mobilemenu { display: block; }
.nav-bar ul { display: none; }
.nav-bar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }

.mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #e9e9e9 ; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
.mobilemenu span:before{ top: -10px; transition-property:top,transform; }
.mobilemenu span:after,.mobilemenu span:before { background-color: #e9e9e9; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; }
.mobilemenu span:after{ bottom: -10px; transition-property:bottom,transform; }
.mobilemenu { display: block; font-size: 16px; color: #e9e9e9 ; height: 30px; margin-top: 5px; line-height: 32px; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; right: 15px; top: 0px; width: 85px; z-index: 9999; }

#back-to-top { display: block; }

.top-bar .logo { width: 100%; margin: 0 auto; float: none; text-align: center;}
.top-bar .logo img{ margin: 0 auto; float: none; text-align: center;}
.top-bar .right { margin-top: 27px; text-align: center; width: 100%; }
.top-bar .right ul{ text-align: center;}
#mainnav .wrapper { max-width: 100%; }
.top-bar li { margin: 0 10px; float: none; display: inline-block; }
.top-bar span.expander { display: none; }
.top-bar .search { z-index: 9999; background: #fbf9f9; right: auto; left: -158px;}
.top-bar li .drop_level2_wrapper { position: relative; left: 0px; top:18px;  }
.top-bar li ul:before{ right: 0px;}
.top-bar li ul{ position: absolute; right: 0px;}

.bottom-bar h2 { font-size: 24px; line-height: 36px; }
.bottom-bar .caption span { padding-left: 20px; font-size: 14px; line-height: 18px; padding-right: 20px; }
.bottom-bar .caption { bottom: 24%; }
.bottom-bar .pager { bottom:1%; }
.bottom-bar .banner {  }
/*.bottom-bar .banner:before { content: ""; position: absolute; top: 0px; width: 100%; height: 100%;  }*/

.page_heading.with_banner h1{ width: 19%;}
.page_heading.with_banner h1.long-title{ font-size: 17px; line-height: 125%; padding-bottom: 2%;}

.cycle-slideshow { width: 100%; float: left; }

.home_pictorial .cycle-slide ul li{}

.service-bar .top_btn li { width: 100%; border-bottom: 2px solid #fbf9f9; }
.news-slideshow{ margin: 0 auto; text-align: center;}/* updated by will 1-16-19 */
.service-bar .news-slide { width: calc(100% - 62px); }/* updated by will 1-16-19 */
.service-bar .top_btn li a { padding: 18px 0px; font-size: 14px; }
.service-bar .overlay { width: 100%; text-align: left;} /* updated by will 1-16-19 */
.service-bar .news-slide img { width: 100%; }  /* updated by will 1-16-19 */
.service-bar { padding: 45px 0; }
.single_video_header{margin-bottom: 0px;}

.middle_column.with_right { margin-bottom: 20px; width: 100%; margin-right: 0px; }
.w_right .right_column { width: 100%; }
.left_column { margin-right: 0px; margin-bottom: 20px; width: 100%; display: none; }
.middle_column.with_left { width: 100%; }
#main_container { margin-top: 30px; }
.middle_column.with_both { margin-bottom: 20px; margin-right: 0px; width: 100%; }
.right_column  { width: 100%; }
.right_per_detail { margin-bottom: 10px; }

.nav-drop { display: block; text-align: center; background: #e9e9e9 ; }
.nav-drop a.sideMenu { display: block; line-height: 40px; display: inline-block; color: #000000; font-size: 18px; text-transform: capitalize; font-weight: 500; text-decoration: none; }
.nav-drop a.sideMenu:hover { color: #003399; }
.nav-drop a.sideMenu.active { color: #003399; }
.nav-drop a.sideMenu i { float: right; margin: 13px 0 0 10px; font-size: 16px; }
.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
.nav-drop a.sideMenu.active i.fa-chevron-up { display: block; }
.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }

h3.toolhead { padding: 10px 18px 13px; }

.footer-bar .left { display: block; width: 100%; float: none; margin: 0 auto; text-align: center; }
.footer-bar .left img { margin:0 auto;}
.footer-bar .right { width: 100%; }
.footer-bar h3 { font-size: 16px; line-height: 22px; }
.footer-bar .column { margin-bottom: 15px; width: 100%; text-align: center; }
.footer-bar .column:nth-child(2) { width: 100%; }
.footer-bar .column:nth-child(3) { width: 100%; }
.footer-bar .bottom { padding: 30px 0 10px; }

.service-bar .editor .editor_img{ float: none; display: block; text-align: center; padding: 0px; margin: 0 auto;}
.service-bar .editor .editor_img img{ margin: 0 auto; text-align: center;}
.service-bar .gap a.read_more{ margin-bottom: 20px;}

.home_pictorial .slideshow{ /*margin-top: 100px;*/}
.service-bar #news-prev{ top: 50%; left: 0px; z-index: 999;/* display: none; */} /* updated by will 1-16-19 */
.service-bar #news-next{ top: 50%; right: 0px; z-index: 999; /* display: none; */} /* updated by will 1-16-19 */
	
.hometool.editor h3.toolhead, .hometool.editor .home_editor_content{ width: 100%;}

.enquiry {display: none;}
.mission-statement p {font-size: 16px; line-height: 20px;}	
.gap.mission-statement {margin: 50px 0 25px;}
}

@media only screen and (max-width: 620px) {
	.page_heading.with_banner{ width: 100%; display: block;}
	.bottom-bar.inside{ background: #003399 }
	.bottom-bar .banner{ width: 100%; display: block;}
	.page_heading.with_banner h1, .page_heading.with_banner h1.long-title{ margin: auto; width: 100%; padding: 2%; position: relative; top: 6px; left: 0px;}
	
	.home_pictorial .cycle-slide ul li{ width: 325px;}
}

@media only screen and (max-width: 460px) {
	.bottom-bar h2 { font-size: 18px; line-height: 28px; }
	.bottom-bar .caption span { padding-left: 20px; font-size: 14px; line-height: 16px; padding-right: 20px; }
	.bottom-bar .caption { top: 5%; bottom: auto;}
	.bottom-bar .pager { bottom: -49px; background: #003399; width: 100%;}
	.bottom-bar .pager span{ margin-top: 10px;}
	
	.service-bar{ padding-top: 60px;}
	
	.home_pictorial .cycle-slide ul li p{ padding-right: 45px;}
	
	.footer-bar p{ padding-lefT: 10px; padding-right: 10px;}
	
	.top-bar li ul{ right: auto; left: auto; width: 100%; position: relative;}
	.top-bar li ul:before{ right: 45%;}
	
	.home_pictorial .cycle-slide ul li{ width: 250px}
}

/* SM 3.0 CSS */
.tool_content, #inside_nav {font-family: 'Ubuntu',Arial, Helvetica, sans-serif;}
.sm3_content_building_area .middle_column.with_both{ margin-right: 30px;}