/*
Theme Name: City Informer
Theme URI: http://bestweblayout.com/products/city-informer/
Author: BestWebLayout
Author URI: http://bestweblayout.com/
Description: Create an extraordinary website with City Informer - a feature-rich, flexible and multipurpose theme that can be customized in several clicks. This theme can be compared to playdough - with a little creativity, you can make it appropriate for any type of website, be it Automotive services, Marketing news, Clothing industry or anything else. At the same time, City Informer is simple and discreet, so that readers will be able to focus on your site's content - and enjoy the original design at the same time. Furthermore, this theme is fully compatible with BestWebSoft plugins. Ergo, it is best that you use Captcha (http://wordpress.org/plugins/captcha/) and Facebook Like Button (http://wordpress.org/plugins/facebook-button-plugin/) - which will contribute largely to your site's functionality. Take a closer look at the demo version of City Informer at http://wp-demo-theme.bestweblayout.com/cityinformer/
Version: 1.7
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, sticky-post, threaded-comments, translation-ready
Text Domain: city-informer
City Informer WordPress Theme, Copyright 2016 BestWebLayout.com
City Informer is distributed under the terms of the GNU GPL
*/

/* Reset CSS*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	color: #656565;
	font-size: 13px;
	font-family: "Open Sans", Helvetica, sans-serif;
	word-wrap: break-word;
	word-break: break-word;
}

/********************************************/
/******************Fonts********************/
/******************************************/

/******************************************** Open Sans*/

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Bold.eot');
	src: url('fonts/Open_Sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-Bold.svg#Open Sans') format('svg'),
	url('fonts/Open_Sans/OpenSans-Bold.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-BoldItalic.eot');
	src: url('fonts/Open_Sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-BoldItalic.svg#Open Sans') format('svg'),
	url('fonts/Open_Sans/OpenSans-BoldItalic.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-ExtraBold.eot');
	src: url('fonts/Open_Sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-ExtraBold.svg#Open Sans Extrabold') format('svg'),
	url('fonts/Open_Sans/OpenSans-ExtraBold.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.eot');
	src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.svg#Open Sans Extrabold') format('svg'),
	url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Italic.eot');
	src: url('fonts/Open_Sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-Italic.svg#Open Sans') format('svg'),
	url('fonts/Open_Sans/OpenSans-Italic.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Light.eot');
	src: url('fonts/Open_Sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-Light.svg#Open Sans Light') format('svg'),
	url('fonts/Open_Sans/OpenSans-Light.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Regular.eot');
	src: url('fonts/Open_Sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-Regular.svg#Open Sans') format('svg'),
	url('fonts/Open_Sans/OpenSans-Regular.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-Semibold.eot');
	src: url('fonts/Open_Sans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-Semibold.svg#Open Sans Semibold') format('svg'),
	url('fonts/Open_Sans/OpenSans-Semibold.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.eot');
	src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Open_Sans/OpenSans-SemiboldItalic.svg#Open Sans Semibold') format('svg'),
	url('fonts/Open_Sans/OpenSans-SemiboldItalic.woff') format('woff'),
	url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

/*************************************************** Share font ************/

