/*
Theme Name: Wrock Metro Pro
Theme URI: https://www.insertcart.com/product/wrock-metro/
Description: Wrock Metro Theme is WordPress metro style magazine theme With full features Responsive & SEO Optmize theme easly adapts on your mobile and desktop or any other device. Theme with lots of customization and connect social media Adsense ready It supports all the awesome WordPress features
Version: 4.1
Author: Insertcart.com
Author URI: https://www.insertcart.com
Tags: custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready
Text Domain: wrockmetro
License: GNU General Public License v2
License URI: license.txt
Copyright (C) 2020 Baztro, This program is distributed free, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.You should have received a copy of the GNU General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.

Wrock Metro WordPress theme, Copyright (C) 2020 Baztro
Wrock Metro WordPress theme is licensed under the GPL.
**/

/*===================== reset =====================**/
.clearfix:after { 
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
article{
	display: block;
}
iframe{max-width:100%;}

/*===================== general ===================== */
@media only screen and (min-width: 64em) { 
.wp-pagenavi .page-numbers,
.wp-pagenavi span.pages{
    display: none;} 
#pagenavi span.current,
a.prev.page-numbers,a.next.page-numbers {
    display: inline-block;
}}
nav.topnavi.top-bar ul.title-area.right{
	    max-height: 2.8rem;
}
body{
	font: 500 16px/28px 'Monda', sans-serif;
	color: #555;
	text-align: left;
	word-wrap: break-word;
	margin: 0;
}
.wrapper {
	max-width: 1292px;
	margin: 0 auto;
    width: 95%;
}
a {
	color: #2D89A7;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#359BED;
}
h2 a {
	color: #555;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0; 
	margin: 0; 
	color: #555;
	font-weight: normal;
	font-family: 'Monda', sans-serif;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 12px;
	line-height: 12px;
}
h6 {
	font-size: 12px;
	line-height: 12px;
}
hr {
	display: none;
}
code {
	color: #5886a3;
}small {
	font-size: 11px;
	line-height: 10px;
}
blockquote {display: block;
margin: 20px 0;
padding: 0 0 0 25px;
clear: both;
border-left: 5px solid; }
blockquote.pullquote, blockquote.pullquoteleft {
	font-size: 2em;
	line-height: 1em;
	font-style: italic;
	width: 200px;
	color: #a1a1a1;
	background-image: none;
}
blockquote.pullquote {
	margin: 0 0 0 30px;
	border-left: 5px solid #eee;
	padding: 10px 0 10px 30px;
}
blockquote.pullquoteleft {
	margin: 0 30px 0 0;
	border-right: 5px solid #eee;
	padding: 10px 30px 10px 0;
	text-align: right;
}
table {
	margin: 0;
}
.hentry {
	padding: 10px 0;
}
.list_inline li {
	display: inline;
	margin: 0 5px 0 0;
	list-style: none;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.dropcap {
	font-size: 270%;
	line-height: 100%;
	font-weight: bold;
	float: left;
	padding-top: 0;
	padding-right: 5px;
}
.highlight {
background: #ffff66;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
}
div.gap {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -22px;
}
.transparent_class {
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.widget{
	clear:both;
}
/*==========Navigation Menus==========*/
.topnavi .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),
.topnavi .top-bar-section li:not(.has-form) a:not(.button),
.topnavi{
    background: #008CBA;}
.top-bar .toggle-topbar.menu-icon i.fa.fa-bars{
    font-size: 1.4rem;
    padding: 0px 0px 0px 10px;
}
.top-bar .toggle-topbar.menu-icon a{
    font-size: 1.2rem;
}
.topnavi .top-bar-section ul.top-bar-menu li.current_page_item a,
.topnavi .top-bar-section li:not(.has-form) a:not(.button):hover,
.topnavi .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){
    background-color: #359bed ;
    background: #61b6d9 ;
}
.mainnavi .top-bar-section ul.top-bar-menu li.current_page_item a,
.mainnavi .top-bar-section li.active:not(.has-form) a:not(.button),
.mainnavi .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button),
.mainnavi .top-bar-section li:not(.has-form) a:not(.button):hover{
background-color: #359BED;
    background: #359BED;
}

/*==========Author Information==========*/

h1.page-title.titlepage .vcard {
		border: none;
		margin: 0;
		padding: 0;
	
}
#author-bio {
	border-bottom: 2px solid #2693BA;
	border-top: 2px solid #2693BA;
	min-height: 120px;
	margin-top: 30px;
	width: 100%;
	padding: 5px;
}
#author-bio img {
	float: left;
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 3px 15px 0 0;
}
#author-bio h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
#author-bio h4 {
	font-size: 12px;
	margin: 0 0 3px 0;
}
.avatar {
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-o-border-radius: 45px;
	-ms-border-radius: 45px;
-khtml-border-radius: 45px;
}
div .plusone, .twitter, .fb-like {
	font-size: 1px;
	display: inline-block;
}
div .fb_reset {
	display: inline;
}
/* ===================== shortcodes/framework fluid width ===================== */
.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 4%;
}
.first {
	margin-left: 0; /* the first left column */
}
.last {
	margin-right: 0;
	clear: right; /* the last right column */
}
/* ===================== images ===================== */
img, img a {
	border: none;
	vertical-align: middle;
	width: auto;
	height: auto;
}
.alignleft {
	float: left;
	margin: 0 15px 5px 0;
	display: inline;
}
.alignright {
	float: right;
	margin: 0 0 5px 15px;
	display: inline;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption, .imgthumb, .entry img {
	max-width: 100%;
	text-align: center;
	height: auto;
}
.wp-caption img {
	background: #f9f9f9;
	width: auto;
	padding: 9px 8px 4px 10px;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.post_image {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 12px;
	text-align: center; 
	border: 1px solid #dedede;
	padding: 20px;
	padding-bottom: 15px;
}
.post_image img {
	border: 1px solid #888;
	margin: auto;
}
.post_image .wp-caption {
	overflow: hidden;
}
.post_image .wp-caption img {
	background: none; float: left;
}
.post_image p.wp-caption-text {
	clear: left;
	border-top: none;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	color: #555;
}
.special img, .special img a {
	border: 5px solid #ccc;
	vertical-align: bottom;
}


/* ===================== layout ===================== */
#header {
	min-height: 110px;
	background: transparent;
	position: relative;
	margin: 0 auto;
}
#header-inner {
	margin: auto;
	width: 100%;
	position: relative;
}
#header #logo {
	margin-top: 3%;
    margin-bottom: 3%;
}
#header #logo img {
	margin-left: 0;
}
p.site-title {
    margin-bottom: 0px;
}
p.site-title a,
h1.site-title
{
	font-size: 1.7rem;
	    padding: 0px 0px;
    margin-bottom: 0;
}
#single-nav {
clear: both;
}
#single-nav  #single-nav-left{
	float:left;
	padding: 5px;
	font-weight: bold;
	width: 46%;
	line-height: 1.3;
}
#single-nav  #single-nav-right{
	padding: 5px;
	font-weight: bold;
	float:right;
	width: 46%;
	line-height: 1.3;
	  text-align: right;
	
}

