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

	Theme Name:Jefferson County
    Author HMTL,CSS,and JS:Richard Opiniano
	Author Design:Alex Parent
	Author URI:http://www.revize.com/
	Date:8/2/17

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

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

#basic styles

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900|Prata:400');
body{background:#fff;font-size:15px;line-height:1.333333333333333;font-family:'Roboto',sans-serif;color:#484848;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

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

#typography

-----------------------------------------*/
th.header.headerSortDown {width: 236.011px!important;}
.breadcrumbs pre {display: none;}
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-size:22px;font-family:'Prata',serif;color:#212f40}
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:11px 32px;background:#212f40;color:#749cce!important;border:0;border-radius:5px;display:inline-block;font-size:14px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Roboto',sans-serif;text-transform:uppercase;transition:all .3s}
.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:#749CCE;color:#fff !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:#749CCE;color:#fff !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:'Roboto',sans-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:absolute;z-index:99999;bottom:20px;margin:0;right:25px;background:rgba(33,47,64,.95);color:#fff;padding:30px;font-size:14px;width:350px;border-radius:4px}
.floating-alert h1{color:#749cce;margin:0 0 10px;font-family:'Roboto',sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important;background:#749CCE;color:#212F40 !important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}

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

#rz edit

-----------------------------------------*/
.topNavBtn{position:absolute;left:0;right:0;top:0;text-align:center}
.sliderbtn{position:absolute;left:0;right:0;bottom:0;text-align:center;z-index:80}
.quicklinkbtn{text-align:center}
.news1EditBox{position:absolute;left:0}
.news2EditBox{position:absolute;left:0;z-index:1}
/* -----------------------------------------

#main

-----------------------------------------*/
body{overflow-x:hidden}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,
.toggle,.toggle2,.down-arrow{display:none}
.container{max-width:100%;width:1200px}
#logo{display:inline-block}
#logo img{max-width:137px;width:100%}
header{position:absolute;left:85px;right:85px;z-index:100;padding:23px 0 0;transition:all .2s}
#nav{padding:0;margin:0;text-align:center}
#nav li{display:inline-block;margin:0;text-align:left}
#nav a{display:block;font:bold 18px/1 'Roboto',sans-serif;color:#fff;text-transform:uppercase;text-decoration:none;padding:18px 16px;transition:all .2s}
#nav>li>ul{position:absolute;left:0;right:0;top:100%;background:#212F40;-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;padding:0;margin:0;padding:30px;}
#nav ul ul{padding:0;margin:0;display:block}
#nav ul{display:none}
#nav>li>ul>li{display:block;page-break-inside:avoid;margin-bottom:30px}
#nav>li>ul>li>a{margin-bottom:10px}
#nav ul li{width:100%}
#nav ul a{padding:5px 0;text-transform:none;font-weight:500}
#nav li:last-child>a{border:none}
#nav li:hover>ul{display:block}
#nav>li>ul>li>a{color:#FFC140 !important}
#search{max-width:200px;width:100%;display:inline-block;margin-top:5px}
.search-form{margin:0;position:relative}
.search-form input{background:rgba(255,255,255,.3);border:none;height:45px;border-radius:5px;padding-right:50px;color:#fff !important;font-size:12px;font-weight:500}
.search-form input:focus{border:none}
.search-form input::-webkit-input-placeholder{color:#fff;font-size:12px;font-weight:500}
.search-form input:-moz-placeholder{color:#fff;font-size:12px;font-weight:500}
.search-form input::-moz-placeholder{color:#fff;font-size:12px;font-weight:500}
.search-form input:-ms-input-placeholder{color:#fff;font-size:12px;font-weight:500}
.search-form button{position:absolute;right:16px;top:0;background:none;font:normal 20px/45px 'FontAwesome' !important;padding:0}
#quick-links{background:#212f40;padding:31px 0 29px 0}
#quick-links .container{width:1415px}
#qlinks a{float:left;display:block;text-decoration:none !important;width:20%;text-align:center}
#qlinks a:hover span{color:#749CCE}
#qlinks a img{max-width:53px;width:100%;margin-bottom:7px}
#qlinks a span{display:block;font:500 13px/14px 'Roboto',sans-serif;color:#fff;text-transform:uppercase;transition:all .2s}
#news{padding:74px 0 75px 0}
#news-header{margin:62px 0 43px 0}
#news-header h2{margin:0;font:36px/1 'Prata',serif;color:#212f40;float:left}
#news-header span{display:block;font:18px/1 'Roboto',sans-serif;color:#749cce;text-transform:uppercase}
#news-header .btn{float:right;position:relative;bottom:-3px}
#news-list>div:last-of-type{margin:0}
.news{margin-bottom:24px}
.news-date{color:#749cce;text-transform:uppercase;display:block;font-size:14px;color:#749cce;font-weight:bold;margin-bottom:1px}
.news-title{text-decoration:none;font-size:20px;line-height:22px;color:#484848 !important}
#news-banners{min-height:443px;position:relative;margin-left:-30px}
#news-banners>div{position:absolute; box-shadow:-1px 5px 28.8px 3.2px rgba(0,0,0,0.1); }
.banner.first{height:286px;max-height:100%;width:430px;max-width:100%;bottom:0;left:0;z-index:1}
.banner.second{position:absolute;right:0;bottom:43px;height:400px;width:300px;max-width:100%;max-height:100%}
#events{background:url(../images/bg-events.jpg) center center no-repeat;background-size:cover;padding:100px 0 87px 0}
#events-header h2{margin:0;font:36px/1 'Prata',serif;color:#212f40;float:left}
#events-header span{display:block;font:18px/1 'Roboto',sans-serif;color:#749cce;text-transform:uppercase}
#events-header .btn{float:right;position:relative;bottom:-2px}
footer{background:#212f40;padding:48px 0 55px 0}
#connect-header span,#resources-header span{font-size:14px;line-height:1;color:#749cce;font-weight:bold;text-transform:uppercase}
#connect{font-size:0}
#connect-header{margin-bottom:9px}
#social{padding-left:16px}
#social a{display:inline-block;color:#fff;text-decoration:none;font-size:18px;margin-right:5px}
#resources{text-align:center;font-size:0}
#resources-header{margin-bottom:9px}
#resources-links a{display:block;text-decoration:none;color:#fff;font-size:14px;line-height:18px;color:#fff}
#revize{text-align:right}
#revize p{margin:0;color:#fff;font-size:14px;line-height:1;font-weight:bold}
#revize-link,#revize-login{text-decoration:none;color:#749cce}
#revize-link:after{content:'|';color:#fff;margin:0 3px}
#resources-links a:hover,#social a:hover{color:#749cce;transition:all .2s}
#revize a:hover{color:#fff;transition:all .2s}
/* -----------------------------------------

#inner

-----------------------------------------*/
#freeform.news-list main{padding:46px 0 47px 0}
#freeform.news-list #news-list>div:first-of-type{padding-top:0}
#freeform.news-list #news-list>div:last-of-type{padding-bottom:0;border:none}
#freeform.news-list .news{border-bottom:1px solid #dfe8f3;margin:0;padding:26px 0 25px 0}
#freeform.news-list .news-desc p{margin:0}
#freeform header{position:relative;left:auto;right:auto;padding:0 85px}
#freeform #logo{margin:22px 0 0}
#freeform #nav a{color:#212f40;line-height:114px;padding-top:0;padding-bottom:0}
#freeform #nav ul a{color:#fff;line-height:1;padding:5px 0}
#freeform .search-form input{background:#d5e1f0;color:#212f40 !important}
#freeform .search-form button{color:#212f40 !important}
#freeform .search-form input::-webkit-input-placeholder{color:#212f40}
#freeform .search-form input:-moz-placeholder{color:#212f40}
#freeform .search-form input::-moz-placeholder{color:#212f40}
#freeform .search-form input:-ms-input-placeholder{color:#212f40}
#freeform #search{margin:28px 0 0}
#freeform-slider{height:320px;position:relative}
#freeform main{padding:50px 0 30px 0}
#page-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:80;margin:0 auto;max-width:100%;width:1200px;padding:0 15px}
#page-title h1{margin:0;font-size:55px;color:#fff;line-height:1.1;font-family:'Prata',serif;text-shadow: 0px 0px 7.6px rgba(0, 0, 0, 0.59);position:relative}
#flyout-wrap{background:#212f40;position:relative;z-index:1;padding:28px 0 7px 0;border-radius:5px}
#flyout-toggle,.toggle-children{display:none}
#flyout-wrap h2{margin:0 30px 0 30px;font-size:22px;color:#ffc140;font-family:'Prata',serif;line-height:1.1}
#flyout li:last-child>a{border:none}
#flyout{margin:0;padding:0}
#flyout li{margin:0;display:block;position:relative;padding:0 30px}
#flyout a,
#flyout span{text-decoration:none;padding:18px 0;display:block;border-bottom:1px solid rgba(255,255,255,.25);font-size:15px;color:#fff}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background: #212f41;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);}
#flyout ul li{padding:0}
#flyout ul a,
#flyout ul span{font-size:13px;padding:10px 15px;width:180px;border-bottom:1px solid rgba(0,0,0,.1);color: #fff;}
#flyout li:hover>ul{display:block}

.breadcrumbs{font-size:13px;text-transform:capitalize;margin-top:15px}
.breadcrumbs p{margin:0;color:#fff}
.breadcrumbs a{text-decoration:none;color:#ffc140}
.breadcrumbs i{font-size:13px;margin:0 4px}

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

#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{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;height:50px;width:50px;border-radius:0;border:0;background:#749CCE!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}

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

#bxslider

-----------------------------------------*/
#slider{height:900px;position:relative}
#slider li{position:relative}
#slider li:after{content:'';position:absolute;left:0;right:0;top:0;height:159px;background:url(../images/shadow.png) top left repeat-x;background-size:contain}
#slider-caption{position:absolute;text-align:center;left:0;right:0;top:50%;transform:translateY(-50%);z-index:80;max-width:100%;width:1200px;padding:0 15px;margin:26px auto 0 auto}
#slider-caption span{display:block;color:#749cce;text-transform:uppercase;text-shadow:0px 0px 30.45px rgba(0,0,0,0.7);font-weight:bold;font-size:28px}
#slider-caption span:first-of-type{margin-bottom:14px}
#slider-caption h1{margin:0;color:#fff;font:75px/normal 'Prata',serif;text-transform:uppercase;text-shadow:0px 0px 6.51px rgba(0,0,0,0.59)}
#slider-caption span:last-of-type{margin-top:4px}
#slider-caption div{position:relative;padding:86px 0}
#slider-caption div:after{content:'';position:absolute;left:100px;right:100px;top:-100px;bottom:-100px}
#slider-caption img{position:absolute;top:0;left:0;right:0;margin:0 auto}
#scroll{position:absolute;left:0;right:0;bottom:13px;text-align:center}
#scroll a{display:inline-block;position:relative;z-index:81}
#scroll a img{max-width:54px;width:100%;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite}
@-webkit-keyframes bounce {0%,20%,50%,80%,100% {-webkit-transform:translateY(0)} 40% {-webkit-transform:translateY(-30px)}60% {-webkit-transform:translateY(-15px)}}
@-moz-keyframes bounce {0%,20%,50%,80%,100% {-moz-transform:translateY(0)}40% {-moz-transform:translateY(-30px)}60% {-moz-transform:translateY(-15px)}}
@-o-keyframes bounce {0%,20%,50%,80%,100% {-o-transform:translateY(0)}40% {-o-transform:translateY(-30px)}60% {-o-transform:translateY(-15px)}}
@keyframes bounce {0%,20%,50%,80%,100% {transform:translateY(0)}40% {transform:translateY(-30px)}60% {transform:translateY(-15px)}}
.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:1600px){
	#nav a{padding:18px 10px;font-size:16px}
}

@media only screen and (max-width:1367px){
	header{left:0;right:0}
	#freeform header{padding:0}
	.alert{position:fixed}
}

@media only screen and (max-width:1199px){
	#nav a{padding:18px 5px;font-size:14px}
}

@media only screen and (min-width:992px) {
	#flyout,#nav{display:block!important}
	#freeform #nav{height:auto !important}
	#search{display:inline-block !important}
}

@media only screen and (max-width:991px) {
	/* rz form tables - without page scope this targets editforms and makes
	 * editing confusing
	 */
	#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}
	.toggle,.toggle2,#nav-toggle{display:inline-block;cursor:pointer}
	.down-arrow{display:none} /* if not hidden above */
	header{position:relative;padding:0}
	#homepage header{background:#212f40}
	#logo{padding:15px 0;margin:0 !important}
	#logo img{max-width:100px}
	#toggles-wrap>div{display:inline-block;text-align:center}
	#toggles-wrap>div:first-of-type{border-right:1px solid rgba(0,0,0,.3)}
	#nav-toggle,#search-toggle{margin-bottom:0;cursor:pointer;color:#fff;font-size:22px}
	#freeform #nav-toggle,#freeform #search-toggle{color:#212f40}
	header .col-xs-12{min-height:initial}
	#nav{display:none;margin:0 -15px;border-top:1px solid rgba(0,0,0,.2);background:#212f40}
	#nav li{float:none;display:block;position:relative;margin:0 !important}
	#nav li a,
	#nav li span{padding:15px !important;line-height:1 !important;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;color:#fff !important;margin:0 !important}
	#nav ul{position:static !important;top:0;padding:0;background:rgba(0,0,0,.2);}
	#nav ul li{width:100%}
	#nav>li>ul{-webkit-column-count:1;-moz-column-count:1;column-count:1;padding:0}
	#nav li:hover>ul{display:none}
	#nav>li>ul>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;display:block}
	#nav li li:hover>a{background:none;color:#fff}
	#search{display:none;max-width:100%;padding:15px 0;border-top:1px solid rgba(0,0,0,.2);margin:0 !important}
	#slider{height:650px}
	#slider-caption span{font-size:22px}
	#slider-caption h1{font-size:60px}
	#slider-caption img{max-height:100%}
	#news{padding:50px 0 20px 0}
	#news-header{margin-top:0}
	#news-header h2{float:none;margin:0 0 15px}
	#news-header .btn{float:none;position:static}
	#news-banners{min-height:initial;margin:0}
	#news-banners>div{position:static;margin:30px auto;width:100%;height:auto;padding-bottom:50%}
	#page-title h1{font-size:40px}
	#flyout-toggle{display:block;cursor:pointer;padding:15px;color:#fff}
	#flyout-wrap{padding:0;margin-bottom:30px}
	#flyout-wrap h2,#flyout{display:none}
	#flyout li{padding:0}
	#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:#fff !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}
	#connect{margin-bottom:30px}
	#social{padding:0}
	#resources{text-align:left;margin-bottom:30px}
	#revize{text-align:left}
}

	/* 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 h1{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}
	#logo img{max-width:70px}
	#slider-caption div{padding:0}
	#slider-caption img{display:none}
	#slider-caption span{font-size:18px}
	#slider-caption h1{font-size:40px}
	#slider{height:500px}
	#quick-links{padding:0}
	#qlinks a{float:none;width:auto;border-bottom:1px solid rgba(0,0,0,.15);padding:15px 0;text-align:left}
	#qlinks a:after{content:'';display:block;clear:both}
	#qlinks a br{display:none}
	#qlinks a img{float:left;max-width:35px;margin:0 15px 0 0}
	#qlinks a span{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	#qlinks a:last-of-type{border:none}
	#page-title h1{font-size:30px}
}

/* 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) {
	#events-header h2{float:none;margin:0 0 15px}
	#events-header .btn{position:static;float:none}
}

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