@font-face {
	font-family: "Share";
	src: url('fonts/Share/Share-Bold.eot');
	src: url('fonts/Share/Share-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Share/Share-Bold.svg#Share') format('svg'),
	url('fonts/Share/Share-Bold.woff') format('woff'),
	url('fonts/Share/Share-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Share";
	src: url('fonts/Share/Share-Regular.eot');
	src: url('fonts/Share/Share-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Share/Share-Regular.svg#Share') format('svg'),
	url('fonts/Share/Share-Regular.woff') format('woff'),
	url('fonts/Share/Share-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Share";
	src: url('fonts/Share/Share-Italic.eot');
	src: url('fonts/Share/Share-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Share/Share-Italic.svg#Share') format('svg'),
	url('fonts/Share/Share-Italic.woff') format('woff'),
	url('fonts/Share/Share-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Share";
	src: url('fonts/Share/Share-BoldItalic.eot');
	src: url('fonts/Share/Share-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/Share/Share-BoldItalic.svg#Share') format('svg'),
	url('fonts/Share/Share-BoldItalic.woff') format('woff'),
	url('fonts/Share/Share-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

/***************************************** end fonts ************************/

/********************************************************/
/********************** General Styles *****************/
/******************************************************/

:focus {
	outline: none;
}

a {
	outline: none;
	color: #aaaaaa;
	text-decoration: none;
	font-size: 13px;
}

a:hover {
	outline: none;
	color: #cd6a39;
	text-decoration: none;
	font-size: 13px;
}

a img {
	border: none;
}

img {
	margin-bottom: 10px;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

code {
	padding: 0 5px;
	border: 1px solid #cecece;
	background-color: #fff;
	color: #999;
	font-style: normal;
	font-family: "Courier New", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	font-family: Share, Helvetica, sans-serif;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 21px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 11px;
}

p {
	color: #656565;
	font-size: 13px;
	line-height: 21px;
}

hr {
	height: 7px;
	border: 0;
	background: transparent url("images/sidebar-line.jpg") repeat-x 0 0;
}

/**************************Lists*/

dl {
	margin-top: 19px;
	margin-bottom: 8px;
	margin-left: 30px;
}

dt {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 15px;
}

#content ol {
	margin: 14px 0 5px 47px;
}

#content ul {
	margin: 14px 0 7px 47px;
}

#content ul ol,
#content ol ul,
#content ul ul,
#content ol ol {
	margin-top: 0;
	margin-bottom: 0;
}

#content li {
	margin: 4px 0 4px 4px;
}

sub,
sup {
	color: #aaaaaa;
}

pre {
	display: block;
	overflow-x: auto;
	margin-top: 7px;
	padding: 15px 19px 11px 19px;
	width: 500px;
	border: 1px solid #dcdcdc;
	background: #444444;
	color: #aaaaaa;
	font-size: 13px;
	font-family: Courier, "Courier New", monospace;
	line-height: 21px;
}

blockquote {
	display: block;
	margin-top: 19px;
	margin-bottom: 20px;
	padding: 8px 20px 10px 29px;
	width: 330px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	word-spacing: 2px;
	letter-spacing: 0.5px;
	font-size: 14px !important;
}

blockquote:after {
	position: absolute;
	z-index: 1;
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	width: 330px;
	background: url(images/quote.png) no-repeat top right;
	content: "- Blockquote";
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	font-family: "Open Sans";
	line-height: 3;
}

table {
	margin: 0 0 21px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
}

table caption,
table thead {
	background: #eee;
	text-align: center;
}

th,
td {
	padding: 10px;
	border: 1px solid #ddd;
}

th {
	background: #eee;
	text-align: center;
}

/***********************Forms*********************/

input[type="text"],
input[type="reset"],
input[type="submit"],
textarea,
.slider-more,
blockquote {
	position: relative;
}

/*************************************************input TEXT*/
#content input[type="text"],
#content input[type="email"],
#content input[type="password"] {
	display: block;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 15px;
	width: 200px;
	height: 39px;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; /* Firefox */
	-o-border-radius: 3px; /* Opera */
	-ms-border-radius: 3px; /* IE8 */
	border-radius: 3px; /* Safari, Chrome */
	background-color: #f1f1f1;
}

/*************************************************input TEXTAREA*/
#content textarea {
	display: block; /*убираем скрол */
	overflow: auto;
	margin-top: 2px;
	margin-bottom: 16px;
	padding: 7px 0 0 10px;
	max-width: 520px;
	width: 210px;
	height: 100px;
	outline: none;
	border: 1px solid #d8d8d8; /* Firefox */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; /* Firefox */
	-o-border-radius: 3px; /* Opera */
	-ms-border-radius: 3px; /* IE8 */
	border-radius: 3px;
	background-color: #f1f1f1;
}