.row{
max-width:100%;
}
#page {
	padding-bottom: 10px;
	margin-top: 10px;
	position: relative;
	z-index: 1;
	clear: both;
	margin-left: -12px;
    margin-right: -12px;
}
.lessmargin{
	margin-left: -12px;
    margin-right: -12px;
}
#page-inner {
	margin: 0 auto;
	width: 98%;
	position: relative;
	
}
.large-6.columns.asidelogo, div#banner-top {
    margin-bottom: 3.5%;
    margin-top: 2%;
}
div#banner-top{
	margin: 0 auto;
	margin-top: 20px;
    margin-bottom: 20px;
}
#pagecont {
	width: 50%;
	float: left;
	margin-right: 2.5%;
}
.pagepost {
float: left;
max-width: 99%;
}
.large-8.columns p {
    padding: 0px 0px ;
}
.entry-title{
padding-bottom: 12px;
}


/* ===================== searchform ===================== */

@media only screen and (max-width: 40em) { 
li.name #searchform, li.name #searchform div{
    visibility: hidden;
}
.post .thumbnail img{
    padding-bottom: 5px !important;
    display: block !important;
    margin: 0 auto;
    width: auto !important;
}
}

li.name #searchform, li.name #searchform div{
margin-top: 0px;
}
li.name #searchsubmit{
margin-top: -16px;
}
li.name form#searchform input#s{
    margin-top: 3px;
}

#search {
	width: auto;
	height: 30px;
	float: right;
	display: inline;
}
#s {
	background: #fff;
	border: 1px solid #ddd;
	color: #555;
	font-size: 100%;
	top: 0;
	height: 35px;
}
#searchform {
	margin-top: 30px;
}
#searchform, #searchform div {
	position: relative;
}
#searchsubmit {
	cursor: pointer;
    height: 37px;
    width: 40px;
    border: none;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: #359BED;
    font-weight: bold;
    color: #FFF;
}
form#searchform input#s {
    padding: 0px 0px 0px 9px;
    width: 70%;
    height: 38px;
    float: left;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#searchform label {
	position:absolute;
	top:-1500px;
    left:-1500px;
	}
