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

	Theme Name: Franklin County, NY
	Front-end developer: Omar Baig
	Author Design: Alex Parent
	Author URI: http://www.revize.com/
	Date: 03/31/2020

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

#fonts

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

@import url("https://use.typekit.net/qww8zxa.css");

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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:16px;line-height:1.75;font-family: 'brandon-grotesque',sans-serif;font-weight:400;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important}

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

#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:32px;color:#557ab4;font-weight:900;text-transform:uppercase;margin:41px 0 11px 0}
.subheader{font-size:22px;color:#1c3c6d;margin-bottom:30px;font-weight:700;text-transform:capitalize}
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{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}
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:10px 20px;background-image: -moz-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -webkit-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -ms-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:15px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family: 'brandon-grotesque',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:#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

-----------------------------------------*/
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: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 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 h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{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{z-index:201;position:absolute}
.socialBtn {position: absolute;top: 0;
z-index: 1;}
.float_button_above{top:-33px}
/* -----------------------------------------

#rz faq

-----------------------------------------*/
.faqs-heading.active{background-color:#557ab4;border-color:#557ab4}
.faqs-toggle-content{border-color:#557ab4}
/* -----------------------------------------

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999;display:block !important}
#skip:focus{left:50px;top:50px}
#calendarEvent {left:50%;max-height:500px;overflow-y:auto;margin:0 auto;top: 25% !important;transform: translate(-50%)}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.container{width:1440px;max-width:100%}

header{position:absolute;top:0;left:0;right:0;width:100%;z-index:200;background:rgba(28,60,109,.90)}

/*TOP BAR*/
#top-bar{background:#557ab4;height:35px}
#controls{float:right}
#contactus,
#translation-links,
#social-media-links{display:inline-block}

.social-media-link{color:#fdd08f;margin:9px 3.7px;text-decoration:none!Important}
#translate-button{padding:0;background:none;color:#f1f1f1!important;display:inline;vertical-align:middle;font-weight:700;font-size:15px;line-height:32px;text-transform:none;margin-left:18px}
#translate-button i{color:#fdd08f;font-size:16px;margin-left:4px}
.goog-te-banner-frame{display:none}
#translation-links{padding:0;margin:0}
#translation-links li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:absolute;top:100%;right:0;width:700px;background:#fff;display:none;z-index:99}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}
#contactus{text-decoration:none!important;color:#f1f1f1;font-weight:700;font-size:15px;line-height:32px;margin-left:20px}
#contactus i{color:#fdd08f;margin-left:4px}

/*NAV*/
#nav-wrap{position:relative}
#logo{position:relative;width:170px;display:block;top:-30px}
#nav{padding:0;margin:0 0 0 76px}
#nav li{margin:0;display:inline-block;padding:0 10.8px;}
#nav a,
#nav span{display:block;font-size:16px;line-height:32px;font-weight:900;color:#fff;text-transform:uppercase;text-decoration:none!important;padding:33px 0 35px;position:relative}
#nav ul{padding:0;margin:0;display:none}
#nav ul a,
#nav ul span{font-size:16px;padding:10px 15px;text-transform:none;}

/*SEARCH*/
#search{position:relative;margin-top:27px;margin-left:-30px}
#search form{margin:0}
#search label{display:none}
#search input{font-family:"brandon-grotesque",sans-serif;border-radius:23px;background:#557ab4;color:#f1f1f1;font-size:15px;border:0;height:46px;width:240px;padding:15px 40px 15px 20px}
#search input::-webkit-input-placeholder{font-family:"brandon-grotesque",sans-serif;color:rgba(241,241,241,1);font-size:15px}
#search input:-moz-placeholder{font-family:"brandon-grotesque",sans-serif;color:rgba(241,241,241,.70);font-size:15px}
#search input::-moz-placeholder{font-family:"brandon-grotesque",sans-serif;color:rgba(241,241,241,.70);font-size:15px}
#search input:-ms-input-placeholder{font-family:"brandon-grotesque",sans-serif;color:rgba(241,241,241,.70);font-size:15px}
#search button{position:absolute;top:14px;right:21px;padding:0}
#search .fa-search{color:#fdd08f!important;font-size:18px;background:none;font-weight:400!important}

#homepage #main{margin-top:35px;position:relative}
#homepage #main:before{position:absolute;content:'';left:0;right:0;top:0;background:url('../images/main-fade.png')top left repeat-x;background-size:contain;height:291px;z-index:0}
#homepage #main:after{position:absolute;content:'';right:0;left:0;top:0;background:url('../images/main-bg.png')center no-repeat;background-size:cover;height:890px;z-index:-1}

#main-page-title{font-size: 62px; color: #fff; font-weight: 900; text-transform: uppercase;text-align: left;z-index: 55;position: absolute;left:0;right:0;transform: translateY(-50%);top:50%}
#main-page-title .rzBtn{position: absolute;bottom: 90%}


/*QUICK LINKS*/
#quicklink-section {position: relative;top: -119px;z-index: 52;}
#quicklinks-ow{position:relative}
.quicklink a{display: block;background-image: -moz-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -webkit-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -ms-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);border-radius:8px;padding:35px 15px 25px;text-decoration:none!important}
.quicklink img{margin:0 auto 11px;width:74px}
.quicklink .title{font-size:15px;line-height:32px;text-transform:uppercase;color:#fdd08f;letter-spacing:.05em;font-weight:700}
.tns-controls button{padding:0;background:none!important}
#quicklink-section #qlink-prev{padding:0;background:none!important;position:absolute;left:-70px;top:62%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}
#quicklink-section #qlink-next{padding:0;background:none!important;position:absolute;right:-70px;top:62%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}

/*MAIN LINKS*/
#main-links-section{position:relative;margin-top:-50px;padding-bottom:100px}
.main-mask{position:absolute;left:0;right:0;bottom:0;width:100%;min-height:80px;z-index:0}
#main-links-section .container{width: 1260px}
#main-links{margin:-1px 0 0 0;padding:70px 0}
.main-link{position:relative;height:485px;width:390px!important;transition:all .3s;box-shadow: 0px 8px 40.18px 8.82px rgba(0, 0, 0, 0.1);perspective:100px;border-radius:8px}
.main-link a{display: block}
.main-link img{width:100%;height:100%}
.main-link:nth-of-type(2){height:566px;width:450px!important;margin-top:-38px}
.main-link .title{position:absolute;top:50%;left:0;right:0;font-size:72px;color:#fff;font-weight:900;transform:translateY(-50%);text-transform:uppercase;text-shadow: 0px 0px 12.35px rgba(0, 0, 0, 0.55)}
.main-link:first-of-type .title{font-size:50px}
.main-link:last-of-type .title{font-size:50px}
.main-link:first-of-type{margin-right:4px;box-shadow:none}
.main-link:first-of-type img{transform:rotateY(-0.6deg);padding:5px 0 0 0}
.main-link:last-of-type{margin-left:4px;box-shadow:none}
.main-link:last-of-type img{transform:rotateY(0.6deg);padding:5px 0 0 0}

/*NEWS SECTION*/
#news-section{position:relative;z-index:1;padding:23px 0 160px}
#news-section:after{position:absolute;content:'';left:0;right:0;top:0;bottom:0;background: rgb(28,60,109);background: -moz-linear-gradient(-57deg, rgba(28,60,109,1) 0%, rgba(89,85,180,0.66) 50%, rgba(85,122,180,0.51) 100%);background: -webkit-linear-gradient(-57deg, rgba(28,60,109,1) 0%, rgba(89,85,180,0.66) 50%, rgba(85,122,180,0.51) 100%);
background: linear-gradient(-57deg, rgba(28,60,109,1) 0%, rgba(89,85,180,0.66) 50%, rgba(85,122,180,0.51) 100%);z-index:-2}
#news-section:before{position:absolute;content:'';left:0;right:0;top:0;background:url('../images/main-fade.png')top left repeat-x;background-size:contain;height:622px;z-index:-1}
#news-section .section-header{font-size:60px;color:#557ab4;font-weight:300;text-transform:uppercase;margin-bottom:7px}
#news-section .section-header span{color:#1c3c6d;font-weight:900}
#news-section .btn {float:right;margin: 35px 0 15px 0; border-radius: 8px; width: 188px; height: 45px;text-transform: uppercase;padding-top:12px}
#news-ow{position:relative}
.news a{display: block;position:relative}
#homepage .news a:after{position:absolute;content:'';left:0;right:0;bottom:0;height:356px;background:url('../images/news-fade.png')bottom left repeat-x;background-size:contain;z-index:0;border-radius:0 0 8px 8px}
.news img{border-radius:8px}
.news .info{position:absolute;bottom:29px;left:0;right:0;padding:15px 50px;z-index:2}
.news .date{font-size:15px;color:#fdd08f;font-weight:700;text-transform:uppercase;margin-bottom: 10px}
.news .text{font-size:22px;color:#fff;text-transform:capitalize;font-weight:700;line-height:32px}
#news-section #newslink-prev{padding:0;background:none!important;position:absolute;left:-70px;top:50%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}
#news-section #newslink-next{padding:0;background:none!important;position:absolute;right:-70px;top:50%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}
.news-mask{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:5}

/*CALENDAR SECTION*/
#calendar-section{padding:91px 0 120px;position: relative}
#calendar-section .section-header{font-size:60px;color:#557ab4;font-weight:300;text-transform:uppercase;margin-bottom:35px}
#calendar-section .section-header span{color:#1c3c6d;font-weight:900}
#calendar-section .btn {float:right;margin: 34px 0 15px 0; border-radius: 8px; width: 233px; height: 45px;text-transform: uppercase;padding-top:12px}
.calendar-mask{position:absolute;left:0;right:0;bottom:0;width:100%;z-index:5}
#calendar-section iframe{margin:-35px 0 0 -35px;height:360px;}
#nav ul li a:not(*:root) {outline-offset: -4px}
#social-section{padding:50px 0 100px;position:relative;z-index:0}
#social-section:after{position:absolute;content:'';left:0;top:0;right:0;background:url('../images/social-fade.png')top left repeat-x;background-size:contain;z-index:-1;height:255px}
#social-section .section-header{font-size:60px;color:#557ab4;font-weight:300;text-transform:uppercase;margin-bottom:35px;margin-top:14px}
#social-section .section-header span{color:#1c3c6d;font-weight:900}
#facebook-feed,#instagram-feed{font-family:"brandon-grotesque",sans-serif;column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:30px;-webkit-column-gap:30px;-moz-column-gap:30px;margin-top:29px;display:flex}
.media-object{display:none}
.media-body .author-title{color:#557ab4;font-weight:900;font-size:13px;line-height:23px}
.media-body .muted{float:none!important;display: block;font-size:13px;color:#a9a9a9}
.social-feed-element .attachment{display: none}
.social-feed-element .fa-facebook-square,.fa-facebook{color:#557ab4}
.social-feed-element{background:#fff;border-radius:8px;padding:31px 40px 60px}
.read-button{display:block}

/*FOOTER*/
footer{background:#1c3c6d;padding:0 0 45px 0}
footer .container{position:relative}
.footer-contact img,
.footer-address img{display:inline-block;width:70px;margin:50px 0 0 0}
.footer-contact .info,
.footer-address .info{display:inline-block;position:relative;top:47px;left:15px;line-height:32px}

.footer-contact .title,
.footer-address .title{font-size:28px;color:#e3e9f4;font-weight:300;text-transform:uppercase;}
.footer-contact .title span,
.footer-address .title span{font-weight:900}
.footer-contact .phone-number,
.footer-address .address{font-size:22px;font-weight:500;color:#fdd08f}

#footer-nav{margin:72px 0 0 0;padding:0}
#footer-nav li{margin:0;display:inline-block;padding:0 15px;position:relative}
#footer-nav li:first-of-type{padding-left:0}
#footer-nav li:after{position:absolute;content:'';right:-3px;top;0;bottom:2px;width:2px;height:16px;background:#909cb4}
#footer-nav a,
#footer-nav span{display:block;font-size:16px;line-height:23px;font-weight:700;color:#e3e9f4;text-transform:uppercase;text-decoration:none!important;padding:0;position:relative}

#footer-logo{display: block;position:absolute;right:15px;top:50px;width: 165px}
/* -----------------------------------------

#inner

-----------------------------------------*/
/*FREEFORM SEARCH*/
#freeform header{background:#557ab4}
#freeform #top-bar{background:#1c3c6d}
#freeform #slider{top:0;height:400px}
#freeform .slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:99}

#freeform #search input{background:#1c3c6d;color:rgba(241,241,241,1)}
#freefrom #search input::-webkit-input-placeholder{;color:rgba(241,241,241,.50);font-size:15px}
#freeform #search input:-moz-placeholder{color:rgba(241,241,241,.50);font-size:15px}
#freeform #search input::-moz-placeholder{color:rgba(241,241,241,.50);font-size:15px}
#freeform #search input:-ms-input-placeholder{color:rgba(241,241,241,.50);font-size:15px}

#page-title{font-size:52px;color:#fff;font-weight:900;text-transform:uppercase;text-align: center;left:0;right:0;top:50%;transform:translateY(-50%);position: absolute;}
#breadcrumbs{font-size:13px;text-transform:capitalize;z-index:52;padding-left:0;text-transform:capitalize;color:#557ab4;font-size:18px;font-weight:400;text-transform:capitalize}
#breadcrumbs a{text-decoration:none!important;color:#1c3c6d;font-size:18px;font-weight:700;text-transform:capitalize;position:relative;/*text-shadow:0 0 6px #000*/;display:inline-block}
#breadcrumbs a:after{position:relative;content:'/';margin:0px 27px 0 22px}

/*CONTACT BOX*/
#contact-box{border-radius:8px;border-top:8px solid #557ab4;  box-shadow: 0px 9px 34.96px 3.04px rgba(0, 0, 0, 0.07);padding:15px 15px 44px 15px;margin:50px 30px 25px 0}
#contact-header{color:#557ab4;font-size:18px;font-weight:700;text-transform:capitalize;padding:18px 15px 10px 35px}
#contact-box .info{color:#404040;font-size:14px;padding:0 35px}
#contact-box .fa-user{font-size:15px;margin-right:7px}
#contact-box .fa-phone{font-size:15px;margin-right:7px}
#contact-box .phone-number{padding:5px 0}

/*FLYOUT*/
#flyout-wrap{border-radius:8px;border-top:8px solid #557ab4;  box-shadow: 0px 9px 34.96px 3.04px rgba(0, 0, 0, 0.07);margin-right:30px;padding-bottom:40px}
#flyout-header{color:#557ab4;font-size:18px;font-weight:700;text-transform:capitalize;padding:38px 15px 7px 50px;margin:0}
#flyout{padding:0;margin:0}
#flyout li{position:relative;margin:0;list-style:none;padding-left:50px}
#flyout li:hover{background:#557ab4}
#flyout li:hover > a{color:#fff}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:14px;color:#404040;line-height:34px;margin:0}
#flyout ul{padding:0;margin:0;display:none}
#flyout ul li{padding:0}
#flyout ul a,
#flyout ul span{font-size:16px;padding:10px 15px;line-height: 1;color:#fff}

#post{padding:0 0 30px 0}

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

#share widget

-----------------------------------------*/
.modal{z-index:100000}
.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;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;bottom: 50%;right:0;border-radius:0;border:0;background-image: -moz-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -webkit-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -ms-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}
.floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase;font-size:12px}
/* -----------------------------------------

#bxslider

-----------------------------------------*/
#slider{height:850px;position:relative;top:35px}
#slider:after{position:absolute;content:'';left:0;right:0;bottom:0;background:url('../images/slider-mask.png')center no-repeat;background-size:cover;height:50px;z-index:51}
#slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51}
.bxslider{padding:0;margin:0}
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height:100%!important;width:100% !important}

.bx-wrapper{position:relative;margin:0;padding:0;overflow:hidden}
.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}
.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) {
    #quicklink-section #qlink-prev{left:0}
    #quicklink-section #qlink-next{right:0}
    #news-section #newslink-prev{left:0}
    #news-section #newslink-next{right:0}
}
@media only screen and (max-width:1400px) {
    #nav li{padding:0 9px}
    #search{margin-left:0}
    #search input{width:100%}

    .main-link{width:340px!important}
    .main-link:nth-of-type(2){width:400px!important}
}

@media only screen and (max-width:1200px) {
    #nav li{padding:0 3px}
    #nav a,#nav span{font-size:14px}
    #facebook-feed,#instagram-feed{column-count:2;-webkit-column-count:2;-moz-column-count:2;display:block}
    .social-feed-element{margin:0 0 15px;padding:15px}
    #contact-header{padding-left: 0}
    #contact-box .info{padding:0}
    #flyout-header{padding-left:15px}
    #flyout li{padding-left: 15px}
    #main-page-title{right:10%}
    .main-link{width:290px!important}
    .main-link:nth-of-type(2){width:350px!important}
}

@media only screen and (min-width:992px) {
    header{height:135px}
	#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)}
	#flyout,#nav{display:block!important}
	.layout-table{table-layout:fixed;width:100%}
    #nav a, #nav span{display:inline-block}

    /*==========MEGA MENU=========*/
	#nav > li > ul{column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:15px;-webkit-column-gap:15px;-moz-column-gap:15px;position:absolute;top:100%;right:0;left:15px;padding:17px 20px 27px 20px;background:#0f2343;display:none;width: 96.9%;border-radius:0 0 8px 8px;}
	#nav ul ul{left:0;top:0;padding:0;position:relative;background-color:#0f2343;font-size:13px;line-height:30px;width:100%;display:block!important;padding-left: 15px}
	#nav ul li{padding:0;width:100%}
	#nav > li > ul > li > a, #nav > li > ul > li > span{color:#fdd08f;font-size:16px;line-height:1.2;font-weight:900;text-transform:uppercase;padding:10px 15px}
	#nav > li > ul > li{width:100%;page-break-inside:avoid}
	#nav ul a{width:100%;color:#fff;font-size:14px}
	#nav li:hover > ul{display:block}
	#nav > li > a::after, #nav > li > span::after{content:'';position:absolute;bottom:29px;left:0;right:3px;height:6px;background:#fdd08f;opacity:0;z-index:-1}
	#nav>li:hover>a:after,
	#nav>li:hover>span:after{opacity:1}
	#nav li{display:inline-block}
	#nav ul{background:#222;position:absolute}
	#nav ul a:hover,#nav ul span:hover{background:rgba(0,0,0,.15)}
    #nav ul ul a{padding:0;font-weight:400;line-height: 1}
	/*===================*/

	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#557ab4;display:none;z-index:999}
	#flyout li:hover>ul{display:block}

    #nav .toggle{display: none}
    #nav .toggle:after{display:none}
    #nav ul .fa-angle-down{display:none!important}
    #flyout .fa-angle-down{display: none;position:absolute;right:15px;top:0;bottom:0}

    #search{display:block!important}
}

@media only screen and (max-width:991px) {
    #calendar-section iframe{height:350px}
    .floating-share-btn{bottom: 0}
	/* 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}
	/* Allows tables to be used as columns with responsive stacking */
	.layout-table{width:100%!important}
	.layout-table,
	.layout-table thead,
	.layout-table tbody,
	.layout-table th,
	.layout-table td,
	.layout-table tr{display:block!important}
	.layout-table td{margin-bottom:15px}

	#toggles{position:absolute;right:15px;top:15px;z-index:99}
	#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background-image: -moz-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -webkit-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);background-image: -ms-linear-gradient( 112deg, rgb(28,60,109) 0%, rgb(85,122,180) 100%);color:#fff;margin-left:5px}
    header{background:rgba(28,60,109,1)}
    #logo{position:relative;top:0;width:80px;margin:15px 0}
    #nav{margin:0 0 15px 0}
	#nav,#flyout{display:none}
	#nav li{display:block;padding:0;position:relative}
	#nav a,
	#nav span,
	#flyout a,
	#flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15)}
    #flyout li{padding:0}
	#nav li:last-child>a,
	#nav li:last-child>span,
	#flyout li:last-child>a,
	#flyout li:last-child>span{border:0}
	#nav ul,
	#flyout ul{background:rgba(0,0,0,.15)}
	.toggle,
	.toggle2{display:block;position:absolute!important;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important}
    #freeform .slider-caption{top: 65%;}
    #breadcrumbs a:nth-child(2):after{content: "\A";}

    #calendar-section iframe{height: 550px;margin:0}
    #search{display:none;margin:15px 0}
    #slider{height:440px}
    #main-page-title{font-size:40px ;}
    #news-section .btn{float:none}
    #calendar-section .btn{float:none}
    .main-link{width:220px!important}
    .main-link:nth-of-type(2){width:280px!important}

    #contact-box{padding:15px}
    #contact-header{padding:0}
    #flyout-wrap{padding:0}
    #flyout-toggle{padding:15px}
    #flyout-header{display:none}
}

	/* 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 h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px}
	.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}

    #main-links-ow{position:relative}
    .main-link{width:auto!important;perspective: none;padding:0}
    .main-link{margin:0!important;width:100%;height:400px!important}
    .main-link:first-of-type img,
    .main-link:last-of-type img{transform:none;padding:0!important;border-radius:8px}
    .main-link:nth-of-type(2){width:auto!important;margin:0!important}
    #main-links > .tns-item{width:33.3333%!important}
    #main-links-section #mainlink-prev{padding:0;background:none!important;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}
    #main-links-section #mainlink-next{padding:0;background:none!important;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;font-size:40px;color:#fdd08f}


    #facebook-feed,#instagram-feed{column-count:1;-webkit-column-count:1;-moz-column-count:1}

    .footer-contact,
    .footer-address{text-align: center}
    .footer-contact .info, .footer-address .info{left:unset}
    .footer-contact .phone-number, .footer-address .address{font-size: 16px}
    .footer-contact .title, .footer-address .title{font-size:18px}
    .footer-contact img, .footer-address img{display: none}
    #footer-nav li{display:block;padding:0!important}
    #footer-nav a,#footer-nav span{padding:5px 0;text-align: center}
    #footer-nav li:after{display:none}
    #footer-logo{position:relative;top: unset;right:unset;margin:15px auto}

}

/* 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) {
    #contactus{display:none}
    #main-page-title{font-size:40px;bottom:70%}
}

@media print {
	#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header,#contact-box{display:none!important}
	a[href]:after{content:none!important}
    .header{margin-top:0!important}
}