/****************************************************input SELECT*/
.selectBox-dropdown {
	position: relative;
	display: inline-block;
	margin-top: 2px;
	min-width: 220px;
	max-width: 250px;
	width: 200px;
	height: 39px;
	outline: none;
	border: solid 1px #dcdcdc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fbfbfb;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.entry-content form a:hover {
	color: #48565f !important;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #b3b3b3;
	background: #fff;
}

.selectBox-dropdown .selectBox-label {
	display: inline-block;
	overflow: hidden;
	padding: 12px 9px;
	color: #656565;
	white-space: nowrap;
	font-size: 13px;
	line-height: 100%;
}

.selectBox-dropdown:focus .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: url('images/select-arrow.png') 50% center no-repeat;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: url('images/select-arrow.png') 50% center no-repeat;
}

/********************************* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	display: block;
	overflow: visible;
	margin: 20px;
	min-height: 1em;
	border: solid 1px #dddddd;
	background: #fdfdfd;
	-webkit-overflow-scrolling: touch;
}

/* Inline control */
.selectBox-inline {
	display: inline-block;
	overflow: visible;
	min-width: 150px;
	outline: none;
	border: solid 1px #BBB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
}

.selectBox-inline:focus {
	border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #656565;
	list-style: none;
	cursor: default;
}

.selectBox-options {
	padding-top: 15px;
	padding-bottom: 11px;
}

.selectBox-options li a {
	overflow: hidden;
	padding: 0 29px;
	white-space: pre-wrap;
	font-size: 13px;
	line-height: 31px;
}

.selectBox-options LI.selectBox-hover a {
	background-color: #444444;
	color: #fff;
}

.selectBox-options LI.selectBox-disabled a {
	background-color: transparent;
	color: #888;
}

.selectBox-options LI.selectBox-selected a {
	background-color: #444444;
	color: #fff;
}

.selectBox-options .selectBox-optgroup {
	padding: 8px 0 7px 9px;
	background: none;
	color: #aaaaaa;
	white-space: pre-wrap;
	font-size: 13px;
	line-height: 1;
}

/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	border-color: #666;
	opacity: .5;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options a {
	background-color: transparent !important;
}

/********************* Radio And Checkbox */

.radio,
.checkbox {
	margin: 2px 8px 20px 32px;
	cursor: pointer;
}

form .radio + label,
form .city_informer-fake-radio-container + label,
form .checkbox + label,
form .city_informer-fake-checkbox-container + label {
	display: block;
	float: left;
	padding-top: 1px;
	padding-left: 1px;
	word-spacing: 0;
	line-height: 21px;
	cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
	position: absolute;
	z-index: -100;
	margin: 3px 0 0 3px;
	opacity: 0;
	cursor: pointer;
}

.city_informer-fake-radio-container:first-child,
.city_informer-fake-checkbox-container:first-child {
	margin: 3px 8px 0 29px;
}

.city_informer-fake-radio-container,
.city_informer-fake-checkbox-container {
	float: left;
	margin: 3px 8px 0 29px;
}

.city_informer-fake-radio,
.city_informer-fake-checkbox {
	display: block;
	margin: 0 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
}

.city_informer-fake-radio,
.city_informer-fake-radio.disabled,
.city_informer-fake-radio.disabled:hover {
	background: url(images/sprite.png) 0 -18px no-repeat;
}

.city_informer-fake-checkbox,
.city_informer-fake-checkbox.disabled,
.city_informer-fake-checkbox.disabled:hover {
	background: url(images/sprite.png) 0 0 no-repeat;
}

.city_informer-fake-radio.selected,
.city_informer-fake-radio:hover {
	background: url(images/sprite.png) -36px -18px no-repeat;
}

.city_informer-fake-checkbox.selected,
.city_informer-fake-checkbox:hover {
	background: url(images/sprite.png) -36px 0 no-repeat;
}

.city_informer-fake-radio.disabled,
.city_informer-fake-checkbox.disabled,
.city_informer-fake-radio:hover,
.city_informer-fake-checkbox:hover {
	opacity: 0.5;
}

.city_informer-fake-radio.selected:hover,
.city_informer-fake-checkbox.selected:hover {
	opacity: 1;
}

