/*
Theme Name: Dark
Theme URI: http://minathemes.com/dark
Author: Minathemes
Author URI: http://minathemes.com
Description: Dark multipurpose Wordpress theme. The theme has clean and elegant design. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. dark theme is multipurpose excellent for a news, blogs, newspaper, magazine, publishing or other editorial websites. 
Version: 1.2.1
Tested up to: 5.5.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dark
Tags: one-column, two-columns, left-sidebar, grid-layout, flexible-header, buddypress, custom-background, custom-header, custom-logo, custom-menu, custom-colors, editor-style, featured-image-header, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, news

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
# Header
# Links
# Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Footer
# Other
# Media
	## Captions
	## Galleries
# Media Screen	
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
	margin: 0;
	Nunito
	font-family: 'Nunito', sans-serif;
	background-repeat: repeat;	
	background: #333;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
	font-family: 'Passion One', sans-serif;	
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

.read-more {
    display: inline-block;
    width: 100px;
    color: #B7B7B7;
    text-align: center;
    padding: 5px;
    background: #A50000;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
	font-family: 'Oswald', sans-serif;
}

.read-more:hover{
	color: #eee;
	background: #333;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	background: #A50000;
    color: #B7B7B7;
	padding: 5px;
}

wpcf7-form-control wpcf7-submit {
		min-width: 100%;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	-webkit-appearance: button;
	cursor: pointer;
	background: #333;
    color: #B7B7B7;
}

button, input[type="text"], input[type="email"], input[type="url"], input[type="password"] {
	box-shadow: none !important;
}

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

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

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #C0C0C0;
}

td,
th {
	padding: 0;
	border: 1px solid #C0C0C0;
	padding: 3px;
}

#page {
	max-width: 1300px;
	margin: 0 auto;
	background-repeat: repeat;
	background-attachment: fixed;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #B7B7B7;
	font-size: 16px;
}

h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Passion One', sans-serif;
    font-weight: 900;
	padding: 10px 0 10px 0;
}

p {
	padding: 0;
}

article p, aside a, main p {
	line-height: 20px;
}

aside a {
	font-size: 14px;
}

aside img {
	margin-bottom: 10px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

mark,
ins {
	background: #B7B7B79c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

ins {
	text-decoration: none;
	border-bottom: 1px dotted;
}

q {
	display; block;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
	background: #F0F0F0;
	border-left: 4px solid #888;
	padding: 4px;
    font-style: italic;
	word-wrap: break-word;	
}

blockquote {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
	background: #F0F0F0;
	display: inline-block;
	border-left: 4px solid #888;
	padding: 4px;
    font-style: italic;
	word-wrap: break-word;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	color: #B7B7B7;
    background: #B7B7B7;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #333;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #B7B7B7;
    background: #333;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"]
textarea {
	color: #666;
	border: 1px solid #ccc;
	max-width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea[name="dark-message"]:focus,
textarea:focus {
	color: #111;
	max-width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"]{
	padding: 5px;
	min-width: 100%;	
}

textarea {
	padding-left: 5px;
	width: 100%;
}


input[name="dark-name"],
input[name="dark-phone"],
input[name="dark-email"],
input[name="dark-subject"],
textarea[name="dark-message"] {
	min-width: 100%;
    background-color: #B7B7B7;
	padding: 8px;
}

textarea[name="dark-message"] {
    padding: 8px;
}

.noselect, .dark-sum {
	border-radius: 0 !important;
	padding: 5px !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
	width: 100%;
	background: #FCCB05;
}

.main-navigation ul {
	position: relative;
	z-index: 999999;
}

.main-navigation ul li a:hover {
	color: #fff !important;
	background: #7A5E02;
	box-shadow: none;
}

.main-navigation ul li:hover {
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
	color: #fff;
	background: #7A5E02;
	box-shadow: none;	
}

.main-navigation ul li:hover a {
	color: #fff;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.main-navigation ul li a {
	font-family: 'Fjalla One', sans-serif;	
	font-size: 16px;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	color: #333333;
	padding: 12px 13px 12px 13px;
}

.main-navigation ul ul li{
	position: relative;
	top: 18px;
}

.main-navigation ul  ul ul li{
	top: 0;
	position: relative;
}

.main-navigation ul ul li a {
	font-family: 'Fjalla One', sans-serif;
  	font-size: 14px;
	display: block;
	text-decoration: none;
	line-height: 18px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	color: #fff;
	padding: 12px 13px 12px 13px;
    background: #222222;
    box-shadow: inset 0 0 0 #333333, inset 0 1px 84px #333333, inset 0 0 0 #333333;
    border-top: 1px solid #3D3D3D;
    border-bottom: 1px solid #000000;
}

.main-navigation ul ul li a:hover {
	color: #fff;
	background: #7A5E02;
}

/********* Menu Animation **********/

