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

	Theme Name:City of McAlester, OK
	Front-end developer:Omar Baig
	Author Design:Alex Parent
	Author URI:http://www.revize.com/
	Date:09/26/2019

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

#fonts

-----------------------------------------*/
@font-face{font-family:'Lato';src:url('../fonts/Lato-Medium.woff2') format('woff2'),url('../fonts/Lato-Medium.woff') format('woff');font-weight:500;font-style:normal}
@font-face{font-family:'Lato';src:url('../fonts/Lato-Semibold.woff2') format('woff2'),url('../fonts/Lato-Semibold.woff') format('woff');font-weight:600;font-style:normal}
/*@font-face{font-family:'Eurostile';src:url('../fonts/Eurostile-Bold.woff2') format('woff2'),url('../fonts/Eurostile-Bold.woff') format('woff');font-weight:bold;font-style:italic}*/
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');


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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:16px;line-height:1.75;font-family:"Lato",sans-serif;font-weight:500;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important}
body#freeform{display: flex;flex-direction: column;}

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

#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:24px;color:#d56c41;margin-bottom:30px;font-weight:700}
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:7px 18px 5px 19px;border-radius:15px 0 15px 0;background:#55a7d3;color:#fff!important;display:inline-block;font-size:15px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:"Lato",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 faq

---------------------------------------------*/
.chooseBtn span,#doc-search-form input{border-radius: 0;}
.faq-question button{padding: 0;border-radius: 0;background: transparent;color: black !important;border: 0;}

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

#rz edit

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

.centerBtns{position: absolute;left: 0;right: 0;text-align: center;z-index: 60;top: 50px;}
.interest-btn, .interestlist-btn, .qlinks-btn, .business-interest-btn{text-align: center;}

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

#main

-----------------------------------------*/
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999}
#skip:focus{left:50px;top:50px}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}
.container{width:1440px;max-width:100%}
header{position:relative;z-index:200}