.city_informer-radio-item-container:first-child,
.city_informer-checkbox-item-container:first-child {
	margin-top: 0;
}

.city_informer-radio-item-container,
.city_informer-checkbox-item-container {
	display: -moz-inline-stack; /* inline-block for Mozilla 2 */
	display: inline-block; /* inline-block for other browsers */
	margin-top: 7px;
}

/* clear and submit buttons styles */
#content input[type="submit"],
#content input[type="button"],
#content input[type="reset"] {
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 16px 17px 15px 20px; /* Firefox */
	border: 0; /* Safari, Chrome */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #656565;
	-webkit-box-shadow: #333333 0 3px 0;
	-moz-box-shadow: #333333 0 3px 0;
	box-shadow: 0 3px #333333;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-family: Share, Helvetica, sans-serif;
	cursor: pointer;
}

#content input[type="submit"] {
	padding: 16px 20px 15px 20px;
}

#content input[type="reset"]:hover,
#content input[type="button"]:hover {
	background-color: #cd6a39;
	-webkit-box-shadow: #924a27 0 3px 0;
	-moz-box-shadow: #924a27 0 3px 0;
	box-shadow: 0 3px #924a27;
}

#content input[type="submit"]:hover {
	background-color: #cd6a39;
	-webkit-box-shadow: #924a27 0 3px 0;
	-moz-box-shadow: #924a27 0 3px 0;
	box-shadow: 0 4px #924a27;
}

/***********************  Custom File Input Styles */

.NFI-wrapper {
	clear: both;
	margin-top: 8px;
	width: 460px;
	height: 70px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; /* Firefox */
	-o-border-radius: 3px; /* Opera */
	-ms-border-radius: 3px; /* IE8 */
	border-radius: 3px; /* Safari, Chrome */
	background: #dedede;
}

.NFI-button {
	margin: 11px 0 0 9px;
	padding-left: 11px;
	width: 211px;
	height: 49px;
	background: url('images/file-input.png') 0 0 no-repeat;
	line-height: 49px;
}

.NFI-filename {
	padding: 0;
	width: 180px;
	height: 49px;
}

.NFI-wrapper input[type='text'] {
	margin: 10px 0 0 3px !important;
	width: 180px !important;
	height: 40px;
	border: none;
	background: #dedede;
	color: #656565;
	line-height: 49px;
}

/**************************************************/
/**********************CONTENT********************/
/************************************************/

#page-wrapper {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

/***********************************************/
/******************* HEADER *******************/
/*********************************************/

#custom-header img {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
}

#main-header {
	position: relative;
}

#city_informer-header-top-wrapper {
	display: block;
	background-color: #282828;
}

#city_informer-header-top {
	display: block;
	margin: 0 auto;
	min-height: 50px;
	width: 1200px;
	height: 100%;
	font-family: "Share", Helvetica, sans-serif;
}

#city_informer-header-top > header {
	max-width: 460px;
	margin-left: 130px;
}

#main-header h1.city_informer-title {
	display: block;
	float: left;
	margin-right: 40px;
	word-wrap: break-word;
	line-height: 49px;
}

#main-header h1.city_informer-title a {
	color: #fff;
	word-wrap: break-word;
	letter-spacing: normal;
	font-weight: normal;
	font-size: 18px;
}

#main-header .city_informer-description {
	display: block;
	float: left;
	color: #aaaaaa;
	word-wrap: break-word;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	font-family: "Open Sans", Helvetica, sans-serif;
	line-height: 51px;
}

/*Header top main navigation menu*/

#city_informer-header-top #city_informer-navigation {
	display: block;
	float: right;
	min-height: 100%;
}

#city_informer-navigation ul {
	display: block;
	float: left;
	margin: 0 116px;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
	line-height: 49px;
}

#city_informer-navigation ul li {
	position: relative;
	float: left;
}

#city_informer-navigation ul li a {
	display: block;
	padding: 0 14px;
	font-size: 15px;
	font-family: "Open Sans", Helvetica, sans-serif;
}

