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

	Theme Name: Olney New
	Theme URI: WWW
	Description: Custom Website for City of Olney, IL
	Author: YOURNAME
	Author URI: http://www.revize.com/
	RZ Ver: 1.0.1

	Version: 1.0 / MONTH DAY, YEAR

	Table of content
	#Reset
	#Basic Styles
	#Typography
	#Links
	#RZ Document Center
	#Lists
	#Images
	#Buttons
	#Forms
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing
	#Loader
	#Header + Nav + No More IE7
	#Tabs
	#Inner Page
	#bxSlider
	#RZ Edit Butons
	#Media Queries
	
-----------------------------------------------------------------------------------*/ 

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

#Reset

-----------------------------------------*/
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,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,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;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1.6}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}

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

#Basic Styles

-----------------------------------------*/ 
body{background:#faf5e8;font:16px/21px "Lato",sans-serif,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#0f1b33;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%;color:#0f1b33;overflow:hidden}

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

#Typography

-----------------------------------------*/ 
h1,h2,h3,h4,h5,h6{color:#181818;font-family:"Lato",sans-serif,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin-bottom:10px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:28px;line-height:35px;margin-bottom:14px}
h2{font-size:24px;line-height:30px;margin-bottom:14px}
h3{font-size:22px;line-height:34px}
h4{font-size:21px;line-height:30px}
h5{font-size:17px;line-height:24px}
h6{font-size:14px;line-height:21px}
.header{font-size:24px}
.subheader{font-size:18px}
p{margin:0 0 20px 0}
p.lead{font-size:21px;line-height:27px;color:#777}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

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

#Links

-----------------------------------------*/ 
a,a:visited{outline:0}
a:hover,a:focus{color:#872d0a;background:none}
p a,p a:visited{line-height:inherit}

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

#Lists

-----------------------------------------*/ 
ul,ol{margin-bottom:20px;margin-left:30px}
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%;*max-width:none;height:auto}
a img{border:none}

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

#Buttons

-----------------------------------------*/ 
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{line-height:normal;color:#fff;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border-radius:0;-webkit-transition:all .3s;transition:all .3s;border:none;background:#222c42;box-shadow:0px 0px 0px rgba(63,81,119,.5)}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{background:#3F5177;box-shadow:7px 7px 11px rgba(63,81,119,.5)}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{background:#3F5177}
.button.full-width,
button.full-width,
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

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

#Forms

-----------------------------------------*/ 
form{margin-bottom:20px}
fieldset{margin-bottom:20px}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{color:#444;border:1px solid #999!important}
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}

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

#Loader

-----------------------------------------*/ 
#loader-wrap{position:fixed;height:100%;width:100%;padding:20% 0 0;z-index:99999;background:#19243D}
.center-wrap{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%}
.vcenter{-webkit-animation:loading .45s linear infinite;animation:loading .45s linear infinite}
.myloader{width:70px;height:70px;position:relative;margin:0 auto;background:#d1c4a1;border-radius:50%;-webkit-animation:scaler 1.4s ease-in-out infinite;animation:scaler 1.4s ease-in-out infinite}
.myloader:after{content:'';position:absolute;width:69px;height:69px;top:2px;right:0;left:0;margin:0 auto;background:#19243D;border-radius:50%}
@keyframes loading{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes scaler{50%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}
@-webkit-keyframes loading{from{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes scaler{50%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}

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

#Header + Nav + No More IE7

-----------------------------------------*/ 
html{overflow-x:hidden}
html,body{min-height:100%}
.main-wrap{position:absolute;width:100%}
.alert.no-more-ie{background:#CC3535;border:5px solid #FF6391;color:#fff;padding:20px;font-size:16px}
.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}
.alert h4{color:#ffc140;margin:0 0 10px;font-weight:bold;text-transform:uppercase;font-size:18px}
.alert .btn{padding:10px 20px;font-size:13px;line-height:normal;margin:20px 0 0 0!important}
.alert .close{padding:0;background:none!important;opacity:1;margin-left:20px;color:#fff!important;box-shadow:none}
.no-more-ie{overflow:hidden}
.no-more-ie span{float:left;width:75%}
.no-more-ie img{width:40px;padding:0 7px}
.browser-icons{width:25%;float:right;text-align:right}
.page{padding:0 0 0 200px;background:#faf5e8}
.container{max-width:100%}
.logo{margin:28px 0 40px}
.nav-wrap{position:absolute;left:0;top:0;height:100%;width:200px;background:#232d43;z-index:9999}
#nav{position:relative}
#menu-icon,.search-toggle{display:none}
.nav{width:100%;margin:0}
.nav li{position:relative;list-style:none;margin:0;width:100%}
.nav li a{color:#fff;display:block;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.nav-icon{display:block;font-size:30px;color:#6a768f;margin:0 0 5px}
.nav > li > a{text-align:center;font-weight:700;height:125px;padding:27px 15px;line-height:21px}
.nav li:hover>a{color:#d1c4a1;background:#19243D!important}/*parent stay highlighted*/
.nav > li > a:focus{background-color:#232d43}
.nav .second-level{box-shadow:none;background:none}
.nav ul{left:200px;top:0;margin:0;background:#19243D;box-shadow:12px 0px 12px rgba(0,0,0,.1)}
.nav ul a{float:none;width:200px;border-right:none;padding:9px 20px;color:#fff;font-size:12px;text-transform:none}
.nav ul li:last-child a{border:none}
.nav ul li{float:none}
.nav ul ul{display:none;position:static;overflow:hidden}
.nav-clone{font-size:25px!important;padding:20px 20px 40px!important;text-align: center}
.nav-clone:hover{color:#d1c4a1}
.nav-clone .bt-break{display:inline}
.nav-clone .nav-icon{text-align:center}
.toggle{display:none}
.follow-search{position:absolute;top:36px;right:50px;z-index:998}
.follow,.search{display:inline-block}
.follow{margin-right:27px}
.follow a{display:block;color:#fff;background:#4767d9;line-height:53px;padding:0 23px;font-family:"Lato",sans-serif;font-size:16px;letter-spacing:3px;text-transform:uppercase;font-weight:900}
.follow a{color:#fff}
.follow img{margin:-3px 3px 0 2px}
.follow a:hover{text-decoration:none;background:#0C57C8}
.search,.search-toggle,#menu-icon{-webkit-transition:all .3s;transition:all .3s}
.search form{margin:0}
.search input{border:none;padding:16px 0 16px 25px;margin:0;width:276px;font-size:16px}
.search input::-webkit-input-placeholder{color:#e7dec5;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:1.9px}
.search input::-moz-placeholder{color:#e7dec5;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:1.9px}
.search input:-ms-input-placeholder{color:#e7dec5;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:1.9px}
.search input:-moz-placeholder{color:#e7dec5;font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:1.9px}
.search button{display:none}
.translatebtn{text-align:right}
.translatebtn a{display:inline-block;color:#fff;text-shadow:3px 3px 10px rgba(15,27,51,1);margin:10px 0 0}
.translatebtn a::before{content:"\e64f";font-family:'Pe-icon-7-stroke';margin-right:3px}
.slider{position:relative;text-align:center}
.tp-bannertimer,.tparrows{display:none!important}
.cap-wrap{position:absolute;text-align:center;z-index:900;top:50%;transform:translateY(-50%);width:100%}
.caption{display:inline-block;border:10px solid #fff;color:#fff;padding:35px 56px 80px;font-size:7vw;font-family:"Vidaloka",serif;text-shadow:6px 6px 10px rgba(15,27,51,.3);box-shadow:4px 11px 27px rgba(15,27,51,.1)}
.cap-top{color:#232d43;font-size:36px;font-family:"Lato",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:15px;word-spacing:-2.6px}
.cap-top,.cap-bot{line-height:78px}
.welcome,.events,.news-item{position:relative;z-index:900;top:-117px;background:#fff;font-size:16px;line-height:28px;border:10px solid #fff;box-shadow:4px 11px 27px rgba(15,27,51,.1)}
.welcome{margin-bottom:-17px}
.welcome-image{top:-76px;padding-left:75px}
.welcome-image img{border:10px solid #fff;padding:0;box-shadow:4px 11px 32px rgba(15,27,51,.1)}
.message{padding:71px 70px 0 65px}
.message-header,.event-header{line-height:110px;font-family:"Vidaloka",serif;font-size:112px;color:#232d43;margin-bottom:40px}
.message-body{margin-bottom:43px}
.sub{display:block;font-family:"Lato",sans-serif;font-size:18px;font-weight:900;color:#d1c4a1;letter-spacing:.75px;text-transform:uppercase;line-height:normal;padding:0 0 0 7px}
.btn{line-height:58px;color:#fff;font-size:16px;font-weight:900;letter-spacing:3px;text-transform:uppercase;padding:0 39px;border-radius:0;-webkit-transition:all .3s;transition:all .3s}
.btn + .btn{margin-left: 17px}
.btn:hover,.btn:visited{color:#fff}
.btn-red{background:#d7353d;box-shadow:0px 0px 0px rgba(215,53,51,.5)}
.btn-red:hover{background:#FF494F;box-shadow:7px 7px 11px rgba(215,53,51,.5)}
.btn-blue{background:#222c42;box-shadow:0px 0px 0px rgba(63,81,119,.5)}
.btn-blue:hover{background:#3F5177;box-shadow:7px 7px 11px rgba(63,81,119,.5)}
.btn-play{position:relative;padding:0 70px 0 50px}
.btn-play:after{content:"\e624";font-family:"Pe-icon-7-stroke";font-weight:400;font-size:24px;position:absolute;right:34px;margin:0px 0 -10px}
.qlinks{padding:95px 120px 83px;margin-top:21px;background:#f5f4f4;color:#232e44;font-size:18px;font-weight:900;text-transform:uppercase}
.qlinks a{color:#232e44}
.qlinks .owl-item{display:block;text-align:center;line-height:22px;letter-spacing:1.7px}
.qlinks .owl-carousel .owl-item img{width:auto;margin:0 auto 35px}
.qlinks .btext{line-height:10px}
a.owl-item{width:100%}
.owl-wrap{position:relative}
.owl-controls{width:100%;top:22px;position:absolute}
.owl-nav{width:100%;position:relative}
.owl-prev,.owl-next{position:absolute;font-size:72px;color:#e7e7e7;border:3px solid #e7e7e7;width:42px;padding:5px 0;border-radius:20px}
.owl-prev{left:-60px}
.owl-next{right:-59px}
.owl-prev i,.owl-next i{position:relative}
.owl-prev i{right:15px}
.owl-next i{right:19px}
.events{top:0;background:url(../images/events.jpg);margin-bottom:100px}
.overlay{background:rgba(255,255,255,.9);padding:70px 0 85px}
.event-left{padding:0 15px 0 88px}
.event-left .btn{margin-left:9px}
.event-header{margin-bottom:15px}
.events .sub{margin-bottom:30px}
.event-right{position:relative}
.calendar{position:absolute;top:-139px;width:98%;border:10px solid #fff;background:url(../images/pattern.jpg);padding:70px 59px 70px;box-shadow:4px 11px 32px rgba(15,27,51,.1);overflow:hidden}
.calendar::before{content:" ";background:url(../images/cal-logo.png) no-repeat center center;width:348px;height:349px;position:absolute;bottom:-85px;right:-104px;z-index:0;}
.cal-header{font-weight:700;font-size:30px;text-transform:uppercase;text-align:center;padding:0 0 48px}
#calendar{width:100%;height:392px;position:relative;z-index:1;}
.news{text-align:center;padding:0 74px;overflow:hidden}
.latest{display:inline-block;border:3px solid #d1c4a1;border-bottom:none;color:#232d43;text-transform:uppercase;padding:45px 57px 36px;font-size:30px;font-weight:700;letter-spacing:5.85px;word-spacing:1px;text-shadow:6px 6px 10px rgba(15,27,51,.3);margin:0}
.news-items{text-align:left}
.news-items .owl-stage-outer{overflow:visible!important}
.news-item{position:relative;top:0;opacity:0;-webkit-transition:all .5s;transition:all .5s}
.detail{position:absolute;left:0;bottom:0;background:#fff;max-width:65.7%;padding:45px 50px}
.news-head{font-family:"Vidaloka";color:#133264;font-size:48px;line-height:55px;margin-bottom:25px;letter-spacing:-0.1px;word-spacing:1px}
.news-item .sub{margin:0 0 36px}
.news-items .owl-controls{top:50%}
.news-items .owl-prev{left:-72px}
.news-items .owl-next{right:-71px;padding-left:6px}
.news-items .owl-prev,.news-items .owl-next{top:-44px;width:50px;border-radius:25px;border-color:#d1c4a1;color:#d1c4a1;background:#FAF5E8}
.active .news-item{opacity:1}
.owl-effect{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid #d1c4a1;background:#FAF5E8;-webkit-transition:all .5s;transition:all .5s}
.copy{padding:130px 0px 0px;font-size:18px;font-family:"Vidaloka";color:#cfc19e}
.copy a,.bar{color:#232d43}
.foo-logo{text-align:right;padding:74px 0}


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

#Inner Page

-----------------------------------------*/ 
.banner{position:relative;z-index:900;height:390px;background:#3F5177;overflow:hidden}
.banner-cap{position:absolute;bottom:0;/*left:15.35%*/;width:100%;padding:0 15.35% 17px;z-index:900}
.dept{font-weight:900;font-size:18px;color:#d72c35;text-transform:uppercase;position:relative;top:12px;left:4px;letter-spacing:3.56px}
.page-title{font-family:"Vidaloka", serif;font-size:132px;color:#fff;line-height:normal;margin-bottom:9px}
.breadcrumbs{font-size:14px;font-weight:900;color:#fff;text-transform:uppercase;padding:0 0 0 5px}
.breadcrumbs p{margin:0}
.delimiter:before{content:'>';font-size:11px;position:relative;top:-1px}
.breadcrumbs a{color:#fff;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
#freeform .main{padding:0 0 0 40px}
#freeform .main > .container{background:#fff;font-size:16px;line-height:28px;border:10px solid #fff;box-shadow:4px 11px 27px rgba(15,27,51,.1);margin-top:63px}
#freeform.fullwidth .main{padding:0}
#menu-icon-2{display:none;cursor:pointer}
#menu-icon-2.active{color:#8f2155}
.side-title{text-transform:uppercase;font-size:18px;font-weight:900;padding:0 0 0 49px;letter-spacing:.8px;margin:0 0 15px}
#flyout{background:url(../images/fly.jpg);color:#fff;border:10px solid #fff;box-shadow:4px 11px 27px rgba(15,27,51,.1);margin:32px -21px 0px -65px;padding:42px 0 45px}
.flyout{margin:0;padding:0}
.flyout li{margin:0;list-style:none;position:relative}
.flyout>li>a{text-transform:uppercase}
.flyout li a{display:block;font-weight:900;color:#fff;text-decoration:none;padding:16px 51px;border-bottom:2px solid #2E2F59}
.flyout ul{margin:0;border-bottom:3px solid #2E2F59;display:none}
.flyout ul a{border-bottom:1px solid #2E2F59;padding:9px 55px;font-size:12px}
.flyout ul li:last-child a{border:none}
.flyout li a:hover{color:#d1c4a1;-webkit-transition:all .3s;transition:all .3s}
.toggleFly{position:absolute;right:0;top:0;height:52px;width:50px;padding:13px 0;font-size:28px;text-align:center}
.page-header{font-family:"Vidaloka", serif;font-size:72px;color:#8f2155;border:none;line-height:70px}
.post{padding:24px 75px 46px}
.post p{margin:0 0 28px}
/* toggle hovers out of media query because togglefly needs style at all sizes*/
.toggle:hover,.toggle2:hover,.toggleFly:hover{background:rgba(0,0,50,.2);color:#d1c4a1}
.e-notify{font-weight:bold;font-size:12px;background:#232D43;position:fixed;padding:4px 16px;bottom:20px;right:20px;color:#fff;border-radius:500px;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{font-size:17px;margin-right:4px;color:#6a768f;position:relative;top:3px}
.e-notify a{position:absolute;top:0;bottom:0;left:0;right:0;}

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

#Owl Slider

-----------------------------------------*/
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index: 0}
.owl-carousel .owl-animated-out{z-index: 1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity: 1}100%{opacity: 0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer {position:relative;overflow:hidden;/* fix for flashing background*/-webkit-transform:translate3d(0px, 0px, 0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded {display:block}
.owl-carousel.owl-loading {opacity:0;display:block}
.owl-carousel.owl-hidden {opacity:0}
.owl-carousel .owl-refresh .owl-item {display:none}
.owl-carousel .owl-item {position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
/* No Js */
.no-js .owl-carousel {display:block}


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

#Media Queries

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

@media only screen and (max-width:1390px){
	.news-head{font-size:4vw;line-height:60px}
	.detail{padding:40px 40px}
	.banner-cap{padding:0 8.35% 17px}
	.page-title{font-size:90px}
}

@media only screen and (min-width:992px){
	.nav{display:block!important}
	.nav > li:hover ul{opacity:1;visibility:visible}
	.nav ul{opacity:0;padding:20px 15px;visibility:hidden;position:fixed;overflow-y:auto;height:100%;max-width:230px}
	.nav .first-level:before{content:"";position:absolute;background:url(../images/bglogo.png) right center no-repeat;background-size:contain;opacity:.02;right:0;bottom:25px;height:250px;width:247px;z-index:0}
	.first-level li a{margin-top:5px}
	#flyout{display:block!important}
	.toggle2{display:block;position:absolute;font-size:21px;top:0;right:0;padding:6px 0;text-align:center;width:40px;z-index:9999}
}

@media only screen and (max-width:991px){
	.alert-text{font-size:18px}
	#menu-icon,.search-toggle{float:right;display:table;color:#fff;height:80px;padding:10px 30px;font-size:21px;cursor:pointer}
	#menu-icon:hover,.search-toggle:hover{background:#19243D}
	#menu-icon.active,.search-toggle.active{color:#cfc19e;background:#19243D}
	#menu-icon i,.search-toggle i{display:table-cell;vertical-align:middle}
	.nav-wrap{width:100%;height:80px}
	.logo{position:absolute;width:55px;margin:10px 20px;left:0;top:0;z-index:10}
	#nav{height:80px}
	.nav{display:none;background:#fff;max-height:400px;overflow-y:auto;position:absolute;top:80px}
	.nav > li > a{height:auto;padding:17px 15px;text-align:left}
	.nav > li > a:focus{background-color:#19243D}
	.nav-icon{display:inline-block;width:40px;text-align:center;position:relative;top:5px}
	.nav .bt-break{display:inline}
	.nav li a{position:relative;background:#19243D;color:#fff;font-size:14px;border:none;border-bottom:1px solid #394766!important}
	.nav ul{display:none;box-shadow:none;border:none}
	.nav li li a{width:auto;font-size:12px}
	.nav li a:hover{color:#d1c4a1}
	.nav-clone{display:none!important}
	.toggle,.toggle2{display:block;position:absolute;font-size:25px;top:0;right:0;padding:25px 0;height:70px;text-align:center;width:60px}
	.toggle2{height:47px;padding:13px 0;font-size:21px}
	.first-level li a{padding:16px 20px}
	.second-level  li a{padding:9px 28px}
	.follow-search{top:100px;right:0}
	.search{position:fixed;z-index:999;opacity:0;visibility:hidden;right:80px;top:80px;background:#19243D;padding:20px}
	.search.active{opacity:1;visibility:visible}
	.caption{padding:35px 50px 45px}
	.cap-top{font-size:25px;font-size:4vw}
	.cap-bot{font-size:60px;font-size:9vw}
	.cap-top,.cap-bot{line-height:50px}
	.page{padding:80px 0 0}
	.welcome{top:0;margin:100px 0 100px}
	.welcome-image{display:none}
	.qlinks{font-size:15px;padding:95px 15px 83px}
	.qlinks .owl-prev{left:-10px}
	.qlinks .owl-next{right:-10px}
	.calendar{position:relative;top:0;margin:30px 0 0}
	.news-head{font-size:4vw;line-height:40px;margin-bottom:5px}
	.detail{padding:15px}
	.news-item .sub{margin:0 0 15px;font-size:15px}
	.banner-cap{left:0;padding:0 15px 17px;max-width:100%}
	.dept{top:0}
	.page-title{font-size:60px;margin:0}
	#freeform .main{padding:0}
	#menu-icon-2{display:block;padding:0 0 0 10px;font-size:18px}
	#flyout{margin:0;display:none;padding:0}
	.side-title{display:none}
	.page-header{font-size:10vw;font-size:50px}
	.post{padding:24px 15px 46px}
    .table-responsive{
    	width:100%;
    	max-width:100%;
    	margin-bottom:15px;
    	overflow-x:scroll;
    	overflow-y:hidden
	}
	.table-responsive > .table{
		margin-bottom:0;
		background-color:#fff
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td{
		white-space:nowrap
	}
	.table-responsive > .table-bordered{
		border:0
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child{
		border-left:0
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child{
		border-right:0
	}
	.table-responsive > .table-bordered > thead > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > thead > tr:last-child > td,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td{
		border-bottom:0
	}
}

	/* Tablet Portrait size to standard bootstrap (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:991px){
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px){
		.alert-notice{padding:0 0 20px}
		.message{padding:71px 0 0}
		.event-left{padding:0 15px}
		.event-header{font-size:80px}
		.foo-logo,.copy{text-align:center}
		.copy{padding:60px 0 0}
		.foo-logo{padding:20px 0 40px}
		.page-header{line-height:55px}
		.news{padding:0}
		.news-items .owl-controls{top:-52px}
		.news-items .owl-prev{left:5px}
		.news-items .owl-next{right:5px}

	}

	/* 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){
		.search{right:0;max-width:100%}
		.btn + .btn{margin:10px 0}
		.detail{position:relative;max-width:100%}
		.news-head{font-size:26px}
		.calendar{padding:70px 15px 70px}
	}

	.alertbtn{position:absolute;z-index:9999;top:0;right:0}