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

	Theme Name:Matteson, IL
	Front-End Developer:DeMarc Johnson
	Author Design:Nasryn Abou-Arabi
	Author URI:http://www.revize.com/
	Date:Feb 27, 2018

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

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

#basic styles

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700|Playfair+Display:400,700');
@font-face{font-family:'Blacksword';src:url('../fonts/Blacksword.woff2')format('woff2'),url('../fonts/Blacksword.woff')format('woff');font-weight:normal;font-style:normal;}
body{background:#fff;font-size:14px;line-height:1.6;font-family:sans-serif;color:#444;-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-size:21px;color:#111;margin-bottom:30px}
p{margin:0px 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:-1px 0 5px 0;padding-left: 0;-webkit-column-rule: 1px solid rgba(255,255,255,.1);-moz-column-rule: 1px solid rgba(255,255,255,.1);column-rule: 1px solid rgba(255,255,255,.1)}
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:10px 20px;background:#174788;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:sans-serif;text-transform:uppercase;transition:background .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:#0e8cda}
.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:#0e8cda}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

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

#forms

-----------------------------------------*/
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: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: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 h1{color:#ffc140;margin:0 0 10px;font-family:sans-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

-----------------------------------------*/
.sliderBtn,.sliderbtn{position:absolute;left:0;right:0;bottom:50px;text-align:center;z-index:80}
.qlinksBtn,.naviconBtn{text-align:center}
.float_button_above{left:0;right:0}
.alertBtn{text-align:right}
.alertBtn a{position:relative;z-index:80}
.post .faqs-heading.active{background:#174788;border-color:#174788;color:#fff}
.post .faqs-toggle-content{border-color:#174788}
.post .faqs-heading{color:#174788;position:relative;background:#f9f9f9}
.post .faqs-heading:before{content:"\f078"}
.post .faqs-heading.active:before{content:"\f077";color:#fff}
.post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px}
/* -----------------------------------------

#main

-----------------------------------------*/
#freeform .top-header .logo.affix {position: absolute!important;top: 4px!important;padding-top: 13px!important;}
body{overflow-x:hidden}
#toggles{display:inline-block}
.center-page{position:relative;z-index:51;top:-564px}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,.toggle,.toggle2{display:none;color:white;font-size:18px}
.toggle2{display:inline;color:#83B8FF;padding-left:10px}
.v1 .toggle2{color:#2cb061}
#nav{padding-left:555px;position:relative;margin-left:0}
#nav li{list-style:none;position:static}
#nav>li{display:inline-block;margin-bottom:0}
#nav>li>a,#nav>li>span{color:white;display:inline-block;font:600 16px "Raleway",sans-serif;letter-spacing:.05em;padding:28px 27px 23px;margin-bottom:0}
#nav>li>ul{display:none}
#nav>li a{text-decoration:none}
#nav>li>a>i,#nav>li>span>i{display:none}
#nav>li:hover>ul{display:block}
.nav>li>a:focus,.nav>li>a:hover,.nav>li>span:focus,.nav>li>span:hover{background-color:#174788}
.nav>li>ul>li>a{font:500 16px/36px "Raleway",sans-serif}
.nav>li>ul>li>ul>li>a{font:normal 14px/30px "Raleway",sans-serif}
.nav-img{display:block;margin:auto;width:22px;padding-bottom:13px}
.view-top{position:absolute;top:388px;right:0}
.view-text,.view-text:hover{color:#83b8ff;font:bold 12px "Raleway",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.v1.view-text,.v1 .view-text:hover{color:#2cb061}
.view-bottom{padding-bottom:86px;display:inline-block;padding-right:16px}
.pad-view{display:inline-block;padding-right:9px}
.arrow{height:13px;width:16px;display:inline-block}
.arrow-bottom{position:relative;top:2px;right:-9px}
.top-header input,.top-header button{display:none}
#search-toggle{color:white;font-size:15.69px;padding-left:46px;margin-right:114px;cursor:pointer}
#search{position:absolute;bottom:-50px;z-index:61;width:400px;right:15px;display:none}
#search button{position:absolute;top:0;right:0;padding-bottom:9px}
.contact-text{color:#31353b;font:bold 16px/24px "Raleway";}
#homepage .contact-container {position: static;}
#homepage .contact-container{margin-bottom: 20px;}
#homepage .contact-container:last-child{margin-bottom: -200px;}
.motto{color:white;font:bold 92px/102px "Playfair Display",serif;padding-bottom:23px;text-shadow: 0 0 20px rgba(5, 18, 34, 0.2)}
.top{top:-380px;position:relative;z-index:70}
.owl-carousel a{text-decoration:none}
.top-links .owl-prev, .top-links .owl-next{display:inline-block}
.top-links .owl-nav{display:inline-block!important;position:relative;top:114px}
.top-links .owl-prev{margin-right:10px}
.quick-v1 .owl-prev, .quick-v1 .owl-next{display:inline-block}
.quick-v1 .owl-nav{display:inline-block!important;position:relative;top:114px}
.quick-v1 .owl-prev{margin-right:10px}
.middle-links a{text-decoration:none}
.quick-links-image{height:265px;border-radius:3px}
.quick-md-image{height:250px;border-radius:0}
.quick-md-container{display:block;margin-top: 15px;transition:all .3s}
.quick-links-text{color:white;font:bold 30px "Playfair Display",serif;position:absolute;bottom:22px;text-align:center;margin:0;z-index:1;left:0;right:0;
-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.quick-image-container{background-color:white;border-radius:6px;border:3px solid white;height:269px}
.quick-image-container:hover .yellow-right-arrow{opacity:1;max-width:100px;overflow:auto}
.quick-image-container:hover .quick-links-text{left:0}
.quick-top-image::after{ content:""; position:absolute; top:0; right:0px; bottom:0; left:3px; z-index:0; background:rgba(0,0,0,0.1); background:-moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,1) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.1)), color-stop(77%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,1))); background:-webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,1) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,1) 100%); background:-ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,1) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); border-radius:3px; height:100%; width:98.5%} .top-links{margin-bottom:53px}
.quick-v1{margin-bottom:53px}
.middle-links{margin-bottom:54px}
.middle-links .fa-angle-right,
.middle-links .fa-angle-left,
.bottom-links .fa-angle-left,
.bottom-links .fa-angle-right{display:none}
.pull-links{margin:0 -15px}
.calendar-holder{margin-bottom:42px;color:white;line-height:101px;font-size:24px}
.second-header{color:#31353b;font:bold 42px "Playfair Display",sans;margin-bottom:16px}
.second-header-contact{padding-top:13px}
.third-header{color:#fbc00e;font:bold 14px "Raleway",sans-serif}
.v1 .third-header{color:#F79502}
.third-header-events,
.third-header-news{padding-bottom:30px}
.third-header-contact{padding-bottom:38px}
#slider{position:relative;height:806px;z-index:1;background-color:black}
#slider .bxslider li{position:relative}
#slider .bxslider li:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url('../images/radial-gradient.png')center center / auto no-repeat;z-index: 60}
#freeform #slider{height:436px}
.logo{text-decoration:none;position:absolute;top: -4px;left: 82px;z-index:864;padding-top:13px;/* min-width: 165px; */}
.v1 .logo{top: 15px;left:90px}
.logo:hover{text-decoration:none}
.v2 .logo-image{max-width: 380px;}
.v1 .logo-image{max-width: 347px;}
.all-logo-text{color:white;display:inline-block;font:bold 16px/36px "Playfair Display",sans-serif;letter-spacing:.2em;position:relative;top:13px;left:16px}
.v1 .all-logo-text{top:-4px;left:10px}
.logo-text{font-size:40px;text-transform:uppercase;font-weight:normal;letter-spacing:.05em;margin-top:-1px}
.top-logo-text{text-transform:uppercase;line-height:20px;padding-top:9px;text-align:left}
.bottom-logo-text{color:#fbc00e;font:normal 36px/36px "Blacksword",sans-serif!important;letter-spacing:0;left:-11px;top:-7px;position:relative}
.v1 .bottom-logo-text{font:bold 17px "Playfair Display",sans!important;top:3px;left:-1px;letter-spacing:.16em;color:#f79502}
.lower-main-image{position:relative;width:100%}
.contact-image{width:22px}
.clock-icon{/*! margin-top:-73px; */position: absolute;}
.contact-icon{margin-top:-30px}
.phone-text{padding-left:7px}
.top-header .search-text{text-transform:uppercase;letter-spacing:.1em;font:bold 12px "Raleway",sans-serif;color:#2cb061;padding-left:5px}
.social{display:inline-block}
.v2 .top-header .search-text{color:#83b8ff}
.v1 .top-header .search-text{color:#2cb061}
.top-header a.fa-twitter,.top-header a.fa-facebook{font-size:10.5px;background-color:#83b8ff;color:white;width:25px;line-height:30px;text-align:center;text-decoration:none}
.v1 .top-header a.fa-facebook,
.v1 .top-header a.fa-twitter{background-color:#2cb061}
.top-header a.fa-twitter{margin-right:1px}
header{position:absolute;width:100%;z-index:51;height:24px}
.top-header{background-color:#174788;text-align:right;padding:15px!important}
#header{background-color:rgba(3,42,96,.7);position:relative;top:0;left:0;z-index:163;width:100%;margin:0}
.contact{padding:0px 67px 46px}
.pipe{padding:0 10px;}
.info-container{display:inline-block;padding-left:16px;}
.contact-hour{margin-left: 26px;}
.contact-container{background-color:white;box-shadow:2px 2px 4px 3px rgba(0,0,0,.1);position:absolute;width:1170px}
.yellow-right-arrow{height:18px;width:22px;position:relative;top:-3px;right:-4px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:inline-block;max-width:0px;overflow:hidden}
.news-links-text{color:#31353b;font:bold 16px/23.16px "Raleway",sans-serif;margin-top:0;margin-bottom:18px}
.news-background{background-color:#eaeff5;text-align:left!important;padding:26px 28px 0;margin-top:0px}
.quick-md-container:hover{box-shadow:0px 0px 10px 0 rgb(49,53,59,.2)}
.news-read-more{color:#1a4a89;display:block!important;font:bold 12px "Raleway",sans-serif;padding-bottom:30px;letter-spacing:.1em}
.learn-more-btn,.learn-more-btn:hover{color:white!important;font:bold 14px "Raleway",sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;background:#fbc00e;padding:18px 41px;border-radius:3px;margin-left:16px}
.v1 .learn-more-btn,.v1 .learn-more-btn:hover{background-color:#f79502}
.events{color:white;font:bold 18px/24px "Raleway",sans-serif;margin-top:-3px}
.events-date{color:#fbc00e;font:800 14px/17px "Raleway",sans-serif;display:block;text-transform:uppercase;float:left;padding-right:18.5px;padding-top:4px}
.v1 .events-date{color:#2cb061}
.date{font-size:18px;text-align:center}
.events-container{background-color:#174787;border-radius:5px;padding:28px 32px}
footer{background-color:#174788;width:100%;padding:42px 0 49px;/*! position:absolute; */margin-top:-8px}
.v1 footer{margin-top:0}
footer.community{margin-top:-8px}
.footer-text{color:white;font:600 14px "Raleway",sans-serif;display:inline-block;width:100%;position:relative;bottom:-2px;margin-left:-17px}
.footer-text a,.footer-text a:hover{text-decoration:none}
#freeform footer{margin-top:0}
.copyright{margin-left:2px}
#powered-by-revize-link{color:white}
#revize-login-link{color:#fbc00e;font-weight:bold;margin-left:3px}
#revize-login{margin-right:-46px}
.breadcrumbs{font-size:13px;text-transform:capitalize;margin-bottom:30px}
.breadcrumbs p{margin:0}
.breadcrumbs a{text-decoration:none}
.breadcrumbs i{font-size:13px;margin:0 4px}
.post{padding:47px 210px 15px 20px}
.fullwidth .post{padding-left:0;padding-right:0}
main .container{position:relative}
.page-info{position:absolute;top:15px;z-index:60;/*! left:215px; */padding-bottom:20px}
.breadcrumbs{font:bold 14px "Raleway";color:#FBC00E}
.breadcrumbs>a{color:#83b8ff}
.breadcrumbs>a::after{content:"\f105";padding-left:8px;padding-right:16px;font-family:FontAwesome}
#flyout-wrap{background-color:#eaeff5}
#flyout-wrap a{color:#31353b;font:600 16px/24px "Raleway",sans-serif}
#flyout-wrap li:hover{background-color:#f79502}
.v2 #flyout-wrap li:hover{background-color:#fbc00e}
#flyout-wrap li:hover>a{color:#444;border-bottom:1px solid transparent}
#flyout-wrap>ul>li:last-child>a{border:transparent}
.asideHeader{color:#31353b;font:bold 30px/36px"Playfair Display",sans;margin-top:0;padding-top:80px;margin-bottom:22px;padding-left:109px}
#page-title{margin-top:0;font:bold 42px "Playfair Display",sans;color:#31353b;margin-bottom:33px}
.entry img{border-radius:6px;margin-bottom:25px}
.affix{top:0!important;z-index:9999!important;position:fixed!important}
.top-header .affix{z-index:10000!important;padding-top:0;top: -18px!important;}
/* Don't forget to accout for span being used in space of a tag for nav items that are not links */
/*for mega menu addjust as needed*/
.nav>li>ul{-moz-column-count:4;-moz-column-gap:40px;-webkit-column-count:4;-webkit-column-gap:40px;column-count:4;column-gap:40px;padding:89px 0px 88px 192px; position:absolute;background-color:#174788;right:0;left:0px;margin:0;z-index:720}
.nav>li>ul li{display:inline-block;width:100%;margin-bottom:0}
.nav>li>ul li a{display:block;color:white}
/*for mega menu addjust as needed*/
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto;top:20%!important;}
/* -----------------------------------------

#inner

-----------------------------------------*/
#flyout{margin:0;padding:0}
#flyout li{margin:0;display:block;position:relative;padding:0px 110px}
#flyout a,
#flyout span{text-decoration:none;padding:17px 0;display:block;border-bottom:1px solid#d5dae0}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#aaa;z-index:1}
#flyout ul a,
#flyout ul span{font-size:13px;padding:10px 15px;width:180px}
#flyout li:hover>ul{display:block}

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

#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;height:50px;width:50px;border-radius:0;border:0;background:#FBC00E!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.v1 .floating-share-btn{background:#F79502!important}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
.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 (min-width:992px){
  #flyout,#nav{display:block!important}
  #nav>li>a,#nav>li>span{display:inline-block}
	#search form{padding-right:60px}
	#flyout-toggle{display:none}
	#flyout-wrap{margin-right:-73px;position:relative;z-index:10}
	.top-header{padding:0!important}
	.entry{margin-left:77px}
	.fullwidth .entry{margin-left:0}
	#flyout-wrap li>a>i{display:none}
}

@media only screen and (max-width:1486px){
	#nav>li>a,#nav>li>span{padding:21px 15px 23px}
	.logo{left:15px!important}
	#nav{padding-left:455px}
	.news-background{padding:26px 15px 0}
	.news-links-text{font-size:14px}
	.events{font-size:14px}
	.view-bottom{padding-bottom:20px}
	footer{margin-top:-113px}
	.contact-container{position:relative;width:100%}
	.contact-text{font-size:14px;}
	.info-container{padding-left:0;}
	.pipe{padding: 0;}
}

@media only screen and (max-width:1226px){
	#nav>li>a,#nav>li>span{padding:21px 15px 23px}
	#nav{padding-left:380px}
	.logo-image{max-width:125px!important}
	.logo-text{font-size:30px}
	.all-logo-text{left:10px}
	.v1 .all-logo-text{text-align:left;top:21px}
	.v1 .bottom-logo-text{font-size:13px!important}
}

@media only screen and (max-width:1199px){
	.news-links-text{font-size:12px}
}

@media only screen and (max-width:1142px){
	#nav{padding-left:360px}
	.v1 #nav{padding-left:330px}
	#nav>li>a,#nav>li>span{padding:21px 10px 23px;font-size:14px}
	.events{font-size:14px}
}

@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}
	ul ul li, ul ol li, ol ol li, ol ul li{margin-bottom:0px}
	.toggle,.toggle2,#nav-toggle{display:inline-block!important;cursor:pointer}
	.down-arrow{display:none} /* if not hidden above */
	#nav{display:none;padding:0;margin:0}
	#nav li{float:none;display:block;position:relative;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;display:block}
	#nav ul{position:static!important;top:0;padding:0;background:rgba(0,0,0,.2);margin:0}
	#nav li:hover>ul{display:block}
	#nav ul a,
	#nav ul span{width:100%}
	#nav ul ul{left:0;margin-top:0;display:none}
	#nav .toggle,.toggle-children,
	#nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:45px;width:45px;line-height:45px;text-align:center;color:white;padding-left:0}
	#nav li li:hover > a{background:none;color:#fff}
	#nav ul{position:static;-moz-column-count:1;-moz-column-gap:0;-webkit-column-count:1;-webkit-column-gap:0;column-count:1;column-gap:0;display:none}
	#nav>li:hover>ul{display:none}
	.nav-img{display:none}
	.nav>li>ul li{display:none}
	#nav ul>li:hover ul{display:none}
	.v1 #nav{padding-left:0}
	#toggles{display:inline-block;float:right;padding:15px 0}
	.v2 #toggles{padding:25px 0}
	#flyout{display:none}
	#flyout li{margin:0;display:block;position:relative;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}
	#flyout li:hover a,
	#flyout li:hover span{border-bottom:1px solid rgba(0,0,0,.2)}
	#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}
	#flyout>li>ul>li:hover{background-color:#BBBFC4}
	#flyout-toggle{padding:15px}
	#flyout-wrap li:hover>a{color:#444}
	#flyout-wrap li:hover{background-color:#EAEFF5}
	.asideHeader{display:none}
	.post{padding:15px}
	.page-info{position:static;padding:15px}
	#page-title{font-size:32px}
	.top-header{text-align:left}
	.top-header .search-text{display:none}
	.top-header form{display:inline-block;float:right;padding:20px 0}
	 #search-toggle{padding:0 15px;margin:0}
	.top-header .fa-twitter, .top-header .fa-facebook{display:none}
	#toggles #search-toggle, #toggles .fa-bars{font-size:20px!important}
	.logo{position:relative;display:inline-block;top:0!important;left:0!important;padding:0}
	.logo-image{max-width:70px!important;padding-top:0!important;left:0}
	.all-logo-text{display:none}
	.view-top{top:420px;right:15px}
	.third-header-news{padding-bottom:55px}
	.quick-action{text-align:center;margin-top:40px}
	#search{width:100%;right:15px;padding:0 15px 0 30px}
	.quick-md-container:hover{box-shadow:none}
	.quick-links-text{-webkit-transition:all .0s ease 0s;-moz-transition:all .0s ease 0s;-o-transition:all .0s ease 0s;transition:all .0s ease 0s}
	.affix, .top-header .affix{position:static!important;top:0!important}
	#slider{height:600px}
	.motto{font-size:56px;line-height:58px;padding:15px}
	.center-page{top:-450px}
	.quick-image-container:hover .yellow-right-arrow{display:none}
	.quick-md-container:hover .news-background{box-shadow:none}
	.top-links .owl-nav{display:none!important}
	.quick-v1 .owl-nav{display:none!important}
	.pull-links{margin:0}
	.events{font-size:16px}
	.bottom-links{padding-bottom:0px}
	.contact-container{padding:15px}
	.contact .container{padding:0}
	.contact{padding:0 0 40px}
	.second-header-contact{font-size:32px}
	.second-header{font-size:32px}
	.phone-text{padding-left:0}
	.footer-text{margin:0}
	.copyright{margin-left:0}
	#revize-login{margin-right:0}
	.floating-share-btn{border-radius:50%;right:15px;bottom:15px;top:auto}
}

	/* 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}
	.motto{font-size:46px;line-height:48px}
	.info-container{padding-left:0}
	footer{text-align:center}
	.footer-text>span{display:block}
	.pull-right{float:none!important}
}

/* 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){
	#page-title{font-size:24px}
	.motto{font-size:30px;line-height:30px}
	.contact-image{display:none}
	.contact-hour{margin-left:0}
}

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