#city_informer-navigation ul li:hover {
	background-image: none;
}

#city_informer-navigation nav ul > li.menu-item-has-children:hover {
	background: url(images/navigation-arrow.jpg) no-repeat bottom;
}

#city_informer-navigation nav ul > li.page_item_has_children:hover {
	background: url(images/navigation-arrow.jpg) no-repeat bottom;
}

/* submenu */

#city_informer-navigation nav ul > li.menu-item-has-children li {
	background-image: none !important;
}

#city_informer-navigation nav ul > li.page_item_has_children li {
	background-image: none !important;
}

#city_informer-navigation ul li ul {
	position: absolute;
	right: 0;
	z-index: 11;
	display: none;
	margin: 0;
	padding: 0;
	width: 220px; /* Firefox */
	border: 1px solid #d9d9d9; /* Safari, Chrome */
	border-top: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff !important;
	color: #fff;
}

#city_informer-navigation > ul > ul > li {
	position: relative;
	display: block;
	clear: both;
	margin-top: 12px;
	width: 220px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#city_informer-navigation ul ul ul {
	border-top: 1px solid #d9d9d9;
}

#city_informer-navigation ul ul li:first-child {
	margin-top: 7px;
}

#city_informer-navigation ul li:hover > ul {
	display: block;
	padding-bottom: 11px;
}

#city_informer-navigation ul li ul li:hover,
#city_informer-navigation ul li ul li:focus {
	background-image: none;
}

#city_informer-navigation ul li ul li:hover {
	width: 100%;
	background: #282828;
}

#city_informer-navigation ul ul li a {
	padding-left: 18px;
	color: #576167;
	font-weight: normal;
	font-size: 13px;
	font-family: "Open Sans", Helvetica, sans-serif;
	line-height: 36px;
}

#city_informer-navigation ul ul li a:hover {
	position: relative;
	background: #282828 none;
	color: #fff;
}

#city_informer-navigation ul ul li {
	width: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	left: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	left: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	left: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	left: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

#city_informer-navigation div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	top: 0;
	right: 100%;
}

/**************************************HEADER BOTTOM*/

#city_informer-header-bottom-wrapper {
	background-color: #fff;
}

#city_informer-header-bottom {
	z-index: 10;
	margin: 0 auto;
	width: 1200px;
	height: 98px;
}

#city_informer-header-bottom h2.city_informer-welcome {
	display: block;
	float: left;
	margin-left: 131px;
	padding-top: 24px;
	font-weight: normal;
	font-size: 24px;
	font-family: Share, Helvetica, sans-serif;
	line-height: 1;
}

/**************************************BREADCRUMBS*/

.breadcrumbs {
	position: absolute;
	display: block;
	clear: both;
	margin: 55px 0 0 131px;
	width: 300px;
}

.breadcrumbs a, .breadcrumbs .current {
	font-style: italic;
	font-size: 13px;
	font-family: "Open Sans", Helvetica, sans-serif;
}

.breadcrumbs .current {
	font-weight: bold;
}

/* search form*/

.city_informer-search-header {
	position: relative;
	display: block;
	float: right;
	margin: 0 129px 0 0;
	padding-top: 23px;
	width: 301px;
	height: 50px;
}

.city_informer-search-text {
	display: block;
	float: left;
	margin-right: 9px;
	padding-left: 19px;
	width: 217px;
	height: 48px !important;
	outline: none;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f8f8f8;
	line-height: 50px;
}

.city_informer-search-go {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 49px;
	border: none;
	background: url(images/search-button.jpg) no-repeat;
	box-shadow: none !important;
	line-height: 50px;
	cursor: pointer;
}

.city_informer-search-form {
	width: 332px;
}

.search #content {
	padding-bottom: 100px;
}

/************************ End of HEADER *********************/

/*************************************************************/
/*********************************SLIDER*********************/
/***********************************************************/

.container-slider {
	clear: both;
	width: 100%;
}

#slides {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.slidesjs-container {
	height: 422px;
}