/* ===================== breadcrumbs  ===================== */
#crumbs {
	font-size: 12px;
	font-weight: 600;
	color: #777;
	margin: 3px 0px 10px 0px;
	padding: 5px;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #ddd;
}
/* ===================== content  ===================== */
.post {
	width: 100%;
	float: left;
}
.thumbnail {
	width: 100%;
}
.post .thumbnail img {
	background: #fff;
	padding: 0;
	width: 100%;
}
article > .large-4.columns{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.post h1 a {
	color: #000;
	margin-bottom: 10px;
	font-style: normal;
	text-decoration: none;
}

/*============Post Table===============*/
#pagecont table {
width: 95%;
color: #666;
font-size: 12px;
text-shadow: 1px 1px 0px #FFF;
background: #EAEBEC;
margin: 20px;
border: #CCC 1px solid;
}
#pagecont table tr {
text-align: center;
padding-left: 20px;
}
#pagecont table th {
padding: 9px 15px 9px 25px;
background: #2693BA;
font-size: 20px;
color: #FFF;
text-shadow: none;
text-align: left;
}
#pagecont table tr td {
padding: 6px 15px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #E0E0E0;
background: #fff
}
#content table {
width: 95%;
color: #666;
border-collapse: collapse;
font-size: 12px;
text-shadow: 1px 1px 0px #FFF;
background: #EAEBEC;
margin: 20px;
border: #CCC 1px solid;
}
#content table tr {
text-align: center;
padding-left: 20px;
}
#content table th {
padding: 2px;
background: #FD4326;
color: #FFF;
text-shadow: none;
text-align: left;
}
#content table tr td {
text-align: center;
padding: 2px;
vertical-align: middle;
border: 1px solid #000;
}
table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 10px;
}
caption, th, td { 
	text-align: left;
	font-weight: normal;
}
tbody{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.entry {
	padding-top: 12px
}
.entry a {
	text-decoration: underline;
}
.entry a:hover {
	text-decoration: none;
}
.entry ul, .entry ol {
	padding: 9px 40px;
}
#nav-below {
	margin: 0 0 20px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

header.page-header{
    border: 1px solid;
    padding: 10px;
    border-color: #ddd;
    background: #FBFBFB;
    margin-bottom: 10px;
}	
/* ===================== content / postinfo ===================== */
span.author.vcard span.fn{
    font-weight: normal;
	font-size: 0.789rem;
	}
span.author.vcard{
    border: 0;
    margin: 0;
    padding: 0;
}
.postmeta_box {
	padding:3px;
	margin:4px 0;
	height:auto;
	font-size: 0.789rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
	border-color: #ddd;
	float: left;
	width: 100%;
	display: inline;
	color: #888;
	padding-right: 10px;
}
.postmeta li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: #abcf73;
	color: #fff;
	padding: 1px 3px;
}
.postmeta li a {
	text-decoration: none;
	color: #fff;
}
.postmeta li a:hover {
	text-decoration: underline;
}

.tagcloud a:hover {
	color:#333333;
	}
.tagcloud a {
background: #359BED;
color: #FFFFFF;
display: block;
float: left;
line-height: 12px;
margin: 0 2px 2px 0;
padding: 8px 10px;
font-size: 14px !important;
}
.comp::before{
	content: "\f27b";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.post-edit-link::before{
	content: "\f044";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.tags a::before{
content: "\f02b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;}
.authmt::before,
.auth::before{
	content: "\f017";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 3px;
}
.postcateg a::before{
	content: "\f009";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.author::before{
	content: "\f007";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.postmeta_bottom li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: transparent;
	color: #777;
}
.postmeta_bottom li a {
	text-decoration: none;
	color: #777;
}
.postmeta_bottom li a:hover {
	text-decoration: underline;
}
.postmeta-top-single {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 40px;
}
.readmore {
background: #359BED;
cursor: pointer;
padding: 7px 11px 7px 11px;
float: right;
color: #FFF;
} 
.readmore:hover {
	opacity: 0.5;
}
.postmeta-fullsize {
	float: right;
	display: inline;
	color: #888;
	font-size: 90%;
	font-style: italic;
}
/* ===================== sidebar ===================== */
/*#sidebar {
	width: 22%;
	margin: 0;
	float: left;
	display: inline;
	margin-right: 3%;
	min-width: 15%;
	overflow: hidden;
}*/
div#sidebar {
    margin-top: -10px;
}
#sidebar .home-icon{display:none;}
#sidebar .box {
	padding: 0;
	margin: 0 0 20px;
}
#sidebar .boxinside {
	padding: 0px;
	clear: both;
}
#sidebar select {
width: 180px;
height: 25px;}

