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

	Theme Name: Small City
	Author Design: Samir Alley @samiralley
	Author URI: http://www.revize.com/
	Date: March 19, 2015

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

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

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:14px;line-height:1.6;font-family:'Lato', sans-serif;color:#0c0904;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

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

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#0c0904;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:#0c0904;margin-bottom:20px}
.subheader{font-size:21px;color:#0c0904;margin-bottom:20px}
p{margin:0 0 20px 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:#f7a423;text-decoration:underline;outline:0!important}
a:hover,a:focus{color:#f7a423}

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

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:0}
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 20px 15px 0px;
}
img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
  margin: 0 20px 10px 0;
}

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

#buttons

-----------------------------------------*/
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:10px 20px;background:#f7a423;color:#fff!important;border:0;border-radius:3px;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;text-transform:uppercase}
.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:#f7a423}
.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:#f7a423}
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}

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

#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 h4{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 buttons

-----------------------------------------*/
.sliderBtn{position:absolute;left:40%;top:0;z-index:99}
.bannerBtn{position:absolute;left:0;top:0;z-index:99}
.globalstyleBtn{position:absolute;left:50%;top:50px}
.alertbtn{position:relative;text-align:center;z-index:1}

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

#loader

-----------------------------------------*/
#loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#233447;z-index:99999;display:none!important}
#loader-wrapper img{width:60px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;	animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation;-webkit-animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation}
@keyframes spinning_animation{
	0%{transform:scale(1) rotate(0deg);-o-transformscale(1) rotate(0deg)}
	50%{transform:scale(0.8) rotate(360deg);-o-transformscale(0.8) rotate(360deg)}
	100%{transform:scale(1) rotate(720deg);-o-transform:scale(1) rotate(720deg)}
}
@-webkit-keyframes spinning_animation{
	0%{-webkit-transform:scale(1) rotate(0deg)}
	50%{-webkit-transform:scale(0.8) rotate(360deg)}
	100%{-webkit-transform:scale(1) rotate(720deg)}
}

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

#main