.slider-text {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	display: block;
	margin-left: -470px !important;
	width: 940px;
	height: 422px;
}

.slidesjs-navigation {
	position: relative;
	top: 199px;
	left: 50%;
	z-index: 10;
	display: block;
	width: 940px;
}

.slidesjs-previous {
	position: absolute;
	z-index: 10;
	display: block;
	margin: -24px 0 auto -470px;
	width: 26px;
	height: 48px;
	background: url(images/slider-arrow.png) 0 0 no-repeat;
	cursor: pointer;
}

.slidesjs-next {
	position: absolute;
	right: 0;
	z-index: 10;
	display: block;
	margin-top: -24px;
	margin-left: 444px;
	width: 26px;
	height: 48px;
	background: url(images/slider-arrow.png) -26px 0 no-repeat;
	cursor: pointer;
}

.attachment-slider-image {
	display: block;
	margin: 0 auto;
	padding: 0;
	height: 422px;
}

.slidesjs-slide {
	height: 422px;
}

.slider-head h1 {
	margin-top: 81px;
	padding-left: 11px;
	color: #fff;
	text-align: center;
	font-weight: 300;
	font-size: 32px;
	font-family: "Open Sans", Helvetica, sans-serif;
}

.slider-content {
	position: absolute;
	left: 50%;
	margin-top: 12px;
	margin-left: -312px !important;
	width: 620px;
}

.slider-content p {
	margin-bottom: 42px;
	padding: 0 91px;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 24px;
}

a.slider-more {
	position: absolute;
	top: 245px;
	left: 50%;
	display: block;
	margin-left: -70px;
	width: 140px;
	height: 40px;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #cd6a39;
	-webkit-box-shadow: #924a27 0 4px 0;
	-moz-box-shadow: #924a27 0 4px 0;
	box-shadow: 0 4px #924a27;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Share", Helvetica, sans-serif;
	line-height: 40px;
}

.slide-wrapper {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -310px;
	width: 620px;
	height: 422px;
	background-color: #000;
	opacity: 0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

.clear {
	clear: both;
}

/************************************************/
/********************* CONTAINER ***************/
/**********************************************/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft,
div.alignleft {
	padding: 10px 10px 10px 0;
}

img.alignright,
div.alignright {
	padding: 10px 0 10px 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

/*CONTENT*/

#container {
	margin: 0 auto;
	padding-top: 59px;
	width: 1200px;
	height: 100%;
}

#content {
	float: left;
	margin: 0 0 142px 129px;
	width: 620px;
	border: solid 1px #c2c2c2;
	background-color: #fff;
}

article,
.sticky {
	margin-bottom: 36px;
	padding: 0 31px 22px 30px;
	background: url(images/sidebar-line.jpg) repeat-x bottom;
}

.sticky .entry-header h1 a {
	display: inline-block;
	padding: 10px 0 10px 0;
	width: 100%;
	border: solid 1px #c2c2c2;
	background-color: #eee;
	color: #cd6a39;
	text-align: center;
	text-transform: uppercase;
}

article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 6px;
	background-image: none;
}

.entry h2 + p {
	padding-top: 2px;
}

.entry-header {
	font-size: 21px;
}

.entry-header h1,
h1.page-title {
	margin-top: 28px;
	padding-bottom: 0;
	color: #444444;
	text-transform: capitalize;
	word-wrap: break-word;
	font-weight: normal;
	font-size: 21px;
	line-height: 1;
}

h1.entry-title {
	margin-left: 30px;
	text-align: center;
}

.search-result h1.page-title {
	text-align: center;
}

.entry-header h1 a {
	color: #444444;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 21px;
}

.entry-header h1 a:hover {
	font-size: 21px;
}

.entry-header .category {
	margin-top: 11px;
	color: #aaaaaa;
	word-spacing: 1px;
	font-size: 13px;
}

.entry-header .category a {
	color: #cd6a39;
	font-size: 13px;
}

.entry h1,
.comments h1 {
	padding-top: 18px;
	padding-bottom: 1px;
}