/*#sidebar2 {
	width: 22%;
	float: left;
	display: inline;
	min-width: 15%;
	overflow: hidden;
}*/
div#TopMenuSocial {
    display: block;
    position: relative;
    float: none;
}
.socialetsy,
.socialfb,
.socialtw,
.socialgp,
.socialrss,
.socialpin,
.socialinstagram,
.socialyt {
    float: left;
}
.socialetsy a,
.socialpin a,
.socialinstagram a,
.socialfb a,
.socialrss a,
.socialgp a,
.socialtw a,
.socialyt a {
    display: inline-block;
    font-size: 1.6rem;
}
.socialfb a{
	background: #f3f3f3;
    padding: 8px;
    width: 40px;
    height: 40px;
    text-align: center;
	border-radius: 3px;
	margin: 4px;
}
.fa.fa-adn {
	color: #4a484c;
  }
  .fa.fa-amazon {
	color: #ff9900;
  }
  .fa.fa-android {
	color: #a4c639;
  }
  .fa.fa-angellist {
	color: #000000;
  }
  .fa.fa-apple {
	color: #979797;
  }
  .fa.fa-behance {
	color: #1769ff;
  }
  .fa.fa-behance-square {
	color: #1769ff;
  }
  .fa.fa-bitbucket {
	color: #205081;
  }
  .fa.fa-bitbucket-square {
	color: #205081;
  }
  .fa.fa-bitcoin {
	color: #ee9209;
  }
  .fa.fa-black-tie {
	color: #222222;
  }
  .fa.fa-btc {
	color: #ee9209;
  }
  .fa.fa-buysellads {
	color: #c90100;
  }
  .fa.fa-cc-amex {
	color: #007bc1;
  }
  .fa.fa-cc-diners-club {
	color: #004a97;
  }
  .fa.fa-cc-discover {
	color: #f68121;
  }
  .fa.fa-cc-jcb {
	color: #003a8f;
  }
  .fa.fa-cc-mastercard {
	color: #0a3a82;
  }
  .fa.fa-cc-paypal {
	color: #253b80;
  }
  .fa.fa-cc-stripe {
	color: #00afe1;
  }
  .fa.fa-cc-visa {
	color: #0157a2;
  }
  .fa.fa-chrome {
	color: #4587f3;
  }
  .fa.fa-codepen {
	color: #000000;
  }
  .fa.fa-connectdevelop {
	color: #391448;
  }
  .fa.fa-contao {
	color: #eb8623;
  }
  .fa.fa-creative-commons {
	color: #231f20;
  }
  .fa.fa-css3 {
	color: #1680c0;
  }
  .fa.fa-dashcube {
	color: #7f7f7f;
  }
  .fa.fa-delicious {
	color: #3399ff;
  }
  .fa.fa-deviantart {
	color: #4e6252;
  }
  .fa.fa-digg {
	color: #000000;
  }
  .fa.fa-dribbble {
	color: #444444;
  }
  .fa.fa-dropbox {
	color: #007ee5;
  }
  .fa.fa-drupal {
	color: #0077c0;
  }
  .fa.fa-empire {
	color: #000000;
  }
  .fa.fa-expeditedssl {
	color: #343433;
  }
  .fa.fa-facebook {
	color: #3b5998;
  }
  .fa.fa-facebook-official {
	color: #3b5998;
  }
  .fa.fa-facebook-square {
	color: #3b5998;
  }
  .fa.fa-firefox {
	color: #e66000;
  }
  .fa.fa-flickr {
	color: #ff0084;
  }
  .fa.fa-fonticons {
	color: #1c1e29;
  }
  .fa.fa-forumbee {
	color: #83ad13;
  }
  .fa.fa-foursquare {
	color: #0072b1;
  }
  .fa.fa-ge {
	color: #000000;
  }
  .fa.fa-get-pocket {
	color: #d3505a;
  }
  .fa.fa-gg {
	color: #000000;
  }
  .fa.fa-gg-circle {
	color: #000000;
  }
  .fa.fa-git {
	color: #333333;
  }
  .fa.fa-git-square {
	color: #333333;
  }
  .fa.fa-github {
	color: #333333;
  }
  .fa.fa-github-alt {
	color: #333333;
  }
  .fa.fa-github-square {
	color: #333333;
  }
  .fa.fa-gittip {
	color: #663300;
  }
  .fa.fa-google {
	color: #4285f4;
  }
  .fa.fa-google-plus {
	color: #dd4b39;
  }
  .fa.fa-google-plus-square {
	color: #dd4b39;
  }
  .fa.fa-google-wallet {
	color: #4285f4;
  }
  .fa.fa-hacker-news {
	color: #ff6600;
  }
  .fa.fa-houzz {
	color: #7ac142;
  }
  .fa.fa-html5 {
	color: #e34f26;
  }
  .fa.fa-instagram {
	color: #3f729b;
  }
  .fa.fa-internet-explorer {
	color: #1ebbee;
  }
  .fa.fa-ioxhost {
	color: #faa729;
  }
  .fa.fa-joomla {
	color: #142849;
  }
  .fa.fa-jsfiddle {
	color: #4679bd;
  }
  .fa.fa-lastfm {
	color: #c3000d;
  }
  .fa.fa-lastfm-square {
	color: #c3000d;
  }
  .fa.fa-leanpub {
	color: #0c0c0c;
  }
  .fa.fa-linkedin {
	color: #0976b4;
  }
  .fa.fa-linkedin-square {
	color: #0976b4;
  }
  .fa.fa-linux {
	color: #333333;
  }
  .fa.fa-maxcdn {
	color: #ff6600;
  }
  .fa.fa-meanpath {
	color: #538ed7;
  }
  .fa.fa-medium {
	color: #000000;
  }
  .fa.fa-odnoklassniki {
	color: #ed812b;
  }
  .fa.fa-odnoklassniki-square {
	color: #ed812b;
  }
  .fa.fa-opencart {
	color: #2ac2ef;
  }
  .fa.fa-openid {
	color: #f78c40;
  }
  .fa.fa-opera {
	color: #cc0f16;
  }
  .fa.fa-optin-monster {
	color: #83c11f;
  }
  .fa.fa-pagelines {
	color: #000000;
  }
  .fa.fa-paypal {
	color: #253b80;
  }
  .fa.fa-pied-piper {
	color: #2f9f46;
  }
  .fa.fa-pied-piper-alt {
	color: #2f9f46;
  }
  .fa.fa-pied-piper-square {
	color: #2f9f46;
  }
  .fa.fa-pinterest {
	color: #cc2127;
  }
  .fa.fa-pinterest-p {
	color: #cc2127;
  }
  .fa.fa-pinterest-square {
	color: #cc2127;
  }
  .fa.fa-qq {
	color: #000000;
  }
  .fa.fa-ra {
	color: #000000;
  }
  .fa.fa-rebel {
	color: #000000;
  }
  .fa.fa-reddit {
	color: #ff4500;
  }
  .fa.fa-reddit-square {
	color: #ff4500;
  }
  .fa.fa-renren {
	color: #005eac;
  }
  .fa.fa-safari {
	color: #1b88ca;
  }
  .fa.fa-sellsy {
	color: #1f78b9;
  }
  .fa.fa-share-alt {
	color: #01bf01;
  }
  .fa.fa-share-alt-square {
	color: #01bf01;
  }
  .fa.fa-shirtsinbulk {
	color: #dd3a26;
  }
  .fa.fa-simplybuilt {
	color: #000000;
  }
  .fa.fa-skyatlas {
	color: #00adbb;
  }
  .fa.fa-skype {
	color: #00aff0;
  }
  .fa.fa-slack {
	color: #0f7965;
  }
  .fa.fa-slideshare {
	color: #e98325;
  }
  .fa.fa-soundcloud {
	color: #ff8800;
  }
  .fa.fa-spotify {
	color: #7ab800;
  }
  .fa.fa-stack-exchange {
	color: #000000;
  }
  .fa.fa-stack-overflow {
	color: #fe7a15;
  }
  .fa.fa-steam {
	color: #0b0b0b;
  }
  .fa.fa-steam-square {
	color: #0b0b0b;
  }
  .fa.fa-stumbleupon {
	color: #eb4924;
  }
  .fa.fa-stumbleupon-circle {
	color: #eb4924;
  }
  .fa.fa-tencent-weibo {
	color: #74af2c;
  }
  .fa.fa-trello {
	color: #256a92;
  }
  .fa.fa-tripadvisor {
	color: #589442;
  }
  .fa.fa-tumblr {
	color: #35465c;
  }
  .fa.fa-tumblr-square {
	color: #35465c;
  }
  .fa.fa-twitch {
	color: #6441a5;
  }
  .fa.fa-twitter {
	color: #55acee;
  }
  .fa.fa-twitter-square {
	color: #55acee;
  }
  .fa.fa-viacoin {
	color: #333333;
  }
  .fa.fa-vimeo {
	color: #1ab7ea;
  }
  .fa.fa-vimeo-square {
	color: #1ab7ea;
  }
  .fa.fa-vine {
	color: #00b488;
  }
  .fa.fa-vk {
	color: #45668e;
  }
  .fa.fa-wechat {
	color: #93d034;
  }
  .fa.fa-weibo {
	color: #e71d34;
  }
  .fa.fa-weixin {
	color: #93d034;
  }
  .fa.fa-wikipedia-w {
	color: #000000;
  }
  .fa.fa-windows {
	color: #00bcf2;
  }
  .fa.fa-wordpress {
	color: #21759b;
  }
  .fa.fa-xing {
	color: #026466;
  }
  .fa.fa-xing-square {
	color: #026466;
  }
  .fa.fa-y-combinator {
	color: #f0652f;
  }
  .fa.fa-yc {
	color: #f0652f;
  }
  .fa.fa-yahoo {
	color: #400191;
  }
  .fa.fa-yelp {
	color: #af0606;
  }
  .fa.fa-youtube {
	color: #e52d27;
  }
  .fa.fa-youtube-play {
	color: #e52d27;
  }
  .fa.fa-youtube-square {
	color: #e52d27;
  }
