/*-----------------------------------------------------------------------------------

	Theme Name: Hazel Park, MI
	Front-end Developer: Richard Opiniano
	Author Design: Samir Alley @samiralley
	Author URI: http://www.revize.com/
	Date: 12/11/17

-----------------------------------------------------------------------------------*/

/* -----------------------------------------

#basic styles

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
body{background:#fff;font-size:16px;line-height:1.5;font-family:'Georgia',serif;color:#333e44;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

/* -----------------------------------------

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:21px}
h5{font-size:16px}
h6{font-size:14px}
/*.header{font-size:28px;color:#111;margin-bottom:30px}*/
.subheader{font-family:'Source Sans Pro',sans-serif;font-size:24px;font-weight:bold;line-height:1;color:#1e2323}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}
/* -----------------------------------------

#links

-----------------------------------------*/
a,a:visited{color:#0f99ee;text-decoration:underline;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
a:hover,a:focus{color:#0f99ee}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:10px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

/* -----------------------------------------

#images

-----------------------------------------*/
img{max-width:100%;height:auto}
a img{border:none}

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
  margin: 0 0 20px 20px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 20px 0;
}

/* -----------------------------------------

#buttons

-----------------------------------------*/
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:13px 33px;background:#4a050c;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Lato',sans-serif;text-transform:uppercase;transition:all .3s;letter-spacing:.2em}
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#F0F5F8;color:#4a050c !important}
.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#F0F5F8;color:#4a050c !important}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

/* -----------------------------------------

#forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:'Georgia',serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus{color:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
.gsc-control-cse *{box-sizing:content-box}

/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}

/* -----------------------------------------

#rz notify

-----------------------------------------*/
.e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)}
.e-notify img{display:none}
.e-notify i{margin-right:4px!important}
.e-notify a{position:absolute;top:0;bottom:0;left:0;right:0}