.entry h2,
.comments h2 {
	padding-top: 19px;
	padding-bottom: 8px;
}

/*pixel perfect, don't change*/

.entry h3,
.comments h3 {
	padding-top: 14px;
	padding-bottom: 5px;
}

.entry h4,
.comments h4 {
	padding-top: 18px;
	padding-bottom: 5px;
}

.entry h5,
.comments h5 {
	padding-top: 18px;
	padding-bottom: 5px;
}

.entry h6,
.comments h6 {
	padding-top: 21px;
	padding-bottom: 23px;
}

.entry img {
	margin-top: 15px;
	max-width: 560px;
}

.entry .thumbnail-caption-text {
	padding: 5px 0 6px;
	font-style: italic;
}

.img_description {
	margin: 15px 0 31px 0;
	color: #c2c2c2;
	font-style: italic;
}

.entry p {
	padding-top: 11px;
	padding-bottom: 10px;
}

.post-tags {
	margin-top: 28px;
}

.post-tags a {
	padding-left: 1px;
	color: #cd6a39;
	font-size: 13px;
}

.scroll-up {
	padding-top: 9px;
	padding-bottom: 42px;
}

.scroll-up a {
	color: #cd6a39;
	font-size: 13px;
}

label {
	line-height: 36px;
}

.entry .wp-caption {
	margin: 0;
}

.entry .wp-caption-text {
	padding: 5px 0 6px;
	font-style: italic;
}

.city_informer-nav-link {
	display: block;
	margin: 0 20px 0 20px;
	padding: 0 20px 0 20px;
}

.city_informer-nav-link a {
	color: #cd6a39;
}

#post-nav a {
	margin: 30px;
	color: #cd6a39;
}

/*********** 404 ********/
.error404 #content {
	padding-bottom: 100px;
}

.error404 .page-header {
	text-align: center;
}

.error404 h2 {
	/*margin: 20px 0 20px 0;*/
}

/********************************galery***********/

.gallery .gallery-caption {
	position: absolute;
	bottom: 15px;
	left: 0;
	display: none;
	overflow: hidden;
	max-height: 40%;
	width: 100%;
	background: #333;
	color: #fff;
	word-wrap: break-word;
}

.gallery-item:hover .gallery-caption {
	display: block;
}

dl.gallery-item {
	position: relative;
	margin: 0;
	padding: 0;
}

.gallery-item img {
	margin: 5%;
	max-width: 90%;
	height: auto;
	border: none !important;
}

embed,
iframe,
object,
video {
	width: 100%;
}

/****************************** end galery ***********/

/* BWS gallery styles */

.home_page_title {
	margin-top: 28px;
	padding-bottom: 0;
	padding-left: 30px;
	color: #444444;
	text-transform: capitalize;
	word-wrap: break-word;
	font-weight: normal;
	font-size: 21px;
	line-height: 1;
}

.gallery_detail_box {
	padding-top: 10px;
	width: 350px;
	font-size: 13px;
}

.gallery_box ul {
	margin-left: 20px !important;
}

#content .gllr_image_row {
	overflow: hidden;
}

#content .gllr_single_image_text {
	margin: 4px 0 0;
	word-wrap: break-word;
	font-weight: 400;
	font-style: italic;
}

.gallery_box_single {
	margin: 0 30px 0 30px;
}

.gallery_box_single p {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* BWS Plugin Portfolio styles */

.page-template-portfolio-php .home_page_title,
.single-portfolio .home_page_title {
	position: relative;
	display: block;
	padding-bottom: 0;
	border-bottom: none !important;
	color: #444444;
	word-wrap: break-word;
	font-weight: normal;
	font-size: 21px !important;
	font-family: "Share", Helvetica, sans-serif;
	line-height: 1;
}

.portfolio_thumb {
	display: block;
}

.portfolio_content img {
	margin: 30px;
}

.portfolio_content img {
	max-width: 98%;
	width: 90%;
	height: 100%;
}

/************************************************/
/****************** SIDEBAR ********************/
/**********************************************/

#city_informer-sidebar {
	float: left;
	margin-left: 19px;
	width: 300px;
}