-----------------------------------------*/
body{overflow-x:hidden;height:100%}
html{height:100%}
.container{max-width:100%}
.main-contant{margin-left:200px;z-index:9;position:relative}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,.toggle,.toggle2{display:none}
header{position:fixed;left:0;top:0;bottom:0;width:200px;background:#0c0904;padding:40px 0 30px 40px;z-index:99}
.logo{margin-bottom:40px;padding-right:40px}
#nav{margin:0;padding:0}
#nav li{position:relative;list-style:none;margin:0;padding-right:40px}
#nav li a{display:block;color:#fff;font-size:14px;padding:10px 0;font-weight:bold;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2)}
#nav ul{display:none;position:absolute;left:100%;top:0;z-index:999;background:#fff;margin:0;padding:20px;border-radius:0 3px 3px 0;box-shadow:0 0 10px rgba(0,0,0,.1)}
#nav li:hover >ul{display:block}
#nav ul ul{top:-20px}
#nav li .down-arrow{float:right;margin-top:2px}
#nav ul li a{width:180px;padding:7px 0;font-size:12px;border-bottom:1px solid rgba(0,0,0,.05)}
#nav ul li:last-child a{border:0}
#nav ul li{padding:0}
.slider{position:fixed;z-index:1;top:0;left:200px;right:0;top:0;height:100%;background:#000;overflow:hidden}
.slider li{opacity:.7}
.bxslider{height:100%;position:fixed;z-index:1;top:0;left:0;right:0}
#search{float:right;width:70%;margin:0}
#search form{margin:0;padding:0;width:35%;float:right;position:relative}
#search .form-control{height:35px;border:0;border-radius:3px;width:100%}
.twitter-typeahead{width:100%}
#search button{position:absolute;top:0;right:0;border-radius:0 3px 3px 0;height:35px}
#search label{display:none}
.tt-menu{width:100%;margin:10px 0;padding:8px 0;background-color:#fff;border-radius:3px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.tt-suggestion{padding:4px 20px;font-size:16px;line-height:24px;font-weight:normal}
.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#000}
.tt-suggestion.tt-cursor{color:#fff;background-color:#000}
.tt-suggestion p{margin:0}
.caption{text-align:center;color:#fff;margin-top:12%;margin-bottom:12%;text-shadow:0 5px 10px rgba(0,0,0,.3)}
.caption h1{margin:0;color:#fff;font-size:72px;font-family:Georgia;padding:0 10%}
.caption p{font-size:18px;padding:0 15%;margin:0}
.block{height:250px;border-radius:3px;text-align:center;overflow:hidden;margin-bottom:20px}
.block a{text-decoration:none;display:block;height:100%}
.block h2{color:#0C0904;text-decoration:none;background:#fff;font-size:16px;font-weight:bold;font-weight:900;text-transform:uppercase;padding:10px;margin:0}
#footer{position:fixed;left:40px;bottom:30px;color:#fff;color:rgba(255,255,255,.4);z-index:999;font-size:11px}
#footer a{text-decoration:none}
iframe{border:none}
/* -----------------------------------------

#share widget

-----------------------------------------*/
.modal-content{overflow:hidden;box-shadow:none!Important;border-radius:3px}
.modal-header{background:#F4F9FD;border:0;text-align:center}
.modal-header h4{font-weight:900;color:#273649}
.modal-header button{margin-top:2px!important;right:20px;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.modal-body p{font-weight:bold;color:#6B7C8E}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:3px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:3px 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:32px}
.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 22px}
.floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;height:50px;width:50px;border-radius:0;border:0!important;border-right:0;background:#FF7920!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.2)!important;text-align:center;font-size:21px}
.floating-share-btn:before{content:"share this";position:absolute;top:-30px;left:0;right:0;text-align:center;font-size:11px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.5)}
#freeform .floating-share-btn:before{color:#000;text-shadow:0 0 10px rgba(0,0,0,.2)}

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

#pagefeedback

-----------------------------------------*/
#pagefeedback{margin:30px 0}
#pagejudge a{text-decoration:none;border:3px solid;color:#fff;display:inline-block;border-radius:3px;padding:2px 10px;margin:0 4px}
#pagejudge a.report-pagejudge-yes{background:#46c057;border-color:#46c057}
#pagejudge a.report-pagejudge-no{background:#f63344;border-color:#f63344}
#pagejudge{border:3px solid #eee;padding:20px 30px;border-radius:3px;background:#f9f9f9}
#pagejudge.alert{font-size:16px;background:#E0FFD3;border-color:#B5F799}
#pagejudge.alert i{width:50px;height:50px;line-height:48px;text-align:center;border:2px solid #B5F799;border-radius:50%;margin:0 10px 0 0;background:#fff}
.report-issue-form{padding:30px;background:#e4edf9;border:3px solid #cbdaee;border-radius:3px;display:none}
.report-issue-form h5{margin:0 0 20px;font-weight:bold}
.report-issue-form .form-control{border-color:#cbdaee;margin-bottom:20px;box-shadow:none;min-height:45px;border-radius:3px}
.report-issue-form .form-control:focus{border-color:#186daf}
.report-issue-form .alert-info{border-width:2px;color:#FF5700;border-color:#edc3ae;background:#fbf1eb;color:#000}
.report-issue-form .alert-success{border-width:2px;background:#edf7e8;margin:0}

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

#Weather

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

/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons
*/

@font-face{font-family:'weather';src:url('../fonts/weather/artill_clean_icons-webfont.eot');src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'),url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'),url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');font-weight:normal;font-style:normal}
#weather{float:left;width:30%;color:#fff;font-weight:900;position:relative;top:-10px;white-space:nowrap}
#weather h2{margin:0;color:#fff;font-size:21px;float:left;font-weight:900;line-height:1}
#weather ul{float:left;padding:20px 0 0;margin:0}
#weather ul li{float:left;margin:0;list-style:none;margin-right:10px;display:none}
#weather ul .currently{}
#weather i{color:#F7A423;font-family:weather;font-size:50px;font-weight:normal;font-style:normal;display:inline-block;margin-left:10px;top:5px;position:relative;line-height:1}
.icon-0:before{content:":"}
.icon-1:before{content:"p"}
.icon-2:before{content:"S"}
.icon-3:before{content:"Q"}
.icon-4:before{content:"S"}
.icon-5:before{content:"W"}
.icon-6:before{content:"W"}
.icon-7:before{content:"W"}
.icon-8:before{content:"W"}
.icon-9:before{content:"I"}
.icon-10:before{content:"W"}
.icon-11:before{content:"I"}
.icon-12:before{content:"I"}
.icon-13:before{content:"I"}
.icon-14:before{content:"I"}
.icon-15:before{content:"W"}
.icon-16:before{content:"I"}
.icon-17:before{content:"W"}
.icon-18:before{content:"U"}
.icon-19:before{content:"Z"}
.icon-20:before{content:"Z"}
.icon-21:before{content:"Z"}
.icon-22:before{content:"Z"}
.icon-23:before{content:"Z"}
.icon-24:before{content:"E"}
.icon-25:before{content:"E"}
.icon-26:before{content:"3"}
.icon-27:before{content:"a"}
.icon-28:before{content:"A"}
.icon-29:before{content:"a"}
.icon-30:before{content:"A"}
.icon-31:before{content:"6"}
.icon-32:before{content:"1"}
.icon-33:before{content:"6"}
.icon-34:before{content:"1"}
.icon-35:before{content:"W"}
.icon-36:before{content:"1"}
.icon-37:before{content:"S"}
.icon-38:before{content:"S"}
.icon-39:before{content:"S"}
.icon-40:before{content:"M"}
.icon-41:before{content:"W"}
.icon-42:before{content:"I"}
.icon-43:before{content:"W"}
.icon-44:before{content:"a"}
.icon-45:before{content:"S"}
.icon-46:before{content:"U"}
.icon-47:before{content:"S"}


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

#inner

-----------------------------------------*/
#slider{position:relative;z-index:1;height:300px;background:#000;top:0;left:0;right:0;margin-left:200px;overflow:hidden}
#slider .container,#slider .row,#slider .col-md-12{position:relative;height:100%}
.page-title{z-index:99;color:#fff;position:absolute;top:0;bottom:0;right:0;left:0;color:#fff;height:300px}
.page-header{border:0;padding:0;margin:0}
.page-header h1{margin:0;padding:0;color:#fff;font-size:50px;font-weight:bold}
.bxslider{height:100%;position:fixed;z-index:1;top:0;left:0;right:0}
#slider .bxslider li{opacity:.7}
#flyout-wrap{background:#F7A423;border-radius:3px;padding:30px;margin-bottom:30px}
#flyout-toggle{display:none}
#flyout{margin:0;padding:0}
#flyout li{margin:0;display:block;position:relative}
#flyout a{text-decoration:none;padding:15px 20px 15px 0;display:block;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-size:16px}
#flyout>li:last-child a{border:0}
#flyout ul{display:none;margin:0;padding:0;background:none!important}
#flyout ul a{font-size:13px;padding:10px}
#flyout .toggle-children{position:absolute;right:0;border:1px solid #fff;width:24px;height:24px;border-radius:50%;text-align:center;line-height:24px}
.breadcrumbs{font-size:14px;text-transform:capitalize;font-weight:bold;font-weight:900;word-spacing:7px;position:absolute;bottom:30px}
.breadcrumbs p{margin:0}
.breadcrumbs a{text-decoration:none}
.content-block{background:#0C0904;color:#fff;padding:30px;font-size:12px;margin:0 0 30px;border-radius:3px}
.content-block h3{color:#fff;margin-top:0}
.content-block p:last-of-type{margin:0}
.post{padding-bottom:20px}
.post img{border-radius:3px}
#freeform .top-header{position:absolute;left:0;right:0;z-index:999;top:30px}
.main-contant{padding-top:30px}
#freeform .main-contant{padding-top:60px}
.faqs-heading{border:3px solid #eee!important;background-color:#f9f9f9!important;border-radius:3px;padding:20px 60px!important}
.faqs-heading.active{border-color:#46d954!important;color:#fff;border-radius:3px 3px 0 0;background-color:#46d954!important}
.faqs-toggle-content{border:3px solid #46d954!important;border-top:none!Important;background:#fff;border-radius:0 0 3px 3px}
#isotope-container{margin:0 -10px;width:auto!important}
#isotope-container .isotop-element{max-width:25%!important;width:25%!important;margin:0!Important;padding:10px!important;background:none!important}
.isotop-element .item-overlay{top:10px!important;right:10px!important;left:10px!important;bottom:10px!important;border-radius:3px}
#RZdocument_center .rz-app{display:none}
#RZdocument_center select{display:none}

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

#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}
.bx-wrapper .bx-viewport{background:#000; /*fix other elements on the page moving (on Chrome)*/-webkit-transform:translatez(0); -moz-transform:translatez(0);  -ms-transform:translatez(0);  -o-transform:translatez(0);  transform:translatez(0)}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute; bottom:-30px; width:100%}
/* LOADER */
.bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #000; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000}
/* 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}

}

@media only screen and (max-width:991px){

		/* rz citizens request center */
		#formwizziwmorf tr,#formwizziwmorf tr td{display:block!important}
		#formwizziwmorf tr table tr{display:table-row!important}
		#formwizziwmorf tr table td{display:table-cell!important}
		header{width:100%;top:0;left:0;right:0;bottom:auto;height:auto;padding:20px}
		.main-contant{margin-left:0}
		#freeform .main-contant{padding-top:30px}
		#freeform .main-contant .container{padding:0}
		#homepage .main-contant .container{padding:0}
		#sticky{position:static!important}
		#sticky-sticky-wrapper{height:auto!important}
		#homepage .main-contant{padding:0}
		.slider{position:static;height:50%}
		#slider{margin-left:0;margin-top:90px}
		.logo{margin-bottom:0;float:left;max-width:120px;max-height:50px}
		.logo img{max-width:120px;max-height:50px}
		#homepage .top-header{background:#0c0904;margin:0 -15px;padding:20px 15px 10px}
		#search form{width:90%}
		.caption{padding:0}
		.caption h1{color:#000!important;font-size:7vw;padding:0;margin-bottom:2vw;text-shadow:none}
		.caption p{color:#000!important;font-size:1.7vw;text-shadow:none}
		.page-header h1{font-size:8vw;padding-top:50px}
		.block h2{color:#fff!important}
		#footer{position:static;padding:20px;word-spacing:1px;text-align:center}
		#footer a{text-decoration:#fff}
		#footer br{display:none}
		#nav-toggle{display:block;cursor:pointer;color:#fff;float:right;line-height:1;padding:10px;border-radius:3px;margin-top:7px;border:1px solid rgba(255,2555,255,.2);width:40px;text-align:center;position:relative;z-index:999}
		.down-arrow{display:none} /* if not hidden above */
		#nav{display:none;width:100%;clear:both;padding:10px 0 10px;top:20px;position:relative;max-height:300px;overflow-y:auto;-webkit-overflow-scrolling: touch}
		#nav li{float:none;display:block;padding:0}
		#nav li a{padding:10px 40px 10px 0;border:0;border-top:1px solid rgba(255,2555,255,.1)!important}
		#nav ul{position:static;top:0;padding:0;background:none!important}
		#nav li:hover > ul{display:none}
		#nav ul a{width:100%!important;color:#fff!important;padding:10px 40px 10px 10px!important}
		#nav ul ul a{padding-left:20px!important}
		#nav ul ul{left:0}
		#nav .toggle,
		#nav .toggle2{position:absolute;right:0;top:0;height:40px;width:55px;line-height:40px;text-align:right;display:inline}
		#flyout-toggle{display:block;cursor:pointer;color:#fff;font-size:18px}
		#flyout-toggle i{margin-right:5px}
		#flyout{display:none}
		#flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)}
		#flyout ul a{width:100%}
		#flyout li:hover > ul{display:none}
		#isotope-container .isotop-element{max-width:50%!important;width:50%!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}
	.floating-alert{font-size:12px}
	.floating-alert h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px}
	.caption p{font-size:12px}
  .share-btns a{height:50px}
  .share-btns i{line-height:45px!important;font-size:18px}
  .modal-body{padding:30px}
  .modal-body .btn{font-size:14px}
	#pagejudge{text-align:center}
	#pagejudge a{display:block;width:100%;margin:7px 0}
	#freeform .slider{margin:0 -15px}
	#search{width:100%;margin-bottom:10px}
	#search form{width:100%}
	#weather{width:100%;top:-10px;text-align:center}
	#isotope-container .isotop-element{max-width:100%!important;width:100%!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){}

@media print{

	.nav-wrap,
	.aside,
	.breadcrumbs,
	.e-notify{display:none!important}
	a[href]:after{content:none!important}

}