/*--------------------------------------------------
 Sound Animal html/css template - custom.js

 URL:gozawi.com
 SUPPORT: wtxinc@gmail.com
 CODE: SAP001S

 CSS overwiev:

 boxed style style

 1.  CSS Reset
 2.  Font Face
 3.  Basic Styles
 4.  Top
 5.  Columns & Colors
 6.  Slider
 7.  Article
 8.  Media Player & Album Info
 9.  Coming Events
 10. Latest Video
 11. Latest Albums
 12. Text Widget
 13. Latest Images
 14. Bottom Content
 15. Footer
 16. Pagination
 17. Theme Panel
 18. Media
 19. Input Form
 20 .Comments
 21. Elements
 22. Responsive

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

/****************************************************************************
 1. CSS Reset
 ****************************************************************************/

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  white-space: normal;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  margin: 0 5px 0 0;
  vertical-align: middle;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

p:empty {
    display: none;
}


/****************************************************************************
 2. Font Face
 ****************************************************************************/

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

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

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

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

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

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

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

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

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

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

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

/****************************************************************************
 3. BASIC STYLES
 ****************************************************************************/

html {
	/* height: 100%; */
	/* width: 100% !important; */
}

body {
	background: url(../images/background.jpg) fixed no-repeat center center;
	background-color: #000000 !important;
	font: 12px "OpenSansLight", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 24px;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 12px;
}

.font120px {
	font-size: 120px;
}
.font72px {
	font-size: 72px;
}
.font42px {
	font-size: 42px;
}
.font26px {
	font-size: 26px;
}
.font18px {
	font-size: 18px;
}
.font11px {
	font-size: 11px;
}

.font {
	font-family: "OpenSansLight", Arial, Helvetica, sans-serif;
}

::-moz-selection {
	background: #08afc6;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #08afc6;
	color: #fff;
	text-shadow: none;
}

a {
	text-decoration: none;
}

a:focus {
	outline: 0px none;
}