#city_informer-sidebar .widget {
	margin-bottom: 33px;
	padding-bottom: 27px;
}

aside {
	background: url(images/sidebar-line.jpg) repeat-x bottom;
}

aside:last-child {
	background: none;
}

h1.widget-title {
	padding-bottom: 17px;
	color: #888888;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}

aside ul {
	margin: 0 !important;
	padding-right: 20px;
	padding-left: 20px;
	list-style-type: none;
	line-height: 26px;
}

aside ul li {
	font-size: 13px;
}

aside ul li a {
	font-size: 13px;
}

aside ul li a:hover {
	color: #cd6a39;
	font-size: 13px;
}

#wp-calendar {
	margin-left: 20px;
	width: 260px;
}

#wp-calendar caption {
	margin: 0;
	padding: 10px 0 10px;
	background: #282828;
	color: #fff;
}

#city_informer-sidebar table {
	border-spacing: 0;
	border-collapse: collapse;
}

#wp-calendar th,
#wp-calendar td {
	padding: 7px 5px;
	border: 1px solid #282828;
	text-align: center;
}

#wp-calendar tfoot {
	border: none;
	background: #282828;
}

#city_informer-sidebar .city_informer-search-form {
	height: 50px;
}

#city_informer-sidebar .city_informer-search-text {
	width: 165px;
}

#city_informer-sidebar .city_informer-search-go {
	float: left;
	margin-left: 9px;
}

aside img {
	margin: 0;
	padding-top: 5px;
	max-width: 260px;
	max-height: 100%;
	height: auto;
}

aside form select {
	overflow: hidden;
	max-width: 100%;
}

aside form select option {
	overflow: hidden;
	max-width: 250px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

aside .city_informer-search-form {
	margin-left: 20px;
	width: 260px;
}

aside .textwidget {
	margin-left: 20px;
	padding-right: 20px;
}

aside .tagcloud {
	margin-left: 20px;
	padding-right: 20px;
}

aside > .selectBox {
	margin-left: 20px;
}

.tagcloud a:hover {
	color: #cd6a39;
}

/***********/
/* Coments*/
/*********/

.comments {
	margin-bottom: 129px;
	padding: 33px 31px 60px 31px;
	color: #555;
	font-size: 13px;
}

.comment-list {
	list-style-type: none;
}

.comment-list {
	margin-left: 0 !important;
}

#post-nav,
#comments-nav,
#image-navigation {
	display: block;
	width: 100%;
	height: 30px;
}

#comments-nav a,
#image-navigation a {
	margin: 10px;
	color: #cd6a39;
}

#prev-comments,
.city_informer-previous-image {
	float: left;
}

#next-comments,
.city_informer-next-image {
	float: right;
}

img.avatar {
	float: left;
	margin-right: 15px;
}

.comment .children {
	list-style-type: none;
}

.comment-author {
	padding-top: 5px;
	padding-left: 5px;
	height: 40px;
	background: #282828;
	color: #fff;
}

.comment-body p {
	padding-left: 30px;
}

.comment-reply-title {
	line-height: 50px;
}

.comment-form {
	line-height: 2;
}

.comment-form-comment label {
	display: block;
}

.comments blockquote {
	margin-bottom: 30px;
}

.comments pre {
	width: 90%;
}

.form-allowed-tags {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 10pt;
}

.bypostauthor {

}

/********/
/*FOOTER*/
/********/

#footer-wrapper {
	clear: both;
	height: 95px;
	border-top: 1px solid #c2c2c2;
	background-color: #fff;
}

footer {
	margin: 0 auto;
	width: 1200px;
}

.city_informer-info {
	float: left;
	margin-left: 130px;
	font-size: 13px;
	line-height: 98px;
}

.city_informer-info a {
	color: #cd6a39;
	font-size: 13px;
}

.city_informer-copyright {
	float: right;
	margin-right: 131px;
	line-height: 98px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}