#sidebar2 .box {
	padding: 0;
	margin: 0 0 20px;
}
#sidebar2 .boxinside {
	padding: 0px;
	clear: both;
}
#sidebar2 #social {
	margin: 10px;
}
#sidebar2 #share {
	margin-bottom: 14px;
}
#sidebar2 #share img {
	margin-top: 8px;
	border: none;
	-webkit-transform: perspective(200px) rotateY(35deg);
	-moz-transform: perspective(200px) rotateY(35deg);
}
#sidebar2 #share img:hover {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-transform: perspective(200px) rotateY(0deg);
	-moz-transform: perspective(200px) rotateY(0deg);
}
#sidebar2 select {
width: 180px;
height: 25px;}
#sidebar ul {
	padding: 0 0 0px 18px;
	margin: 0;
	overflow: hidden;
}
#sidebar ul li {
}
#sidebar ul li :hover {
}
#sidebar ul li li {
	border-bottom: none;
	}
h4.widgettitle,
#sidebar h4, #sidebar h4 a {
	margin: 10px 0 10px;
	text-transform:capitalize;
	color: white;
	padding: 12px;
	background: #2693ba;
}
#sidebar h4 a:hover {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
	text-decoration: none;
}
#sidebar2 ul {
	padding: 0 0 0px 18px;
	overflow: hidden;
}
#sidebar2 ul li {
}
#sidebar2 ul li :hover { 
}
#sidebar2 ul li li {
	border-bottom: none;

}
#sidebar2 h4, #sidebar2 h4 a {
	margin: 0 0 10px;
	text-transform:capitalize;
	color: white;
	padding: 4%;
    background: #359bed;
    font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #6b6d6e;
}
#sidebar2 h4 a:hover {
	text-decoration: none;
}
#sidebar2 a:hover {
	text-decoration: none;
}
#twitter h4, #twitter h4 a {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	font-weight: normal;
}
#ads {
	padding: 5px 0 0 13px;
	width: 270px;
}
#ads ul {
	list-style: none;
	overflow: hidden;
}
#ads ul li {
	float: left;
}
#ads ul li a {
	float: left;
	display: block;
	height: 135px;
	width: 135px;
}
#ads ul li a img {
	margin: 0 7px 10px 0;
}
#ads ul li.wide a {
	width: 260px;
	height: 130px;
	margin-right: 0;
}
#ads ul li {
	border-bottom: 0;
}
#ads ul li li {
	border-bottom: 0;
}
.latest-post {
	margin-bottom: 2px;
	list-style: none;
}
.latest-post a {
	float: none;
    font-size: 0.9rem;
    font-weight: bold;
}
.latest-post img {
	float: left;
	margin: 2px 12px 4px 0;
    height: 60px;
    width: 65px;
    margin: 2px 10px 4px 0;
}
.latest-post .clear {
	clear: both;
}
ul.tabs.wc-tabs {
    border: none;
}
/* ===================== bottom-menu ===================== */
#footerhorizontal ul {margin: 5px; padding: 0; 
	list-style-type: none; list-style-image: none; }