a:hover, a:active {
	outline: 0px none;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.clear {
	clear: both;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: table;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.content {
	/* float: left; */
	/* margin: 0 20px; */
	padding: 20px;
	/* width: 960px; */
	position: relative;
}

section {
	margin: 0 0 50px 0;
	/* float: left; */
	/* width: 100%; */
}

.bold {
	font-family: "OpenSansBold", Arial, Helvetica, sans-serif;
}
.line {
	float: left;
	width: 100%;
	height: 1px;
	margin: 30px 0 30px 0;
}

.default_button {
	padding: 3px 8px;
	/* min-width: 100px; */
}
.medium_button {
	padding: 9px 14px;
	min-width: 100px;
}
.large_button {
	padding: 15px 20px;
	min-width: 100px;
}

.rounded_button {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagination {
	margin: 0;
}
p a {
	text-decoration: underline;
}

.navigation span {
	margin: 0 10px;
}
.navigation .first_span {
	margin-left: 0px;
}

.header_margin {
	margin-bottom: 30px;
}

.box25-25-1, .box25-25-2, .box25-25-3, .box25-25-4 {
    float: left;
    width: 25%;
}
	.inner_list_space {
		padding: 0 0 15px;
	}
	
/****************************************************************************
 4. TOP
 ****************************************************************************/

.top {
	padding: 40px 20px 70px;
	display: block;
	float: none;
}
.top div {
	/* float: left; */
	width: 100%;
	/* margin-bottom: 10px; */
}
/*
.top div ul {
	float: right;
	margin: 10px 2px 0 0;
}
.top div ul li {
	float: right;
	display: inline;
	margin: 0 0 0 10px;
}
*/

#main_menu {
	/* margin-bottom: 20px; */	
	/* display: block; */
	clear: left;
}

.top ul {
	float: right;
	margin: 10px 2px 0px 0;
}
.top ul li {
	/*float: right;
	display: inline;
	margin: 0 0 0 10px;*/
	/* display: block; */
	float: right;
}
.top div ul li img {
	width: ; height:;
}

.top nav {
	/* float: none; */
	/*width: 100%;*/
	/* width: 75%; */
}
.top nav ul {
	float: none;
}
.top nav ul li {
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
	/* padding: 13px 24px; */
	cursor: pointer;
}
.top nav a {
	/* float: left; */
	/* width: 100%; */
	/* height: 100%; */
	display: block;
}

.top nav ul li ul {
	display: none;
	position: absolute;
	z-index: 999;
	margin: 0;
	min-width: 150px;
}
.top nav ul li ul li {
	/* clear: both; */
	float: none;
	display: block;
	/* width: 100%; */
	margin: 0;
	/* padding: 13px 24px; */
}
.top nav ul li ul .menu_space {
	height: 34px;
	margin-bottom: 0px;
	padding: 0 !important;
}

.top nav ul li ul li ul {
	margin: -13px 0 0 176px;
}

.top nav form {
	float: right;
	margin-top: -2px;
}
.top nav form input[type=text] {
	padding: 17px 14px 16px;
	border: none;
	outline: none;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	webkit-appearance: none;
	-webkit-border-radius: 0;
}
.top nav form input[type=submit] {
	padding: 17px 24px;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.top .mobile {
	display: none;
}

/*Mozilla * Opera hacks */

noindex:-o-prefocus, .top nav ul li ul li ul {
	margin: -13px 0 0 224px !important;
	cursor: pointer;
}
@-moz-document url-prefix() { .top nav ul li ul li ul { margin: -13px 0 0 224px; }}

/* modifications ok 131024 */
.top nav ul li {
	background-color: #181a1b;
}
.top nav ul li:hover > a {
	background-color: #08afc6; /* Main color #1 */
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
.top nav ul li.current_page_item > a, .top nav ul li.current-menu-parent > a {
	background-color: #08afc6;
}

.top nav ul li ul {
	/* padding-top: 33px; */
}
.top nav form {
	margin-top: 0px;
}

/****************************************************************************
 5. COLUMNS & COLORS

 General body style
 ****************************************************************************/

.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 67.2%;
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}
.last {
	margin-right: 0 !important;
	clear: right;
}

/****************************************************************************
 6. Slider
 *****************************************************************************/

.banner {
	width: 960px;
	height: 500px;
	position: relative;
	overflow: hidden;
}
.slider_capition {
	padding: 15px 150px 15px 15px;
	z-index: 5;
}
.slider_capition2 {
	padding: 15px 150px 15px 17px;
	z-index: 5;
}

/****************************************************************************
 7. Articles
 *****************************************************************************/

.articles {
	margin: 0 !important;
}
.default_article {
	float: left;
	width: 100%;
	margin: 0px 0 20px 0;
}
.default_article .article_content {
	float: left;
	width: 75%;
	margin: 0 5% 0 0;
}
.default_article img {
	float: left;
	margin: 0 0px 0 0;
}
.default_article header {
	margin: -6px 0 12px 0;
	max-width: 329px;
	display: inline-block;
}
.default_article footer {
	float: right;
	width: 20%;
	/* margin-right: 16px; */
}
.default_article footer .default_button {
	float: left;
	margin: 11px 0;
}
.default_article footer .date_art {
	/* margin: -3px 0 0 0; */
	display: table;
}
.default_article footer .date_art  li {
	margin: 0 0 5px 0
}
.default_article footer  ul li a {
	text-decoration: underline;
}

.large_photo_article img {
	width: 100%;
}
.large_photo_article p {
	clear: both;
}
.large_photo_article header {
	max-width: 100%;
	margin: 12px 0;
}

.article_text p {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}
.article_map {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}
.article_map .map {
	width: 100%;
	height: 400px;
}

.residents .article_content {
	width: 100%;
}
.residents span {
	clear: both;
	float: left;
	margin: 15px 0 0 0;
}
.residents span a {
	float: left;
	margin: 0 10px 0 0;
}

.about_us p {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}
.about_us img {
	width: 100%;
	height: 150px;
}
.about_us .team {
	margin-bottom: 30px;
}
.about_us .team span {
	clear: both;
	float: left;
	margin: 15px 0 0 0;
}
.about_us .team span a {
	float: left;
	margin: 0 10px 0 0;
}

.contact p {
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}
.contact ul {
	margin: 0 0 30px 0;
}

/*
 .blog .default_article { margin:0; }
 .blog p { float:left; width:100%; margin: 0 0 30px 0; }
 .blog img { width:100%; height:200px; }
 .blog article header { margin: 10px 0; }
 */

.default_article p img {
	background: none;
	padding: 1px;
	width: 110px;
	height: 110px;
	float: left;
	margin: 0 15px 0 0;
}

.default_article p img:hover {
	/* background: #ffffff; */
}

.default_article p q {
	width: 40%;
	float: left;
	margin: 0 20px 0 0;
}

.fullwidth img {
	width: 100%;
	margin: 0 0 30px 0;
}
.fullwidth  p {
	/* float: left; */
	width: 100%;
	margin: 0 0 30px 0;
}

/****************************************************************************
 8. Media Player & Album Info
 *****************************************************************************/

.jp-controls {
	float: left;
	margin-bottom: 15px;
}
.jp-controls li {
	float: left;
	margin-right: 10px;
}
.jp-controls a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.jp-current-time {
	float: right;
	margin: -5px 0 0 0;
}

div.jp-progress {
	left: 166px;
	width: 100%;
	height: 5px;
	overflow: hidden;
	background-color: #ddd;
}

div.jp-seek-bar {
	background-color: #fff;
	width: 0px;
	height: 100%;
	cursor: pointer;
}
div.jp-play-bar {
	background-color: #707070;
	width: 0px;
	height: 100%;
}
.jp-jplayer {
	overflow: hidden;
}

.jp-playlist {
	margin: 10px 0 0 0;
}
.jp-playlist-current a {
	color: #fff !important;
}
.jp-playlist li {
	border-bottom: 1px dotted;
	border-color: #b8b8b8;
	padding: 8px 0;
}
div.jp-playlist span.jp-free-media {
	float: right;
	color: #828282;
}
.player_album {
	width: 145px;
	float: left;
	line-height: 16px;
}
.player_album span {
	float: left;
	margin: 15px 0 0 0;
}
.media_player img {
	float: right;
	width: 60px;
	height: 60px;
}
.jp-audio {
	float: left;
	clear: both;
	margin-top: 50px;
	width: 100%;
}

.media_player  .default_button {
	float: right;
	margin: 25px 0 0 0;
}
.media_player .button_info {
	float: right;
	margin: 29px 12px 0 0;
}

.jp-no-solution a {
	color: #fff;
	text-decoration: underline;
}

.album_open .player_album {
	width: 800px;
}
.album_open p {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}
.album_open img {
	width: 150px;
	height: 150px;
}
.album_open .player_album {
	line-height: 24px;
}

.jp-interface {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

/****************************************************************************
 9. Coming Events
 *****************************************************************************/
.events {
	margin: 0 0 20px 0 !important;
}
.events .event {
	float: left;
	margin: 0 0 30px 0;
}
.events .default_button {
	float: right;
	margin: 15px 0 0 0;
}
.events .button_info {
	float: right;
	margin: 19px 12px 0 0;
}
.events .event span {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}

.events_fullwidth  .event {
	width: 100%;
}

/****************************************************************************
 10. Latest Video
 ****************************************************************************/

.last_video article header {
	margin: 0 0 12px 0;
}

.tubepress_normal_embedded_wrapper {
	max-width: 100%;
	width: 100% !important;
	padding-bottom: 56.25%;
	position: relative;
}

.tubepress_normal_embedded_wrapper iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}


.tubepress_thumbnail_area {
	width: auto !important;
}

.tubepress_thumb {
	width: 16.65% !important;
}

.tubepress_meta_group {
	width: auto !important;
	padding: 5px;
}

/****************************************************************************
 11. Latest Albums
 *****************************************************************************/

.last_albums img {
	width: 100%;
	height: 220px;
	margin: 0 0 5px 0;
}
.last_albums article span {
	float: left;
	margin: 5px 0 12px 0;
}
.last_albums .hover {
	position: absolute;
	width: 218px;
	height: 220px;
	top: 0;
	left: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
}
.last_albums .hover:hover {
	opacity: 0.9;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-ms-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}
.last_albums .hover span {
	position: absolute;
	font-family: "EntypoRegular";
	bottom: 35px;
	right: 20px;
}
.last_albums p {
	clear: both;
}

/****************************************************************************
 12. Text Widget
 ****************************************************************************/

.text_widget {
	margin: 0 0 30px 0 !important;
}
.text_widget p {
	margin: 0 0 20px 0;
}

/****************************************************************************
 13. Latest Images
 ****************************************************************************/

.images_gallery {
	margin: 0 0 40px 0 !important;
}
.images_gallery .image {
	float: left;
	position: relative;
	margin: 0 0 10px 0;
}
.images_gallery img {
	width: 100%;
	height: 150px;
	margin: 0 0 5px 0;
}
.images_gallery .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	opacity: 0;
}
.images_gallery .hover:hover {
	opacity: 0.9;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.images_gallery .hover span {
	position: absolute;
	font-family: "EntypoRegular";
	bottom: 35px;
	right: 20px;
}

/****************************************************************************
 14. Bottom Content
 ****************************************************************************/

.bottom_content header {
	margin-top: 30px;
}
.bottom_content .about_us {
	margin: 0 0 15px 0;
}
.bottom_content .line {
	margin: 30px 0 35px 0;
}
.bottom_content {
	/* margin: 0 !important; */
}

.latest_posts li {
	margin: 0 0 10px 0;
}

.tweet_list li {
	padding: 0 0 20px 0;
}
.tweet_list .tweet_avatar {
	padding-right: 10px;
	float: left;
}
.tweet_list .tweet_avatar img {
	vertical-align: middle;
	width: 100% !important;
	margin: 0 !important;
}
.tweet_list a {
	text-decoration: none;
}

.flickr li {
	float: left;
	margin: 0 20px 5px 0;
}
.flickr img {
	width: 50px;
}

/****************************************************************************
 15. Footer
 ****************************************************************************/

.footer {
	margin: 0 !important;
}
.footer a {
	/* float: right; */
}

.footer_margin {
	height: 1px;
	width: 100%;
}

/****************************************************************************
 16. Pagination
 ****************************************************************************/

.pagination ul li {
	float: left;
	display: inline;
	margin: 0 8px 11px 0;
}
.pagination ul li a {
	padding: 5px 10px;
}

/****************************************************************************
 17. Theme Panel
 ****************************************************************************/

.theme_panel {
	position: fixed;
	top: 122px;
	z-index: 999;
	width: 250px;
	height: 200px;
	margin-left: -220px;
}
.theme_panel_content {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
	width: 220px;
	float: left;
	padding: 20px 0;
}
.theme_panel a {
	float: left;
}
.theme_panel header {
	color: #fff;
	margin: 0 auto;
	display: table;
}
.theme_panel select {
	margin: 0 auto;
	display: table;
	width: 150px;
	margin-top: 20px;
	padding: 3px;
}
.theme_panel .first {
	margin-top: 20px;
}

/****************************************************************************
 18. Media
 ****************************************************************************/

.media {
	margin: 0 !important;
}

.media .sort_by {
	float: left;
	margin: 0 0 25px 0;
}
.media .sort_by span {
	margin: 0 15px;
}

.media ul li {
	float: left;
	display: inline;
}

.media .media_ul li {
	margin: 1% !important;
}

.media .columns2 {
	width: 48%;
}
.media .columns2 img, .media .columns2 .hover {
	height: 325px !important;
}
.media .columns3 {
	width: 31%;
}
.media .columns3 img, .media .columns3 .hover {
	height: 210px !important;
}
.media .columns4 {
	width: 23%;
}
.media .columns4 img, .media .columns4 .hover {
	height: 155px !important;
}
.media .columns5 {
	width: 18%;
}
.media .columns5 img, .media .columns5 .hover {
	height: 140px !important;
}

.pag_media {
	margin-left: 1%;
}
.media_open img:hover {
	opacity: 0.7;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-ms-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}

.media .video {
	margin-top: 81px;
}
.media p {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}

/****************************************************************************
 19. Input Form
 ****************************************************************************/

.input_form {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
}
.input_form input[type=text] {
	padding: 15px 10px;
	width: 50%;
	display: block;
	margin: 10px 0 20px 0;
	border-width: 0px;
	outline: none;
	border-style: solid;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.input_form textarea {
	width: 100%;
	height: 200px;
	padding: 10px;
	border-width: 0px;
	outline: none;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 10px 2px 0 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
.input_form input[type=submit] {
	float: left;
	border-width: 0px;
	margin: 20px 0 30px 0;
	min-width: 100px;
	padding: 6px 8px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

.contact_name_empty, .contact_email_empty, .contact_text_empty, .contact_email_invalid, .contact_subject_empty, .comment_name_empty, .comment_email_empty, .comment_text_empty, .comment_email_invalid {
	display: none;
}
.contact_success, .comment_success {
	display: none;
}

/* modifications OK 131024 */
.search-form {
	float: right;
}
.search-field {
	border: none;
	outline: none;
	padding: 17px 24px;
	background-color: #181A1B;
	color: #FFFFFF;
}
.search-submit {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 17px 24px;
	background-color: #08afc6;
	color: #FFFFFF;
}
.search-submit:hover {
	background-color: #fd4239; /* Main color #1 */
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}

/****************************************************************************
 20. Comments
 ****************************************************************************/

.comments {
	margin: 30px 0;
}
.comment {
	margin: 0 0 20px 0;
	width: 100%;
	float: left;
}
.comment img {
	float: left;
	width: 100px;
	height: 100px;
}
.comment span {
	float: left;
	width: 100%;
}
.comment p {
	float: left;
	width: 590px;
	margin: 0 0 0 20px;
}
.comment span a {
	text-decoration: none;
}

.comment_reply {
	margin: 0 0 20px 120px;
}
.comment_reply p {
	width: 470px;
}

/****************************************************************************
 21. Elements
 ****************************************************************************/

.icon {
	font-family: "EntypoRegular"
}
.toogle_on {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 10px 0;
}
.toogle_on span {
	float: right;
}
.toggle_container {
	margin: 10px 0 0 0;
}

.buttons a {
	margin: 0 30px 0 0;
}

.p404 {
	text-align: center;
}
.p404 .header_margin {
	margin: 15px 0;
}
/****************************************************************************
 23. Ergenzungen
 ****************************************************************************/
 /*Kontakt Seite */
 .kontakt {
	float: left;
 }
 .kontakt, .google_frame, .kont_anfahrt {
	margin-bottom: 7%;
 }
 
 .kont_anfahrt {
	clear: both;
}

	.kont_anfahrt h5, .kont_anfahrt h6 {
		font-family: 'OpenSansSemibold','Arial','Helvetica','sans-serif';
		font-size: 0.8em;
		margin: 15px 0px;
	}
	.kont_anfahrt > div {
		float: left;
		margin-right: 3%;
		width: 30%;
	}
	.kont_anfahrt h6{
		text-transform: uppercase;
	}
	
.google_frame {
	width: 600px;
	float: right;
	max-width: 70%;
}
.google_frame iframe {
	width: 100%;
	height: 300px;
}

/*Jobs Seite */
.jobs {
	list-style: inside;
	font-family: 'OpenSansLight',Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
	margin: 0 0 30px 0;
}

/****************************************************************************
 22. Responsive
 ****************************************************************************/

/*For tablets */

@media all and (max-width: 980px) {
	.wrapper {
		width: 775px;
		overflow-y: hidden;
	}
	.content {
		/* width: 735px; */
	}
	.banner {
		width: 735px
	}
	.default_article .article_content {
		width: 100%;
	}
	.default_article header {
		max-width: 297px;
	}
	.default_article  footer {
		/* float: right; */
		width: 100%;
		margin: 15px 0 0 0;
	
		text-align: right;
		display: block;
}
	.default_article  footer .date_art {
		float: none;
	
		clear: both;
		display: block;
}
	.default_article  footer  ul li {
		/* float: left; */
		margin: 3px 10px 0 0;
	}
	.default_article  footer .date_art ul li {
		/* margin: 5px 10px 0 0; */
	
		clear: both;
}
	.default_article  footer .default_button {
		float: left;
		/* margin: 0 10px 0 0; */
	}
	.last_video .two_third, .last_video .one_third {
		width: 100%;
	}
	.last_video .one_third article {
		margin-top: 15px;
	}
	.top .mobile {
		display: block;
		float: left;
		padding: 17px 14px 16px;
		border: none;
		outline: none;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	.top #main_menu ul {
		display: none;
	}
	
	.nav ul li a {
		padding: 14px 13px;
	}
	
	.player_album {
		width: 101px;
	}
	.album_open .player_album {
		width: 570px;
	}
	.comment p {
		float: left;
		width: 405px;
	}
	.comment_reply {
		margin: 0 0 20px 120px;
	}
	.comment_reply p {
		width: 285px;
	}
	.buttons a {
		float: left;
		text-align: center;
		clear: both;
		margin: 0 0 30px 0;
	}
	.buttons {
		margin: 0 0 20px 0;
	}
}

/*For mobiles */

@media all and (max-width: 767px) {
	.wrapper {
		width: 265px;
	}
	.content {
		/* width: 225px; */
	
		padding: 30px 20px 20px;
}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		width: 100%;
	}
	.default_article  footer .date_art  ul li {
		float: none;
	}
	.default_article  footer .default_button {
		float: right;
	}
	.default_article  footer  ul {
		clear: both;
	}
	.default_article header {
		margin-top: 15px;
	}
	.footer a {
		float: left;
		clear: both;
		margin-top: 15px;
	}
	.slider {
		display: none;
	}
	.top #main_menu  form {
		display: none;
	}
	.top .mobile {
		float: none;
		margin: 0 auto;
	}
	.top div .logo {
		width: 100%;
	}
	.player_album {
		width: 145px !important;
	}
	.media .columns5, .media .columns4, .media .columns3, .media .columns2 {
		width: 100%;
	}
	.media .columns2 .hover, .media .columns2 img, .media .columns3 .hover, .media .columns3 img, .media .columns4 .hover, .media .columns4 img, .media .columns5 .hover, .media .columns5 img {
		height: 150px !important;
	}
	.album_open img {
		width: 60px;
		height: 60px;
	}
	.input_form input[type=text] {
		width: 80%;
	}
	.blog p img {
		width: 100%;
		height: 150px;
		margin: 0 0 20px 0;
	}
	.buttons {
		margin: 20px 0 0 0;
	}
	
	.google_frame {
		max-width: 100%;
		float: none;
	
		width: 100%;
}
	.google_frame iframe {
		width: 220px;
	}
	.box25-25-1, .box25-25-2, .box25-25-3, .box25-25-4 {
    clear: both;
    width: 100%;
	}
	
	.tubepress_thumb {
		width: 100% !important;
		height: auto !important;
	}
	
}