/* -----------------------------------------

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px;}
.floating-alert h5{color:#ffc140;margin:0 0 10px;font-family:'Georgia',serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}

/* -----------------------------------------

#rz edit

-----------------------------------------*/
.social-links {display: inline-block!important;position:  relative;top: 3px;}
#homepage .social-edit {display: block!important;position: absolute;top: 0;left: 0;}
.sliderbtn{position: absolute;left:0;right:0;top:15px;z-index:80;text-align:center}
.float_button_above{top:0;z-index:1}
.sliderEditBtn{text-align:center}
.quicklinkbtn{position:absolute;text-align:center;left: 0;right:0;z-index:82}
#calendar{min-height:600px}
/* -----------------------------------------

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;transition:all .3s;top:200px;z-index:90;display:inline-block;background:#fff;font-size:14px;font-family:'Source Sans Pro',sans-serif;padding:10px 15px}
#skip:focus{left:30px}
body{overflow-x:hidden}
.container{max-width:100%;width:1170px}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,
.toggle,
.toggle2{display:none}
header{position:relative;z-index:200;background:#4a050c}
#nav{padding:0 0 0 13px;margin:0;position:relative;z-index:1}
#nav li{position:relative;margin:0;display:inline-block;padding:16px 0}
#nav a,#nav span{display:block;font-family:'Lato',sans-serif;font-size:18px;font-weight:bold;letter-spacing:.025em;color:#fff;text-decoration:none;transition:all .3s;line-height:32px;padding:0 17px;border-right:1px solid #652a30}
#nav li:last-child>a{border:none}
#nav ul{position:absolute;left:0;top:100%;padding:0;margin:0;width:250px;background:#fff;display:none}
#nav li:hover>ul{display:block}
#nav ul ul{left:100%;top:0}
#nav ul li{display:block;padding:0}
#nav ul a,#nav ul span{border-right:none;padding:15px 25px;font-size:16px;font-weight:normal;color:#4a050c;line-height:normal;border-bottom:1px solid #f1f1f1}
#nav ul a:hover,#nav ul span:hover{background:#f1f1f1}
#controls{padding-top:12px}
#social{display:inline-block}
/* #social a{font-size:16px;color:#fff;line-height:40px;width:40px;text-align:center;text-decoration:none;margin-left:2px}
#social .fa-twitter{background:#11d5ff}
#social .fa-facebook{background:#116bff} */
.social-links>a {display: inline-block;font-size: 25px;margin-right: 8px;line-height: 1;color: #fff;}
.social-links .goog-te-gadget-simple{background:transparent;font-size:0;border:none}
.social-links .goog-te-gadget,.social-links #translate, .social-links .goog-te-gadget-simple{height: 23px;padding:0;margin:0;line-height: 1;}
.social-links .goog-te-gadget img{display:none}
.social-links .goog-te-gadget-simple:after{content:"\f27a";color:#ffffff;font:normal normal normal 22px/1 'FontAwesome';position:relative;left: -10px;top: 0;}
#translate {width: 35px;display:  inline-block;overflow: hidden;position:  relative;top: 3px;}
#search{display:inline-block;margin-left:4px;position:relative;top:-1px;padding-right:35px}
.search-form{margin:0;position:relative;max-width:100%;width:297px}
.search-form input{border:none;height:40px;padding-left:51px;padding-right:70px;font-size:14px;font-family:'Source Sans Pro',sans-serif;color:rgba(74,5,12,.5)}
.search-form input::-webkit-input-placeholder{font-size:14px;font-family:'Source Sans Pro',sans-serif;color:rgba(74,5,12,.5)}
.search-form input:-moz-placeholder{font-size:14px;font-family:'Source Sans Pro',sans-serif;color:rgba(74,5,12,.5)}
.search-form input::-moz-placeholder{font-size:14px;font-family:'Source Sans Pro',sans-serif;color:rgba(74,5,12,.5)}
.search-form input:-ms-input-placeholder{font-size:14px;font-family:'Source Sans Pro',sans-serif;color:rgba(74,5,12,.5)}
.search-form input:focus{border:none}
.search-form label{position:absolute;left:16px;top:9px;margin:0;width:17px}
.search-form button{position:absolute;right:26px;top:10px;background:none;font-family:'Source Sans Pro',sans-serif;font-weight:bold !important;color:#bbe5fd !important;font-size:16px;padding:0;letter-spacing:0}
#logo{display:inline-block;position:absolute;left:45px;top:20px;z-index:80;width:175px}
#logo h1{margin:0;line-height:1}
#homepage #main{margin-top:-119px}
#main-links{position:relative;z-index:81;margin:0 0 51px}
#main-links .owl-item{margin-top:38px}
.main-link{display:block;text-decoration:none !important;text-align:center;background:#f0f5f8;font-size:24px;color:#0b1828 !important;padding:53px 15px 43px}
.main-link img{max-width:76px;display:block;margin:0 auto;position:absolute;left:0;right:0;top:-38px}
.main-link strong{font-size:14px;letter-spacing:.1em;color:#077d8a;font-family:'Source Sans Pro',sans-serif;display:block;margin-top:7px}
#popular-links{background:#0b1828;padding:65px 53px 49px;margin-bottom:50px}
#popular-links h2{margin:0 0 15px;text-transform:uppercase;font-size:18px;font-weight:900;color:#bbe5fd;font-family:'Lato',sans-serif}
#popular-links>a{display:block;text-decoration:none;font-size:18px;color:#fff;line-height:20px;border-bottom:1px solid #24303e;padding:17px 0;transition:all .3s}
#popular-links>a:hover{color:#bbe5fd}
#popular-links>a:last-child{border:none}
#about-us{background:url(../images/bg-about.jpg) center no-repeat;background-size:cover;padding:64px 98px 113px}
#about-us h2{margin:0 0 38px;font-family:'Lato',sans-serif;font-weight:900;color:#fff}
#about-us-freeform{font-size:18px;line-height:2;color:#fff}
#about-us-freeform p{margin-bottom:36px}
#about-us .btn{margin-top:10px}
#events{background:#4c0007;padding:106px 139px 100px 0;margin-right:-15px}
#events h3{margin:0 0 44px;font-family:'Lato',sans-serif;font-weight:900;color:#fff;font-size:48px}
#events-list{margin-bottom:92px}
#events .btn{background:#da4c00 !important}
#events .btn:hover{background:#F0F5F8 !important}
#news{background:#f0f5f8;margin-left:-15px;padding-top:106px;padding-left:96px;padding-bottom:100px}
#news h3{margin:0 0 46px;font-size:48px;font-weight:900;color:#0b1828;font-family:'Lato',sans-serif}
#news-list{margin-bottom:70px}
.news{margin-bottom:30px;display:block;text-decoration:none !important;background:#fff}
.news:last-of-type{margin:0}
.news-banner{width:200px;height:170px}
.news-info{padding:30px 46px;overflow:hidden}
.news-date{font-size:14px;color:#303b42;margin-bottom:10px}
.news h4{margin:0;font-family:'Source Sans Pro',sans-serif;color:#e26541;font-size:24px;line-height:28px}
footer{background:#0b1828;font-size:13px;color:#fff;padding:30px 15px}
#footer-text{display:inline}
#revize{display:inline}
#revize a{color:#fff;text-decoration:none}
.slider_link_wrap{position:absolute;top:70%;z-index:60;background:rgba(0,0,0,.5);left:0;right:0;text-align:center;height:100px}
.slider_link{display:block!important;animation-name:example;animation-duration:20s;text-transform: capitalize;animation-iteration-count: 2;}
@keyframes example {
0%   {left:0;font-size:34px;text-shadow:none}
5%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
10%  {left:0;font-size:34px;text-shadow:none}
15%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
20%  {left:0;font-size:34px;text-shadow:none}
25%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
30%  {left:0;font-size:34px;text-shadow:none}
35%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
40%  {left:0;font-size:34px;text-shadow:none}
45%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
50%  {left:0;font-size:34px;text-shadow:none}
55%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
60%  {left:0;font-size:34px;text-shadow:none}
65%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
70% {left:0;font-size:34px;text-shadow:none}
75%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
80%  {left:0;font-size:34px;text-shadow:none}
85%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
90%  {left:0;font-size:34px;text-shadow:none}
95%  {left:0;font-size:38px;text-shadow: 2px 2px #00b7dd;}
100%  {left:0;font-size:34px;text-shadow:none}
}
/* -----------------------------------------

#inner

-----------------------------------------*/
#breadcrumbs{background:#0b1828;font-size:14px;line-height:20px;color:#fff;padding:18px 59px}
#breadcrumbs a{text-decoration:none;color:#fff}
#breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';font-size:12px;margin:0 7px 0 12px}
#freeform #main{position:relative}
#freeformbg{position:absolute;left:0;top:0;bottom:0;background:#e9f0f4;z-index:-1}
#freeform #slider{height:308px}
#flyout-wrap{padding:93px 53px 94px 59px;width:23.809523809523807%}
#flyout-wrap h2{margin:0 0 21px;font-size:24px;font-family:'Source Sans Pro',sans-serif;line-height:29px;color:#22252a}
#flyout{margin:0 0 73px;padding:0}
#flyout li{margin:0;display:block;position:relative}
#flyout a,
#flyout span{text-decoration:none;padding:15px 0;display:block;border-bottom:1px solid #d5dbdf;font-size:16px;color:#333e44;transition:all .3s}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#f14f2e}
#flyout ul a,
#flyout ul span{font-size:13px;padding:10px 15px;width:180px;border-color:rgba(0,0,0,.1);color:#fff}
#flyout ul a:hover,#flyout ul span:hover{background:rgba(0,0,0,.1)}
#flyout li:hover > ul{display:block}
#flyout li:last-child>a{border:none}
#department-contact{background:#cbd9e1;padding:42px 50px 34px;font-family:'Source Sans Pro',sans-serif;display:none;}
#department-contact h2{margin:0 0 22px;font-size:24px;color:#1e2323;line-height:29px}
.department-contact{margin-bottom:12px}
.entry{width:76.190476190476193%;padding:55px 100px 63px 99px}
.fullwidth .entry{padding-left:59px;padding-right:59px; margin:0 auto}
#page-title{text-transform:uppercase;font-size:48px;font-family:'Source Sans Pro',sans-serif}
/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left}
.modal-header h4{font-size:30px}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;vertical-align:top;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;border-radius:0;border:0;background:#94969E!important;color:#fff!important;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;padding:10px}
.floating-share-btn span{display:block;margin-top:5px;letter-spacing:.05em;font-weight:bold}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height:926px;position:relative}
#slider-caption{position:absolute;left:0;right:0;top:0;bottom:0}
#slider-caption #posRel{position:relative;z-index:80;top:-74px}
#slider-caption #caption{width:679px;max-width:100%;display:block;margin:0 auto}
#slider-caption #scroll{width:26px;display:block;margin:0 auto;position:absolute;left:0;right:0;bottom:30px}
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height:100%!important}

.bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden}
.bx-wrapper *{margin:0;padding:0}
.bx-wrapper img{max-width:100%;display:block}

.bxslider{list-style:none}
.bxslider > li:nth-child(n+1){display:none}

/* pager */
.bx-wrapper .bx-pager{text-align:center}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}

/* direction controls */
.bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-prev{left:-40px}
.bx-wrapper .bx-next{right:-40px;background-position:100% 0!important}
.bx-wrapper:hover .bx-next{opacity:0.6;right:20px}
.bx-wrapper:hover .bx-prev{opacity:0.6;left:20px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1}

/* -----------------------------------------

#media queries

-----------------------------------------*/
@media only screen and (max-width:1524px){
	#nav a{font-size:16px;padding:0 15px}
}

@media only screen and (max-width:1440px){
	.search-form{width:240px}
	#department-contact{padding:25px}
}

@media only screen and (max-width:1363px){
	#nav a{font-size:14px;padding:0 10px}
	.social-links .goog-te-gadget-simple:after, .social-links>a {font-size: 20px;}
.social-links>a{margin-right: 2px;}
.social-links .goog-te-gadget-simple:after {top: 2px;left: -12px;}
}

@media only screen and (max-width:1280px){
	.search-form{width:200px}
}

@media only screen and (max-width:1199px){
	#controls{padding-top:15px;padding-bottom:15px;text-align:left;border-top:1px solid rgba(0,0,0,.6)}
	#social{margin-top:0}
	.search-form{width:300px}
	#flyout-wrap{width:30%}
	.entry{width:70%}
}

@media only screen and (min-width:992px) {
	#flyout,#nav{display:block!important}
	#search{display:inline-block !important}
	#flyout-toggle,.toggle-children{display:none}
	#nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block;margin-left:8px}
  	#flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
}

@media only screen and (max-width:991px) {
	#freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important}
	#freeform #formwizziwmorf tr table tr{display:table-row!important}
	#freeform #formwizziwmorf tr table td{display:table-cell!important}
	#toggles-wrap{padding-top:15px;padding-bottom:15px}
	#search-toggle,#nav-toggle{height:40px;width:40px;line-height:40px;text-align:center;border-radius:4px;border:1px solid rgba(255,255,255,.5);color:#fff;margin:0}
	#search-toggle{margin-right:10px}
	.toggle,
	.toggle2,
	#nav-toggle{display:inline-block;cursor:pointer}
	.down-arrow{display:none} /* if not hidden above */
	#nav{display:none;padding:0}
	#nav li{float:none;display:block;padding:0}
	#nav li a,
	#nav li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;border-right:none;color:#fff !important}
	#nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2);width:100%}
	#nav li:hover > ul{display:none}
	#nav ul a,
	#nav ul span{width:100%}
	#nav ul ul{left:0}
	#nav .toggle,#nav .toggle2,.toggle-children{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:44px;width:44px;line-height:44px;text-align:center}
	#nav li li:hover > a{background:none;color:#fff}
	#controls{padding-top:0;padding-bottom:0}
	#search{display:none;padding:15px 0}
	.search-form{width:100%}
	#logo{top:15px;left:15px;width:80px}
	#slider{height:700px}
	#slider #posRel{top:auto}
	#popular-links{padding:50px 15px 30px}
	#about-us{padding:50px 15px}
	#events{margin:0 !important;padding:50px 15px !important}
	#news{margin:0 !important;padding:50px 15px !important}
	#breadcrumbs{padding:18px 15px}
	#flyout-wrap{float:none !important;width:auto;padding:0}
	#flyout-wrap h2{display:none}
	#flyout-toggle{padding:15px}
	#flyout{display:none}
	#flyout li{}
	#flyout li a,
	#flyout li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;color:#000 !important}
	#flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)}
	#flyout ul a,
	#flyout ul span{width:100%}
	#flyout li:hover > ul{display:none}
	#freeformbg{display:none}
	#department-contact{padding:20px 15px}
	.entry{float:none !important;width:auto;padding:50px 15px !important}
	.floating-share-btn{top:auto;bottom:0}
	#page-title{font-size:38px}
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
	.floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
	.floating-alert{font-size:12px}
	.floating-alert h6{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px;padding:7px 12px!important}
	.share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
	.share-btns i{display:block;line-height:50px!important;font-size:20px}
	#slider-caption #scroll{bottom:15px}
	#slider{height:600px}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
	#slider-caption #scroll{bottom:5px}
	#slider{height:550px}
	.news-banner{float:none !important;height:auto;padding-bottom:50%;width:100%}
	.news-info{padding:20px}
}

@media print {
	nav,
	#flyout-wrap,
	#breadcrumbs,
	.e-notify{display:none!important}
	a[href]:after{content:none!important}
}

.alert h1{color: #fff;}