#footerhorizontal li {display: inline; }
#footerhorizontal ul li a {text-decoration:none;margin: 4px;font-size: 0.8rem;}
#footerhorizontal li::after{content: "\007c";}
 #footerwid{
	padding:30px;
}
#bottom-menu {
z-index: 1;
list-style-type: none;
margin: 0 auto;
padding-bottom: 50px;
padding-top: 50px;
width: 100%;
overflow: hidden;
background: #2C343F;
color: #DADADA;
}
#bottom-menu-inner {
	margin: auto;
	width: auto;
	width: 97%;
	position: relative;
}
#bottom-menu a {
	text-decoration: none;
	color:#fff;
}
#bottom-menu a:hover {
	color: #F03E3E;
text-decoration: none;
}
#bottom-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#bottom-menu ul li a {
}
#bottom-menu ul li li {
	padding-left: 10px;
	border-bottom: none;
}
#bottom-menu h4 {
margin: 0 0 10px;
line-height: 22px;
font-weight: bold;
color: #359BED;
margin-bottom: 15px;
font-size: 18px;
}
#bottom-menu table a,
#bottom-menu caption,#bottom-menu tbody td, #bottom-menu tbody th{
color: #828181;
}
/*
#bottom-menu-1 {
	width: 22%;
	margin: 0 2%;
	float: left;
	display: inline;
	overflow: hidden;
}
#bottom-menu-2 {
	width: 22%;
	margin: 0 2%;
	float: left;
	display: inline;
	overflow: hidden;
}
#bottom-menu-3 {
	width: 22%;
	margin: 0 2%;
	float: left;
	overflow: hidden;
	display: inline;
}
#bottom-menu-4 {
	width: 22%;
	float: left;
	display: inline;
	overflow: hidden;
}*/
/* ===================== footer ===================== */
#footer {
	margin: 0 auto;
	z-index: 1;
	list-style-type: none;
	border-top: 1px solid #333;