/*----------Top Bar----------*/
#top-bar{background:#55a7d3;position:relative;z-index:100;padding:0 30px;width:100%}
#controls{text-align:right}
.fa-facebook-square,
.social-links .fa-twitter,
.fa-instagram,
.fa-youtube-play,
.fa-plus-square,
.fa-minus-square,
.fa-globe{color:#fff}

.fa-facebook-square,
.fa-twitter,
.fa-instagram,
.fa-youtube-play{padding:0 4.5px;font-weight:700}

.fa-plus-square,
.fa-minus-square{cursor:pointer}
.fa-globe{float:left;margin-top:4px}

.social-links,
.text-resizer,
.translate{display:inline-block;position:relative;padding:0px 6px;font-size:13px}

.social-links{margin-right:40px;position:relative;top:-1px}

.translate{color:white!important;text-decoration:none;text-transform:capitalize;;position:relative}
.translate .fa-comments{position:absolute;left:-15px;top:0;font-size:15px}
.social-links i{margin:0 3px}
#translate-button{background:none;padding:0;border:0;font-size:14px;line-height:normal;text-transform:capitalize!important}
#translation-links .fa-angle-down{display:none}

.translate span,
.text-resizer span,
#search input{color:white !important;text-transform:capitalize;font-size:12px;width:120px}

#search {float:right;margin-left:20px;position:relative}
#search form{margin:0;margin-left:12px}
#search form:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:1px;color:white;width:100%}
#search button{position:absolute;top:7px;left:2px;background:transparent;color:#fff!important;padding:0;font-size:14px;font-weight:400!important;border:0}
#search input{border:0;background:transparent;height:20px;padding:10px 0 0 7px;font-size:13px;line-height:25px;font-weight:700}
#search input::-webkit-input-placeholder{color:#fff;font-size:13px;font-weight:700}
#search input:-moz-placeholder{color:#fff;font-size:13px;font-weight:700}
#search input::-moz-placeholder{color:#fff;font-size:13px;font-weight:700}
#search input:-ms-input-placeholder{color:#fff;font-size:13px;font-weight:700}

#google-translate img{display:none}
#google-translate span[aria-hidden="true"]{display:none}
.goog-te-gadget-simple{background:none !important;border:0 !important}
.goog-te-menu-value span[style]{display:none}

#nav-bar{background:#000}

#logo{width:315px;display:block;margin:15px 0 14px 85px}
#nav .fa-angle-down{position:absolute;right:0}

#nav{padding:0 66px 0 0;margin:0;text-align:right}
#nav li{position:relative;margin:0;display:inline-block;padding:0 20.6px}
#nav a,
#nav span{display:block;font-size:21px;font-weight:600;line-height:25px;color:#fff;text-transform:capitalize;text-decoration:none;padding:42px 0;position:relative}
#nav ul{padding:0;margin:0;display:none}
#nav ul a,
#nav ul span{font-size:16px;padding:10px 15px;color:#fff}
#nav ul ul li{display:block}

/*Quicklink Section*/
.quicklink-section{position:relative;background:#55a7d3;border-radius:0 0 145px 0;padding:36px 0 25px}
.quicklink{display:block;position:relative;text-decoration:none}
.quicklink:after{position:absolute;content:'';right:-1px;top:0;bottom:0;background:#66b0d7;height:100px;width:1px;z-index:60}
.quicklink:hover{text-decoration:none}
.quicklink img{margin:0 auto 13px;width:60px!important}
.quicklink div{font-weight:600;font-size:18px;line-height:28px;color:#fff;text-transform:uppercase}
#quicklinks #prev-button{float:left;position:absolute;top:50%;left:0;font-size:30px;color:#d56939;transform:translateY(-50%);font-weight:700}
#quicklinks #next-button{float:right;position:absolute;top:50%;right:0;font-size:30px;color:#d56939;transform:translateY(-50%);font-weight:700}
/*-----*/

/*NEWS EVENTS Section*/
#news-events{border-radius:145px 0 145px 0;position:relative;background:#fff;padding:103px 0 100px}
#news-events:after{position:absolute;content:'';top:0;bottom:50%;left:0;right:0;background:#55a7d3;z-index:-1}
#news-events:before{position:absolute;content:'';top:50%;bottom:0;left:0;right:0;background:#193747;z-index:-1}
#news-events .section-header{font-size:42px;line-height:28px;color:#55a7d3;font-weight:900;text-transform:uppercase}
#news-links{margin:39px 0 10px;}
#news-links .owl-stage-outer{padding: 30px;margin: -30px 0 -30px -30px;}
.news{border-radius:50px 0 50px 0;display:block;text-decoration:none}
.news:hover{text-decoration:none}
.news-image, .business-interest-image{height:346px;border-radius:50px 0 0 0;}
.news-info, .business_testimonies_container{padding:27px 36px 10px 35px;min-height:152px!important;overflow:hidden} 
#freeform .news-info{padding: 0;}
.news .date{color:#d46c41;font-size:13px;font-weight:700;line-height:28px;text-transform:uppercase;margin-bottom:4px}
.news .title, .business-interest-title, .business-interest-name{font-size:22px;line-height:34px;font-weight:700;overflow:hidden;color:#000}
#news-events .btn{margin-top:30px}
#news-events .col-md-4 .btn{margin-top:0}

#news-events .owl-item, #business_testimonies .owl-item{box-shadow:0px 8px 22.08px 1.92px rgba(0, 0, 0, 0.09);border-radius:50px 0 50px 0}
#business_testimonies .owl-item{margin-bottom: 25px;}
.news img{border-radius:50px 0 0 0;height:345px}

.event-card{margin:39px 0 0px;width: 100%;}

#news-events iframe{/*! height:500px; */width: 100%;height: 540px;}
/*-----*/

/*AOI Section*/
#aoi{background:#193747;border-radius:145px 0 145px 0;padding:104px 0 78px}
#aoi .section-header{font-weight:900;font-size:42px;line-height:26px;color:#fff;text-transform:uppercase}
.aoe-list{column-count:2;column-gap:30px;margin-top:27px}
.aoe-list a{font-weight:700;font-size:18px;color:#fff;text-transform:uppercase;display:block;border-bottom:1px solid #475f6c;text-decoration:none;padding:16px 0 15px}
.aoe-list a:nth-child(3){border:0}
.aoe-list a:last-child{border:0}
/*-----*/

/*SOCIAL Section*/
#social{padding:100px 0 80px;position:relative;background:#fff;border-radius:145px 0 0 0}
#social:after{position:absolute;content:'';left:0;right:0;top:0;bottom:50%;background:#193747;z-index:-1}
.social-media-title{font-size:18px;line-height:32px;font-weight:500;text-transform:uppercase;color:#3c3c3c;margin:0}
.social-media-title i{color:#2c2c2c}
.social-link{margin-left:10px}
.social-feed-element-image{height:235px;overflow:hidden;position:relative;background:#000;border-radius:50px 0 0 0 }
.social-feed-element-image img{display:block !important;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}

.owl-item li>img{width:auto !important;margin:0 auto}
.social-media-element,.owl-item li{box-shadow:0px 0px 19.32px 1.68px rgba(0, 0, 0, 0.14);border-radius:50px 0 50px 0}
.owl-item li{list-style:none}

.tweet_text,.social-feed-text{font-family:"Lato",sans-serif;font-size:16px;line-height:26px;font-weight:500;padding:15px 30px 30px;margin:0;display:block}
.tweet_time a{font-family:'Lato',sans-serif;font-size:13px;font-weight:700;color:#8f8f8f;text-decoration:none;padding-top:25px}
.text-wrapper .text-right{padding-bottom:30px}

.tweet_first{border-radius:50px 0 50px 0}
.tweet_even{border-radius:50px 0 50px 0}
.tweet_first img{border-radius:50px 0 0 0}
.tweet_even img{border-radius:50px 0 0 0}
.tweet_odd img{border-radius:50px 0 0 0}

#social-feed-container .owl-stage-outer{padding:30px;margin:-30px 0 -30px -30px}
.social-feed-element{box-shadow:0px 8px 22.08px 1.92px rgba(0, 0, 0, 0.13);border-radius:50px 0 50px 0}
.social-feed-element .read-button{display:none}
#social-feed-container .fa-twitter,
#social-feed-container .fa-instagram,
.social-feed-element .fa-facebook{font-size:15px;color:#bababa;padding:30px 10px 0 30px}
.social-feed-element .muted{font-family:'Lato',sans-serif;font-size:15px;font-weight:700;color:#8f8f8f}
#social-feed-container .media-object{display:none}
/*-----*/

footer{background:#193747;padding:30px 0;color:#fff;margin-top: auto;}
footer .divider{margin:0 7px 0 9px}
footer .fa-facebook-square,
footer .fa-twitter,
footer .fa-instagram,
footer .fa-youtube-play{font-size:17px}

.footer-logo{display:inline-block;width:57px;margin-right:30px}
.contact{color:#fff}
.contact:hover{color:#fff}
#revize{text-align:right}
#revize-link{color:#d46c41;text-transform:capitalize}
#revize-login{color:#fff}

#twitterfeed{background:#f1f1f1}
.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}
#translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0}
/* -----------------------------------------

#inner

-----------------------------------------*/
#freeform #slider{height:441px}
#freeform #slider:after{display:none}
.freeform-mask{position:absolute;left:0;right:0;bottom:0;z-index:66}

/*==========FLYOUT==========*/
#flyout-wrap{background:#55a7d3;border-radius:50px 0 50px 0;padding-bottom:24px;margin-right:30px}
#flyout-header{color:#193747;font-size:22px;line-height:25px;text-transform:capitalize;font-weight:700;padding-top:31px;margin:0;padding-bottom:10px;padding-left:35px;font-family:"eurostile-condensed", sans-serif;font-weight:800}
#flyout{padding:0;margin:0}
#flyout ul{padding:0;margin:0;display:none}
#flyout li{position:relative;margin:0;padding-left:35px;list-style:none}
#flyout li:hover{background:#193747}
#flyout ul>li{padding:0}
#flyout a,
#flyout span{display:block;text-decoration:none;font-size:14px;font-weight:700;line-height:1.3;padding:11px 0;color:#fff}
#flyout ul a,
#flyout ul span{font-size:12px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,0.15);color:rgb(255,255,255)}
/*====================*/

/*==========BREADCRUMBS==========*/
#breadcrumbs a{font-size:13px;text-transform:uppercase;text-decoration:none;color:#d46b40;font-family:"eurostile",sans-serif;font-weight:700}
#breadcrumbs a:after{content:'\002F';font-family:'FontAwesome';margin:0 14px 0 12px;color:#d46b40;font-size:16px;position:relative;top:0;left:3px}
#breadcrumbs{font-weight:400;text-transform:uppercase;font-size:13px;color:#55a7d3;font-family:"eurostile", sans-serif;font-weight:700;line-height:28px}
/*====================*/

#page-title{font-family:"eurostile-condensed";font-weight:800;font-style:normal;font-size:42px;line-height:28px;color:#55a7d3;text-transform:uppercase}

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

#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:#d66e40!important;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:670px;position:relative}
#slider:after{position:absolute;content:'';left:50%;right:0;top:0;bottom:-1px;background:url(../images/slider-bottom-arrow.png) no-repeat bottom;background-size:auto;background-size:contain;width:58px;z-index:99;transform:translateX(-50%)}
#slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51}
.slider_caption_container{position: absolute;right: 5%;top: 40%;z-index: 60;left: 60%;}
.slider_caption_economic{color: white;font-size: 54px;text-shadow: 0px 0px 11px rgb(0, 0, 0);}
.bxslider{padding:0;margin:0}
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height: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:1440px) {
	.quicklink:after{right:-2px}
}
@media only screen and (max-width:1400px) {
	#nav{padding:0 15px 0 0}
	#nav li{padding:0 8px}
	#nav a, #nav span{font-size:17px}
	#nav > li > ul{column-gap:0!important}
	#nav >li:first-of-type > ul{left:-450px}

}
@media only screen and (max-width:1200px) {
	#nav li{padding:0 5px}
	#nav a, #nav span{font-size:16px}
	#nav > li > ul{width:800px!important}
}
@media only screen and (min-width:992px) {
	#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 > li > ul{column-count:4;-webkit-column-count:4;-moz-column-count:4;column-gap:103px;-webkit-column-gap:103px;-moz-column-gap:103px;position:absolute;top:100%;right:0;left:-347px;padding:23px 10px 21px 30px;width:1150px;background:#193747;display:none;text-align:left;border-radius:0 0 50px 0}
	#nav > li:nth-of-type(2) > ul{left:-550px;}
	#nav > li:nth-of-type(3) > ul{right:-200px;left:unset!important}
	#nav > li:nth-of-type(4) > ul{right:0;left:auto!important}
	#nav > li:last-of-type > ul{right:0;left:auto!important}
	#nav ul ul{left:0;top:0;padding:0;position:relative;background-color:#193747;font-size:13px;line-height:28px;width:100%;display:block!important;border-radius:0 0 50px 0}
	#nav ul li{padding:0}
	#nav > li > ul > li > a, #nav > li > ul > li > span{color:#55a7d3;font-size:16px;line-height:28px;font-weight:900;text-transform:capitalize;padding:0}
	#nav > li > ul > li{width:100%;page-break-inside:avoid}
	#nav ul a{width:100%;padding:0;font-size:13px;line-height:28px;font-weight:500;text-transform:capitalize}
	#nav li:hover > ul{display:block}
	#nav > li > a::after, #nav > li > span::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:5px;background:#d46c41;opacity:0;z-index:99}
	#nav>li:hover>a:after,
	#nav>li:hover>span:after{opacity:1}
	#nav li{display:inline-block}
	#nav ul{background:#222;width:220px;position:absolute}
	#nav ul a:hover,#nav ul span:hover{background:rgba(0,0,0,.15)}
	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#d66e40;display:none;z-index:999}
	#flyout li:hover>ul{display:block}

	#nav .fa-angle-down{display:none;position:absolute;right:0;top:0;bottom:0}
	#flyout .fa-angle-down{display:none;position:absolute;right:0;top:0;bottom:0}
	.toggle2{display:none!important}
}

@media only screen and (max-width:991px) {
	.floating-share-btn{bottom:75px}
	#slider{height:400px}
	/* 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:55px;z-index:99}
	#nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#d66e40;color:#fff;margin-left:5px}
	#nav > li > ul{width:100%!important}
	#nav{text-align:left;padding:0}
	#nav,#flyout{display:none}
	#nav li{display:block;padding:0}
	#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)}
	#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;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important}

	#flyout-header{display:none}
	#flyout-wrap{padding:0;margin:15px 0}
	#flyout-toggle{padding:15px;color:#fff}
	#flyout li{padding:0}
	#flyout li:hover{background:none}


	#news-events .section-header{margin:15px 0}

	footer{text-align:center}
	.footer-logo{display:block;margin:0 auto}
	footer .social-links{display:block;margin:0}
	#revize{margin-top:15px!important;text-align:center!important}
}

	/* 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}
	#logo{margin-left:0}
	.aoe-list{column-count:1}
	.aoe-list a:nth-child(3){border-bottom:1px solid #475f6c}
}

/* 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) {

	#homepage #translation-links{margin-bottom:6px;padding-top:7px}
	#homepage .translate .fa-comments{top:5px}
	.social-links{display:none}
	#logo{width:200px}
	#toggles{top:45px}
	#aoi .section-header{line-height:45px}
}

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