.main-navigation li > a:after {
    padding-left: 10px;
    color: #333;
    content: ' ›';
}

.main-navigation li > a:hover:after {
    color: #fff;
    content: ' ›';
}

.main-navigation li > a:only-child:after {
    content: '';
}

.main-navigation ul ul {
	display: none;
}

/********* Menu Animation **********/

.main-navigation ul li:hover > ul {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
	display: block;
	-webkit-animation-duration: 0.6s !important;
    animation-duration: 0.6s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	z-index: 99999;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
 }
 
header .site-branding {
	float: left;
	max-width: auto;
	display: block;
}

header .site-branding .site-title {
	font-size: 60px;
	letter-spacing: 4px;
	margin: 0;
	word-wrap: break-word;
	font-weight: 900;
	font-family: 'Passion One', sans-serif;	
}
 
header .site-branding .site-title  a {
 	color: #FCCB05;
	margin-left: 8px;
	word-wrap: break-word;
	text-decoration: none;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
 
header .site-branding .site-title  a:hover {
	color: #FF0000;
} 

header  .site-branding .site-description {
	text-align: left;
	color: #B7B7B7;
 	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 5px;
}

.dotted-header {
	background-image: url(images/dotted8.png);
	position: relative;
}

.dark-ads {
	border: 1px solid black;
	width: 600px;
	height: 90px;
	float: right;
	margin: 10px;
}

.top-ads {
	float: right;
	margin: 10px;
	text-align: center;
}

.footer-ads {
	text-align: center;
	margin: 20px 0 20px 0;
	width: 100%;
}

.ads {
	width: 728px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

.ads-header {
	position: absolute;
	margin-right: 20px;
	display: block;
	right: 0;
	margin-top: 50px;
	text-align: center;
	float: right;
	max-width: 728px;
	overflow: hidden;
}

.social {
    border-bottom: 1px solid #C4C4C4;
    display: inline-block;
	height: 1.6em;
	font-size: 1.5em;
	padding: 1px;
	background: #B7B7B7;
    color: #B7B7B7;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.social .fa-icons {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.7em;
	position: absolute;
	text-align: center;	
}
.social .fa-icons i {
	color: #B7B7B7;
}

.social .fa-icons i:hover {
    opacity: 0.8;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.social .dark-contacts {
	float: right;
	margin: 0;
	padding-right: 10px;
	line-height: 2.4em;
	font-size: 0.7em;
}


.social  input {
	color: #B7B7B7 !important;
}


.dark-headline {
	width: 100%;
	position: relative;
	min-height: 322px;
	overflow: hidden;
	border: 1px solid #C0C0C0;
	background: #B7B7B7;
	margin-top: 20px;
}

.dark-headline img {
	width: 100%;
	height: auto;
    display: inline;
}

.img-news img {
	display: inline;
    width: 100%;
    height: auto;
    padding: 5px;
	border: 1px solid #C0C0C0;
	margin-right: 5px;
	margin-bottom: 5px;
    box-shadow: inset 0 0 0 #C0C0C0, inset 0 1px 84px #C0C0C0, inset 0 0 0 #C0C0C0;
}

.dark-headline .headline-content {
	padding: 0px 10px 10px 10px;
	word-wrap: break-word;
}

.dark-headline h3 {
    -webkit-box-shadow: inset 0px -89px 180px 29px rgba(192,192,192,0.7);
    -moz-box-shadow: inset 0px -89px 180px 29px rgba(192,192,192,0.7);
    box-shadow: inset 0px -89px 180px 29px rgba(192,192,192,0.7);
    position: absolute;
    width: 100%;
	padding: 10px;
	font-weight: 900;
	font-size: 35px !important;
}

.dark-headline h3 a {
	color: #B7B7B7;
}
.dark-headline p {
	padding: 0 10px 10px 10px;
	margin: 0;
}

.dark-headline h3 a:hover {
	opacity: 0.8;
}

.dark-headline h4 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 35px;
}

.sm-logo {
	width: 250px;
	height: 90px;
}

.woo-cart {
	max-width: 200px;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	padding: 5px;
	margin-bottom: 10px;	
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 600;
}

a:hover {
	color: #FF0000;
}

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

.postpagination {
	width: 100%;
	font-family: 'Oswald', sans-serif;
}

.pagination a {
	font-size: 14px;
	color: #B7B7B7;
	padding:  2px 7px 2px 7px;
	border: 1px solid #555;
	background: #A50000;
}

.pagination a:hover {
	background: #333333;
	box-shadow: none;	
}

.nextpage {
	padding: 10px 0 10px 0;
}

.prevpost {
	float: left;
}

.nextpost {
	float: right;
}

.edit-link {
	padding-left: 10px;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 1.6em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

/* Small menu. */
.menu-toggle,
.menu-toggle-top,
.menu-toggle-bottom,
.main-navigation.toggled ul {
	display: block;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.social:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
.clear {
	content: "";
	clear: both;
	display: block;
	float:none;
}
.menu-toggle-top:after,
.menu-toggle-top:before,
.menu-toggle-bottom:after,
.menu-toggle-bottom:before,
.menu-toggle:after,
.menu-toggle:before,
.news-widget:after,
.news-widget:before {
	content: "";
	clear: both;
	display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.tagcloud, #calendar_wrap, .textwidget {
	padding: 10px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.news-widget {
	text-align: left;

    padding-top: 5px !important;
	border-bottom: 1px solid #C0C0C0;
}

.news-widget-title {
	float: left;
	text-align: left;
	padding-left: 5px;
	width: 50%;
}

.news-widget a {
	font-size: 17px;
	font-family: 'Oswald', sans-serif;
	display: inline;
}

.news-widget-date {
	float:none;
	display: block;
	clear: both;
	text-align: right;
	bottom: 5px;
	position: relative;
	font-size: 12px;
    color: #bbb;
}

.widget_search {
	border: none !important;
	position: relative;
}

.widget_search .search-submit {
	position: absolute;
	right: 0px;
	top: 0px;
}

.widget_search .search-form .search-field{
	width: 82%; 
	margin: 0;
	padding: 5px 0 5px 5px;
	background: #FCCB05;
}

.search-form  {
	position: relative;
}

.search-form input{
	line-height: 22px;
}

.widget-title  {
    margin-bottom: 0;
}

.hr {
	border-top: 1px solid #3D3D3D;
}

.postpagination {
	border-top: 1px solid #3D3D3D;
	padding:10px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


#content main {
	float: right;
	width: 69%;
	padding: 0px 0 20px 0;

}

article , .entry-content{
    word-wrap: break-word;
}

article header,
article header h1, 
article header h2 {
	margin: 0;
	font-weight: 900;
    font-size: 20px;
    font-family: 'Fjalla One', sans-serif;	
}


article .fa {
   color: #555;
   padding: 3px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;

}

.no-results {
	padding: 10px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.posts-navigation {
	padding:10px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

#content aside {
	width: 28%;
	padding: 45px 0 0 0;
	float: left;
	word-wrap: break-word;
}

#content aside ul {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
}

aside ul ul li {
 	padding-left:5px;
}

#content {
	padding:  0 20px 0 20px;
	background: #222222;
	box-shadow: inset 0 0 0 #333333, inset 0 1px 84px #333333, inset 0 0 0 #333333;	
}

#content aside h2 {
    background: #A50000;
	background-image: url(img/back1.png);
	padding: 8px;
	color: #C0C0C0;
	font-size: 20px;
	font-family: 'Fjalla One', sans-serif;	
}

#content article   {
    border-top: 1px solid #3D3D3D;
    border-bottom: 1px solid #000000;
	padding: 40px 10px 10px 10px;
	min-height: auto;
    display: inline-block !important;
	width: 100%;
}

#content section, .widget-title {
    margin-top: 0;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
    background: #B7B7B7;
    box-shadow: inset 0 0 0 #333333, inset 0 1px 84px #333333, inset 0 0 0 #333333;
	padding: 10px;
	color: #B7B7B7;
	font-size: 11px;	
	text-align: center;
}

.site-footer ul {
    list-style-type: none;	
	padding: 0;
	text-align: left;
}

.site-footer ul li {
	margin-bottom: 5px;
}

.site-footer h2 {
	color: #DBDBDB;
	padding: 0;	
	margin-left: 15px;	
	text-align: left;	
}

.site-footer a {
	color: #DBDBDB;
	text-align: left;
}

.site-footer a:hover {
	color: #B7B7B7;
}

.footer-aside {
	list-style-type: none;

	width: 100%;
	margin: 0 auto;
}

.footer-sidebar {
	position: relative;
	vertical-align: top;
	width: 205px;
	overflow: hidden;
	word-wrap: break-word;
	margin-left: 20px;
	display: inline-block;
}

.footer-sidebar .calendar_wrap  table td, .footer-sidebar .calendar_wrap  table th, .footer-sidebar .calendar_wrap caption {
    color:#B7B7B7;
}

.footer-sidebar .widget {
	margin-top: 20px;
}
.footer-img {
	margin-bottom: 10px;
}

.footer-img ul ul li a{
	padding: 10px !important;
}

.site-info {
	text-align: center;
}

.site-footer .site-info a {
	color: #B7B7B7;
}

.site-footer .site-info a:hover {
	opacity: 0.7;

}

.entry-footer,
.entry-meta {
	font-size: 12px;
}

.entry-meta a, .entry-footer span {
	color: #919191;
}

.footer-center {
	margin: 0 auto;
    width: 100%;
	text-align:center;
}

.footer-widgets {
	vertical-align: top;
	width: 20.4%; 
	font-size: 13px;
	line-height: 20px;
	height: auto;
	text-align: left;
	word-wrap: break-word;
    margin: 0 auto;
	display: inline-block;
}

.footer-widgets a{
	color: #B5B5B5;
}

.footer-widgets  a:hover {
	color: #B7B7B7;
}

.footer-widgets  .widget-title {
	border: none;

}

.footer-widgets ul {
	list-style-type: none;
	padding: 5px 0 0 0;
	margin: 10px 10px 0 0;
}

.footer-widgets ul li{
    border-bottom: 1px solid #960000;	
	padding: 5px 0 5px 0;
}

.footer-widgets ul li a {
	width: 100%;
	
}

.footer-widgets h2{
	margin-top: 20px;
}

.footer-widgets .widget {
    margin: 0 2.5em 2.5em;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

.thumb-news {
	width: 120px;
	height: auto;
	float: left;
	padding: 5px;
	display: block;
    border: 1px solid #C0C0C0;
    margin-right: 5px;
	box-shadow: inset 0 0 0 #C0C0C0, inset 0 1px 84px #C0C0C0, inset 0 0 0 #C0C0C0;	
}

.thumb-news a img, .thumb-news a {
	margin: 0;
	padding: 0;
	display: block; 	
}

.tumb-dark {
	float: left;
	width: 200px;
	margin: 5px 15px 5px 0;
	display: inline-block;
	position: relative;
}

.tumb-dark img {
	height: 180px; 
	border: 1px solid #C1C1C1;
    padding: 4px;
    box-shadow: inset 0 0 0 #C0C0C0, inset 0 1px 84px #C0C0C0, inset 0 0 0 #C0C0C0;	
	position: relative;	
}	

.dark-logo {
	padding: 10px;
	max-height: 90%;
}



/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Media Screen
--------------------------------------------------------------*/

@media screen and (min-width: 42.5em) {
	.menu-toggle, .menu-toggle-top, .menu-toggle-bottom {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}

}

@media screen and (max-width: 50.5em) {
	.ads {
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}

}

@media screen and (max-width: 42.5em) {
	.menu li, .menu ul ul li, .menu ul  li a, .menu ul ul li a{
		display: block;
		width: 100%;
		float: none;
		clear: both;
		position: relative;
	}
	
	nav ul li a {
		color: #B7B7B7;
	}
	
	nav ul li:hover > ul {
		-webkit-animation-name: none !important;
		animation-name: none !important;
		-webkit-transform-origin: none !important;
		transform-origin: none !important;
	}
	
	.slick-prev {
	    left: -10px !important;
		top: 25%;
	}
	
	.slick-next{
		right: -10px !important;
		top: 25%;
	}
	
	#primary, body, #page, nav, .main-navigation, .dark-headline, .dark-headline h3, #content main, .content-area, main, #main, .site-main, section, article, aside, footer, header, form, #content aside, img, figure, .hentry{
		display: block;
		width: 100% !important;
		float: none;
		clear: both;
		position: static;
		margin: 0 auto !important;		
		padding: 0 !important;
	}	
	
	.search-field {
		width: 93% !important ;
	}
	
	nav {
		background: #000000;
	}
	
	.menu-toggle, .menu-toggle-top, .menu-toggle-bottom {
		background: #333;
		color: #B7B7B7;
		font-size: 24px;
		border: none;
	}
	
	.menu-toggle ul, .menu-toggle-top ul, .menu-toggle-bottom ul {
	    display: block;
	    position: static;
	}
	
	footer .footer-widgets {
		width: 50%;
		margin: 0 auto;
		float: none;
		clear: both;
		text-align: center;
		height: auto;
	}
	
	.slick-slide{
		padding: 0;	
	}
	
	.container-slider h3 {
		font-size: 8px;
	}
	
	.autoplay div img {
		width: 50px;
		height: 30px;
	}
	
	.comment-author img {
			max-width: 50px;
			max-height: 30px;
	}	
	
	.social .dark-contacts, .social  .fa-icons, .social{
		display: block;
		clear: both;
		float: none;
		width: 100%;
		position: static;
		text-align: center;
		margin: 0 auto;
		height: 100%;
		padding: 0;
	}
	
	header .site-branding .site-title  a {
		font-size: 30px !important;

	}
	 
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		padding: 30px !important;
	}
	
	.main-navigation ul ul, .main-navigation ul ul ul , .main-navigation ul ul li {
		display: block;
		position: relative;
		float:none;
		position: static;
		clear: both;
	}
	
	.search-form {
		margin-top: 10px !important;
	}
	
}

@media screen and (max-width: 66.5em) {
	.ads-header, .footer-ads  {
		display: block;
		float: none;
		clear: both;
		position: static;
		max-width: 728px;
		margin-left: 0 auto;
		margin-right: 0 auto;
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	.ads-header img {
			overflow: hidden;
	}

	header .site-branding  {
		word-wrap: break-word !important;
		max-width: 100% !important;
		text-align: center;
		margin: 0 auto;
		float: none;

	}
	
	.dark-cart, header .site-branding .site-description {
		position: static !important; 
		width: 100%;
		text-align: center;
	}
	
}