background: rgba(198, 207, 198, 0.22);
}
#footer-inner {
margin: auto;
width: auto;
position: relative;
text-align: center;
font-size: 15px;
padding: 1%;
}
#footer-left, #footer-right {
	font-size: 14px;
}
#footer-left {
	float: left;
	width: 50%;
}
#footer-right {
	float: right;
	text-align: right;
	width: 28%;
}
#footer-left p, #footer-right p {
	padding: 0 40px;
}
#footer-left a, #footer-right a {
	font-weight: bold;
}
#footer-left, #footer-left a, #footer-right, #footer-right a {
	text-decoration: none;
}
/* ===================== pagenavi ===================== */
#pagenavi {
	text-align:left;
	height:0px;
	font-weight:bold;
	line-height:24px;
	padding-top: 25px;
	padding-bottom: 20px;
	display: inline-block;
}
#pagenavi a {
	padding: 5px 14px 5px 14px;
	margin: 2px;
    text-decoration: none;
	color: #fff;
	line-height:24px;
	border-radius: 3px;
	font-size: 1rem;
	display: inline-block;
	background-color: #359BED;
}
#pagenavi span {
	padding: 5px 14px 5px 14px;
	text-decoration: none;
	font-size: 1rem;
	color: #ffffff;
	display: inline-block;
	line-height:24px;
	border-radius: 3px;
	background-color: #359BED;
}
#pagenavi a:hover, #pagenavi span.current {
	color:#fff;
	background-color: #333;
	text-decoration: none;
}
#pagenavi span.current {
	padding: 5px 14px 5px 14px;
	margin: 2px;
	line-height:25px;
	font-size: 1rem;
	border-radius: 3px;
	font-weight: bold;
	color: #fff;
}
/* ===================== Scroll to top ===================== */
.scrollup{
    background: none repeat scroll 0% 0% #f04124;
    padding: 6px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 4px #e5e3e3;
    width: 40px;
    color: #FFF;
    text-align: center;
    float: left;
    position: fixed;
    bottom: 2%;
    z-index: 34;
    right: 4%;
}
.scrollup:hover{
	text-decoration:none;
	opacity: 0.5;
	color: #fff;
	}
#widflot{
    position:fixed;
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    background:#2C343F;
	z-index: 10;
	padding: 0 40px;
}
/* Für ie6*/
* html #widflot{
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}	
.kon{margin-top: 5px;}
/* ===================== calendar ===================== */
/*#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tbody td#today{background: none repeat scroll 0% 0% #2D89A7;color: #fff;}

table#wp-calendar {
	width: 100%;
	text-transform: none;
	padding-top: 0;
	margin-top: 0;
}
table#wp-calendar caption {
	padding: 0 10px 10px;
}
table#wp-calendar th {
	padding: 0;
	text-align: center;
}
table#wp-calendar td {
	padding: 0;
	text-align: center;
}*/
/* ===================== comments ===================== */
cite.fn {
    font-style: normal;
}
div.comment-body {
    border: 1px solid #ddd;
    margin: 6px;
    padding: 10px;
    box-shadow: 2px 1px 5px #ddd;
}
.comment-author.vcard {
    float: left;
}
div.comment-body p {
    clear: both;
    padding: 10px;
    border-top: 1px solid#ddd;
}
ol.comment-list{
	margin-left: 0;
}
.comment-meta.commentmetadata {
	float: right;
	font-size: 12px;
    line-height: 2.6;
}
a.comment-reply-link::before{
    content: "\f112";
	font-family:FontAwesome;
	    padding: 4px;
}
.comment-author.vcard{
    border: 0;
    margin: 0;
    padding: 0;
}
ol.comment-list, ol.children {
    list-style: none;
}
.comment-author.vcard img {
    width: 45px;
}
p.form-submit{
    clear: both;
}
.row.collapse > .column, .row.collapse > .columns{
    padding-left: 0;
    padding-right: 0;
	float: left;
	position: relative;
}
.small-3{
	    width: 25%;
}
.small-9{
	    width: 75%;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child{
float:right;
}
.prefix, .postfix{
border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875rem;
    height: 2.4125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
	}
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}	
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="tel"], input[type="time"], input[type="url"], textarea{       border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.4rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%; 
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
	}
#comment .row{
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
	}
#commentform i.fa {
    padding: 5px;
}	
.column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}
.row:before, .row:after {
    content: " ";
    display: table;
}	
#commentform > p.comment-form-comment > label:before {
 content: "\f0e5";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 5px;
	color: #9B9B9B;
	font-size: 1rem;   
}
#commentform > p.comment-form-comment > label {
    display: block;
    margin-bottom: 0.88889rem;
    padding: 0.33333rem 0.5rem 0.5rem;
    position: relative;
    bottom: -14px;
    clear: both;
    background: #f2f2f2;
    border: 1px solid;
    color: #333333;
    border-color: #cccccc;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0;
	}
	
.comments {
	margin: 10px 0;
}
.comments h3 {
	margin:84px 0 30px 0;
	font-size:24px;
	font-weight: bold;
	text-transform: capitalize;
}
ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}
ol.commentlist li.comment {
	border: 1px solid #ddd;
	padding:1em;
	margin-bottom: 10px;
}
ol.commentlist li div.vcard {
	font-size:18px;
}
ol.commentlist li div.vcard cite.fn {
	font-style:normal;
	padding: 9px;
}
ol.commentlist li div.vcard img.avatar {
	border:2px solid #ccc;
	float:left;
	margin:0 1em 1em 0;
}
ol.commentlist li div.comment-meta {
	font-size:9px;
	margin-bottom: 10px;
}
ol.commentlist li div.comment-meta a {
	color: #aaa;
}
ol.commentlist li p {
	margin: 0;
}
ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em 2em;
}
.commentlist .bypostauthor {
}
ol.commentlist li div.reply {
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
	font-family: sans-serif;
	display: inline-block;
	line-height: 2.1em!important;
	cursor: pointer;
	padding: .25em .5em;
	margin: -3px 1.6em 7px;
	background:#418cd1;
}
ol.commentlist li div.reply a {
	font-weight:bold;
	color: #FFF;
}
ol.commentlist li ul.children {
	list-style:none;
	margin:1em 0 0;
	text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-3 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em .25em;
}
ol.commentlist li.even {
	background:#fff;
    list-style: none;
}
ol.commentlist li.odd {
	background:#f5f5f5;
    list-style: none;
}
ol.commentlist li.pingback {
	border-bottom:1px dotted #676767;
	padding:1em;
}

#commentform #email:focus, #commentform #url:focus, #commentform #comment:focus {
	border: 1px solid #aaa;
}
textarea {
     height: auto;
}
#commentform small {
	line-height: 26px;
}
#commentform #submit{
	background: #418cd1;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	border: none;
	padding: 12px 16px;
	color: white;
	margin: 20px;
	
}
#commentform #submit:hover {
	text-decoration: none;
	opacity: 0.4;
	color:white;
}
#form-allowed-tags {
display:none;
}
/* ===================== css3/buttons ===================== */
.entry-attachment .attachment {
	overflow: hidden;
}
.entry-attachment .attachment p {
	text-align: center;
}
.entry-attachment .attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}

.entry-meta {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}

article.sticky {
	background: #f5f5f5;
	color:black;
	    position: relative;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
ol.commentlist li div.reply :hover{
	font-size:11px;
}
pre {
white-space: pre-wrap;
line-height: 1em;
margin: 15px -2px;
overflow: auto;
background: #F1F1F1;
padding: 12px;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 3;
-ms-word-break: normal;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
position: relative;
}
.page-links{
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	float: left;
}
/*--------------------------------------------------------------
# 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;
}


@media only screen and (max-width: 40em) { 
#single-nav #single-nav-right,
#single-nav #single-nav-left{width:100%;}
#page-inner,
.wrapper{width: 100% !important}

}